/*---------------------------------------------------------------------------
COMMON
----------------------------------------------------------------------------*/

body {
   padding:0;
   margin:0;
   font-size:9pt;
}

body, td, th {
   font-family: Verdana,Arial, sans-serif;
   font-size:9pt;
}

.small {
   font-size:0.8em;
}

.big {
   font-size:1.3em;
}

.grey {
   color:#787878;
}

.grey_small {
   color:#787878;
   font-size:0.8em;
}

h2 {
   margin:5px 0 5px 0;
   color:#0C85C1;
   font-size:1.3em;
}

.hr {
   margin:5px 0 5px 0;
   border-top:1px #0C85C1 dotted;
}

ul.n li {
   margin-left:20px;
   padding:0;
}

/*---------------------------------------------------------------------------
LINKS
----------------------------------------------------------------------------*/
a {
   color: #0C85C1;
   text-decoration:none;
}

a:hover {
   text-decoration: underline;
   color: #00CC33;
}


/*---------------------------------------------------------------------------
FORMS
----------------------------------------------------------------------------*/
form {
   margin:0;
   padding:0;
}

fieldset {
   border: 1px solid #BBC3D3;
}


.button  {
   color: #666666;
   border: 1px solid #BBC3D3;
   font-weight:bold;
}

.optionblank {
   color: #003300;
   border: 1px solid #FFFFFF;
}

textarea {
   color: #003300;
   padding:1px 4px 1px 4px;
}

.checkbx  {
   color: #316563;
   border: 1px solid #316563;
}

.list li {
   margin-bottom:10px;
}


/*---------------------------------------------------------------------------
WIDTH's, BORDER's, SPACER's, ALIGN's
----------------------------------------------------------------------------*/
.clear {  font-size:0; line-height:0; width:0; height:0; clear:both; }
.spacer_1 { font-size: 0; line-height: 0; width: 1px; height: 1px; clear: both;	}
.spacer_5 { font-size: 0; line-height: 0; width: 5px; height: 5px; clear: both;	}
.spacer_10 { font-size: 0; line-height: 0; width: 10px; height: 10px; clear: both;	}
.spacer_20 { font-size: 0; line-height: 0; width: 20px; height: 20px; clear: both;	}
.spacer_30 { font-size: 0; line-height: 0; width: 30px; height: 30px; clear: both;	}
.spacer_40 { font-size: 0; line-height: 0; width: 40px; height: 40px; clear: both;	}
.left { float:left; }


/*---------------------------------------------------------------------------
header, footer
----------------------------------------------------------------------------*/
.head {
   font-size:0.90em;
   color:#787878;
   background-color:#FAFAFA;
}

.head_1 {
   background:url(/images/new/image_bar_2.jpg) no-repeat 200px;
}

.head_2 {
   background-color:#FC0082;
}
.head_2 td, .head_2 a {
   color:#FFFFFF;
}   

.top_m {
   padding:5px;
   background-color:#00CC33;
   color:#FFFFFF;
   margin:0;
}

.top_m a {
   color:#FFFFFF;
}

.head select {
   font-size:0.9em;
}

   
.footer {
   margin-top:10px;
   color:#787878;
   font-size:0.9em;
   text-align:center;
}

.footer a {
   color:#000000;
}

.footer td {
   padding:7px;
}



/*---------------------------------------------------------------------------
font
----------------------------------------------------------------------------*/
.textred, .red {
   color: #FC0082;
}

.h {
   color:#0C85C1;
}

.hl {
   color:#0C85C1;
   font-size:1.5em;
}


.text1 {
   border:0;
   background-color:#EDEFF3;
}

.sbt {
   background-color:#0C85C1;
   color:#FFFFFF;
   border:0px;
}

.lang {
   color: #000000;
   font-weight: normal;
}

.nowrap {
   white-space: nowrap;
}

.styleback {
   color: #00000F;
   font-weight: bold;
}

.style2 {
   color: #FFFFFF;
   font-weight: bold;
}

.style4 {
   color: #FFFFFF;
   font-weight: bold;
}

.style5 {
   color: #2676D1;
   font-weight: bold;
}

.style6 {
   color: #FF0000
}

.style11 {
   color: #FF0000;
   font-weight: bold;
}

.sphead {
   color: #0C85C1;
   font-size: 1.2em;
   font-weight: bold;
}

.stroke {
   font-style: normal;
   color: #FF0000;
   text-decoration: line-through;
}

