﻿* {outline: none;}

.autoHeight{}
.UFrame{}


.oops{ position:absolute; width:548px; height:422px; background:url(oops.jpg) no-repeat;}
.oops div {width:297px; height:216px; margin:100px 10px;}


#fm{position:absolute;top:0px; overflow:visible;}  
#fm_footer_shade {position:absolute; height:470px; top:350px;background: url(ft.png) no-repeat bottom center;}

#fm_pic{position:absolute; top:0px; overflow:hidden ;}     
#fm_pic .ob_show_panel { overflow:hidden;}
#fm_pic .ob_show_panelsholder img{ overflow:hidden;}


#footer{position:absolute; height:100px; bottom:-50px; font-size:8pt; color:#fff; }
#footer div.l, #footer div.r {position:absolute; width:14px; height:14px; bottom:48px;}
#footer div.l {background: url(ftr_l.png) no-repeat top left; left:-2px;}
#footer div.r {background: url(ftr_r.png) no-repeat top left; right:-2px;}

#footer div.cmd{position:absolute; height:18px; top:22px; left:0px; right:0px;padding:0  10px 0 130px;}
#footer .link {line-height:18px; color:#fff;display:inline-block; margin:0 10px; text-decoration:none;}
#footer .link:hover{ text-decoration:underline;}
#footer .lng {width:16px; height:11px; cursor:pointer; filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity: .7;opacity: .7;border:inset 1px #cccccc;}
#footer .lng:hover {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
#footer .lng_w { padding-top:3px;}
#footer .small {color:#ccc; cursor:default;}





#logo{position:absolute;top:30px; right:30px;  background: url(logo.png) no-repeat center center; width:109px; height:42px;} 


#sponsor{position:absolute;top:5px; left:50%; margin-left:-217px;  background: url(xspon.png) no-repeat center center; width:448px; height:88px; text-align:center;} 
#sponsor a {display:inline-block; margin:10px 10px; background:none; border:none;}
#sponsor img {background:none; border:none;}






