/* Buzz Style - Layout */
 
 
/******************************************************
 *                    Basic Layout                    *
 ******************************************************/
 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:left;
 background-color:#feebf8;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 color:#333333;
} 
 
#pagewrap{ 
 width:1024px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 background:url(/images/background/bg_cen.png) repeat-y center center #feebf8; 
} 

#topbanner{
 position:relative; 
 height:auto; 
 background-color:#feebf8; 
 width:100%;
 padding-top:10px;
} 

#header{
 position:relative; 
 height:160px;  
 width:100%;
 background:url(/images/background/bg_top.png) no-repeat center top #feebf8;
 padding-top:32px; 
}  

#header .logo{
 margin-top:10px;
 margin-left:40px;
 width:240px;
 height:100px;
 background: url(/images/common/buzz_logo.png) no-repeat left top;
 cursor:pointer;
}
#header .header2{
 width:100%;
 background: url(/images/background/bg_header2.gif) no-repeat center bottom; 
}

#wrapper {

}

#maincol{
 background-color:#fff;   
 float:left; 
 display:inline; 
 position:relative;
 width:710px;
 margin-left:34px;
 margin-top:10px;
}

#maincol .maincol_right {
 width:260px;
 margin-left:30px;
 font-size:12px;
 color:#333;
 line-height:1.7em;
}


#maincol .title {
 background:url(/images/background/bg_title.gif) no-repeat left center;
 font-size:21px;
 font-weight:bold;
 line-height:1.5em;
 color:#333;
 margin-left:40px;
 padding-left:20px;
}

#maincol .smallnote {
 color:#666;
 font-size:11px;
 line-height:normal;
 margin-top:20px;
}
#maincol .snicons {
 background-color:#fff;
 width:100%;
 margin-top:40px;
}


#section {margin-top:20px; margin-bottom:20px;}
#section .container_bot {clear:both; width:700px; background:url('/images/background/bg_container_bot.gif') bottom left no-repeat;}
#section .container_top {overflow:hidden; width:700px; background:url('/images/background/bg_container_top.gif') top left no-repeat;}
#section .contents_all {overflow:hidden; width:680px; margin:0px 20px 0px 20px; font-size:12px; color:#333; line-height:1.5em;}
#section .support {width:100%;}
#section .support td {padding:10px 2px;}
 
#section .tab_green {overflow:hidden; width:700px; background:url('/images/background/bg_tab_green_left.png') top left no-repeat;}
#section .tab_pink {overflow:hidden; width:700px; background:url('/images/background/bg_tab_pink_left.png') top left no-repeat;}
#section .tab_all {overflow:hidden; width:680px; margin:10px 20px 0px 20px; font-size:12px; color:#333; line-height:1.5em;}

 
#rightcol{ 
 float:right; 
 display:inline; 
 position:relative; 
 width:220px;
 margin-left:30px; 
 margin-right:30px;
 margin-top:10px;
 text-align:right;
}

#rightcol .side_tab_green {overflow:hidden; width:220px; background:url('/images/background/bg_tab_green_right.png') no-repeat top right ;}
#rightcol .side_tab_pink {overflow:hidden; width:220px; background:url('/images/background/bg_tab_pink_right.png') no-repeat top right;}
#rightcol .side_tab_all {overflow:hidden; width:200px; margin:10px 10px 0px 10px; font-size:12px; color:#333; line-height:1.5em;}

#rightcol .side_container_bot {clear:both; width:200px; background:url('/images/background/bg_side_container_bot.gif') bottom center no-repeat;}
#rightcol .side_container_top {overflow:hidden; width:200px; background:url('/images/background/bg_side_container_top.gif') top center no-repeat;}
#rightcol .side_contents_all {overflow:hidden; width:180px; margin:10px 10px 20px 10px; font-size:12px; color:#333; line-height:1.2em;}
#rightcol .edition {width:180px; }
#rightcol .edition td {}


#footer{
 padding-top:40px;
 padding-left:34px;
 padding-right:30px;
 height:80px; 
 background:url(/images/background/bg_bot.png) no-repeat center top #feebf8; 
 clear:both;
} 
 
#footer .copy{
 font-size:11px;
 color:#666666;
}

 
 /* *** Float containers fix: *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


/******************************************************
 *                      Style                         *
 ******************************************************/
 
b {
 font-weight:bold;
 font-size:120%;
}

strong {
 font-size:100%;
 font-weight:bold;
}

a, a:link, a:visited {
 color:#0066CC;
 text-decoration:none;
}

a:hover {
 text-decoration:underline;
}

div.hr {
  height:20px;
  background:url(/images/common/hr_gray.gif) repeat-x scroll bottom;
  border:none;
}
div.hr hr {
  display: none;
}

.sfont {
 font-size:11px;
 color:#666;
}

.title_s {
 background:none;
 font-size:15px;
 font-weight:bold;
 line-height:1em;
 color:#333;
 text-align:left;
}