.bdrless{
   border : 0;
}



/*---------------------------------------------------------------------------
TABLES
----------------------------------------------------------------------------*/
table { 
	border-spacing:0px;
	border-collapse:collapse;
}

.tablebdr td {
   padding:5px;
   border:1px #E0EEF5 solid;
}

.std_5 td {
   padding:5px;
 }
 
.tdhead   {
   background-color:#E0EEF5;
   border-bottom:1px  #0C85C1 solid;
   font-weight:bold;
}


.grid1    {
   background-color: #F7F7F7;
}

/*
.grid2   {
   border:1px solid #808080;
   background-color: #EEEEEE;
   color: #7E7E7E;
}

.grid3   {
   border:0px;
   background-color: #FFFFFF;
   color: #000000;
}

.gridNew    {
   border:0px solid #808080;
   color: #000000 ;
   background-color: #F7F7F7;
}

.tablewbdr {
   color: #666666;
   border: 0;
   background-color:#FFFFFF
}

.tdwbdr{
   border:0;
   color: #666666;
}

.tdheader {
   border: 1px solid #999999;
   background-color: #999999;
}

.tdheaderin {
   border-top: 1px none #999999;
   border-right: 1px solid #999999;
   border-bottom: 1px solid #999999;
   border-left: 1px solid #999999;
}

.tablehdbdr {
   color: #666666;
   border: 1px solid #666666;
   background-color:#FFFFFF;
   border-color:#111111;
}

.tablereport {
   border:0px solid #A0CAF2;
   color: #A0CAF2;
   padding: 0;
   background-color:#082F56;
}

.tablebdr4 {
   color: #003300;
   border: 1px solid #CCCCD3;
   background-color:#FFFFFF
}


.toptablebdr {
   color: #993300;
   border: 1px solid #C0C0C0;
   background-color:#000000;
}


.tdbackbold   {
   border:1px solid #BBC3D3;
   color: #003300;
   background-color: #BBC3D3;
   font-weight:normal;
}

.tablebdr1 {
   color: #003300;
   border: 1px solid #111111;
   background-color:#FFFFFF;
}

.bdrgrid1    {
   border:1px  solid #000000;
   color: #000000;
   background-color: #F7F7F7;
}

.tableNew {
   border: 0px;
}

.borderless {
   border:0px;
   background-color:#BBC3CA;
}

*/

/*---------------------------------------------------------------------------
menu
----------------------------------------------------------------------------*/
.left_menu {
   background:url(/images/new/bg_head.gif);
   width:200px;
}

.left_menu a {
   color:#FFFFFF;
}

.left_menu .off, .left_menu .sel {
   padding:5px;
   border-bottom:1px #FFFFFF solid;
}

.left_menu .sel {
   font-weight:bolder;
   text-align:right;
}



/*---------------------------------------------------------------------------
boxes
----------------------------------------------------------------------------*/
.sub_nav {
   background-color:#E0EEF5;
   border-bottom:1px #0C85C1 solid;
   border-top:1px #0C85C1 solid;
   padding:3px;
   margin-bottom:10px;
}

/*---------------------------------------------------------------------------
invoice
----------------------------------------------------------------------------*/
.invoiceAdd{
   border-color:#FFFFFF;
   background-color:#FBF9EC;
   border:1px solid #666666;
}

.invoiceAdd2{
   background-color: #CCCCCC;
   border:1px solid #666666;
}

.invoiceHead{
   color: #003366 ;
   font-weight: bold;
   text-decoration:  underline;
}

.hdbdr{
   border-color:#111111;
}

.hdbdrf{
   border-color:#FFFFFF;
}

.linkimg_on{
   background-image: url(images/white.gif);
}

.linkimg_off{
   background-image: url(images/yellow.gif);
}



/*----------- Add by Nui --------------------*/

#help  {
   padding:5px;
   color:black;
   background:url(/images/new/bg_help.jpg) repeat-y left 0; 
   border: 1px #CECECE solid;
   border-right:0;
   border-top:0;
   z-index:99;
   position:absolute;
   right:15px;
   top:15px;
   cursor:pointer;
   height:60px;
}
#help td {
   text-align:left;
}
#help .y {
   color:#FC0082;
   font-size:11pt;
}
#help .arr {
   color:#ff6400;
   font-weight:bold;
}

