/* 無名小站 2012 最後版樣式 — 留言板／名片／好友（官方 CSS，不含版型）
 *
 * 這個檔是 tools/build-css2012.mjs 產生的，**請不要手改**——
 * 改了下次重建就會被蓋掉。要調整請改 assets_src2/css/ 底下的來源，或改建置腳本。
 *
 * 內容是無名當年的原始 CSS，只把 url(…) 改指到 /img/wretch2012/。
 * 這支只有官方那幾層：留言板 layout/namecard/overwrite、好友 fix/select、名片 font，
 * 最後是 kukubar。三個頁面各自的預設版型是另外三支 wretch2012-skin-*.css，
 * 因為它們都寫了 html{}/body{} 背景，併在一起會互相蓋掉。
 * 留言板容器 958px（#content 612 / #sidebar 330）。出處見 assets_src2/spec/skin.md。
 */
/* ===== guestbook/css/layout.css（reset＋留言板版面骨架）  <css/gb_layout.css> ===== */
/*reset*/
html{color:#444;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/*font*/
body {padding:0;margin:0;text-align:center;font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}

*html span{vertical-align:bottom;}
/**/
#navigation,
#banner,
#service_link,
#access_link,
#main_tab,
.page_control,
.msg_body ul,
#sidebar ul,
#msg_input{
	list-style:none;
	padding:0px;
	margin:0px;
	vertical-align: top;
}
#main_tab,
ul.page_control{zoom:1}
#main_tab:after,
ul.page_control:after
{
content:".";
clear:both;
display:block;
visibility:hidden;
height:0
}

#navigation li,
#service_link li,
#access_link li,
#main_tab li,
.page_control li,
.msg_control li{
	display:inline;
	text-align:left;
}
.msg_control{
	text-align:center;
}
/*header*/

#container{
	text-align:left;
	width:900px;
	margin:0px auto;
}

#navigation{
	text-align:right;
}
#navigation a{zoom:1}

/*main*/
#main{
	float:left;
	margin:0px;
}
#content{
	width:600px;
	float:left;
}
.page_control{
	clear:both;
  padding:10px 0;
}
.page_control a{margin:0 2px;}

/*sidebar*/
#sidebar{
	float:right;
	width:300px;
	text-align:left;
}
#action a{zoom:1}
#action a.rss img{vertical-align:middle;*vertical-align:top;}

/*footer*/
#footer{
	clear:both;
}

/*button1107*/
/*clearfix*/
.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 */

#admin a:link,#admin a:visited{
		color:#334455 !important;
		cursor:pointer;
		float:left;
		font-size:12px;
		margin:0 10px 5px 0;
		outline:none;
		text-decoration:none;
	}
#admin a b{
		display:block; 
		float:left; 
		font-weight:normal; 
		position:relative;
		background: #fff url(/img/wretch2012/gb/button_admin.gif) repeat-x left bottom;
		border-style: solid;
		border-color:  #ccc #999 #999 #ccc;
		border-width: 1px 0;
	}
#admin a b b{
		background: none; 
		display:block; 
		position:relative; 
		margin:0 -1px; 
		border-width: 0 1px
	}
#admin a b b b {
		margin:0; 
		border-width:0; 
		padding:3px 5px 2px;
	}


/*** msg_social_tab  ***/
#socialSection{
        position:relative;
}
#sub_tab_social{
        padding:5px;
}
#sub_tab_social li{
        display:inline;
}
#sub_tab_social li a{
        display:block;
        width:60px;
        text-align:center;
        height:25px;
        padding:6px 0px 0px 0px;
        text-decoration:none;
        color:#666;
        float:left;
        background:url(/img/wretch2012/gb/btn_social.jpg) no-repeat left top;
}
#sub_tab_social li.hover a,
#sub_tab_social li a:hover{
        color:#f30;
}


/*** msg_social_list  ***/
#msg_social_list{
        clear:both;
}
#msg_social_list .msg_body{
        position:relative;
        margin:0px;
        padding:5px 0px 30px 0px;
}
#msg_social_list .msg_body .msg_content{
        background:none;
}
#msg_social_list .msg_body .msg_content ul{
        margin:0;
        padding:0 0 0 80px;
}
#msg_social_list .msg_body .msg_img {
        display:block;
        width:60px;
        height:60px;
        overflow:hidden;
        position:absolute;
        top:1px;
        left:5px;
}
#msg_social_list .msg_body .msg_img img{
        height:60px;
}
#msg_social_list .msg_body .msg_word {
        background:none;
        padding:0px;
}
#msg_social_list .msg_body .msg_word a {
  padding-right: 10px;
}
#msg_social_list .msg_body .msg_word a.upload_folder {
  padding-left: 10px;
}
#msg_social_list .msg_time {
  text-align: right;
  margin-right: 40px;
}
#msg_social_list .msg_delete {
  float: right;
  margin-top: -20px;
  _float: none;
  _text-align: right;
  _margin-top: -25px;
  _height: 25px;
}
#msg_social_list .msg_delete a{
        display:block;
        width:34px;
        height:22px;
        text-align:center;
        text-decoration:none;
        color:#666;
        padding:3px 0px 0px 0px;
        background:url(/img/wretch2012/gb/btn_delete.jpg) no-repeat left top;
}
#msg_social_list .msg_delete a:hover{
        color:#f30;
}
#social_more{
        text-align:center;
}
a#social_more_link{
        margin:0px auto;
        display:block;
        width:50px;
        height:25px;
        text-align:center;
}





/* ===== guestbook/css/namecard.css（留言板上的名片小卡 298px）  <css/gb_namecard.css> ===== */
/*fix namecard 2008.07.10*/
html #namecard{
width:298px;
border:1px solid #aaa;
font-size:13px;
line-height:1.2;
font-family:Arial;
color:#333;
background:#ccc;
}
#myImg{
display:inline;
text-align:center;
float:left;
margin:17px 0 0 10px;
border: 2px solid #fff;
}

#myImg a{
  display: block;
  text-align:center;
  vertical-align: middle;
  height: 90px;
  width: 90px;

}
#myImg a *{
  vertical-align: middle;
}
#myImg>a{display:table-cell}
/*\*//*/
#myImg a{
    display: block;
}
#myImg span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/
#myImg span {
    +display: inline-block;
    +height: 100%;
}
#myService{
float:left;
width:65px;
text-align:center;
position:absolute;
right:0px;
top:1px;
*top:0px;
}
#myService li a{
display:block;
height:18px;
padding-top:2px;
*height:21px;
*padding-top:3px;
text-decoration:none;
border-bottom:1px solid #aaa;
background:#e3e3e3;
zoom:1
}

#myService li a:hover{
background:#ccc;
border-bottom:0;
border-bottom:1px solid #fff
}
#myName{position:absolute;left:10px;bottom:8px}
#myInfo{margin-left:108px;margin-top:15px;width:123px;}
.myNick{font-weight:bold;line-height:1.5;width:123px;height:1.5em;overflow:hidden}
.myDesc{width:123px;height:68px;line-height:1.3;overflow:hidden}
#myName img{vertical-align:bottom;}
.myDigu .digu{display:block;width:123px;height:68px;line-height:1.3;overflow:hidden}
.myDigu .digu_date{position:absolute;bottom:30px;left:110px;filter:alpha(opacity=80);opacity:0.8;font-size:0.8em;width:123px;height:1.25em;overflow:hidden;}
/*2008.0917-fixed*/

/* ===== guestbook/css/overwrite.css（蓋在版型之上的官方修正）  <css/gb_overwrite.css> ===== */
#container{
  z-index:2;
}

html body div#bigcontainer div#container div#ad_gbook{
clip:rect(auto, auto, auto, auto) !important;
display:block !important;
height:90px !important;
opacity:1 !important;
position:static !important;
visibility:visible !important;
width:auto !important;
text-align:center;
filter:alpha(opacity=100) !important;
z-index:101;
zoom:1;
}

html body div#bigcontainer div#container div#ad_gbook a,
html body div#bigcontainer div#container div#ad_gbook a img{
clip:rect(auto, auto, auto, auto) !important;
display:inline !important;
height:90px !important;
opacity:1 !important;
position:static !important;
visibility:visible !important;
width:728px !important;
filter:alpha(opacity=100) !important;
}

html body div#bigcontainer div#container div#ad_gbook div{display:block !important;}
html body div#bigcontainer div#container div#ad_gbook div object,
html body div#bigcontainer div#container div#ad_gbook div object embed,
html body div#bigcontainer div#container div#ad_gbook div embed{
display:inline !important;
filter:alpha(opacity=100) !important;
opacity:1 !important;
position:static !important;
}