.title_m {
 background:none;
 font-size:18px;
 font-weight:bold;
 line-height:1em;
 color:#666;
 text-align:left;
}

.title_digi {
 background:none;
 font-size:16px;
 font-weight:bold;
 line-height:1em;
 color:#a0c31f;
 text-align:left;
}

/******************************************************
 *                   Video Pages                      *
 ******************************************************/

#videolist {

}
.videomid {
width:240px;
float:left;
margin-right:20px;
color:#333;
font-weight:normal;
}
.videomid td{
text-align:left;
}

.videothumb {
width:410px;
float:right;
margin-bottom:10px;
color:#333;
font-weight:normal;
}
.videothumb td{
text-align:left;
vertical-align:top;
padding-left:10px;
line-height:1.2em;
}

.video09 {
width:700px;
float:left;
margin-bottom:10px;
color:#333;
font-weight:normal;
}
.video09 td{
text-align:left;
vertical-align:top;
padding-left:10px;
line-height:1.2em;
}
#videolist .videotitle {
font-size:14px;
color:#a0c31f;
font-weight:bold;
line-height:1.5em;
text-align:left;
}
#videolist .view {
font-size:11px;
color:#FF9900;
font-weight:bold;
}
#videolist .playicon, #videolist .playicon a {
}
#videolist .playicon a:hover {
background:url(/images/video/ic_play.png) no-repeat center center;
z-index:1;
}

#videolist .watchvideo, #videolist .watchvideo a:link, #videolist .watchvideo a:visited {
padding-left:24px;
background:url(/images/video/ic_video.png) no-repeat;
font-size:12px;
color:#666;
line-height:24px;
}
#videolist .watchvideo a:hover {
background:url(/images/video/ic_video_over.png) no-repeat;
color:#333;
}

#videolist td .border{
border:2px solid #fff;
padding:12px 5px 12px 12px;
background-color:#f6f6f6;
}
#videolist .download {
background:url(/images/background/bg_download.gif) no-repeat;
height:50px;
width:370px;
margin-bottom:20px;
vertical-align:middle;
}

/******************************************************
 *                  Small Buttons                     *
 ******************************************************/
#btn_wrapper {
overflow: hidden;
width: 100%;
padding-top:5px; 
}
a.btn_small_img {
background: transparent url('/images/button/btn_small_img_left.png') no-repeat top left;
display: block;
float:left;
font: bold 11px Arial; 
line-height: 15px; 
height: 24px; 
padding-left: 12px;
text-decoration: none;
}
a:link.btn_small_img, a:visited.btn_small_img, a:active.btn_small_img {
color: #333;
text-decoration: none;
}
a.btn_small_img  span {
background: transparent url('/images/button/btn_small_img_right.png') no-repeat top right;
display: block;
padding: 4px 12px 5px 0;
}
a.btn_small_img:hover  {
background-position: bottom left;
text-decoration: none;
}
a.btn_small_img:hover span { 
background-position: bottom right;
color: #000;
}


/******************************************************
 *                 Register Pages                     *
 ******************************************************/
#maincol .registerform {
 width:700px;
 font-size:12px;
 line-height:1.5em;
 color:#333;
 background:url(/images/background/bg_register_paper.jpg) no-repeat left top #e6e6e6;
}
#maincol .registerform td {
 padding: 5px 10px 5px 10px;
 vertical-align:text-top;
 margin-top:5px;

}
#maincol .registerform input, #maincol .registerform select {
 width:240px;
 hight:18px;
 font-size:12px;
 line-height:18px;
 color:#000000;
 margin-top:5px;
}
#maincol .registerform input.none {
 width:auto;
}
#maincol .registerform .star {
 color:#FF0066;
 font-weight:bold;
 font-size:14px;
}
#maincol .registerform2 {
 width:700px;
 font-size:12px;
 line-height:1.5em;
 color:#333;
 background:url(/images/background/bg_register_paper2.jpg) no-repeat left top #e6e6e6;
}
#maincol .registerform2 td {
 padding: 5px 10px 5px 10px;
 vertical-align:text-top;
 margin-top:5px;
}
#maincol .registerform2 input, #maincol .registerform2 select {
 width:310px;
 hight:18px;
 font-size:12px;
 line-height:18px;
 color:#000000;
 margin-top:5px;
}
#maincol .registerform2 .star {
 color:#FF0066;
 font-weight:bold;
 font-size:14px;
}
#maincol .requestform {
 width:700px;
 font-size:12px;
 line-height:1.5em;
 color:#333;
 background:url(/images/background/bg_request.jpg) no-repeat left top #e6e6e6;
}
#maincol .requestform td {
 padding: 5px 10px 5px 10px;
 vertical-align:;
 margin-top:5px;
}
#maincol .requestform input, #maincol .requestform select {
 width:310px;
 hight:18px;
 font-size:12px;
 line-height:18px;
 color:#000000;
 margin-top:5px;
}
#maincol .requestform .star {
 color:#FF0066;
 font-weight:bold;
 font-size:14px;
}