@charset "utf-8";

/* CSS Document */



BODY{

font: NORMAL 12px Arial;

background-color: #336699;

margin: 0; 

padding: 0;

text-align: center; 

color: #000;

}



#container{

width: 768px;

background: #FFFFFF;

margin: 0 auto;

text-align: left;

}



#top{

position:relative;

overflow:auto;

}



/*========================================= TOP ============================*/



#Top.banner{

border: 1px inset #666666;

}



/*========================================= midddle ============================*/



#mid{

position:relative;

overflow:auto;

min-height: 450px;

}



#menuglobal{

display: block;

width: 192px;

height: 26px;

background-image:url(../imgs/mglobal.jpg);

background-repeat:no-repeat;

text-align:left;

text-indent:40px;

font: Bold 14px Arial;

text-decoration:none;

margin: 0 26px;

color:#FFFFFF;

cursor: hand;

}



#menuglobal A:hover{

background-image:url(../imgs/mglobalH.jpg);

background-repeat:no-repeat;

color: #FFFFFF;

text-decoration:none;}



#mid .Lbottom{

width: 229px;

height: 73px;

background-image:url(../imgs/homepage_59.jpg);

background-repeat:inherit;

font: Bold 16px Arial; 

color: #000066;

margin: 15px auto;

}



#mid table.login{

margin-top: 5px;

font: Normal 10px Arial;

}



#mid td.menu{

text-align: center;

background-color: #194C69;

}



#mid td.anim{

background-color: #696969;

text-align: center;

}



#mid td.leftside{

background-color: #CCCCCC;

}



#mid td.tdlogin{

font: Normal 10px Arial;

text-align:left;

}





#mid td .tdlogin A:link{

font: Bold 10px Arial;

color: #006699;

}



#mid td .tdlogin A:visited{

font: Bold 10px Arial;

color: #006699;

}





#mid td .tdloginTitle{

padding-top: 5px;

padding-bottom: 5px;

font: BOLD 18px Arial;

color: #006699;

text-align:left;

}



#mid td.pad1{

padding: 10px 5px;

}



#leftside {

width: 192px;

position: relative;

margin: 10px 10px;;

text-align:left;

}



#leftside .Ltitle{

font: Bold 14px Arial;

color: #006699;

}



#leftside .Lbody{

font: Normal 10px Arial;

color: #333333;

}



#leftside .Lfoot{

text-align:right;

font: Normal 10px Arial;

color: #333333;

}



#Lmenu{

font: Normal 10px Verdana;

color: #006699;

text-align: left;

text-decoration: none;

cursor: hand;

padding-bottom: 3px;

}



#Lmenu A:hover{

text-decoration:underline;



}



#mid #content{

position:relative;

font: Normal 12px Arial;

color: #666;

margin: 10px 10px;

}



#mid #content.subcontent1{

clear:both;

position:relative;

overflow:auto;

margin-bottom: 10px;

}



#mid #content.frmcontent1{

clear:both;

position:relative;

overflow:auto;

}



#mid #content td .frmlabel{

padding: 5px 5px;

text-align: right;

}



#mid #content td .frmtxtInput{

text-align: left;

}





#mid #content .Ctitle1{

font: Bold 16px Arial;

color: #006699;

text-align:left;

padding-top: 2px;

padding-bottom: 1px;

text-indent: 5px;

}



#mid #content .Ctitle2{

font: Bold 13px Arial;

color: #000000;

text-align:left;

padding: 1px 2px;

}



#mid #content .Ctitle2{

font: Bold 13px Arial;

color: #006699;

text-align:left;

padding-top: 2px;

padding-bottom: 1px;

}



#mid #content .Ctitle3{

font: Bold 12px Arial;

color: #006699;

text-align:left;

padding-top: 2px;

padding-bottom: 1px;

}



#mid #content .Ctitle3 A:link{

font: Bold 12px Arial;

color: #006699;

text-decoration:none;

}



#mid #content .Ctitle3 A:hover{

font: Bold 12px Arial;

color: #00F;

text-decoration:underline;

}



#mid #content .Ctext1{

font: Normal 12px Arial;

color: #666;

text-align:left;

padding-left: 5px;

}



#mid #content .Ctext2{

font: Normal 10px Arial;

color: #666;

text-align:left;

padding-left: 5px;

}



#mid #content .Ctext1 ul{

text-indent: 5px;

}



#mid #content .Ctext1 ul li{

padding-bottom: 3px;

}



#mid #content .CimgL{

float:left;

margin-right: 15px;

margin-bottom: 15px;

}



#mid #content .Cbak2top{

text-align:right;

font: Bold 10px Verdana;

color: #006699;

}



#mid #content .Cbak2top A{

text-decoration:underline;

color: #006699;

}



#mid #content tr .Ctrhead{

text-align:center;

color: #006699;

}



#mid #content tr .Ctrcell{

text-align:left;

padding: 20px 5px;

}



#mid #content tr .Ctrcell ul{

padding-left:20px;

margin-left:0;

}



#mid #content tr .Ctrcell ul li{

list-style:square;

text-indent: 0px;

}



#mid #content .note1{

color: #F00;

font-style:italic;

text-align:left;

margin-top: 10px;

margin-bottom: 10px;

}



#mid td.userinfo{

background-color: #696969;

padding-top: 2px;

padding-bottom: 1px;

font: Bold 10px Arial;

color: #FFF;

text-align:left;

text-indent: 5px;

}



#mid .err{

font: normal 10px Arial;

color: #F00;

font-style: italic;

text-align:center;

}



#mid .rqrd{

color: #F00;

}



#mid .format{

font: Normal 10px Arial;

font-style:italic;

color: #F00;

}



#mid .logout{

font: Bold 10px verdana;

color: #FFF;

padding: 1px 1px;

text-indent: 5px;

}



#mid .logout A:link{

font: Bold 10px verdana;

color: #FFF;

padding: 1px 1px;

text-indent: 5px;

text-decoration: none;

}



#mid .logout A:hover{

font: Bold 10px verdana;

color: #00F;

padding: 1px 1px;

text-indent: 5px;

text-decoration:underline;

}

/*=============================   #foot     ================ */

 

#foot{

position:relative;

overflow:auto;

}



#foot .footU{

background-color: #CCCCCC;

font: Bold 10px Arial;

color: #336699;

text-align: center;

padding-top: 7px;

padding-bottom: 7px;

}



#foot .footU A{

text-align:center;

font: Bold 10px Arial;

color: #336699;

}



#foot .footL{

background-color: #808080;

font: Normal 10px Arial;

color: #FFF;

text-align: center;

padding-top: 7px;

padding-bottom: 7px;

}