html body div#bigcontainer div#container div#main div#sidebar ul li#ad_lrec div a,
html body div#bigcontainer div#container div#main div#sidebar ul li#ad_lrec div a img{
clip:rect(auto, auto, auto, auto) !important;
display:block !important;
height:250px !important;
opacity:1 !important;
position:static !important;
visibility:visible !important;
width:300px !important;
filter:alpha(opacity=100) !important;
}

html body div#bigcontainer div#container div#main div#sidebar ul li#ad_lrec{
clip:rect(auto, auto, auto, auto) !important;
display:block !important;
height:auto !important;
opacity:1 !important;
position:static !important;
visibility:visible !important;
width:auto !important;
filter:alpha(opacity=100) !important;
padding-left:0px;
padding-right:0px;
}
html body div#bigcontainer div#container div#main div#sidebar ul li#ad_lrec div{
display:block !important;
/*position: static !important;
opacity:1 !important;
filter:alpha(opacity=100) !important;*/
visibility:visible !important;
}

html body div#bigcontainer div#container div#main div#sidebar ul li#ad_lrec div object,
html body div#bigcontainer div#container div#main div#sidebar ul li#ad_lrec div object embed{
display:inline !important;
filter:alpha(opacity=100) !important;
opacity:1 !important;
position:static !important;
}


/*namecard*/
html body div#bigcontainer div#container div#main div#sidebar ul li#mine div#namecard{
height:148px !important;
overflow:hidden !important;
display:block !important;
margin-bottom:0 !important;
padding-bottom:0 !important;
position:relative !important;
}



/* ===== friend/css/fix.css（好友頁骨架）  <css/gb_friend_fix.css> ===== */

/* general settin
-------------------- */
html, body {
  padding: 0;
  margin: 0;
}
body {
  font-size: .8em;
  font-family: arial, sans-serif;
}
form, input, h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  font-size: 100%;
  font-size: inherit;
  font-family: inherit;
}
ol, ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
img {
  border: 0;
}
.nohr {
  display: none;
}
ul.inline li {
  display: inline;
}
ul.inline li ul li {
}

.button
{
  height: 25px;
}

#menu {
  margin-top: 20px;
}
#menu ul.inline {
  height: 30px;
}
#menu ul.inline:after {
/*
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
*/
}
#menu li.il {
  display: block;
  float: left;
  display: inline;
  margin-right: 10px;
}

/* container
-------------------- */
#container {
  margin: 0 20px;
}

/* header
-------------------- */
#header #navigator {
  text-align: right;
}
#header {
  *height: 1%;
}
#header:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
#header h1 {
  font-size: 3em;
}
#header .Pcover {
  width: 200px;
  height: 200px;
  float: left;
  background-color:#FFFFFF;
}
#header .Pcover img {
}
#header .Pcover span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 200px;
  height: 200px;
}
#header .Pcover span * {
  vertical-align: middle;
}
* html #header .Pcover span {
  display: block;
}
* html #header .Pcover span cite {
  display: inline-block;
  height: 100%;
}
#header .Ptext {
  margin-left: 210px;
}
#header .Ptext ul {
  margin-left: 20px;
  list-style-type: disc;
}
#header #menu {
  margin-left: 210px;
}
#cateSelect {
  width: 200px;
}
#filterSelect {
  width: 130px;
}


/* content
-------------------- */
#content {
  padding: 10px 15px;

}


#condition{
    height:35px;
    margin-bottom:-4px;
    *margin-bottom:-2px;
    text-align:center;
    position:relative;/*fix ie*/
    margin-top: 5px;
}
#condition li{
    
    float:left;
    margin-right: 10px;
    *height:1%
}

#condition li:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
#condition li a{
    display:block;
    height:25px;
    background:#ccc;    
    border:1px solid #999;
    padding:5px 10px 0;
    *padding:7px 10px 0;
    width: 90px;
}
#condition li a:hover{
    background:#fff;
    border-bottom:1px solid #fff;
}
#condition li.current a{
    background:#fff;
    border-bottom:1px solid #fff;
    color:#000;
}

#pagelink,
#pagelink_1{
    text-align:center;
    padding: 2px 0;
}
#pagelink .prev{
  padding-right: 5px;
  font-size:1.2em;
}
#pagelink .next{
  padding-left: 5px;
  font-size: 1.2em;
}
#num_friends{
    text-align:center;
}
#num_friends a{
  text-decoration:underline;color:red;
}


/* friendListDiv
------------------- */

#friendListDiv{
  *height: 1%;
    background:#fff;
    border:1px solid #999;
    padding:10px;
}
#friendListDiv:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

#friendListDiv ol li {
  display: inline;
  width: 110px; /* friend list width */
  height: 125px;
  float: left;
  text-align: center;
  margin-right: 15px;
  margin-bottom: 10px;
  overflow: hidden;
  background-color:#FFFFFF;
}
#friendListDiv ol li a {
  display: block;
  width: 108px; /* friend list width */
  height: 123px;
}
#friendListDiv ol li a:hover {

}
#friendListDiv ol li a span.font_id {
  font-size: 12px;
  display: block;
  text-align: left;
  padding-left: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
}

#friendListDiv ol li p span{display:block;}

.back_friendlist{
  display:block;
  clear:both;
}

/*mini 
-------------------- */

#mini ul,ol{list-style-type:none;}
#mini strong{color:#444}

#mini{
  width:382px;
  background: url(/img/wretch2012/gb/mini-b.gif) no-repeat left bottom;
  position: absolute;
  visibility: hidden;
  z-index: 100;
}
#mini a{
  text-decoration:none;
  color:#09c;
}
#mini a:hover{color:#9cf}
#mini img{
  border:0;
  float:left;
  width:150px;
}
#mini_content{
  background:url(/img/wretch2012/gb/mini-t.gif) no-repeat left top;
  margin-bottom:1px;
  _height:1%;
  padding:3px 1px 3px 3px;
}
#mini_content:after{
  content:".";
  height:0;
  display:block;
  clear:both;
  visibility:hidden;
}

#mini h3{
padding:0px 0 0 168px;
}
#mini h3 span.desc{
  display:block;
  width:192px;
  height:1.2em;
  overflow:hidden;
  font-weight:normal;
}
#mini h3 span.cate{
position:absolute;
top:3px;right:12px;
}
#mini_service{
  background:#fff;
  margin:1px 0px 2px 0px;
  border-bottom:1px solid #ddd;
  *padding-top:2px;
  float:left;
  width:228px;
}

#mini_service li{
float:left;
margin-left:8px;
display:inline;
}

#mini_update{
  float:right;
  width:205px;
  padding-right:3px;
  list-style-image:url(/img/wretch2012/gb/arrow.png);
  _height:1%;
}


#mini_update span.date{
  float:right;
  color:#999;
  padding-right:8px;
  font-size:.9em
}
#mini_update a, #mini_update span.nonew{
  display:block;
  width:195px;
  height:1.18em;
  *height:1.25em;
  overflow:hidden;
}
#mini_footer h4 a{
  display:block;
  height: 20px;
  width: 90px;
  outline:none;
  position:relative;
}
#mini_footer > h4{
  background:url(/img/wretch2012/gb/logo.png) no-repeat left top;
  height:27px;
}
* html #mini_footer h4{
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://l.yimg.com/e/serv/friend/img/logo.png');
  height:27px;
}
#mini_footer{
  clear:both;
  height:25px;
  padding:2px 0 0 285px;
  position:relative;
}

#mini_footer .add{
  position:absolute;
  left:60px;
  bottom:1px;
  color:#fe7519;
  display:block;
  background:url(/img/wretch2012/gb/addwhite.gif) no-repeat left top;
  width:28px;
  height:21px;
  *height:19px;
  padding:3px 0 0 13px;
  *padding:5px 0 0 13px;
}
#mini_footer a.add:hover{color:#fe7519;text-decoration:underline;}

#mini_footer .emp{
  position:absolute;
  left:60px;
  bottom:1px;
  color:#fe7519;
  display:block;
  background:url(/img/wretch2012/gb/emptywhite.gif) no-repeat left top;
  width:41px;
  height:21px;
  padding:3px 0 0 0px;
}

#mini_footer .friend{
  position:absolute;
  left:10px;
  bottom:1px;
  color:#fe7519;
  display:block;
  background:url(/img/wretch2012/gb/emptywhite.gif) no-repeat left top;
  width:41px;
  height:21px;
  padding:3px 0 0 0px;
}



/* ===== friend/css/select.css（好友頁下拉選單）  <css/gb_friend_select.css> ===== */
/*
select.css
*/

