/*-------------------------------
@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; 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-position:0% -40px; }
.menu #current a span { 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;}