/*-------------------------------@CSS Author: Hendra Ruswandi@copyright 2010@mail: hendra.ruswandi@gmail.com --------------------------------*//*========================================================================*//*		MAIN ELEMENTS													  *//*========================================================================*/body{ margin:8px 0 0 0; padding:0px; background:#fff url(../imagesnew/bg_body.gif) no-repeat top center; font: normal 13px/1.5em Arial; color:#000; }blockquote, q {quotes:"" ""; font-style:italic; }a img, a:hover img { border:none; } img.right { float:right; margin: 5px 0px 10px 10px; }img.left { float:left; margin: 5px 10px 5px 0px; }img.left2 { float:left; margin:0px 10px 5px 0px; }img { margin:0px; padding:0px; border:none; }img.iconside { margin:5px 10px -7px 0px; padding:0px; }h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px; color:#000; }h1 { font:normal 18px/1em Arial; }h2 { font:normal 16px/1em Arial; }h3 { font:normal 16px/1em Arial; }h4 { font:normal 14px/1em Arial; }h5 { font:normal 12px/1em Arial; }h6 { font:normal 9px/1em Arial; }a { border:none; text-decoration:none; }a:hover { border:none; text-decoration:none; }a.mailblue { border:none; font-weight:bold; color:#3b5998; text-decoration:none; }a.mailblue:hover { border:none; font-weight:bold; color:#3b5998; text-decoration:underline; }a.blue { border:none; font-weight:normal; color:#00adee; text-decoration:none; }a.blue:hover { border:none; font-weight:normal; color:#00adee; text-decoration:underline; }/* different selectors */.float_left { float:left; width:auto; border:none; }.float_right { float:right; }.clear { clear:both; margin:0px; padding:0px; height:0px; line-height:0; }.space { clear:both; display:block; margin:0px; padding:0px; height:10px; border:none; font:normal 1px arial; }.normal { font-style:normal; }.sbold { font-weight:bold; }.lspace-1 { letter-spacing:-1px; }.line { margin:0 0 10px 0; padding:10px 0 0 0; border-bottom:1px dashed #aaa; }.alcenter { text-align:center; }.clr_red { color:#ff0000; }.clr_green { color:#20aa00; } .clr_blue { color:#3b5998; }.clr_blue2 { color:#00adee; }.clr_org { color:#ff4000; }.clr_yell { color:#fff55c; }  /* messages */.mserror, .msnotice, .mssuccess { padding:5px; margin-bottom:1em; border:1px solid #ddd; }.mserror { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; } .mserror a {color:#8a1f11;}.msnotice { background:#FFF6BF; color:#514721; border-color:#FFD324; } .msnotice a {color:#514721;}.mssuccess { background:#E6EFC2; color:#264409; border-color:#C6D880; } .mssuccess a {color:#264409;}ul.sdisc { margin:10px 0 10px 20px; list-style: circle; }/*========================================================================*//*		HEADER														      *//*========================================================================*/#wrap_header { clear:both; margin:0px; padding:0px; width:100%; background:#3f4e6f url(../imagesnew/header_wrap.png) repeat-x; }.header { margin:0px auto; padding:0px; width:1003px; height:46px; background:transparent; border:none }.headbot { display:block; width:1003px; height:40px; bottom:0; border:none }/* MENU */.menu { float:left; padding:6px 0 0 15px; width:785px; height:40px; border:none }.menu ul { margin:0px; list-style:none; font: normal 13px Arial, Sans-serif; }.menu li { display:inline; margin:0; padding:0; }.menu a { float:left; margin:0px 2px; _margin-right:8px; padding:0px 0px 0px 24px; background: url(../imagesnew/tableft.png) no-repeat left top; text-decoration:none; border:none; }.menu a span { float:left; display:block; margin:0px; padding:14px 30px 10px 6px; background: url(../imagesnew/tabright.png) no-repeat right top;  color:#fff; font-weight:bold; }.menu a span p { clear:both; margin:0px; padding:0px; font:normal 11px/1.5em Arial, sans-serif; color:#FFF; }.menu #current a span	{ color:#3b5998; font-weight:bold; }.menu #current a span p	{ clear:both; margin:0px; padding:0px; font:normal 11px/1.5em Arial, sans-serif; color:#3b5998; }.menu a span {float:none; }.menu a:hover span {color:#0a80be; font-weight:bold;}.menu a:hover span p {color:#fff;}.menu a:hover { background-position:0% -40px; }.menu a:hover span { background-position:100% -40px; }.menu #current a { background:#E3EEFF;/*background-position:0% -40px;*/ }.menu #current a span { background:#E3EEFF;/*background-position:100% -40px; */}/* member side */.member { float:right; margin:5px 0 0 0; width:174px; height:40px; background:url(../imagesnew/member.png) no-repeat; border:none }.member p { margin:7px 0 0 24px; font:normal 14px/1.3em "Trebuchet MS", Arial; color:#fff; } .member a { color:#94e6ff; text-decoration:none; } .member a:hover { color:#fff; text-decoration:none; }/*========================================================================*//*		PAGE														      *//*========================================================================*/#wrap_page { clear:both; margin:0px; padding:0px; width:100%; background:#e3eeff; }.page { margin:0px auto; padding:0 0 10px 0; width:1003px; height:auto; background:transparent; border:none; }.conthome { margin:0 auto; padding:20px 0 0 0; width:970px; background:url(../imagesnew/conthome.png) 600px 100px no-repeat; border:none  }.conthome .left { float:left; width:730px; border:none }.conthome .right { float:right; width:235px; border:none }.signserv { float:left; padding:10px; width:707px; height:86px; background:url(../imagesnew/signserv.png) no-repeat; }.signserv h1, .signserv h2 { line-height:1.3em; }.disc_tit { font:bold 13px/1.5em Arial; color:#323438; }.disc_desc { font:normal 10px/1em Arial; color:#000; }/* Video file progress */.vidprog_wrap { margin:0 auto; padding:20px 0 0 0; width:970px; background:url(../imagesnew/conthome.png) 20px 20px no-repeat; border:none  }.vidprog { float:left; padding:0; width:849px; height:119px; background:url(../imagesnew/vidprog.png) no-repeat; }.vidprog .img { float:left; padding:2px } .vidprog .mess { float:left; padding:15px; }.vidprog h1 { font:bold 30px Arial; letter-spacing:-1px; }/* VIDEOS */.vid_wrap { margin:0 auto; padding:20px 0 0 0; width:970px; background:none; border:none  }.sideleft { float:left; width:255px; height:auto; border:none }.contright { float:right; width:683px; height:auto; border:none }.sidelr_tit1 { clear:both; display:block; padding:10px; width:235px; height:18px; background:url(../imagesnew/sidelr_tit1.png); color:#3b5998; }.sidelr_tit1 a { font:bold 13px/1.5em Arial; color:#3b5998; text-decoration:none; } .sidelr_tit1 a img { margin:7px 0 0 0; } .sidelr_top { display:block; width:255px; height:9px; background:url(../imagesnew/sidelr_top.png) top no-repeat; font-size:0; }.sidelr_box { display:block; padding:10px; width:235px; height:auto; font:normal 13px/1.3em Arial; background:url(../imagesnew/sidelr_box.png) repeat-y; }.sidelr_bot { display:block; width:255px; height:6px; background:url(../imagesnew/sidelr_bot.png) top no-repeat; font-size:0; }.sidelr_box ul.cat { list-style:none; }.sidelr_box ul.cat li a { display:block; padding:5px 0; font:normal 13px/1.3em Arial; color:#3b5998; text-decoration:none; border-bottom:1px solid #e8e8e8; }/* cont right  */.contright_tit1 { clear:both; display:block; padding:10px; width:663px; height:18px; background:url(../imagesnew/contright_tit1.png); color:#000; }.contright_top { display:block; width:683px; height:4px; background:url(../imagesnew/contright_top.png) top no-repeat; font-size:0; }.contright_box { display:block; padding:0 10px; width:663px; height:auto; font:normal 13px/1.3em Arial; background:url(../imagesnew/contright_box.png) repeat-y; }.contright_bot { display:block; width:683px; height:4px; background:url(../imagesnew/contright_bot.png) top no-repeat; font-size:0; }.contright_tit1 .cat { float:left; font:normal 15px/1.3em Arial; }.contright_tit1 .label { float:right; font:normal 13px/1.3em Arial; }/* videos list */.vidlist_wrap { display:block; padding:10px 0 0 0; width:663px; height:auto; font:normal 13px/1.3em Arial; border:none }.vidlist_row { display:block; margin:10px 0 0 0; padding:0; width:663px; height:150px; font:normal 12px/1.2em Arial; color:#00adee; border-bottom:1px solid #deeef4 }.vidlist_item { float:left; display:inline; margin:0 9px; width:114px; height:150px; border:none }.vidlist_item img { margin:0 0 3px 0; padding:7px; background:#e3eeff; }.vidlist_item a p, .vidlist_item a img { color:#00adee; text-decoration:none; } .vidlist_item a:hover p { color:#00adee; text-decoration:none; }.vidlist_wrap p.paging { padding:10px 0 10px 10px; }.vidlist_wrap p.paging a { color:#00adee; text-decoration:none; } .vidlist_wrap p.paging a:hover { color:#00adee; text-decoration:underline; }/* videos detail */.videtail_wrap { margin:0 auto; padding:20px 0; width:580px; border:none }.videtail_img { float:left; width:120px; } .videtail_img img { padding:7px; background:#e3eeff; }.videtail_desc { float:left; padding:0 0 0 20px; width:420px; border:none }.videtail_sep { display:block; padding:10px 0; border-bottom:1px dashed #b8e3f3 }img.rate { margin:5px 2px -5px 2px; }.tovote { margin-left:20px; }.goback { margin-left:60px; }a.goback { padding:5px 0; font-weight:bold; color:#00adee; text-decoration:none; border-bottom:1px dashed ; }a.goback:hover { font-weight:bold; color:#00adee; text-decoration:none; border-bottom:1px solid ; }/* video player */.vidplayer_wrap { margin:0 auto; padding:20px 0; width:630px; border:none }.vidplayer_play { margin:0 auto; padding:10px 0; width:400px; text-align:center; border:none }/*========================================================================*//*		FOOTER														      *//*========================================================================*/#wrap_footer { clear:both; margin:0px auto; padding:0px; width:100%; height:auto; background:#fff url(../imagesnew/footer_wrap.png) top center no-repeat; }.footer { clear:both; margin:0px auto; padding:0px; width:1003px; height:auto; font:normal 12px/1em Arial; color:#4e4e4e; }.footer a { margin:0; padding:0; color:#000; text-decoration:none; }.footer a:hover { text-decoration:underline; }.footleft { float:left; width:500px; height:90px; background:url(../imagesnew/bubome_logofoot.png) 10px 10px no-repeat; font:normal 11px/1em Arial; color:#757575; border:none }.footleft p { margin:60px 0 0 120px; } .footright { float:right; width:500px; height:80px; text-align: right; border:none } .footright p { margin:20px 0 0 0; } /*========================================================================*//*		FORM ELEMENTS													  *//*========================================================================*/form { margin:0px; padding:0; }label.searchvid { margin:0 10px 0 0; padding:7px 0 0 0; float:left; color:#6c6c6c; }input.txt { float:left; margin:0px; padding:2px 5px 0px 5px; width:210px; height:20px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:1px solid #c0c0c0; }input.txt_searchvid { float:left; margin:0px; padding:7px 5px 0px 5px; width:505px; height:25px; background:#e3eeff; font: normal 15px/1em Arial; color:#464646; border:none; }input.but_searchvid { margin:0; padding:0; width:25px; height:30px; background:url(../imagesnew/but_searchvid.png) 10px 5px no-repeat; border:none; cursor:pointer; }input[type=text] {  }input[type=password] { }input[type=radio] { }input[type=checkbox] { }input[type=file] { }input.button { margin:0; padding:0px 10px 3px 10px; width:80px; height:25px; background:url(../imagesnew/bg_menu.gif); font:bold 13px/1em Arial; color:#fff; border:none; cursor:pointer; } select.basic { padding:2px; width:262px; height:25px; }textarea.basic { float:left; padding:5px; width:436px; height:150px; border:1px solid #c0c0c0; }/*========================================================================*//*		DTD STYLE FORM													  *//*========================================================================*/dl.control form { margin:5px; padding:0px; width:500px; }dt { clear: both; display:block; height:24px; margin:5px 0; }dt.autoheight { display:block; height:auto; margin:5px 0; padding:5px 0; }dt label.contact { float:left; padding:5px 5px 0px 0px; width:80px; font:normal 13px/1em Arial, Helvetica, sans-serif; color:#024769; text-align:left; }dt label.autoheight { display:block; height:auto; margin:5px 0; padding:5px 0; border:1px solid; }dt p {  display:inline-block; float:left; line-height:22px; }dt p.desc_reg { margin:0px 0 5px 0; width:400px; line-height:15px; }dt input.txt { margin:0px; padding:2px 5px 0px 5px; width:250px; height:19px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:1px solid #c0c0c0; }dt input.button { margin:1px 0px; padding:0px 15px 3px 15px; width:106px; height:30px; background:url(../imagesnew/bg_but2.png); font:bold 15px/1em Arial; color:#024769; border:none; cursor:pointer; }dt select { float:left; padding:2px; width:262px; }dt textarea.basic { float:left; padding:5px; width:400px; height:150px; border:1px solid #c0c0c0; }/* add class 20100303 */a.a668:link,a.a668:visited{color:#2B59D7; text-decoration:none; border-bottom:1px dotted #2B59D7;}.footleft,.signserv,img, .member, .menu li a, .menu li a span{behavior:url(pngfix/iepngfix.htc);-pie-png-fix:true;}.footleft{position:relative;_top:10px;}.footleft p{/*_margin-top:60px;*/}/*.menu a#current ,.menu a, .menu a span {behavior:url(PIE/PIE.htc);-pie-png-fix:true;}*/.signserv{_width:730px;}