.selectBox {
  width: 200px;
}
.selectBox h3 {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: inherit;
  font-size: 1em;
  font-weight: normal;
  *background: url(/img/wretch2012/gb/selectItem.gif) repeat-y right top;
  background-color: white;
}
.selectBox h3 a {
  display: block;
  width: 100%;
  border: 1px solid #CCC;
  border-right: 0 none transparent;
  padding-left: 5px;
  padding-top: 3px;
  height: 17px;
  overflow: hidden;
  text-decoration: none !important;
  color: #888 !important;
  background: white url(/img/wretch2012/gb/def.gif) no-repeat right top;
  cursor: default;
}
.selectBox h3 a.t,
.selectBox h3 a:hover {
  background: white url(/img/wretch2012/gb/hover.gif) no-repeat right top;
}
.selectBox ul {
  width: 100%;
  margin: 0;
  padding: 3px 2px 3px 3px;
  list-style-type: none;
  position: absolute;
  top: -1px;
  left: 0px;
  border: 1px solid #ccc;
  border-top: 0 none transparent;
  border-right: 0 none transparent;
  background: white url(/img/wretch2012/gb/selectItem.gif) repeat-y right top;
}
.selectBox ul li {
  display: block;
  margin: 0;
  padding: 0;
  padding-right: 3px;
}
.selectBox ul li a {
  text-decoration: none;
  color: #555 !important;
  padding: 2px;
  display: block;
  *height: 1%;
}
.selectBox ul li a:hover {
  background: #eee;
}
/*avoid hiding ad-friend*/
html body div#ad_banner
{clip:rect(auto, auto, auto, auto) !important;
display:block !important;
height:auto !important;
width:auto !important;
opacity:1 !important;
filter: alpha(opacity=100) !important;
position:static !important;
visibility:visible !important;}
html body div#ad_banner a,
html body div#ad_banner a img,
html body div#ad_banner iframe,
html body div#ad_banner object,
html body div#ad_banner object embed
{clip:rect(auto, auto, auto, auto) !important;
display:inline !important;
height:90px !important;
width:728px !important;
opacity:1 !important;
filter: alpha(opacity=100) !important;
position:static !important;
visibility:visible !important;}




/* ===== user/css/font.css（名片字級）  <css/gb_user_font.css> ===== */
input { display:inline !important; }

.normal-c { font-size: 16px; font-family: "新細明體" }
.big-c {  font-family: "新細明體"; font-size: 32px}
.small-c {  font-family: "新細明體"; font-size: 12px}
.big-e { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 32px }
.normal-e { font-size: 24px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"}
.small-e { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px }
TABLE TD IMG { DISPLAY: inline; } 
embed { DISPLAY: block; }
body embed{display:block;}
table embed{display:block;}
table tr td.small-c { display: inline; }     

/*avoid hiding ad-user*/
html body div#ad_banner
{clip:rect(auto, auto, auto, auto) !important;
display:block !important;
height:auto !important;
width:auto !important;
opacity:1 !important;
filter: alpha(opacity=100) !important;
position:static !important;
visibility:visible !important;}
html body div#ad_banner a,
html body div#ad_banner a img,
html body div#ad_banner iframe,
html body div#ad_banner object,
html body div#ad_banner object embed
{clip:rect(auto, auto, auto, auto) !important;
display:inline !important;
width:728px !important;
opacity:1 !important;
filter: alpha(opacity=100) !important;
position:static !important;
visibility:visible !important;}   


/* ===== common/css/kukubar.css（內頁工具列）  <css/chrome_kukubar.css> ===== */
html, html body, html body #hugewrapper {margin:0!important;padding:0 0 13px 0!important;border:none!important;width:auto!important;height:auto!important;}

.hidden {
    position:absolute;
    clip:rect(1px 1px 1px 1px);/*IE6, 7*/
    clip:rect(1px, 1px, 1px, 1px);
}
.kukubar-bar {
    text-align:left!important;
    font-family:Arial;
    padding-bottom:0px;
    cursor:text;
    letter-spacing:0px;
}
.kukubar-bar img{
    position:static;
}
.kukubar-bar h5, #kukubar-bar h6{
    font-size:12px !important;
}
.kukubar-bar * {
    list-style-image:none;
    background-image:none;
    z-index:999999;
}
.kukubar-bar div {
    background-image:none;
    padding:0px;
}
.kukubar-bar a {
    font-weight:400 !important;
    background-color:transparent;
    cursor:pointer !important;
    font-size:12px;
    margin:0px;
}
.kukubar-bar .bar-block-click a {
    color:#666666;
}
.kukubar-bar .bar-block-click a:hover {
    color:#000000;
}
.kukubar-bar a:hover,
.kukubar-bar a:active {
    font-weight:400!important;
    font-size:100%!important;
    border:none;
    position:static;
}
.kukubar-bar h5,
.kukubar-bar h6 {
    -webkit-margin-before:0px;
    -webkit-margin-after:0px;
    -webkit-margin-start:0px;
    -webkit-margin-end:0px;
}
#kukubar-upper .dropdown {
    border-top-width:0px!important;
}
#kukubar-lower .dropdown {
    border-bottom-width:0px!important;
}
.kukubar-bar ul.dropdown,
.kukubar-bar .dropdown ul {
    left:auto;
    padding-left:0px;
    margin:0px;
    z-index:100000;
    list-style-position:outside;
}
.kukubar-bar ul.dropdown li,
.kukubar-bar .dropdown ul li {
    list-style-type:none;
    word-wrap:break-word;
    text-align:left;
    margin:0px;
    display:block;
    zoom:1;
}
.kukubar-bar ul.dropdown li p,
.kukubar-bar .dropdown ul li p {
    display:block !important;
    width:auto !important;
}
.kukubar-bar ul.dropdown li img,
.kukubar-bar .dropdown ul li img {
    position:static;
}
.kukubar-bar .dropdown li a {
    font-size:12px !important;
    word-wrap:break-word;
}
.dropdown li a:hover {
    background-color:transparent;
    font-size:100%;
    letter-spacing:0px !important;
}
.kukubar-bar p {
    display:block;
    font-size:12px;
    word-wrap:break-word;
}
#kukubar-upper {
    margin:0px !important;
    height:30px;
    z-index:99999;
    font-size:12px;
    font-weight:400 !important;
    border-bottom:1px solid #bbbbbb;
    position:static;
}
#kukubar-upper {_overflow:hidden;}
#kukubar-upper * {_z-index:99999;}
#kukubar-upper .theme:hover {background:transparent;}
#kukubar-upper.font-white .theme {color:#FFFFFF;}
#kukubar-upper.font-white .expanded-btn .theme {color:#666666;}
#kukubar-upper.font-black .theme {color:#666666;}
#kukubar-upper.font-white .expanded-btn a.theme:hover, 
#kukubar-upper.font-black a.theme:hover {color:#000000;}

#kukubar-lower {
    font-weight:400 !important;
    height:25px;
    position:fixed;
    left:0px;
    bottom:0px;
    background:#f0f0f0;
    width:100%;
    margin:0px;
    z-index:9999;
    font-size:12px;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    -o-transition:all 0.2s ease;
    -ms-transition:all 0.2s ease;
    -webkit-box-shadow:5px 0px 10px #a0a0a0;
    -moz-box-shadow:5px 0px 10px #a0a0a0;
    -o-box-shadow:5px 0px 10px #a0a0a0;
    -ms-box-shadow:5px 0px 10px #a0a0a0;
    border-top:1px solid #BBBBBB;
    z-index:99999;
}

/* IE6 Absolute layout */
* html #kukubar-lower {
    position:absolute!important;
    left:auto!important;
    bottom:-1px!important;
    right:17px!important;
    _right:0px!important;    /* Make up for the scroll bar */
}
#kukubar-lower.hidden-footer {
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    -o-transition:all 0.2s ease;
    -ms-transition:all 0.2s ease;
    bottom:-25px;
    _display:none;
}
#kukubar-lower.hidden-footer-ie {
    _display:none !important;
}
#kukubar-upper:after {
    content:'';
    display:block;
    clear:both;
}
#kukubar-upper ul.expanded, 
#kukubar-lower ul.expanded {
    visibility:visible !important;
}
#kukubar-upper a, 
#kukubar-lower a {
    text-decoration:none;
}
#kukubar-upper a:hover, 
#kukubar-lower a:hover {
    font-size:12px !important;
    text-decoration:underline;
}
#kukubar-upper .bar-block,
#kukubar-lower .bar-block {
    z-index:9999;
    cursor:pointer;
    height:30px;
    line-height:30px;
    vertical-align:middle;
    border-right:1px solid #C9C9C9;
    
}
#kukubar-upper .bar-block-click {
    overflow:hidden;    

}
#kukubar-lower .bar-block {
    color:#666666;
    height:25px;
    line-height:25px;
}
#kukubar-upper .expanded-btn,
#kukubar-lower .expanded-btn {
    overflow:visible;    
    background:#FFFFFF;
    color:#000000;
}
#kukubar-upper #wretch-notice.expanded-btn {
    background-color:#4D4D4D;
}
#kukubar-upper.font-white .expanded-btn span,
#kukubar-lower.font-white .expanded-btn span{
    color:#000000;
}
#kukubar-upper .left-side, 
#kukubar-upper .left-side .bar-block{
    float:left;
    position:relative;
}
#kukubar-upper .right-side,
#kukubar-upper .right-side .bar-block{
    float:right;
    position:relative;
}
#kukubar-lower .left-side, 
#kukubar-lower .left-side .bar-block{
    float:left;
}
#kukubar-lower .right-side,
#kukubar-lower .right-side .bar-block{
    float:right;
}

