@charset "utf-8";
/* CSS Document by Gray 2008 */
body { background:#fff; font-size:11px; vertical-align:top; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; width:100%; text-align:center; margin:0; padding:0 0 10px 0; }
td,th,input,div,span { color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; line-height:18px; font-size:11px; }
h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend { margin:0;padding:0; text-align:left; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
div,ul,li,td, { zoom:100%; }
ul,ol { margin:0; padding:0; }
li { list-style:none outside; }
img { border:none; }
a,a:link,a:visited { color:#f00; text-decoration:none; }
a:hover { color:#f00; text-decoration:underline; }
a:active { color:#000; text-decoration:none; }
.clear { clear:both; height:0px; font-size:0px; line-height:0px; margin-top:-1px; }
.clear_left { clear:left; height:0px; font-size:0px; line-height:0px; }
.clear_right { clear:right; height:0px; font-size:0px; line-height:0px; }
/*header*/
#header{ margin:0; padding:0; text-align:center; background:url(/images/social_label_4/logo_bg.gif) left 36px repeat-x; }
#header #nav { background:url(/images/social_label_4/nav_bg.gif) repeat-x left top; height:36px; text-align:center; }
#header #nav li { position:relative;  height:36px; float:left; background:url(/images/social_label_4/nav_li.gif) no-repeat left center; height:36px; line-height:36px; }
#header #nav li a { display:block; line-height:36px; padding:0 15px 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }
#header #nav li .drop { background:url(/images/social_label_4/Triangle.gif) no-repeat right center; padding:0 25px 0 20px !important; margin-right:10px;}
#header #nav li a,#header #nav li a:link,#header #nav li a:visited { color:#ccc; }
#header #nav .home { background:none !important; }
#header #nav .home a { background:none !important; padding:0 15px 0 0 !important; }
#header #nav li a:hover { color:#FFB6B5; text-decoration:none; }
#header #nav li ul { left:-999em; border-top:1px solid #ccc; position:absolute; width:170px; height:auto !important; }
#header #nav li ul li { border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; float:none !important; height:auto !important; background:none !important; line-height:24px !important; }
#header #nav li ul li a { font-family:Verdana, Arial, Helvetica, sans-serif !important; font-size:11px !important; line-height:24px !important; display:block; background:none; padding:0 15px 0 20px !important; font-weight:normal !important; }
#header #nav li ul li a:link,#header #nav li ul li a:visited { background:#eee; color:#000; }
#header #nav li ul li a:hover { background:#fff !important; color:#f00; font-weight:bold; text-decoration:none; }
#header #nav li:hover ul { left:auto; }
#header #nav li.sfhover ul { left:auto; }

#header .content { width:960px; margin:0 auto 0 auto; }
#header .content #logo{ float:left;}
#header .content #welcome{ float:left; border-left:1px solid #fff; margin-top:30px; margin-left:10px;height:40px; padding-left:10px; color:#FFFFFF;}
#header .content a{ color:#FFFFFF;}
#header .content #link{ width:189px;float:right; padding-top:39px;}
#header .content #link .newsletter{ text-align:left;background:url(/images/social_label_4/newsletter.gif) left center no-repeat; padding:0 15px 0 30px; line-height:21px; border-right:1px solid #fff; display:block; float:right; }
#header .content #link .rss{line-height:21px; display:block; float:right; margin-left:10px; padding-top:2px;}

/*main*/
#main { background-image: url(/images/social_label_4/main_bg.gif) repeat-x left top; width:960px; margin:0 auto 0 auto; }
#main #overview{ width:960px; margin:10px auto 10px auto; }
#main #overview .left{ width:663px; height:271px; float:left;background-image: url(/images/social_label_4/main_left_bg.gif);background-repeat: no-repeat;background-position: left top; }
#main #overview .left .pic{ float:left; padding-left:15px; margin:15px 0 0 0; display:inline; }
#main #overview .left .intro{ float:left; width:320px;  margin:15px 0 0 10px; display:inline;}
#main #overview .left .intro .name{ font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#FFFFFF; padding-top:20px;}
#main #overview .left .intro .name a { color:#fff; }
#main #overview .left .intro .description { margin-top:20px;}
#main #overview .left .intro .support{ margin-top:10px;border-top:1px dashed #596467; border-bottom:1px dashed #596467; padding:5px 0 5px 0px; clear:both;}
#main #overview .left .intro .support span { margin:0 15px 0 0; }

#main #overview .right{ width:297px; float:right;}
#main #overview .right .title{ height:104px;background-image: url(/images/social_label_4/main_right_title.gif);background-repeat: no-repeat;background-position: left top;}
#main #overview .right .title a { font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#fff; font-weight:bold; padding-left:90px; padding-top:41px; display:block; }
#main #overview .right .title .note{ color:#fff;padding-left:90px; padding-top:8px;}
#main #overview .right .content { height:167px;background-image: url(/images/social_label_4/main_right_bg.gif);background-repeat: repeat-x;background-position: left top; padding:0 21px 0 15px; color:#FFFFFF;}

#main #content{ width:960px; margin:0 auto 0 auto; }
#main #content .left{ width:688px; float:left;}
#main #content .left .top { height:10px; background:url(/images/social_label_4/content_title.gif) center top no-repeat; }
#main #content .left .content{ border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0; background-color:#FFFFFF;padding:5px 15px 5px 15px;}
#main #content .left .content h1 { margin:0; }
#main #content .left .content h2,#main #content .left .content h3,#main #content .left .content h4,#main #content .left .content h5,#main #content .left .content h6 { margin:10px 0 0 0; }
#main #content .left .content h1 a,#main #content .left .content h2 a,#main #content .left .content h3 a,#main #content .left .content h4 a,#main #content .left .content h5 a,#main #content .left .content h6 a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }
#main #content .left .content h1 a:link,#main #content .left .content h2 a:link,#main #content .left .content h3 a:link,#main #content .left .content h4 a:link,#main #content .left .content h5 a:link,#main #content .left .content h6 a:link,#main #content .left .content h1 a:visited,#main #content .left .content h2 a:visited,#main #content .left .content h3 a:visited,#main #content .left .content h4 a:visited,#main #content .left .content h5 a:visited,#main #content .left .content h6 a:visited { color:#000; text-decoration:none; }
#main #content .left .content h1 a:hover,#main #content .left .content h2 a:hover,#main #content .left .content h3 a:hover,#main #content .left .content h4 a:hover,#main #content .left .content h5 a:hover,#main #content .left .content h6 a:hover { color:#f00; text-decoration:underline; }
#main #content .left .content h1 a { display:block; padding:0 0 0 43px; background:url(/images/youtube_flv_partner/social_label_1_intro_h1.gif) left center no-repeat; line-height:36px; }
#main #content .left .content h2 a { display:block; padding:0 0 0 43px; background:url(/images/youtube_flv_partner/social_label_1_intro_h2.gif) left center no-repeat; line-height:36px; }
#main #content .left .content h3 a { display:block; padding:0 0 0 43px; background:url(/images/youtube_flv_partner/social_label_1_intro_h3.gif) left center no-repeat; line-height:36px; }
#main #content .left .content h4 a { display:block; padding:0 0 0 43px; background:url(/images/youtube_flv_partner/social_label_1_intro_h4.gif) left center no-repeat; line-height:36px; }
#main #content .left .content h5 a { display:block; padding:0 0 0 43px; background:url(/images/youtube_flv_partner/social_label_1_intro_h5.gif) left center no-repeat; line-height:36px; }
#main #content .left .content h6 a { display:block; padding:0 0 0 43px; background:url(/images/youtube_flv_partner/social_label_1_intro_h6.gif) left center no-repeat; line-height:36px; }
#main #content .left .more { padding:10px 0 0 0; border:none !important; }
#main #content .left .more a { display:block; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; }
#main #content .left .bottom { height:10px; background:url(/images/social_label_4/content_bottom.gif) center bottom no-repeat; }

#main #content .right{ width:262px; float:right;}
#main #content .right .title{ width:262px; line-height:35px; font-family:Arial, Helvetica, sans-serif; font-size:14px;font-weight:bold;background: url(/images/social_label_4/video_title.gif) no-repeat center top; text-indent:15px; }
#main #content .right .content{border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0; background:#fff;padding:0 10px 10px 10px; }
#main #content .right .content ul li { border-bottom:1px solid #C0C0C0; padding:10px; }
#main #content .right .content ul li .pic { float:left; display:inline; }
#main #content .right .content ul li .pic img { width:75px; }
#main #content .right .content ul li .intro { float:right; width:145px; display:inline; }
#main #content .right .content ul li .intro .name { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;  }
#main #content .right .content ul li .intro img { display:block; }
#main #content .right .bottom { height:10px; background:url(/images/social_label_4/video_bottom.gif) center bottom no-repeat; }

#footer{ height:57px; background:url(/images/social_label_4/footer_bg.gif) repeat-x left top; margin-top:10px; text-align:center; }
#footer .content { width:960px; margin:0 auto 0 auto; padding:10px 0 0 0; }
#footer .links { float:left; color:#fff; }
#footer .copyright { float:right; color:#fff; text-align:right; }
#footer a { color:#fff; }
#footer a:hover { color:#fff; text-decoration:underline; }