.white_8 { font-size:8pt ;  font-family: arial;    COLOR:rgb(255,255,255) }
.white_10 { font-size:10pt ;  font-family: arial;    COLOR:rgb(255,255,255) }
.white_12 { font-size:12pt ;  font-family: arial;    COLOR:rgb(255,255,255) }
.white_14 { font-size:14pt ;  font-family: arial;    COLOR:rgb(255,255,255) }
.white_16 { font-size:16pt ;  font-family: arial;    COLOR:rgb(255,255,255) }
.white_8b { font-size:8pt ;  font-family: arial;    COLOR:rgb(255,255,255)  ; font-weight:bold }
.white_10b { font-size:10pt ;  font-family: arial;    COLOR:rgb(255,255,255) ; font-weight:bold }
.white_12b { font-size:12pt ;  font-family: arial;    COLOR:rgb(255,255,255) ; font-weight:bold }
.white_14b { font-size:14pt ;  font-family: arial;    COLOR:rgb(255,255,255) ; font-weight:bold  }
.white_16b { font-size:16pt ;  font-family: arial;    COLOR:rgb(255,255,255) ; font-weight:bold }

.blue_8 { font-size:8pt ;  font-family: arial;    COLOR:#4750FF }
.blue_10 { font-size:10pt ;  font-family: arial;    COLOR:#4750FF }
.blue_12 { font-size:12pt ;  font-family: arial;    COLOR:#4750FF }
.blue_14 { font-size:14pt ;  font-family: arial;    COLOR:#4750FF }
.blue_16 { font-size:16pt ;  font-family: arial;    COLOR:#4750FF }
.blue_8b { font-size:8pt ;  font-family: arial;    COLOR:#4750FF   ; font-weight:bold }
.blue_10b { font-size:10pt ;  font-family: arial;    COLOR:#4750FF   ; font-weight:bold }
.blue_12b { font-size:12pt ;  font-family: arial;    COLOR:#4750FF   ; font-weight:bold }
.blue_14b { font-size:14pt ;  font-family: arial;    COLOR:rgb(214,13,13)   ; font-weight:bold }
.blue_16b { font-size:16pt ;  font-family: arial;    COLOR:#4750FF   ; font-weight:bold }

.darkblue_8 { font-size:8pt ;  font-family: arial;    COLOR:#004CA0 }
.darkblue_10 { font-size:10pt ;  font-family: arial;    COLOR:#004CA0 }
.darkblue_12 { font-size:12pt ;  font-family: arial;    COLOR:#004CA0 }
.darkblue_14 { font-size:14pt ;  font-family: arial;    COLOR:#004CA0 }
.darkblue_16 { font-size:16pt ;  font-family: arial;    COLOR:#004CA0 }
.darkblue_8b { font-size:8pt ;  font-family: arial;    COLOR:#004CA0   ; font-weight:bold }
.darkblue_10b { font-size:10pt ;  font-family: arial;    COLOR:#004CA0   ; font-weight:bold }
.darkblue_12b { font-size:12pt ;  font-family: arial;    COLOR:#004CA0   ; font-weight:bold }
.darkblue_14b { font-size:14pt ;  font-family: arial;    COLOR:#004CA0   ; font-weight:bold }
.darkblue_16b { font-size:16pt ;  font-family: arial;    COLOR:#004CA0   ; font-weight:bold }

.yellow_8 { font-size:8pt ;  font-family: arial;    COLOR:#EBBC4A }
.yellow_10 { font-size:10pt ;  font-family: arial;    COLOR:#EBBC4A }
.yellow_12 { font-size:12pt ;  font-family: arial;    COLOR:#B78100 }
.yellow_14 { font-size:14pt ;  font-family: arial;    COLOR:#EBBC4A }
.yellow_16 { font-size:16pt ;  font-family: arial;    COLOR:#EBBC4A }
.yellow_8b { font-size:8pt ;  font-family: arial;    COLOR:#EBBC4A   ; font-weight:bold }
.yellow_10b { font-size:10pt ;  font-family: arial;    COLOR:#EBBC4A   ; font-weight:bold }
.yellow_12b { font-size:12pt ;  font-family: arial;    COLOR:#B78100   ; font-weight:bold }
.yellow_14b { font-size:14pt ;  font-family: arial;    COLOR:#EBBC4A   ; font-weight:bold }
.yellow_16b { font-size:16pt ;  font-family: arial;    COLOR:#EBBC4A   ; font-weight:bold }