/*upper left*/
#kukubar-upper .left-side h1 {
    font-size:0px;
    overflow:hidden;
    padding:0px;
    margin:0px;
    top:0px;
    height:auto;
    width:auto;
    bottom:auto;
    position:static;
    line-height:0px;
    display:block;
    background-color:transparent;
    background-image:none;
    text-align:left!important;
}
#kukubar-upper .left-side h1 a {
    background:url(/img/wretch2012/chrome/ico_wretch_logo_24.png) center center no-repeat;
    _background:url(/img/wretch2012/chrome/ico_wretch_logo.png) center center no-repeat;
    width:73px;
    height:28px;
    padding:0px;
    margin:0px 5px;
    text-indent:-9999px;
    display:block;
    position:static;
}
#kukubar-upper .left-side ul.dropdown {
    background:#FFFFFF;
    visibility:hidden;
    *left:-1px;
}
#kukubar-upper .left-side ul.album-service li.album-index, 
#kukubar-upper .left-side ul.blog-service li.blog-index, 
#kukubar-upper .left-side ul.video-service li.video-index, 
#kukubar-upper .left-side ul.join-service li.join-index, 
#kukubar-upper .left-side ul.digu-service li.digu-index {
    display:none;
} 
#kukubar-upper .left-side ul.dropdown li a {
    text-decoration:none;
    display:block;
    padding:8px 5px;
    line-height:1;
}
#kukubar-upper .left-side ul.dropdown li a:hover {
    background:#D3ECF6;
}
#kukubar-upper .left-side #wretch-service a.current-service,
#kukubar-upper .left-side #wretch-service span {
    background-color:transparent;
    margin:0px 8px;
    display:inline-block;
}
#kukubar-upper span.bar-block-btn,
#kukubar-upper span.bar-block-btn-login{
    display:block;
    width:13px;
    margin:-2px 8px 0px 0px !important;
    height:13px;
    background:url(/img/wretch2012/chrome/ico_not_expanded.png) center center no-repeat;
    text-indent:-9999px;
    vertical-align:middle;
    outline:none;
}
#kukubar-upper .expanded-btn span.bar-block-btn,
#kukubar-upper .expanded-btn span.bar-block-btn-login{
    background:url(/img/wretch2012/chrome/ico_expanded.png) center center no-repeat;
}
#kukubar-upper span.bar-block-btn:hover {
    background:url(/img/wretch2012/chrome/ico_not_expanded_hover.png) center center no-repeat;
}
#kukubar-upper .expanded-btn span.bar-block-btn:hover,
#kukubar-upper .expanded-btn span.bar-block-btn-login:hover {
    background:url(/img/wretch2012/chrome/ico_expanded.png) center center no-repeat;
}
#kukubar-upper .left-side {
    width:auto;
    float:left;

}
#kukubar-upper .left-side #wretch-service {
    width:auto;
    display:block;
    float:left;
    *position:relative;
    position:relative \9;
}
#kukubar-upper .left-side #wretch-service ul {
    clear:both;
    display:block;
    *float:left;
    overflow:hidden;
    *width:88px;
    border:1px solid #BBBBBB;
    border-top:none;
    _border-right:none;
    margin-bottom:-1px !important;
    xmargin-top:-1px \9;
    z-index:9998;
    top:28px;
}
#kukubar-upper .left-side #wretch-service ul li {
    margin:0px;
    line-height:1;
    width:auto;
    clear:both;
    overflow:hidden;
    border:none;
    border-bottom:1px solid #DDDDDD;
}
#kukubar-upper .left-side #wretch-service ul li a{
    width:100%;
    clear:both;
    overflow:hidden;
    zoom:1;
}