.intro {position:fixed; top:0px; width:100%; height:100%; background:#110F10 url(in.1.jpg) center center no-repeat; z-index:10000;}  
.intro .lg{top:80px; left:50%; margin-left:350px; width:109px; height:42px; position:absolute; background:url(logo.png) center center no-repeat; }  

.intro .op{bottom:180px; left:50%; margin-left:200px; width:280px; height:120px; position:absolute;}

.intro .op .en, .intro .op .fr,.intro .op .en span, .intro .op .fr span 
{position:absolute;cursor:pointer; background-position:top left; background-repeat:no-repeat;}

.intro .op .en, .intro .op .fr {width:29px; height:25px;cursor:pointer; bottom:15px; }
.intro .op .en {background-image:url(enter_gb.jpg); left:70px;}
.intro .op .fr {background-image:url(enter_sg.jpg); left:0px;}
.intro .op .en span, .intro .op .fr span{display:none;top:-75px; left:0px; width:280px; height:68px;}

.intro .op b {position:absolute; left:0px; height:15px; font-size:8pt; color:#cccccc; bottom:-15px; font-weight:normal; }
.intro .op b:hover {color:#ffffff;}

.intro .op .en span{ margin-left:-70px;}

.intro .op .en span{background-image:url(enter_en.gif);}
.intro .op .fr span{background-image:url(enter_fr.gif);}
.intro .op .fr:hover, .intro .op .en:hover {background-position:bottom left;}
.intro .op .fr:hover span, .intro .op .en:hover span {display:block;}

.intro p {bottom:10px; left:50%; margin-left:-200px; width:400px; height:30px; position:absolute;background: url(load.gif) no-repeat top center; text-align:center;}
.intro p span {position:absolute; bottom:0px; width:100%; left:0px;  text-align:center;font-size:8pt;color:#ffffff;}


#sidepanel, #menu{position:absolute; left:10px; width:187px;}

div.bg{position:absolute; top:0px; background:url(bg.png) top repeat-x; height:120%; }
div.bg.l{left:0px; right:50%;margin-right:427px;}
div.bg.r{right:0px; left:50%;margin-left:423px;}

/****************************************************
MENU PANEL
*****************************************************/

#menu{top:0px;height:195px; background: url(menu.png) no-repeat bottom center;} 
#menu .cn{ position:absolute; left:12px; top:20px; right:10px; bottom:10px;}     


/****************************************************
SIDE PANEL
*****************************************************/
#sidepanel {top:205px;}
#sidepanel tr, #sidepanel td {margin :0; padding:0; }
#sidepanel td.hd {width:100%; height:18px; padding-top:2px;  text-align:center; color:#ffffff; background: url(pnl_t.png) no-repeat top left;}
#sidepanel td.hd .hd-in{font-size:9pt; letter-spacing:2px;}
#sidepanel td.cn {left:0px; width:100%; background: url(pnl_m.png) repeat-y;}
#sidepanel td.gp{ height:10px; }
#sidepanel td.cn .gp{padding:2px;}
#sidepanel td.cn .cn-in {padding:0px 10px;}
#sidepanel td.cn .cn-in ul{ padding:0; margin:0; margin-left:12px; font-size:8pt; }
#sidepanel td.ft {left:0px; width:100%; height:20px; background: url(pnl_b.png) no-repeat bottom center;}

#an_cp {position:absolute; width:187px; height:163px; background:url(b.gif);left:10px;top:395px; z-index:1000;}

#dv_pg {position:absolute; top:135px; left:50%; height:400px; line-height:150%; font-size:9pt; color:#cccccc;  line-height:150%; background: url(pg_m.png);}
#dv_pg .container { position:absolute; width:100%; height:400px; top:0px; bottom:0px;}

#dv_pg .section {position:absolute; height:30px; width:100%; }
#dv_pg .section .l {position:absolute; height:30px; width:30px; background-repeat: no-repeat; top:0px; left:0px;}
#dv_pg .section .r {position:absolute; height:30px; width:30px; background-repeat: no-repeat; top:0px; right:0px;}
#dv_pg .section .m {position:absolute; height:30px; left:30px; right:30px; top:0px;}

#dv_pg .hdr {top:-30px;} 
#dv_pg .hdr  .l { background-image: url(pg_tl.png);}
#dv_pg .hdr  .r { background-image: url(pg_tr.png);}
#dv_pg .hdr  .m { background-image: url(pg_tm.png);}

#dv_pg .ftr {bottom:-30px;} 
#dv_pg .ftr .l { background-image: url(pg_bl.png);}
#dv_pg .ftr .r { background-image: url(pg_br.png);}
#dv_pg .ftr .m { background-image: url(pg_bm.png);}

#dv_pg .section .l {position:absolute; height:30px; width:30px; background-repeat: no-repeat; top:0px; left:0px;}
#dv_pg .section .r {position:absolute; height:30px; width:30px; background-repeat: no-repeat; top:0px; right:0px;}
#dv_pg .section .m {position:absolute; height:30px; left:30px; right:30px; top:0px;}

#dv_pg .hdr {top:-30px;} 
#dv_pg .hdr  .l { background-image: url(pg_tl.png);}
#dv_pg .hdr  .r { background-image: url(pg_tr.png);}
#dv_pg .hdr  .m { background-image: url(pg_tm.png);}

#dv_pg .ftr {bottom:-30px;} 
#dv_pg .ftr .l { background-image: url(pg_bl.png);}
#dv_pg .ftr .r { background-image: url(pg_br.png);}
#dv_pg .ftr .m { background-image: url(pg_bm.png);}




#dv_pg .hdr .tit {display:block; position:absolute; padding: 0 11px;  left:0px; top:9px; right:0px; height:16px;}
#dv_pg .hdr .cap {float:left; font-size:14pt; color:#eeeeee; }
#dv_pg .hdr .opt {float:right; }

#dv_pg .hdr .man {display:block; margin-top:37px; padding: 0 16px; height:16px; }
#dv_pg .hdr .sub {display:block; overflow:visible;  padding:0 16px; height:16px; }
#dv_pg .hdr .det {float:left;}
#dv_pg .hdr span, #dv_pg .hdr a{font-size:8pt; height:12px; line-height:12px; display:inline-block;}
#dv_pg .hdr .sep {border-left:solid 1px #eeeeee;}
#dv_pg .hdr .man span.h {font-size:12pt;color:#B69C2A;}
#dv_pg .hdr .link{color:#868EA5;}
#dv_pg .hdr span {color:#ffffff;}
#dv_pg .hdr .gap {margin-right:20px;}



#dv_pg .section .mu {position:absolute; top:0px; right:3px; min-width:21px;  min-height:27px; background:url(bk.png) repeat-x;display:none; z-index:9999;}
#dv_pg .section .mu .mu-ico{position:absolute;width:20px; height:20px; right:0px; top:4px;background: url(his.png) no-repeat top right;}
#dv_pg .section .mu:hover .mu-ico{background-position:  bottom left;}

.fm-hd-mn {width:98%; height:31px;padding:2px 10px; color:#ffffff; font-size:14pt; float:left; }
.fm-hd-mn .hd{float:left;}


#dv_pg.fm-pg1 {width:633px; margin-left:-217px;height:300px;}
.fm-pg1 .container { height:300px}
.fm-pg1 .container .dvcontent h1{ padding-top:10px; font-size:11pt;}
.fm-pg1 .container .dvcontent div {width: 230px; }



.fm-pg2 {width:300px; margin-left:100px;}
.fm-pg3 {width:448px; margin-left:-217px;}


.fm-pg4 {width:448px; margin-left:-217px;}
.fm-pg4 .section .op {display:block; padding-right:12px;} 

.fm-pg5 {width:420px; margin-left:-217px;}
.fm-pg5 .container { height:270px; margin-top:130px;}

.fm-pg6 {width:633px; margin-left:-217px;}
.fm-pg6 .hdr {height:60px;}
.fm-pg6 .container { height:360px; margin-top:40px;}
.fm-pg6 .section .op {display:block;}



#dv_pg.fm-pg7 {width:633px; margin-left:-217px; top:60px; height:500px;}

#dv_pg.fm-pg9 {width:300px; margin-left:-217px;}

.pframe {position:absolute; height:100%; width:100%; }
.pframe .tr {position:absolute; height:30px; width:30px; background-repeat: no-repeat; top:0px; right:0px;background-image: url(pg_tr.png);}
.pframe .tl {position:absolute; height:30px; width:30px; background-repeat: no-repeat; top:0px; left:0px;background-image: url(pg_tl.png);}
.pframe .tm {position:absolute; height:30px; left:30px; right:30px; top:0px; background-image: url(pg_tm.png);}
.pframe .mm {position:absolute; bottom:30px; left:0px; right:0px; top:30px; background-image: url(pg_m.png);}
.pframe .br {position:absolute; height:30px; width:30px; background-repeat: no-repeat; bottom:0px; right:0px;background-image: url(pg_br.png);}
.pframe .bl {position:absolute; height:30px; width:30px; background-repeat: no-repeat; bottom:0px; left:0px;background-image: url(pg_bl.png);}
.pframe .bm {position:absolute; height:30px; left:30px; right:30px; bottom:0px; background-image: url(pg_bm.png);}


.newsbfr{padding:2px 0;}


/****************************************************
FRAMES
*****************************************************/
.fm-csl-vd {border:none;left:50%; margin-left:-215px;width:447px;position:absolute;top:460px;overflow:hidden; z-index:1000; }
.fm-csl-gl {border:none;left:50%; margin-left:-215px;width:633px;position:absolute;top:90px;overflow:hidden; z-index:2;}
.fm-csl-nw {display:none;border:none;left:50%; margin-left:-217px;width:420px;position:absolute;top:135px;overflow:hidden;height:105px; background: url(fm_md4.png) repeat;}
.fm-bar{display:none; position:absolute; left:50%; margin-left:-208px;top:435px;height:30px; width:430px; background: url(fm_bar.png) no-repeat; overflow:hidden; z-index:1000;}


.fm-gal {position:absolute;top:80px;height:600px;left:50%; margin-left:-230px; width:650px;overflow:hidden;border:none;z-index:1;}
.fm-gbk {top:0px; left:0px;}
.fm-blg {top:0px; left:0px;}
.fm-bnw {left:50%; margin-left:55px;width:370px;position:absolute;top:430px;overflow:hidden; z-index:2; height:30px; display:none;}

.fm-enq {position:absolute; height:350px; top:270px;left:50%; margin-left:32px; width:415px; overflow:visible; background-color:Olive; }
.hidden {position:fixed;left:500%; margin-left:0px; background:green;overflow: hidden;} 







      

.button {margin:0; padding:0;cursor:pointer; background-color:Transparent;border:0; background-position:top left; background-repeat:no-repeat; color:#EFEFEF; }
.button:hover { background-position:bottom left;color:#ffffff;}


.lnk25{color:#ffffff; background-position:top left; padding-left:30px; margin-left:45px; display:inline-block; line-height:25px; margin-bottom:10px;background-image:url(bt_s.png);white-space: nowrap;}
.lnk25:hover { background-position:bottom left;color:#ffffff;}

.bt-90{background-image:url(bt_27.png); height:25px; width:100px;}
.bt-74{background-image:url(bt_cp.png); height:17px; width:74px; font-size:8pt; text-decoration:none; }


.bt-fb{background-image:url(ic_fb50.png); height:50px; width:50px; display:inline-block;}
.bt-tw{background-image:url(ic_tw50.png); height:50px; width:50px; display:inline-block;display:none;}



.bt, .bt-sl{position:relative; width:50px; height:50px; float:left; background:url(bt.png) no-repeat; margin:2px;}
.bt-sl{background-position:bottom center; cursor:default;}          

.btup {position:absolute;top:8px; color:#ccc; right:6px;font-size:8pt;cursor:pointer; height:16px; padding-right:18px; background:url(up.png) no-repeat top right; display:none;}
.btup:hover{ background-position:bottom right;color:#fff; text-decoration:underline;}


.bt{background-position:top center; cursor:pointer;}
.bt:hover{background-position:center center;}
.bt2 {height:48px; width:159px; cursor:pointer; color:#ffffff;background:url(bt38.png) no-repeat top center; text-align:center;}
.bt2 a{ position:absolute;left:0px; width:159px; margin-top:13px} 
.bt2:hover {background-position:bottom center;}


.btsup {position:absolute; top:593px; left:50%;margin-left:298px;  height:38px; width:93px;cursor:pointer; color:#ffffff;background-repeat:no-repeat; background-position: top left; text-align:center;  display:none;}
.btsup:hover {background-position:bottom left;}
.btsup_en{ background-image:url(sup_en.png); }
.btsup_fr{ background-image:url(sup_fr.png); }



img.com {margin-top:5px; filter;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; }
img.com:hover {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
img.com:hover {filter:none;}



.lnk{color:#ffffff; padding-left:4px; height:48px; cursor:pointer; margin-left:20px;}
.lnk a{font-size:12pt;  position:absolute;  margin-top:15px; left:90px;}
.lnk img{float:left;}
.lnk:hover {color:#7E281C;}
.lnk:hover img{left:0px; top:0px; }

.lnk32{color:#ffffff; height:32px; cursor:pointer; float:right}
.lnk32 a{font-size:8pt;  position:absolute;  margin-top:6px;  right:40px; }
.lnk32 img{float:left;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.lnk32:hover {color:#7E281C;}
.lnk32:hover img{left:0px; top:0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1; }

.ico{height:32px; cursor:pointer; background-position:top left; background-repeat:no-repeat; text-decoration:none;}
.ico span{ position:absolute; color:#cccccc; font-size:8pt; margin: 1px 0 0 25px;}
.ico:hover{ background-position:bottom left;}
.ico:hover span{color:#ffffff;}


.lnkq {color:#ffffff; font-size:8pt;  float:left; height:20px; width:62px; cursor:pointer; background-position:top left; background-repeat:no-repeat; margin:0; padding:0; border:none; background-color:Transparent;}
.lnkq1 { background-image:url(qmlnk_l.png);}
.lnkq2 { background-image:url(qmlnk_m.png); width:63px; }
.lnkq3 { background-image:url(qmlnk_r.png);background-position:top right;}
.lnkq:hover {background-position:center left;}
.lnkqsel, .lnkqsel:hover {background-position:bottom left; cursor:default;}



.lnkqm a{font-size:10pt;  position:absolute;  margin-top:15px; left:90px;}
.lnk2 img{float:left; height:50px; width:50px;  background:url(bt.png) no-repeat top center}
.lnk2:hover {color:#FFCE3C;}
.lnk2:hover img{left:0px; top:0px;background-position:center center; }


.nxt, .prv {height:14px; cursor:pointer; display:inline-block; } 
.nxt {background:url(nxt14.png) no-repeat top right; padding-right:15px;}
.prv {background:url(prv14.png) no-repeat top left; padding-left:15px;}

.nxt:hover {background-position:bottom right; text-decoration: underline; }
.prv:hover {background-position:bottom left; text-decoration: underline;}

 
/****************************************************
    FOOTER BOX
*****************************************************/  

#ft_box {height:220px; top:490px;position:absolute; z-index:9999; width:360px; left:50%; margin-left:-217px; display:none;  }
#ft_box div.tabs {position:absolute; top:0px; height:28px; width:100%;}
#ft_box div.tabs a.tab {color:#ffffff; font-size:10pt; text-align:center;  display:inline-block; float:left; height:30px; line-height:30px;  width:120px; background-image:url(tab_lt.png); }
#ft_box div.tabs a.tab.first{ background-image:url(tab_lt_l.png);}
#ft_box div.tabs a.tab.selected, #ft_box div.tabs a.tab.selected:hover {background-position:center left; cursor:default; font-weight:bold; }
#ft_box div.cn {position:absolute; width:100%; top:20px; bottom:10px; padding:0;}





/****************************************************
TV
*****************************************************/
.tv {position: absolute; height:335px;  width:420px;top:130px; left:50%; margin-left:-202px; z-index:1000; text-align:center;} 
.tv .pframe{ display:none;}
.tv .vframe {position:absolute;width:100%; height:100%; text-align:center;}
.tv .video {background-color:Transparent;width:400px;height:278px; overflow:hidden;display:block; margin:5px; border:solid 1px #ffffff;}

.tv.tvi {top:175px;width:363px; left:50%;margin-left:50px;height:300px; } 
.tv.tvi .video{width:350px;height:243px;}

.tv .header {font-size:8pt; color:#ffffff; padding-top:2px; display:inline-block;}
.tv.tvi .header{ display:none;}
.tv.hidden  {position:absolute; top:-20000em;} 


/****************************************************
SCROLL
*****************************************************/
div.navi,a.prev, a.next, a.prevPage, a.nextPage, a.play, a.play-ps {height:17px;}
div.navi {text-align:center; float:left; width:133px;}
div.navi a{display:inline-block; } 
a.prev, a.next, a.prevPage, a.nextPage, a.play, a.play-ps, div.navi a

{width:17px;height:17px;cursor:pointer;background-position:top left;display:inline-block; margin-top :3px;}

a.play, a.play-ps {left:50%; margin-left:-7px;}
a.prev,a.prevPage {float:left; background:url(prv.png) no-repeat;}
a.next,a.nextPage {float:right; background:url(nxt.png) no-repeat;}

div.navi a {background:url(scl_it.png) no-repeat;}
a.play {background:url(img/ply.png) no-repeat; display:none;}
a.play-ps {background:url(img/pus.png) no-repeat;}
div.navi a:hover,a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover,a.play:hover,a.play-ps:hover {background-position:bottom left;}
a.prev.disabled,a.prev.disabled:hover {background-position:center left; cursor:default;}
div.navi a.active {background-position:bottom left;cursor:default;} 	

div.scrollable { position:relative;overflow:hidden;width:100%; left:0px; height:90px;font-family:Tahoma, Verdana,  Arial; }
div.scrollablenews {position:relative;overflow:hidden;width:100%; left:0px; height:85px;font-family:Tahoma, Verdana,  Arial;background: url(fm_md4.png) repeat;border:1px solid #444A3B; }

.thumbtxt {position:absolute;width:20000em;clear:both;border:1px solid #333;}
.thumbtxt .th { font-size:7pt; font-family:Arial; float:left;width:170px;height:85px;background-color: Transparent;color:#fff;border-left:1px solid #333;cursor:pointer; font-family:Verdana ;}
.thumbtxt .th.hover {background-color:#444;}
.thumbtxt .th.active {background-color:#937E22; cursor:default;}
.thumbtxt .th span , .thumbtxt .th span h3,  .thumbtxt .th span b, .thumbtxt .th .ftr {font-size:8pt;color:#fff;}
.thumbtxt .th span {float:left; height:68px; width:170px; }
.thumbtxt .th span img {height:64px; width:48px; margin:2px; float:left; }
.thumbtxt .th span h3 { margin:0; padding:0; font-weight:bold;}
.thumbtxt .th b {font-weight:normal;}
.thumbtxt .th .ft {height:16px; background:#333;width:170px; margin:0; padding:0;  float:left; }
.thumbtxt .th .ft em {float:left; margin-left:2px;font-style:normal;color:#B69C2A;}
.thumbtxt .th .ft b {float:right; margin-right:5px; color:#cccccc;}
.thumbtxt .th.active .ft {background:#333 url(nw_sl.gif) top center no-repeat;}

.thumbs {position:absolute;width:20000em;clear:both;}
.thumbs div { font-family:Arial; float:left;width:167px;height:90px;background-color: Transparent;color:#fff;cursor:pointer; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.thumbs div.hover {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.thumbs div.hover {filter:none;}
.thumbs div span , .thumbs div span h3,  .thumbs div span a, .thumbs div .ftr {font-family: Tahoma ;font-size:8pt;color:#fff;}
.thumbs div span {float:left; height:68px; width:170px; }
.thumbs div span h3 { margin:0; padding:0; font-weight:bold;}
.thumbs div .ftr {height:16px; background:url(scl_ft.gif) bottom center no-repeat;width:100%; margin:0; padding:0; text-align:center; margin-top:74px; }


/* Scroller Box */
#scroller_container {position: relative;width: 400px;height: 40px;overflow: hidden;}
#scroller {white-space: nowrap;line-height: 30px;}
#scroller a {padding: 0; float:left; font-size:10pt;font-weight:bold;display:inline-block; height:30px; line-height:30px; color:#9CE1FF;cursor:pointer;}
#scroller a:hover{ text-decoration:underline;} 
#scroller em { float:left;text-transform:uppercase; margin-right:10px; padding:0 5px;  font-style:normal; display:inline-block; background:url(wrn.png) center center repeat-x; color:#fff; } 
#scroller img { float:left; height:28px;margin-right:5px;}





/****************************************************
OVERLAY
*****************************************************/

/****************************************************
OVERLAY
*****************************************************/
div.overlay { position: absolute; width:556px; height:445px; display:none; z-index:10000; } 
div.contentWrap {position: absolute;overflow:hidden;width:506px; height:410px; display:block;left:25px; top:12px;  background:url(bg_w.png);} 
div.overlay a.close {position:absolute;right:12px;top:12px;height:25px;width:25px;background-image:url(close.gif);}
div.overlay {background-image:url(ovr_tr.png);}
div.suprise {background-image:url(ovr_sp.png);} 




/****************************************************
INPUT FORM
*****************************************************/
.form {font-family:Tahoma,verdana; font-size:8pt;color:#4C4C4C;height:100%;}
.form h1, .form h2, .form h3, .form p{ margin:0; padding:0;}   
.form h1{ padding:7px 0px 0px 20px;}
.form h2, .form h3{color:#fFF; font-weight:normal;font-family:Tahoma,verdana; }   
.form h3{font-size:7pt; margin-top:10px; }
.form h2{padding:10px 0;font-size:12pt; line-height:120%;}


.form .col{ position:absolute; top:40px; width:40%; height:400px;}
.form .colr {right:6%;}
.form .coll {left:6%;}

.form table {font-size:8pt; position:relative; margin:0px; width:100%; left:0px; margin-top:-20px; }
.form table td{color:#4C4C4C; vertical-align:top;  padding:1px; float:left; }
.form .lbl {float:left;color:#6A99AD;padding-right:8px; width:100%;}
.form .rad {width:100%; border:solid 1px  transparent;}
.form .rad label {color:#fff; }
 
.form .txt {border:solid 1px #687979;float:left; display:block; background:url(b.gif);width:100%; color:#fff;}

.form .err {border:solid 1px #C45CAC;}
.form .erv {border:solid 1px #C778FF;}

.form .btn {cursor:pointer;float:right; margin:5px 8px; border:none; width:16px; height:16px;background:url(vwxp.png) no-repeat top left;}
.form .btn:Hover{background-position: bottom left;}
.form .req{background:url(req.png) no-repeat center right; padding-right:8px;}
.form .insert {border:solid 1px #687979;}

.form .inf {margin-top:2px; float:left; font-size:7pt; color:#6A99AD; padding-left:8px; background:url(req.png) no-repeat center left; display:block;}
.form .wrn {color:#C46A1C; text-decoration:"blink"; padding-bottom:10px;}

.form .suc {color:#fff; padding-top:20%;}
.form .suc h1{color:#fff; margin-bottom:10px;}

.form div.ftr {position:absolute;left:6%; width:235px; height:60px; padding:5px 0;  top:319px;color:#fff; background:url(bk_cp.png);} 
.form div.ftr h2{padding:0 0 0 0; margin:0 0 0 0; font-size:14pt;} 

.form-sup  h1 {color:#E9E93B}
.form-sup  h2 {color:#fFF; font-weight:normal; font-size:10pt;}   

.form-sup .insert {position:absolute; width:198px; height:198px; top:70px;left:0px;}
.form-sup div.ftr {top:40px;background:none;left:3%;} 
.form-sup div.ftr h2{font-weight:bold; font-size:10pt; color:#E2FFFF; letter-spacing:3px; line-height:130%;} 



@media screen and (-webkit-min-device-pixel-ratio:0) {
        .form table input,.form table select,.form table textarea 
        {
            -moz-border-radius: 4em;
            -webkit-border-radius: .4em;
        }  
}



/****************************************************
INPUT FORM
*****************************************************/
    .infhdr { display:block; height:30px;padding:7px 0 0 17px; color:#fff;}
    .infhdr h2 {line-height:30px;}
    .infhdr h2 span{ font-weight :normal; letter-spacing:normal;}
    .inftabs, .infpanes {display:block; height:332px; float:left; margin:10px;}
    .inftabs  {width:90px; margin-right:0;  border-right:2px solid #2D2E1F;}
    .inftabs a {display:block; line-height:20px; height:20px; font-size:8pt; padding-left:5px;}
    .inftabs a.selected{ background:#2D2E1F; cursor:default; color:#fff;}
    .inftabs a.selected:hover{ text-decoration:none;}
    .infpanes {width:380px;}
