body { background: #000; margin: 0px; font-size: 9pt; font-family: CALIBRI; color: #aaa; overflow-x: hidden; }
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], textarea, select { border: 1px solid #b2c2d7; background: #aaaaaa; }
input[type="text"], input[type="password"] { height: 18px; }


img { border: 0px; }
A { text-decoration: none; }
A:link { color: #aaa; }
A:visited { color: #aaa; }
A:hover { color: #aaa; }
A:active { color: #aaa; }
.LinkA.current, .LinkA { background: url(images/btn.gif) no-repeat top right; margin: 0px 10px; text-decoration: none; color: #fff; float: left; cursor: pointer; font: 900 12px/14px "Arial" , Helvetica, sans-serif; }
.LinkA.current span, .LinkA span { background: url(images/btn.gif) no-repeat top left; margin: 0 8px 0 -10px; color: #fff; padding: 4px 0px 0px 8px; position: relative; float: left; height: 18px; }

.LinkA.current, .LinkA:hover { background: url(images/btn-on.gif) no-repeat top right; }
.LinkA.current span, .LinkA:hover span { background: url(images/btn-on.gif) no-repeat top left; }
.btna { padding: 3px 5px; }
.btna:hover { background: #444; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.divclear { clear: both; }
em { color: Red; margin: 0px 3px; }
#gototop { position: absolute; border-right: medium none; border-top: medium none; filter: progid:DXImageTransform.Microsoftpadding:8px; left: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-50); border-left: medium none; border-bottom: medium none; top: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-50); text-align: center; }
.wrapper { width: 1000px; }
.wrapper .header { height: 120px; }
.wrapper .header .logo { height: 80px; position: relative; }
.wrapper .header .logo .Flash { position: absolute; top: 0; left: 0; width: 824px; height: 80px; overflow: hidden; }
.wrapper .header .logo .guild { position: absolute; right: 0; top: 0; }
.wrapper .header .logo .guild .cn { background: url(images/l_cn.gif); }
.wrapper .header .logo .guild .en { background: url(images/l_en.gif); }
.wrapper .header .logo .guild { float: right; margin: 10px 0px; }
.wrapper .header .logo .guild div { width: 40px; height: 40px; float: left; margin-left: 5px; cursor: pointer; }
.wrapper .header .logo .guild .postoffice { background: url(images/postoffice.gif); }
.wrapper .header .logo .guild .contactus { background: url(images/contactus.gif); }

.wrapper .header .nav { margin: 2px 0px; height: 36px; color: #8c1313; background: url(images/navbg.gif) #f5f5f5; }
.wrapper .header .nav .nitem { float: left; }
.wrapper .header .nav .login { float: right; margin: 2px 5px; vertical-align: middle; overflow: hidden; }
.wrapper .header .nav .login img { vertical-align: middle; }
.wrapper .header .nav .login .userbox { background: url(images/user.gif) #fff no-repeat; width: 100px; padding-left: 20px; overflow: hidden; }
.wrapper .header .nav .login .pwdbox { background: url(images/luck.gif) #fff no-repeat; width: 70px; padding-left: 20px; overflow: hidden; }
.wrapper .header .nav .login a { color: #8c1313; vertical-align: middle; }
.wrapper .header .nav .login span { vertical-align: top; }
.wrapper .header .nav .login input { vertical-align: middle; }
.wrapper .header .nav .login .success { line-height: 30px; }
.wrapper .header .nav .login .success span { margin: 0px 5px; }
.wrapper .header .nav .login .success a { margin: 0px 5px; }
.wrapper .header .nav .login .fail { line-height: 30px; vertical-align: bottom; }
.wrapper .header .nav .nitem ul { margin: 5px; padding: 0px; list-style: none; float: left; clear: left; }
.wrapper .header .nav .nitem ul li { float: left; display: inline; margin: 0 10px; }
.wrapper .header .nav .nitem ul li a { text-decoration: none; color: #8c1313; float: left; cursor: pointer; font: 900 14px/22px "Arial" , Helvetica, sans-serif; }
.wrapper .header .nav .nitem ul li a span { margin: 0 10px 0 -10px; padding: 1px 0px 5px 8px; position: relative; float: left; }

.wrapper .header .nav .nitem ul.item li a.current, .wrapper .header .nav .nitem ul.item li a:hover { background: url(images/nav-on.gif) no-repeat top right; color: #fff; }
.wrapper .header .nav .nitem ul.item li a.current span, .wrapper .header .nav .nitem ul.item li a:hover span { background: url(images/nav-on.gif) no-repeat top left; }

.wrapper .content { width: 100%; margin-top: 3px; }
.wrapper .content .splitbar { width: 2px; padding: 0px; border: 0px; }
.wrapper .content .sidebar { width: 200px; height: 550px; }
.wrapper .content .container { width: 800px; height: 550px; }
.wrapper .content .sidebar, .wrapper .content .container { border: 1px #555 solid; vertical-align: top; }
.wrapper .content .sidebar .column { width: 200px; overflow: hidden; }
.wrapper .content .sidebar .column .title { height: 28px; background: url(images/columnbg.gif) repeat-x; }
.wrapper .content .sidebar .column .title div { float: left; vertical-align: middle; }
.wrapper .content .sidebar .column .title .icon-title { background: url(images/arrow.gif) no-repeat; margin: 5px; height: 16px; width: 16px; }
.wrapper .content .sidebar .column .title .txt-title { line-height: 28px; }
.wrapper .content .sidebar .column .action { text-align: left; }
.wrapper .content .sidebar .column .action div { margin: 5px auto; }
.wrapper .content .sidebar .column .action .aclist { padding: 5px; margin: 0px; text-align: center; }
.wrapper .content .sidebar .column .action .aclist:hover { background: url(images/divover.gif) repeat-y center; }

.wrapper .content .sidebar .column .action .vote { }
.wrapper .content .sidebar .column .action .vote .votetitle { text-align: left; margin: 5px; }
.wrapper .content .sidebar .column .action .vote .votelist { text-align: left; margin: 10px; }
.wrapper .content .sidebar .column .action .vote .submit { }

.wrapper .content .sidebar .column .action ul { margin: 0px; padding: 0px; list-style-type: none; }
.wrapper .content .sidebar .column .action ul li { border-bottom: 1px #555 solid; }
.wrapper .content .sidebar .column .action .hotnews { clear: both; border-bottom: #444 1px dashed; margin: 3px; height: 22px; }
.wrapper .content .sidebar .column .action .hotnews .hoticon { float: left; width: 14px; height: 14px; background: url(images/biao.gif); margin: 4px 0px 0px 0px; }
.wrapper .content .sidebar .column .action .hotnews .hottxt { float: left; text-indent: 5px; text-align: left; word-wrap: break-word; overflow: hidden; width: 180px; cursor: pointer; }
.wrapper .content .sidebar .column .action .contacut div { text-align: left; margin: 10px 5px; }
.wrapper .content .container .main { clear: both; width: 792px; overflow: hidden; }
.wrapper .content .container .main .title { height: 28px; background: url(images/columnbg.gif) repeat-x; margin: auto; }
.wrapper .content .container .main .title div { float: left; vertical-align: middle; }
.wrapper .content .container .main .title .icon-title { background: url(images/arrow.gif) no-repeat; margin: 5px; height: 16px; width: 16px; }
.wrapper .content .container .main .title .txt-title { line-height: 28px; }
.wrapper .content .container .main .mbody { text-align: left; }

.wrapper .content .container .main .LogOutInfo { text-align: center; margin: 100px auto; font-size: 24px; }

.wrapper .content .container .main .mbody .paginglist { clear: both; }
.wrapper .content .container .main .mbody .EmptyMsg { clear: both; margin: 10px 5px; }

.wrapper .content .container .main .mbody .aboutus { margin: 5px; width: 800px; overflow: hidden; text-align: left; }
.wrapper .content .container .main .mbody .aboutus span { margin: 5px; }
.wrapper .content .container .main .mbody .aboutus div { text-indent: 15px; margin: 5px; word-wrap: break-all; }

.wrapper .content .container .main .mbody .newproduct { margin: 3px; clear: both; }
.wrapper .content .container .main .mbody .newproduct .prolist { margin: 0px 15px; float: left; width: 100px; height: 140px; }
.wrapper .content .container .main .mbody .newproduct .prolist .proicon { position: relative; width: 100px; height: 100px; line-height: 100px; text-align: center; background: #eee; border-bottom: 3px #aaa solid; border-right: 3px #aaa solid; }
.wrapper .content .container .main .mbody .newproduct .prolist .proicon p { position: static; +position:absolute;top:50%;vertical-align:middle}
.wrapper .content .container .main .mbody .newproduct .prolist .proicon p:after { content: "."; font-size: 0px; visibility: hidden; }
.wrapper .content .container .main .mbody .newproduct .prolist .proicon img { position: static; +position:relative;top:-50%;left:-50%;margin:0auto;vertical-align:middle;}
.wrapper .content .container .main .mbody .newproduct .prolist .protxt { text-align: center; margin: 2px 0; }
.wrapper .content .container .main .mbody .getpwd { margin: 10px; }
.wrapper .content .container .main .mbody .getpwd div { margin: 5px; }

.wrapper .content .container .main .mbody .scroll { width: 792px; overflow: hidden; }
.wrapper .content .container .main .mbody .scroll .thumbnail { background: #eee; border-bottom: 3px #aaa solid; border-right: 3px #aaa solid; text-align: center; width: 100px; height: 100px; line-height: 100px; padding: 3px 0px; }
.wrapper .content .container .main .mbody .scroll .txt { text-align: center; }
.wrapper .content .container .main .mbody .scroll #demo1, .wrapper .content .container .main .mbody .scroll #demo2 { min-width: 815px; }
.wrapper .content .container .main .mbody .prolist { width: 100%; border-collapse: collapse; }
.wrapper .content .container .main .mbody .prolist .header { background-color: #252525; text-align: center; height: 18px; font-size: 12px; }
.wrapper .content .container .main .mbody .prolist .header th { border-bottom: 1px #000 solid; border-right: 1px #000 solid; }
.wrapper .content .container .main .mbody .prolist .itemlist { background-color: #161616; cursor: pointer; }
.wrapper .content .container .main .mbody .prolist .alteritemlist { background-color: #222; cursor: pointer; }
.wrapper .content .container .main .mbody .prolist .itemlist td, .wrapper .content .container .main .mbody .prolist .alteritemlist td { padding: 4px; border-bottom: 1px #000 solid; border-right: 1px #000 solid; }
.wrapper .content .container .main .mbody .prolist .more { text-align: right; }

.wrapper .content .container .main .mbody .selectallT { margin: 0 5px; border-bottom: #444 1px solid; height: 25px; }
.wrapper .content .container .main .mbody .selectallB { margin: 0 5px; padding: 5px 0 0 0; border-top: #444 1px solid; height: 25px; }
.wrapper .content .container .main .mbody .selectallT div, .wrapper .content .container .main .mbody .selectallB div { float: left; margin: 0px 5px; }
.wrapper .content .container .main .mbody .prolisttxt { text-align: left; width: 780px; border-collapse: separate; margin: 10px 5px; border: 0px; }
.wrapper .content .container .main .mbody .prolisttxt:hover { background: #444; }
.wrapper .content .container .main .mbody .prolisttxt .imgborder { width: 120px; }
.wrapper .content .container .main .mbody .prolisttxt .imgborder .thumbnail { background: #eee; border-bottom: 3px #aaa solid; border-right: 3px #aaa solid; vertical-align: middle; text-align: center; padding: 3px 0px; width: 100px; height: 100px; line-height: 100px; }
.wrapper .content .container .main .mbody .prolisttxt th { text-indent: 5px; width: 120px; padding: 5px; border: 0px; }
.wrapper .content .container .main .mbody .prolisttxt .itemlist { background-color: #161616; cursor: pointer; }
.wrapper .content .container .main .mbody .prolisttxt .alteritemlist { background-color: #222; cursor: pointer; }
.wrapper .content .container .main .mbody .prolisttxt .itemlist td, .wrapper .content .container .main .mbody .prolisttxt .alteritemlist td { border: 0px; padding: 5px; }
.wrapper .content .container .main .mbody .prolisttxt .itemlist .cencolumn { width: 260px; }
.wrapper .content .container .main .mbody .prolisttxt .itemlist th, .wrapper .content .container .main .mbody .prolisttxt .alteritemlist th { width: 80px; text-align: left; }
.wrapper .content .container .main .mbody .prolisttxt .alteritemlist .fabric { width: 300px; background: none; background-color: #222; }
.wrapper .content .container .main .mbody .prolisttxt .alteritemlist .fabric div { width: 300px; height: 85px; background: none; overflow: hidden; padding: 0px; }
.wrapper .content .container .main .mbody .pagelist { clear: both; bottom: 0px; margin: 5px; }

.wrapper .content .container .main .mbody .forminfolist { width: 100%; border-collapse: collapse; }
.wrapper .content .container .main .mbody .forminfolist tr th { text-align: right; width: 100px; }
.wrapper .content .container .main .mbody .forminfolist .submitform { text-align: center; }

.wrapper .content .container .main .mbody .topsubmit { height: 25px; text-align: right; margin: 1px; border-bottom: #444 1px solid; }
.wrapper .content .container .main .mbody .topsubmit div { float: right; }
.wrapper .content .container .main .mbody .botsubmit { margin: 1px; height: 25px; border-top: #444 1px solid; }
.wrapper .content .container .main .mbody .botsubmit .botleft { float: left; }
.wrapper .content .container .main .mbody .botsubmit .botright { float: right; top: 3px; }
.wrapper .content .container .main .mbody .botsubmit .botright div { float: right; }
.wrapper .content .container .main .mbody .split { clear: both; padding: 5px; text-align: center; font-weight: bold; background: #444; }
.wrapper .content .container .main .mbody .proshow { margin: 5px; }
.wrapper .content .container .main .mbody .proshow .proinfo { width: 400px; vertical-align: top; padding-top: 25px; }
.wrapper .content .container .main .mbody .proshow .stancolor { width: 400px; vertical-align: top; }
.wrapper .content .container .main .mbody .proshow .proinfo table { border-collapse: collapse; width: 100%; }
.wrapper .content .container .main .mbody .proshow .proinfo table tr th { width: 100px; }
.wrapper .content .container .main .mbody .proshow .proinfo table tr td { width: 300px; overflow: hidden; }
.wrapper .content .container .main .mbody .proshow .proinfo table tr th, .wrapper .content .container .main .mbody .proshow .proinfo table tr td { border-bottom: 1px #000 solid; border-right: 1px #000 solid; text-align: left; height: 25px; }
.wrapper .content .container .main .mbody .proshow .proinfo .itemlist { background-color: #161616; }
.wrapper .content .container .main .mbody .proshow .proinfo .alteritemlist { background-color: #222; }
.wrapper .content .container .main .mbody .proshow .proinfo .itemlist th,.wrapper .content .container .main .mbody .proshow .proinfo .alteritemlist th, .wrapper .content .container .main .mbody .proshow .proinfo .itemlist td,.wrapper .content .container .main .mbody .proshow .proinfo .alteritemlist td { padding-left:5px}
.wrapper .content .container .main .mbody .proshow .stancolor .stanheader { height: 20px;  }
.wrapper .content .container .main .mbody .proshow .stancolor .stanheader th { width: 240px;text-align: left; }
.wrapper .content .container .main .mbody .proshow .stancolor .stanInfo { }
.wrapper .content .container .main .mbody .proshow .stancolor .stanInfo td { width: 480px; word-wrap: break-all; }
.wrapper .content .container .main .mbody .procontrol { min-height: 400px; margin: 4px 0px; }
.wrapper .content .container .main .mbody .procontrol .imgshow { vertical-align: top; }
.wrapper .content .container .main .mbody .procontrol .imgshow .imgshowborder { width: 380px; }
#xsnazzy { background: transparent; margin: 1em; }
.xtop, .xbottom { display: block; background: transparent; font-size: 1px; }
.xb1, .xb2, .xb3, .xb4 { display: block; overflow: hidden; }
.xb1, .xb2, .xb3 { height: 1px; }
.xb2, .xb3, .xb4 { background: #444; border-left: 1px solid #555; border-right: 1px solid #555; }
.xb1 { margin: 0 5px; background: #555; }
.xb2 { margin: 0 3px; border-width: 0 2px; }
.xb3 { margin: 0 2px; }
.xb4 { height: 2px; margin: 0 1px; }
#fours_m { display: block; background: #444; border: 1px solid #555; border-width: 0 1px; }
#f_img_roll { width: 350px; height: 250px; text-align: center; line-height: 250px; }
#f_img_roll .imgpic { max-height: 250px; max-width: 350px; text-align: center; }
#f_img_s { float: left; margin: 0 30px; height: 50px; position: relative; max-width: 350px; padding: 0 auto; }
#f_img_s ul { float: left; margin: 0; padding: 0; list-style: none; }
#f_img_s li { margin: 0 10px 0 0; width: 47px; height: 46px; float: left; background: #f5f5f5; border: #f5f5f5 2px solid; }
#f_img_s img { width: 45px; height: 44px; vertical-align: middle; text-align: center; }
#f_mask { position: absolute; top: -8px; left: -2px; width: 55px; height: 60px; background: url(images/border.gif) no-repeat; }

.wrapper .content .container .main .mbody .procontrol .txtshow { width: 420px; }

.wrapper .content .container .main .mbody .newcatelist { margin: 5px; clear: both; }
.wrapper .content .container .main .mbody .newcatelist .newcatetitle { float: left; font-weight: bold; margin: 5px 5px 0px 5px; }
.wrapper .content .container .main .mbody .newcatelist .newlist { margin: 5px; clear: both; }
.wrapper .content .container .main .mbody .newcatelist .newlist .newsicon { margin: 0px 5px 5px 30px; float: left; width: 14px; height: 14px; background: url(images/biao.gif); }
.wrapper .content .container .main .mbody .newcatelist .newlist .txt { width: 720px; float: left; border-bottom: #444 1px dashed; }
.wrapper .content .container .main .mbody .newcatelist .newlist .txt .newtitle { float: left; }
.wrapper .content .container .main .mbody .newcatelist .newlist .txt .newtime { float: right; }
.wrapper .content .container .main .mbody .newcatelist .newlist .txt .newhits { float: right; margin: 0px 5px; }
.wrapper .content .container .main .mbody .newcatelist .more { float: right; margin: 0px 5px; }

.wrapper .content .container .main .mbody .newbodylayout { margin-top: 10px; }
.wrapper .content .container .main .mbody .newbodylayout .newheader { }
.wrapper .content .container .main .mbody .newbodylayout .newheader .newtitle { font-size: 14px; font-weight: bold; text-align: center; }
.wrapper .content .container .main .mbody .newbodylayout .newheader .newopera, .wrapper .content .container .main .mbody .bottom .opera { float: right; }
.wrapper .content .container .main .mbody .newbodylayout .newheader .newopera div, .wrapper .content .container .main .mbody .bottom .opera div { float: right; margin: 0 10px 0 0; }
.wrapper .content .container .main .mbody .newbodylayout .newheader .newinfo { padding: 5px; margin: 0; clear: both; text-align: center; border-bottom: #444 1px solid; }
.wrapper .content .container .main .mbody .newbodylayout .newheader .newinfo .screen { float: left; }
.wrapper .content .container .main .mbody .newbodylayout .newheader .newinfo .info { float: right; margin: 0 10px 0 0; }
.wrapper .content .container .main .mbody .newbodylayout .newcontent { padding: 5px; width: 785px; overflow: hidden; word-wrap: break-word; }

.wrapper .content .container .main .mbody .comment { clear: both; margin: 20px; width: 760px; }
.wrapper .content .container .main .mbody .comment .comtitle { padding: 0 5px; border-top: #590000 2px solid; background: #222; margin: 2px; cursor: pointer; }
.wrapper .content .container .main .mbody .comment .comlist { margin: 10px; }
.wrapper .content .container .main .mbody .comment .comlist .comname { float: left; margin: 0px 10px; }
.wrapper .content .container .main .mbody .comment .comlist .comdate { float: left; margin: 0px 10px; }
.wrapper .content .container .main .mbody .comment .comlist .combody { clear: both; margin: 0px 10px; }
.wrapper .content .container .main .mbody .comment .comform { margin: 10px; padding: 3px; }
.wrapper .content .container .main .mbody .comment .comform table { margin: 10px; width: 98%; }
.wrapper .content .container .main .mbody .comment .comform table tr th { text-align: right; width: 80px; }
.wrapper .content .container .main .mbody .comment .comform table tr td { text-align: left; }

.wrapper .content .container .main .mbody .contact .conmsg { margin: 5px; }
.wrapper .content .container .main .mbody .contact .conmsg .msgtitle { float: left; font-weight: bold; }
.wrapper .content .container .main .mbody .contact .conmsg .msgwarn { float: right; }
.wrapper .content .container .main .mbody .contact .conmsg .msgbody { clear: both; text-indent: 15px; }
.wrapper .content .container .main .mbody .contact table { margin: 5px; width: 782px; border-collapse: collapse; background: #222; }
.wrapper .content .container .main .mbody .contact table tr th { text-align: right; width: 100px; }
.wrapper .content .container .main .mbody .contact table tr td { text-align: left; }
.wrapper .content .container .main .mbody .contact table tr th, .wrapper .content .container .main .mbody .contact table tr td { border-bottom: 1px #000 solid; border-right: 1px #000 solid; padding: 4px; }
.wrapper .content .container .main .mbody .contact .submit { text-align: center; margin: 5px 300px; }
.wrapper .content .container .main .mbody .companyprofile table { margin: 5px; text-align: left; }
.wrapper .content .container .main .mbody .companyprofile table tr th { }
.wrapper .content .container .main .mbody .companyprofile table tr td { }

.wrapper .content .container .main .mbody .feedback .fbtitle { }
.wrapper .content .container .main .mbody .feedback .fblist { margin: 10px 0px; }
.wrapper .content .container .main .mbody .feedback .fblist .fblheader { clear: both; background: #333; height: 20px; padding: 3px 10px; }
.wrapper .content .container .main .mbody .feedback .fblist .fblheader div { float: left; width: 180px; }
.wrapper .content .container .main .mbody .feedback .fblist .fblcontent { margin: 10px; }
.wrapper .content .container .main .mbody .feedback .fblist .fblreback { margin: 10px; border: #444 1px solid; padding: 5px; }

.wrapper .content .container .main .mbody .Recruit .Rlist .btnspeac { border-right: none; }
.wrapper .content .container .main .mbody .Recruit .Rlist table { width: 100%; margin: 5px 0; border-collapse: collapse; background: #252525; }
.wrapper .content .container .main .mbody .Recruit .Rlist table tr { }
.wrapper .content .container .main .mbody .Recruit .Rlist table tr th { padding: 5px; width: 125px; vertical-align: top; text-align: right; border-bottom: 1px #000 solid; }
.wrapper .content .container .main .mbody .Recruit .Rlist table tr td { padding: 5px; width: 250px; border-bottom: 1px #000 solid; }
.wrapper .content .container .main .mbody .Recruit .Rpage { }

.wrapper .content .container .main .mbody .candidate { }
.wrapper .content .container .main .mbody .candidate table { width: 100%; border-collapse: collapse; }
.wrapper .content .container .main .mbody .candidate table tr { }
.wrapper .content .container .main .mbody .candidate table tr th { width: 150px; text-align: right; padding: 5px; vertical-align: top; }
.wrapper .content .container .main .mbody .candidate table tr td { text-align: left; padding: 5px; }
.wrapper .content .container .main .mbody .candidate { }
.wrapper .content .container .main .mbody .candidate { }

.wrapper .content .container .main .mbody .register { }
.wrapper .content .container .main .mbody .register .regheader { margin: 10px; }
.wrapper .content .container .main .mbody .register .regheader .regtitle { float: left; font-size: 16px; }
.wrapper .content .container .main .mbody .register .regheader .regwarn { float: right; }
.wrapper .content .container .main .mbody .register .reginfo { margin: 10px; clear: both; text-align: center; }
.wrapper .content .container .main .mbody .register .reginfo table { border-collapse: collapse; text-align: left; }
.wrapper .content .container .main .mbody .register .reginfo table tr th { width: 150px; text-align: right; padding: 10px 0px; }
.wrapper .content .container .main .mbody .register .reginfo table tr td { text-align: left; }


.wrapper .footer { margin: 10px 0px; }

.popupbg { background: #000000; filter: alpha(opacity=60); opacity: 0.6; }
.popup { background: #333; border: #444 1px solid; min-width: 400px; min-height: 400px; max-width: 600px; }
.popup .header { height: 25px; background: #000; }
.popup .header .htitle { float: left; margin: 5px; color: #aaa; }
.popup .header .close, .popup .header .close:hover { float: right; margin: 5px; background: url(images/close.gif); width: 11px; height: 11px; }
.popup .header .close:hover { background: url(images/close-on.gif); }
.popup .body { margin: 5px; text-align: left; word-break: break-all; }
.popup .footer { height: 25px; margin:5px 150px;}
.popup .footer div { float: left; width:50px; margin:0 10px;}