/*upper right*/
#kukubar-upper .right-side {
    float:right;
}
#kukubar-upper .right-side #wretch-login ul{
    display:block;
    zoom:1;
    margin:0px;
}
#kukubar-upper .right-side #wretch-login ul li{
    float:left;
}
#kukubar-upper.font-white .right-side #wretch-login:hover {
    background:#636363;
}
#kukubar-upper.font-white .right-side #wretch-login.no-hover:hover {
    background:transparent;
}
#kukubar-upper.font-white .right-side #wretch-login.expanded-btn:hover {
    background:#FFFFFF;
    color:#000000;
}
#kukubar-upper.font-black .right-side #wretch-login:hover {
    background:transparent;
    color:#666666;
}
#kukubar-upper.font-black .right-side #wretch-login.expanded-btn:hover {
    background:#FFFFFF;
    color:#000000;
}
#kukubar-upper .right-side #wretch-login ul.login-links{
    overflow:hidden;
    width:auto;
    padding:0px;
    _margin-top:4px;
}
#kukubar-upper .right-side #wretch-login span{
    float:none;
    display:inline-block;
    *display:block;
    *float:left;
    border:none;
    margin:0px 8px;
    *margin-left:10px;
}
#kukubar-upper .right-side #wretch-login span.bar-block-btn-login{
    *margin-top:8px !important;
    display:inline-block !important;
    _margin-top:0px;
}
#kukubar-upper .right-side #wretch-login ul.dropdown{
    width:auto;
     background:#FFFFFF;
    border:1px solid #BBBBBB;
    border-top:none;
    position:absolute;
    visibility:hidden;
    top:30px;
    right:0px;
    margin-bottom:-1px;
    *width:65px;
    overflow:visible;
}
#kukubar-upper .right-side #wretch-login ul li {
    display:inline-block;
    _display:block;
    _float:left;
    padding:0px 5px;
}
#kukubar-upper .right-side #wretch-login ul.dropdown li{
    width:100%;
    display:block;
    padding:0px;
    clear:both;
    border-bottom:1px solid #DDDDDD;
}
#kukubar-upper .right-side #wretch-login ul.dropdown li a {
    width:auto;
    display:block;
    text-decoration:none;
    padding:8px 5px;
    line-height:1;
    float:none;
}
#kukubar-upper .right-side #wretch-login ul.dropdown li:hover,
#kukubar-upper .right-side #wretch-login ul.dropdown li a:hover {
    background:#D3ECF6;
}
#kukubar-upper .right-side #wretch-login ul li.first {
    position:relative;
}
#kukubar-upper .right-side #wretch-login ul li.first:after {
    content:'|';
    display:inline;
    position:absolute;
    right:0px;
    color:#ECECEC;
}
#kukubar-upper .right-side #wretch-search{
    padding-right:8px;
    border-right:none;
}
#kukubar-upper .right-side #wretch-search{
    *zoom:1;
    _width:0px;
    float:right;
}
#kukubar-upper .right-side #wretch-search form{
    vertical-align:middle;
    height:18px;
    border:1px solid #CBCBCB;
    border-radius:5px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        -o-border-radius:5px;
        -khtml-border-radius:5px;
    margin:5px 0px 0px 8px;
    background:#FFFFFF;
    width:auto;
    _float:right;
}
#kukubar-upper .right-side #wretch-search form label{
    display:block;
    _float:left;
    _width:0px;
    cursor:pointer;
    margin:0px;
    padding-left:5px;
    _padding-left:0px;
    color:#000000;
    text-align:left;
    height:auto;
}
#kukubar-upper .right-side #wretch-search form label:hover {
    background:#EBEBEB;
}
#kukubar-upper .right-side #wretch-search form label.on{
    position:absolute !important;
    display:none !important;
    top:-99999px !important;
}
#kukubar-upper .right-side #wretch-search form fieldset{
    clear:none;
    display:block;
    border:0px;    
    _position:relative;
    _width:200px;
    
    padding:0px !important;
    height:18px;
    margin:0px !important;
    vertical-align:middle;
    line-height:18px;
    *zoom:1;
}
#kukubar-upper .right-side #wretch-search form fieldset legend{
    *position:absolute;
    *top:4px;
    
    *left:0px;
    float:left;
    margin:0px;
    margin-top:2px;
    *margin-top:4px;
    _margin-top:0px;
    margin-left:5px;
    _margin-left:0px;
    padding:0px !important;
    color:#666666;
    clear:none !important;
    display:block;
    line-height:1.231;
    vertical-align:middle;
    *width:50px;
    cursor:pointer;
}
#kukubar-upper .right-side #wretch-search form fieldset legend span{
    display:inline-block;
    text-indent:-9999px;
    background:url(/img/wretch2012/chrome/ico_search_arrow.png) right 5px no-repeat;
    width:10px;
    *position:absolute;
    *top:0px;
    *right:0px;
}
#kukubar-upper .right-side #wretch-search form fieldset .service-list{
    border-radius:5px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        -o-border-radius:5px;
        -khtml-border-radius:5px;
    border:1px solid #CBCBCB;
    background:#FFFFFF;
    top:26px;
    padding:0px 0px 0px 0px !important;
    float:left;
    display:none;
    clear:none;
    position:absolute;
    overflow:hidden;
    width:200px;
    color:#000000;
    font-size:12px;
    
    *top:27px;
    *left:7px;
    _left:0px;
    *z-index:10001;
    z-index:10001\9;
}
#kukubar-upper .right-side #wretch-search form fieldset .service-list label {
    float:none;
    width:100%;
    width:auto \9;
    padding-left:5px;
    overflow:hidden;
    position:relative;
    top:0px;
}
#kukubar-upper .right-side #wretch-search form fieldset .expanded{
    display:block !important;
}
#kukubar-upper .right-side #wretch-search form fieldset .search-field{
    padding:0px;
    margin-left:10px;
    _margin-left:0px;
    float:left;
    _float:none;
    *zoom:1;
    _position:absolute;
    _top:0px;
    _right:0px;
}
#kukubar-upper .right-side #wretch-search form fieldset .search-field input{
    height:16px;
    line-height:18px;
    border:1px solid #CBCBCB;
    border-width:0px 1px;
    padding:0px 0px 0px 2px;
    font-size:10px;
    margin:0px;
    background:#FFFFFF;
    _position:absolute;
    _top:0px;
    *right:30px;
    _float:left;
    _width:95px;
}
#kukubar-upper .right-side #wretch-search form fieldset .search-field input#wretch-search-text{
    *float:left;
    *margin-left:40px;
    _margin-left:30px;
    font-size:12px;
    color:#000000;
    *line-height:24px;
    vertical-align:middle;
    outline:none;
    margin-bottom:2px;
}
#kukubar-upper .right-side #wretch-search form fieldset .search-field input.blur{
    color:#C6C6C6 !important;
}
#kukubar-upper .right-side #wretch-search form fieldset input#wretch-search-btn{
    width:29px;
    height:18px;
    height:16px \9;
    margin:0px;
    background:transparent url(/img/wretch2012/chrome/ico_search.png) center center no-repeat;
    text-indent:-9999px;
    border:none;
    _float:left;
    _position:absolute;
    _top:3px;
    _right:0px;
}
#kukubar-upper .right-side #wretch-notice a.notice-list span{
    display:block;
    text-indent:-9999px;
    background:url(/img/wretch2012/chrome/ico_noti.png) center center no-repeat;
    width:35px;
    height:30px;
}
#kukubar-upper .right-side #wretch-notice.expanded-btn a.notice-list span{
    background:url(/img/wretch2012/chrome/ico_noti_clicked.png) center center no-repeat;
}
#kukubar-upper .right-side #wretch-notice.unread a.notice-list span{
    background:url(/img/wretch2012/chrome/ico_noti_new.png) center center no-repeat;
}
#kukubar-upper .right-side #wretch-notice div.dropdown{
    background:#FFFFFF;
    width:270px;
    border:1px solid #BCBCBC;
    position:absolute;
    visibility:hidden;
    top:30px;
    right:-1px;
    text-align:left;
}
#kukubar-upper .right-side #wretch-notice div.dropdown ul{
    visibility:hidden;
}
#kukubar-upper .right-side #wretch-notice div.dropdown ul.vitality-list{
    margin:0px;
    visibility:hidden;

}
#kukubar-upper .right-side #wretch-notice.expanded-btn div,
#kukubar-upper .right-side #wretch-notice.expanded-btn ul {
    *padding:0px;
    padding:0px \9;
    visibility:visible !important;
}
#kukubar-upper div.dropdown .notice-heading{
    visibility:hidden;
    background:#4D4D4D;
    padding:4px 0px !important;
    display:block;
    height:22px;
    vertical-align:bottom;
}
#kukubar-upper div.dropdown .notice-heading h4{
    line-height:1.231;
    padding:0px 0px 0px 5px;
    padding-left:5px;
    margin:5px 0px 5px 8px;
    _margin-top:10px;
    color:#FFFFFF;
    display:block;
    font-weight:400;
    font-size:12px;
    border-left:5px solid #FFD233;
    vertical-align:bottom;
}
#kukubar-upper div.dropdown .notice-heading h4  a{
    color:#cbbf82;
}
#kukubar-upper div.dropdown .notice-heading h4  span{
    margin-left:115px;
}
#kukubar-upper .right-side #cam {
    padding:0 8px 0 25px;
    border-right:#C9C9C9 solid 1px;
    height:30px;
    line-height:30px;
    vertical-align:middle;
    position:relative;
    z-index:9999;
    float:right;
    *background:url(/img/wretch2012/chrome/ico_sprite.png) no-repeat scroll 5px -153px transparent;
    background:url(/img/wretch2012/chrome/ico_sprite.png) no-repeat scroll 5px -154px transparent;
}
#kukubar-upper .right-side #wretch-notice a.notice-list{
    height:30px;
}
#kukubar-upper .right-side #wretch-notice ul li {
    overflow:hidden;
    cursor:pointer;
    padding:16px 10px;
    *padding:4px 0px;
    padding:4px 0px \9;
    _position:relative;
    clear:both;
    text-align:left;
    *zoom:1;
}
#kukubar-upper .right-side #wretch-notice img.loading-icon{
    position:static;
    margin:0px 5px 0px 10px !important;
    vertical-align:middle;
}
#kukubar-upper .right-side #wretch-notice ul li.hover-on {
    background:#D3ECF6;
}
#kukubar-upper .right-side #wretch-notice ul li a{
    vertical-align:top;
    color:#33A1FF !important;
    display:inline-block;
    _display:block;
    float:left;
    border:none;
}
#kukubar-upper .right-side #wretch-notice ul li a img{
    margin:0 10px;
    *margin:16px 10px;
    margin:16px 10px \9;
    width:30px;
    height:30px;
    border:none;
    vertical-align:top;
}
#kukubar-upper .right-side #wretch-notice ul li div.content{
    display:inline-block;
    _display:block;
    *float:left;
    float:left \9;
    *padding:8px 10px 4px 10px;
    padding:8px 10px 4px 10px \9;
    line-height:1.231;
    vertical-align:top;
    width:180px;
    overflow:hidden;
    word-wrap:break-word;
    *zoom:1;
}
#kukubar-upper .right-side #wretch-notice ul li div.content *{
    line-height:1;
    padding:0px;
}
#kukubar-upper .right-side #wretch-notice ul li div.content p{
    margin:0px 0px 8px 0px;
    line-height:1.231;
    width:auto;
}
#kukubar-upper .right-side #wretch-notice ul li div.content a{
    border:none;
    margin:0px;
    float:none;
    display:inline;
}

/* cover story text link */
#kukubar-upper #infozone{
    margin-left:8px;
    float:left;
    overflow:hidden;
    width:200px;height:30px;
}
#kukubar-upper #infozone ul{
    padding:0;margin:0;
}
#kukubar-upper #infozone li{
    list-style:none;line-height:30px;
}

/*lower left*/
#kukubar-lower a:hover {
    font-size:100%;
}
#kukubar-lower #footer-feedback{
    height:25px;
    overflow:hidden;
}
#kukubar-lower #footer-feedback a{
    display:block;
    width:100px;
    height:25px;
    text-indent:-9999px;
    background:url(/img/wretch2012/chrome/suggestion.png) no-repeat;
}
#kukubar-lower #footer-feedback a:hover {
    background:url(/img/wretch2012/chrome/suggestion_hover.png) no-repeat;
}
#kukubar-lower img.loading-icon {
    margin:0px 5px 15px 10px;
    float:left;
}
.kukubar-bar .login-request {
    display:block;
    overflow:hidden;
    bottom:25px;
    left:0px;
    position:absolute;
    background:#FFFFFF;
    padding:15px;
    width:auto !important;
}
.login-request div{
    float:left;
}
.login-request div:after {
    clear:both;    
    display:block;
    content:'';
}
.login-request .login-btn{
    margin-right:10px;
    border:1px solid #E06F00;
}
.login-request .login-msg {
    width:100px;
    line-height:1.23;
    color:#666666;
    display:none;
}
.login-request.vitality .login-msg-vitality,
.login-request.subscription .login-msg-subscription {
    display:block;
}
#kukubar-lower .footer-ok-btn {
    display:block;
    padding:5px 9px;
    background: #FF7804; /* old browsers */
    background: -moz-linear-gradient(top, #FF7804 0%, #FCB400 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF7804), color-stop(100%,#FCB400)); /* webkit */
    background: -o-linear-gradient(top, #FF7804 0%,#FCB400 100%); /* opera */
    color:#FFFFFF;
    border:1px solid #FDA601;
}
#kukubar-lower button.footer-ok-btn{
    border:1px solid #FDA601;
}
#kukubar-lower button.deactivated{
    border:1px solid #c0c0c0;
    background: #A1A1A1; /* old browsers */
    background: -moz-linear-gradient(top, #A1A1A1 0%, #D3D3D3 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A1A1A1), color-stop(100%,#D3D3D3)); /* webkit */
    background: -o-linear-gradient(top, #A1A1A1 0%,#D3D3D3 100%); /* opera */

}
#kukubar-lower .footer-ok-btn:hover {
    border:1px solid #FFE898;
    background: #FCCD00; /* old browsers */
    background: -moz-linear-gradient(top, #FCCD00 0%, #FFAB04 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCCD00), color-stop(100%,#FFAB04)); /* webkit */
    background: -o-linear-gradient(top, #FCCD00 0%,#FFAB04 100%); /* opera */
}
#kukubar-lower .footer-ok-btn:active {
    background: #FEC24A; /* old browsers */
    background: -moz-linear-gradient(top, #FEC24A 0%, #F49038 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEC24A), color-stop(100%,#F49038)); /* webkit */
    background: -o-linear-gradient(top, #FEC24A 0%,#F49038 100%); /* opera */
}
#kukubar-lower #footer-vitality a.footer-vitality-btn , 
#kukubar-lower #footer-fb a.footer-fb-btn ,
#kukubar-lower #footer-subscription a.footer-subscription-btn {
    margin:0px !important;
    height:25px;
    overflow:hidden;
    _padding-right:30px;
    _float:left !important;
    _display:block;
    *zoom:1;
    text-decoration:none;
    letter-spacing:0px;
    font-size:12px;
}
#kukubar-lower #footer-vitality a.footer-vitality-btn:hover , 
#kukubar-lower #footer-fb a.footer-fb-btn:hover ,
#kukubar-lower #footer-subscription a.footer-subscription-btn:hover {
    text-decoration:none;
    letter-spacing:0px;
    font-size:12px;
    background-color:#f0edb7;
}
#kukubar-lower #footer-vitality a span, 
#kukubar-lower #footer-fb a span,
#kukubar-lower #footer-subscription a span{
    cursor:pointer;
    background:url(/img/wretch2012/chrome/ico_not_expanded.png) center center no-repeat;
    margin:-2px 8px 0px 8px;
    width:13px;
    height:13px;
    line-height:1;
    display:inline-block;
    _display:block;
    _float:none;
    _position:absolute;
    _top:6px;
    clear:none;
    text-indent:-9999px;
    vertical-align:middle;
}
#kukubar-lower #footer-vitality.expanded-btn a span, 
#kukubar-lower #footer-fb.expanded-btn a span,
#kukubar-lower #footer-subscription.expanded-btn a span,
#kukubar-lower #footer-vitality.expanded-btn a:hover span, 
#kukubar-lower #footer-fb.expanded-btn a:hover span,
#kukubar-lower #footer-subscription.expanded-btn a:hover span{
    background:url(/img/wretch2012/chrome/ico_expanded.png) center center no-repeat;
}
#kukubar-lower #footer-vitality a:hover span , 
#kukubar-lower #footer-fb a:hover span ,
#kukubar-lower #footer-subscription a:hover span{
    background:url(/img/wretch2012/chrome/ico_not_expanded_hover.png) center center no-repeat;
}
#kukubar-lower div.dropdown {
    visibility:hidden;
    position:absolute;
    bottom:25px;
    left:0px;
    *left:-1px;
    background:#FFFFFF;
    width:270px;
    border:1px solid #BCBCBC;
    font-size:12px;
    z-index:10;
}
#kukubar-lower div.expanded {
    visibility:visible;
}
#kukubar-lower #footer-vitality.new-msg {
    background:#f9f0d2;
    color:#666666;
}
#kukubar-lower #footer-vitality span.loading-msg {
    float:left;
    margin:15px 0px;
    line-height:1;
}
#kukubar-lower #footer-vitality img.loading-icon {
    margin-top:15px;
}
#kukubar-lower #footer-vitality .vitality-msg {
    margin:15px 10px;
}
#kukubar-lower #footer-vitality a.footer-vitality-btn{
    background:url(/img/wretch2012/chrome/ico_wretch_vitality.png) 5px center no-repeat;
    padding-left:25px;
    height:25px;
    display:block;
}
#kukubar-lower #footer-fb a.footer-fb-btn{
    background:url(/img/wretch2012/chrome/ico_fb.png) 5px center no-repeat;
    padding-left:25px;
    height:25px;
    line-height:25px!important;
    display:block;
}
#kukubar-lower #footer-subscription a.footer-subscription-btn{
    background:url(/img/wretch2012/chrome/ico_subscription.png) 5px center no-repeat;
    padding-left:25px;
    height:25px;
    line-height:25px!important;
    display:block;
}
#kukubar-lower #footer-vitality{
    position:static !important;
}
#kukubar-lower #footer-vitality div.dropdown{
    position:absolute !important;
    left:100px;
    right:auto;
}
#kukubar-lower #footer-vitality div.dropdown .vitality-heading{
    overflow:hidden;
    zoom:1;
    clear:both;
    background:#4D4D4D;
    padding:4px 0px;
    display:none;
}

#kukubar-lower #footer-vitality div.expanded .vitality-heading{
    visibility:visible;
    display:block;
}
#kukubar-lower #footer-vitality div.dropdown .vitality-heading h4{
    line-height:1;
    padding:0px 0px 0px 5px;
    margin:5px 0px 5px 10px;
    color:#FFFFFF;
    display:block;
    float:left;
    font-weight:400;
    border-left:5px solid #FFD233;
    font-size:12px;
}
#kukubar-lower #footer-vitality div.dropdown .vitality-heading a{
    float:right;
    color:#F2D671;
    margin-right:5px;

}
#kukubar-lower #footer-vitality div.dropdown ul li.vitality-event{
    padding:8px 10px;
    overflow:hidden;

}
#kukubar-lower #footer-vitality div.dropdown ul li.unread{
    background:#EBEBEB;
}
#kukubar-lower #footer-vitality div.dropdown ul li.hover-on{
    background:#D3ECF6;
}
#kukubar-lower #footer-vitality div.dropdown ul li.vitality-event a{
    margin:10px;
    float:left;
}
#kukubar-lower #footer-vitality div.dropdown ul li.vitality-event a img{
    border:none;
    width:30px;
    height:30px;
}
#kukubar-lower #footer-vitality div.dropdown ul li.vitality-event p{
    margin:0px;
    line-height:1.231;
    display:block;
}
#kukubar-lower #footer-vitality div.dropdown ul li.vitality-event div.content{
    width:185px; /*sorry*/
    overflow:hidden;
    float:left;
}
#kukubar-lower #footer-vitality div.dropdown ul li.vitality-event div.content a{
    display:inline !important;
    margin:0px;
    float:none;
    color:#33A1FF;
}
#kukubar-lower #footer-vitality div.dropdown ul li.vitality-event div.content span.time{
    text-align:left;
    clear:both;
}
#kukubar-lower #footer-vitality div.dropdown ul li.vitality-event div.content span.vitality-private{
    text-indent: -9999px;
    background: transparent url(/img/wretch2012/chrome/lock.gif);
    width: 21px;
    height: 16px;
    margin-left: 5px;
    display: block;
    float: left;
}
#kukubar-lower #footer-fb{
    position:relative;
}
#kukubar-lower #footer-fb iframe{
    display:none;
    position:absolute;
    bottom:25px;
    background:#FFFFFF;
    left:0px;
}
#kukubar-lower #footer-fb iframe.expanded{
    display:block;
}
#kukubar-lower #footer-subscription{
    position:relative;
    bottom:0px;
}
#kukubar-lower #footer-subscription.expanded-btn{
}
#kukubar-lower #footer-subscription ul.dropdown{
    bottom:25px;
    position:absolute;
    visibility:visible;
    background:#FFFFFF;
    left:0px;
    border:1px solid #BBBBBB;
}

/*crazy panel*/
#kukubar-lower div#scrb-panel {
    border:1px solid #BBBBBB;
    border-bottom:none;
    width:478px;
    cursor:text;
    z-index:100000 !important;
}
#kukubar-lower div#scrb-panel.panel-loading {
    height:auto !important;
}
#scrb-panel button {
    cursor:pointer;
}
#scrb-panel #scrb-panel-mask {
    position:absolute;
    text-align:left;
    top:0px;
    padding:0px;
    left:0px;
    width:100%;
    height:0px;
    background:rgba(255, 255, 255, 0.5);
    color:#FFFFFF;
    zoom:1;
}

#scrb-panel #scrb-panel-mask div {
    zoom:1;
    width:250px;
    height:95px;
    position:relative;
    left:0px;
    top:40%;
}

#scrb-panel #scrb-panel-mask div.msg-block{
    background:#3A3A3A;
    width:250px;
    height:95px;
    line-height:95px;
    text-align:center;
    position:absolute;
    top:0px;
    left:0px !important;
    right:auto;
    bottom:auto;
    margin-left:120px;
    vertical-align:middle;
    padding:0px;
}
#scrb-panel #scrb-panel-mask div.msg-block span{
    display:inline-block;
    color:#FFFFFF;
    height:95px;
    vertical-align:middle;
}
#scrb-panel #scrb-panel-mask div.msg-block img{
    vertical-align:top;
    margin-right:5px;
    margin-top:40px;
    float:none;
    display:block;
}
/*
#scrb-panel #scrb-panel-mask div.msg-saved span{
    margin-right:5px;
    background:url(/img/wretch2012/chrome/ico_saved_msg.png) center center no-repeat;
    display:block;
    float:left;
    width:14px;
    height:14px;
}
*/
#scrb-panel .hd{
    position:relative;
    overflow:hidden;
    padding-bottom:15px;
    zoom:1;
    text-align:left;
    height:338px;
    background:#FFFFFF;
    height:auto;
}
#scrb-panel .hd ul,
#scrb-panel .hd div {
    background:#FFFFFF;
    float:left;
}
#scrb-panel .heading{
    text-align:left;
    border-bottom:1px solid #DDDDDD;
    margin:0px 0px 10px 0px;
    padding:10px;
    position:relative;
    background:#FFFFFF;
    zoom:1;
}
#scrb-panel .heading h5{
    margin:0px;
    color:#000000;
    font-weight:400;
    height:auto;
    line-height:1.231;
    width:auto;
    font-weight:400;
}
#scrb-panel .heading span.close-panel{
    position:absolute;
    right:10px;
    top:5px;
    background:url(/img/wretch2012/chrome/ico_close.png) center center no-repeat;
    display:block;
    text-indent:-9999px;
    width:14px;
    height:14px;
    cursor:pointer;
}
#scrb-panel .hd ul{
    width:370px;
    padding-left:10px;
}
#scrb-panel .hd ul li{
    width:65px;
    _width:67px;
    cursor:pointer;
    display:inline-block;
    *display:block;
    *float:left;
    border-radius:2px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        -o-border-radius:2px;
        -khtml-border-radius:2px;
    background:#FFFFFF;
    border:1px solid #70cdec;
    color:#70cdec;
    padding:5px;
    line-height:1;
    margin:5px;
    
}
#scrb-panel .hd ul li.hover-on{
    color:#FFFFFF;
    background:#48B2D5;
}
#scrb-panel .hd ul li.selected{
    color:#FFFFFF;
    background:#70cdec;
}
#scrb-panel .hd ul li span.add,
#scrb-panel .hd ul li span.del{
    width:10px;
    text-align:center;
    margin-right:5px;
    _margin-right:0px;
    font-size:13px;
}
#scrb-panel .hd ul li span.add{
    display:inline-block;
    _display:block;
    _float:left;
}
#scrb-panel .hd ul li span.del{
    display:none;
}
#scrb-panel .hd ul li.selected span.add{
    display:none;
}
#scrb-panel .hd ul li.selected span.del{
    display:inline-block;
    _display:block;
    _float:left;
}
#scrb-panel .hd div button {
    xmargin-top:30px;
    margin-top:5px;
    *padding:0px auto;
    *width:80px;
    *line-height:1;
}
#scrb-panel .bd{
    width:auto;
    background:#FFFFFF;
}
#scrb-panel .bd h5{
    text-align:left;
    padding:0px;
    margin:0px;
    _margin-top:10px;
    width:100%;
    background:#4D4D4D;
}
#scrb-panel .bd h5 em{
    margin:0px 0px 0px 10px;
    vertical-align:bottom;
    line-height:25px;
    font-weight:400;
    color:#FFFFFF;
    border-left:5px solid #5EB03E;
    padding:0px;
    padding-left:5px;
    font-style:normal;
}
#scrb-panel .bd ul li{
    clear:both;
    border-top:1px solid #DDDDDD;
    overflow:hidden;
    position:relative;
    font-size:12px;
    zoom:1;
}
#scrb-panel .bd ul li img{
    border:none;
}
#scrb-panel .bd ul li.hover-on{
    background:#D3ECF6;
    cursor:pointer;

}
#scrb-panel .bd ul li a{
    color:#33A1FF;
    text-decoration:none;
}
#scrb-panel .bd ul li a:hover {
    font-size:12px !important;
    text-decoration:underline;
}
#scrb-panel .bd ul li span{
    line-height:1.231;
}
#scrb-panel .bd ul li span.article-type,
#scrb-panel .bd ul li span.author-thumb,
#scrb-panel .bd ul li div.article-list-right{
    float:left;
}
#scrb-panel .bd ul li span.article-type{
    padding:10px;
    width:55px
}
#scrb-panel .bd ul li span.author-thumb{
    padding:10px;
}
#scrb-panel .bd ul li span.author-thumb img{
    width:30px;
    height:30px;
}
#scrb-panel .bd ul li div.article-list-right{
    width:auto;
}
#scrb-panel .bd ul li div.article-list-right h6{
    margin:0px;
    font-weight:400;
}
#scrb-panel .bd ul li span.article-time{
    position:absolute;
    right:10px;
    bottom:10px;
}
#kukubar-lower div#scrb-panel.after-subscribe {
    background:#F9F9F9;
    overflow:hidden;
    zoom:1;
}
#scrb-panel.after-subscribe .hd {
    float:left;
    height:auto;
    width:115px;
    _width:100px;
    border-right:1px solid #E4E4E4;
    background:#FFFFFF;
    height:386px;
    _height:394px;
    overflow:visible;
    xoverflow:hidden;
    position:relative;
}
#scrb-panel.after-subscribe .heading{
    text-align:left;
    background:#4D4D4D;
    margin-bottom:0px;
    zoom:1;
    padding:5px;
}
#scrb-panel.after-subscribe .heading h5{
    background:#4D4D4D;
    vertical-align:top;
    display:inline-block;
    _display:block;
    _float:left;
    margin:5px 0px 0px 5px;
    color:#FFFFFF;
    padding:0px 0px 0px 5px;
    line-height:1;
    padding-left:5px;
    font-weight:400;
    border-left:5px solid #FFD233;
}
#scrb-panel.after-subscribe .hd ul{
    width:100%;
    padding:0px;
    border-bottom:1px solid #E4E4E4;
    -webkit-padding-start:0px;
    margin:0px;
}
#scrb-panel.after-subscribe .hd ul.sub-list li{
    border-right:1px solid #E4E4E4;
    background:#88CFEC;
    color:#FFFFFF;
    border-radius:0px;
        -webkit-border-radius:0px;
        -moz-border-radius:0px;
        -o-border-radius:0px;
        -khtml-border-radius:0px;
    border:none;
    border-top:1px solid #E4E4E4;
    margin:0px;
    display:block;
    float:none;
    width:105px;
    _width:100px;
    line-height:1;
    padding:10px 0px 10px 10px;
}
#scrb-panel.after-subscribe .hd ul li span.add,
#scrb-panel.after-subscribe .hd ul li span.del{
    display:none;
}
#scrb-panel.after-subscribe .hd .add-more{
    text-align:left;
    zoom:1;
    clear:both;
    position:relative;
    width:100%;
    margin-top:10px;
    _padding-bottom:10px;
}
#scrb-panel.after-subscribe .hd .hidden-list{
    display:none;
}
#scrb-panel.after-subscribe .hd .add-more h6{
    font-size:12px;
    margin:0px;    
    clear:both;
    font-weight:400;
    line-height:1.231;
    margin-left:10px;
}
#scrb-panel.after-subscribe .hd a.add-sub {
    background:url(/img/wretch2012/chrome/ico_not_expanded_hover.png) center center no-repeat;
    width:13px;
    height:14px;
    display:inline-block;
    text-indent:-9999px;
    vertical-align:middle;
    clear:both;
    position:absolute;
    right:10px;
    top:0px;
    _top:-7px;
    _right:0px;
}
#scrb-panel.after-subscribe .hd a.add-sub:hover, 
#scrb-panel.after-subscribe .hd a.add-sub:active {
    position:absolute;
    left:auto;
    bottom:auto;
    right:10px;
    top:0px;
    _top:-7px;
    _right:0px;
}
#scrb-panel.after-subscribe .hd ul.unsub-list{
    margin-left:10px;
    margin-bottom:10px;
    border:none;
    width:auto;
}
#scrb-panel.after-subscribe .hd ul.unsub-list li {
    clear:both;
    background:#FFFFFF;
    color:#70cdec;
    width:66px;
    border-radius:2px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        -o-border-radius:2px;
        -khtml-border-radius:2px;
    margin:10px 0px 0px 0px;
}

#scrb-panel.after-subscribe .hd ul.unsub-list li span.add {display:inline;}
#scrb-panel.after-subscribe .hd ul li.hover-on {background:#37B7EC;}
#scrb-panel.after-subscribe .hd ul.unsub-list li.hover-on {color:#FFFFFF;}

#scrb-panel.after-subscribe .hd ul li.selected {
    border-right:1px solid #FFFFFF;;
    position:relative;
    z-index:10000;
    right:-1px;
    background:#FFFFFF;
    width:114px;
    _width:99px;
    color:#000000;
}
#scrb-panel.after-subscribe .bd {
    clear:none;
    float:left;
    width:362px;
    _width:366px;
    margin:0px;
    position:relative;
    xborder-left:1px solid #E4E4E4;
    background:#F9F9F9;
    padding-bottom:30px;
}
#scrb-panel.after-subscribe .bd h5{
    display:none;
}
#scrb-panel.after-subscribe .bd ul.article-list{
    display:block;
    background:#FFFFFF;
    margin:0px;
    zoom:1;
}
#scrb-panel.after-subscribe .bd ul.article-list li{
    zoom:1;
    border-bottom:1px solid #E4E4E4;
    border-top:none;
}
#scrb-panel.after-subscribe .bd ul.article-list li span.article-type{
    display:none;
    font-size:0px;
}
#scrb-panel.after-subscribe .bd ul.article-list li img{
    border:none;
    _margin-bottom:10px;
}
#scrb-panel.after-subscribe .bd a.unsub {
    color:#31A2FF;
    position:absolute;
    right:10px;
    margin-top:10px;
    margin-bottom:10px;
    text-decoration:none;
    background:url(/img/wretch2012/chrome/ico_close.png) left center no-repeat;
    padding-left:20px;
    font-size:12px;
}
#scrb-panel.after-subscribe .bd a.unsub:hover {
    top:auto;
    left:auto;
}
/*lower right*/
#kukubar-lower .right-side{
    position:absolute;
    bottom:0px;
    right:0px;
    background:#F0F0F0;
}
#kukubar-lower .right-side #text-carousel {
    border-top: 1px solid #BBBBBB;
    float: left;
    width: 240px;
    height: 25px;
    overflow: hidden;
    padding-right: 5px;
}
#kukubar-lower .right-side #text-carousel ul {
    margin: 0;
    padding: 0;    
}
#kukubar-lower .right-side #text-carousel li {
    height: 25px;
    line-height: 25px;
    list-style: none;
    overflow: hidden;    
}
#kukubar-lower .right-side #text-carousel a {
    color: #666;
}
#kukubar-lower .right-side #text-carousel a:hover {
    color: #000;
    text-decoration: underline;
}
#kukubar-lower .right-side ul#footer-ugc-compose{
    float: right;
    padding-left: 0;
    *float: none;
    margin:0px;
    margin-right:35px;
    border-top:1px solid #BBBBBB;
    _margin-bottom:-1px;    
}
#kukubar-lower .right-side ul#footer-ugc-compose:after {
    clear:both;    
    display:block;
    content:'';
}
#kukubar-lower .right-side ul#footer-ugc-compose li{
    list-style-type:none;
    margin-left:0px;
    float:left;
}
#kukubar-lower .right-side ul#footer-ugc-compose li em{
    display:block;
    text-indent:-9999px;
    width:26px;
    position:relative;
}
#kukubar-lower .right-side ul#footer-ugc-compose li.blog-service em{
    border-left:1px solid #C9C9C9;
    background:url(/img/wretch2012/chrome/ico_footer_blog.png) center center no-repeat;
}
#kukubar-lower .right-side ul#footer-ugc-compose li.album-service em{
    background:url(/img/wretch2012/chrome/ico_footer_album.png) center center no-repeat;
}
#kukubar-lower .right-side ul#footer-ugc-compose li.video-service em{
    background:url(/img/wretch2012/chrome/ico_footer_video.png) center center no-repeat;
}
#kukubar-lower .right-side ul#footer-ugc-compose li ul.dropdown{
    position:absolute;
    bottom:25px;
    _bottom:24px;
    background-color:#FFFFFF;
    z-index:9999;
    visibility:hidden;
    border:1px solid #BCBCBC;
    border-width:1px 1px 0px 1px;
    overflow:visible;
    float:none;
    display:block;
    left:inherit;
    margin:0px !important;
}
#kukubar-lower .right-side ul#footer-ugc-compose li ul.expanded{
    visibility:visible;
}
#kukubar-lower .right-side ul#footer-ugc-compose li ul.dropdown li{
    cursor:text;
    display:block;
    float:none;
    clear:both;
    text-indent:0px;
    position:relative !important;
    *bottom:0px;
    vertical-align:middle;
    border-bottom:1px solid #BBBBBB;
    line-height:1.231;
    *padding:0px !important;
    margin:0px;
    overflow:visible;
    width:60px;
    z-index:99999;
}
#kukubar-lower .right-side ul#footer-ugc-compose li ul.expanded li{
    visibility:visible;
}
#kukubar-lower .right-side ul#footer-ugc-compose li ul.dropdown li.last{
    border-bottom:none;
    zoom:1;
}
#kukubar-lower .right-side ul#footer-ugc-compose li ul.dropdown li a {
    margin:0px !important;
    float:none;
    padding:5px 5px;
    display:block;
}
#kukubar-lower .right-side ul#footer-ugc-compose li ul.dropdown li.last a{
    margin:0px !important;
}
#kukubar-lower .right-side ul#footer-ugc-compose li ul.dropdown li a:hover {
    background:#D3ECF6;
    text-decoration:none;
}
#footer-switch{
    background:#F1F1F1 url(/img/wretch2012/chrome/ico_footer_close.png) center center no-repeat;
    position:fixed;
    _position:absolute;
    right:0;
    bottom:0;
    z-index:99999;
    width:35px;
    overflow:hidden;
    height:25px;
    _height:24px;
    margin:0;
    *cursor:pointer;
    border-top:#C9C9C9 solid 1px;
    padding:0px;
}

#footer-switch.off{
    background:#F1F1F1 url(/img/wretch2012/chrome/ico_footer_open.png) center center no-repeat;
    -webkit-box-shadow:5px 0px 10px #a0a0a0;
    -moz-box-shadow:5px 0px 10px #a0a0a0;
    -o-box-shadow:5px 0px 10px #a0a0a0;
    -ms-box-shadow:5px 0px 10px #a0a0a0;
    border-left: 1px solid #C9C9C9;
    border-top: 1px solid #C9C9C9;
}

#footer-switch button{
    padding:0px;
    width:100%;
    height:100%;
    overflow:hidden;
    margin:0;
    border:0;
    outline:none;
    cursor:pointer;
    text-indent:-9999px;
    background:none;
}

/* Override base layout, and apply Absolute Layout in Internet Explorer 6 */
/* Taylor */
* html, * html body {
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
}

* html body #hugewrapper {
    position:relative!important;
    height:100%!important;
    width:100%!important;
    overflow-y:scroll!important;
    overflow-x:hidden!important;
}

* html div#kukubar-lower div.left-side {margin-left:8px!important;}