html { margin: 0 ; padding: 0 !important ; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } abbr,acronym { border:0; } pre{ font-size: 1em ; }
a { text-decoration: none ; color:#3378df ;} span.invisible { display: none ; } .float-box { float:right ; } .menu { position: absolute ; } .more { text-align:right ; }
button { overflow: visible /*--Fix IE button padding--*/; background: url('images/button.jpg') repeat-x left bottom #fff ; bordeR: 1px solid #ddd ; border-radius: 5px ; -moz-border-radius: 5px ; -webkit-border-radius: 5px ; font-size: 1em ; padding: 2px 4px 2px 5px ; cursor:pointer; font-family:"Tahoma" ; *line-height: 100% ;}
button.admin-button { border: 1px solid #d3e2f9 ; background: url('images/button-admin.jpg') repeat-x left bottom #fff ; color:#3378df ; }
button.confirm-button { border: 1px solid #c1dcb0 ; background: url('images/button-confirm.jpg') repeat-x left bottom #fff ; color:#4aa614 ; }
button.warning-button { border: 1px solid #eebfbf ; background: url('images/button-warning.jpg') repeat-x left bottom #fff ; color:#d10000 ; }
textarea , input { border: 1px solid #ddd ; background:#fff ; color:#000 ; padding: 4px 6px ; font-family: "Tahoma" ; font-size: 1em ; }
textarea { line-height: 150% ; }
select { font-family:"Tahoma"; }
.alert { position: relative ; bordeR: 1px solid #f6e6b2 ; background:#fffaec ; color:#ac8c4d ; width: 200px ; border-radius: 10px ; -moz-border-radius: 10px ; -webkit-border-radius: 10px ; margin: 0 auto ; padding: 15px 15px ; text-align: center ; line-height: 2em ; }
.alert a { color:#db7700 ; font-weight : bold ; word-wrap:break-word; } .alert a:hover { text-decoration: underline ; } .alert b { color:#936100 ; } .alert-button { margin: 8px 0 3px 0 ; } .alert-button button { padding: 3px 10px ; }
.left-alert { text-align: left ; padding: 10px 20px ; line-height: 180% ; }
.left-alert .alert-button { margin: 3px 0 3px 0 ; text-align: right ; }
.spotlight-alert { text-align: left ; width: 500px ; padding: 15px 25px ; font-size: 1.25em ; color:#666 ; border-radius: 20px ; -moz-border-radius: 20px ; -webkit-border-radius: 20px ; -moz-box-shadow: 2px 2px 7px rgba(0,0,0,.1) ; -webkit-box-shadow: 2px 2px 7px rgba(0,0,0,.1) ; box-shadow: 2px 2px 7px rgba(0,0,0,.1) ; }
.spotlight-alert h5 { color:#db7700 ; font-size: 22px ; font-family:"微軟正黑體" ; font-weight : bold ; margin: 0 0 10px 0 ; }
.spotlight-alert a { color:#c75300 ; font-weight: bold ; }
.spotlight-alert a.identity { color:#666 ; padding: 0px 2px ; }
.spotlight-alert .alert-button { text-align: right ; }
.spotlight-alert .friend-upload-button { width : 180px; height: 50px; bordeR: 0px ; font-size: 0px ; color:#fe9942 ; text-align: left ; background: url('images/friend-browse.jpg') no-repeat left top; }
.spotlight-alert button.small-button { font-size: 12px ; padding: 3px 10px ; }
.alert a.close { display: block ; width: 19px; height : 19px; position: absolute ; top: 3px; right: 3px ; background: url('images/alert-close.jpg') no-repeat center center ; }
.grey-alert { width: 420px ; background:#f6f6f6 ; bordeR:1px solid #e6e6e6 ; padding: 15px 30px ; text-align: left ; color:#000 ; margin: 15px auto 15px auto ; }
.grey-alert h5 { font-size: 1.25em ; font-weight: bold ; color:#888 ; }
.grey-alert .alert-content { border-top: 1px solid #e6e6e6 ; padding: 15px 0 0px 0 ; margin: 15px 0 0px 0 ; }
.grey-alert .alert-content th { color:#888 ; width: 68px ; vertical-align: top ; padding: 2px 0px 2px 0px ; }
.grey-alert .alert-content td { padding: 2px 0px 2px 0px ; }
a.icon-anchor img , a.delete-icon img { margin: -2px 4px 0 0 ; *margin: 0px 4px 0 0 ; }
#container a.icon-anchor:hover { background: none !important ; }
.event-title a:hover , .lab-box a:hover , .album-expand-list .album-expand .grid-content h3 a:hover , .index-event-grid .grid-content h3 a:hover , .photo-grid .grid-content a:hover , .sort-option li a:hover , a.icon-anchor:hover span , .item-caption a:hover span , .text-grid a:hover , .page-description a:hover span , #footer a:hover , #footer a:hover span , .more a:hover , .page a:hover , .profile .navigation a:hover , .profile .float-box a:hover , #left-column h1 a:hover , .comment-content a:hover , dd a:hover , .box .function a:hover , .event-grid .grid-content a:hover , .sort a:hover , .identity a:hover , .user-info .grid-content a:hover
{ background:#3378df !important ; color:#fff !important; }
.event-title a , .lab-box a , .album-expand-list .album-expand .grid-content h3 a , .index-event-grid .grid-content h3 a , .photo-grid .grid-content a , a.icon-anchor span , .item-caption a span , .text-grid a , .page-description a span , #footer a , #footer a span , .more a , .page a , .profile a , #left-column h1 a , .comment-content a , dd a , .box .function a , .event-grid .grid-content a , .sort a , .event-box-title h5 a , .identity a , .user-info .grid-content a
{ padding: 0px 1px ; }
#footer a.hot-key:hover { background: none !important ; }
#header a:hover { text-decoration: underline ;}
.photo-grid a , .user-info .photolink { border: 5px solid #eee ; }
.photo-grid a:hover ,.user-info .photolink:hover { bordER: 5px solid #d6d6d6 ; }
.event-grid .photolink { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:white none repeat scroll 0 0; border:1px solid #ddd; float:left; padding:4px; }
.event-grid .photolink:hover { border:1px solid #3378df ; }
.photo-wall .menu li img , .event-grid .grid-content img , #footer a img , .menu img , #left-column h1 img , .function-menu li img , .share-menu li img , .event-box-title h5 img
{ vertical-align: middle ; margin-right: 7px ;}
a.icon-anchor img , button img , .share .float-box img , .tag-grid img , .comment-info img { vertical-align: middle ; }
.latest-comment-box li , .index-event-grid li , .more , .album-expand-list , .album-expand , .album-grid-list , .profile .navigation , .left-column-top .page-title , .dropdown-content ul , .photo-wall , .event-grid , .photo-wall .compact , .album-grid-list , .tag-grid-list , .comment-grid , .share , ul.thumb-strip , .item-caption , .my-album-box , .member-album-box , .user-info , .friend-dropdown-menu li a {
_height: 1% ; overflow: hidden !important ; }
.photo-grid-list:after , .page-function:after , .user-grid-list:after { content:"." ; height: 0 ; display: block ; clear:both ; visibility: hidden ; overflow:hidden;}
.page-function , .user-grid-list { height: 1% ; }
.event-grid , .profile .function , .more { clear:both ;}
.event-result a.photolink img , .latest-comment-box .grid-photo span.non-user img , .latest-comment-box .grid-photo a img , .index-event-grid li .grid-photo img , .album-expand-list img, .photo-wall-list li a img , .album-grid .grid-photo a img , .photo-grid a img , .profile a.photolink img , .event-grid a.photolink img , .comment-grid a.photolink img , .user-grid a.photolink img , .thumb-strip a.photolink img , .item-frame a.photolink img , .user-info a.photolink img
{ display: block ;} /*-- fix doctype --*/
/******************************************************************************************************************************************************************/
html { background: url('images/html.jpg') repeat-x 0px 0px #eee ; background-attachment: fixed ; _background-attachment: scroll ; }
body { font-size: .75em ; font-family:"Tahoma" ; line-height: 1.5em ; color:#888 ; }
#container { width: 100% ; padding-top: 45px ; padding-bottom: 50px ; }
a.vip-member { vertical-align: middle ; margin: 0px 4px 0 0 !important ; position: relative ; bottom: -1px ; }
#header { height: 30px; overflow: hidden ; margin : 0 0 10px 0 ; line-height: 27px; color:#fff ; padding: 0px 20px ; position: relative ; background: url('images/header.jpg') repeat-x left top ; }
.header-shadow {
background: url('images/header-shadow.png') repeat left top ;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/album2/style/images/header-shadow.png', sizingMethod='scale'); _background: none ;
height: 5px ; position: absolute ; top: 30px ; left: 0px; width: 100% ; }
#header a{ color:#fff ; }
a.pixnet-index {
display: block ; width : 70px; height: 30px ; float:left ; margin-right: 15px;
background: url('images/pixnet-logo.png') no-repeat center center ;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/album2/style/images/pixnet-logo.png', sizingMethod='scale'); _background: none ;
}
#header h2 { float:left ; width: 400px ; }
#header h2 .active{ font-weight:bold ; }
#header h2 a { zoom: 1 ; }
#login-bar { width: 500px ; text-align:right ;position: absolute ; top: 0px ; right: 20px ; }
#login-bar a { padding: 0px 2px ; margin-right: 6px ; }
#content { margin: 0 auto ; padding-top: 10px ; }
.content-narrow { width: 990px ; background: url('images/narrow-top.png') no-repeat left top \9 ; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/album2/style/images/narrow-top.png', sizingMethod='crop'); _background: none ; }
.content-wide { width: 1230px ; overflow: hidden ; background: url('images/wide-top.png') no-repeat left top \9 ; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/album2/style/images/wide-top.png', sizingMethod='crop'); _background: none ; }
.content-narrow .content-2{ padding: 0px 11px 0 12px ; background: url('images/narrow-content.png') repeat-y left top \9 ; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/album2/style/images/narrow-content.png', sizingMethod='scale'); _background: none ; _height: 1% ; }
.content-wide .content-2{ padding: 0px 10px 0px 11px ; background: url('images/wide-content.png') repeat-y left top \9 ; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/album2/style/images/wide-content.png', sizingMethod='scale'); _background: none ; _height: 1% ;}
.content-3 { position : relative ; background:#fff ; _height: 1% ; overflow: hidden ; _overflow: none ; padding-bottom: 20px ; border-top-left-radius:15px; -moz-border-radius-topleft:15px; border-top-right-radius:15px; -moz-border-radius-topright:15px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.2) ; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2) ; box-shadow: 0 0 10px rgba(0,0,0,.2) ; }
/*--flexible width content--*/
#left-column { float: left; margin-left: 20px ; _margin-left: 10px ; margin-top: 15px ;}
#content.content-narrow #left-column { width: 605px ; }
#content.content-wide #left-column { width: 850px ; }
.left-column-top .page-title { border-bottom: 2px solid #eee ; padding: 0px 0px 5px 0px ; margin: 0 0 5px 0 ; }
.left-column-top .page-title h1 { color:#000 ; float:left ; }
.left-column-top .page-title h1 .active{ font-weight: bold ; }
.left-column-top .page-title .more { float:right ; clear: none ;}
.page-function { border-bottom: 1px solid #eee ; padding: 0 0 5px 0 ; margin: 0 0 5px 0 ; position: relative ; }
.slider { width: 115px ; height: 21px ; background: url('images/slider.jpg') no-repeat left top ; float:left ; position: relative ; margin: 0 10px 0 0 ; cursor: pointer ; }
.slider-button { width: 13px ; height: 13px ; background: url('images/slider-button.jpg') no-repeat left top ; cursor : pointer ; }
.sort { float:left ; position: relative ;}
.sort-menu { position: absolute ; top: -1px; left: 49px; z-index: 9 ; width: 72px ; overflow: hidden ; zoom: 1 ;}
.sort-menu span.active { color: #3378df ; padding: 1px 0px 2px 5px ; display: block ; }
.sort-menu.hover span.active { color:#555 ; border-bottom: 1px solid #ccc ; cursor: pointer ;}
.sort-menu.hover { background: #ddd ; color:#555 ; }
.sort-option { border-top: 1px solid #eee ; }
.sort-option li a , .sort-option li span { display: block ; padding: 2px 0px 3px 5px ; }
.sort-option li a { color:#555 ; }
.sort-option li span { background: url('images/sort-option-span.jpg') no-repeat 56px 6px ; color:#999 ; }
.function-button-list { float:right ; }
.function-button-list button { margin : 0 0 0 5px ; }
.function-menu .bg-1 , .share-menu .bg-1 {
background: url('images/function-menu-1.png') no-repeat left top ;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/album2/style/images/function-menu-1.png', sizingMethod='crop'); _background: none ; height: 10px ; overflow: hidden ;}
.function-menu .bg-2 , .share-menu .bg-2 {
background: url('images/function-menu-2.png') repeat left top ;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/album2/style/images/function-menu-2.png', sizingMethod='scale'); _background: none ; padding: 2px 6px ; _height: 1% ;}
.function-menu .bg-3 , .share-menu .bg-3{
background: url('images/function-menu-3.png') no-repeat left top ;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/album2/style/images/function-menu-3.png', sizingMethod='crop'); _background: none ; height: 10px ; }
.function-menu , .share-menu { width: 200px ; padding: 5px ; position: absolute ; z-index: 99 ; }
.function-menu li , .share-menu li { _height: 1% ; }
.function-menu li a , .share-menu li a{ display: block ; padding: 6px 10px ; color:#3378df !important ; position: relative ; z-index: 999 ;}
.function-menu li a:hover , .share-menu li a:hover { background: #eee ; }
.function-menu li span.disabled , .share-menu li span.disabled { display: block ; padding: 6px 10px ; color:#bbb !important ; position: relative ; z-index: 999 ;}
.function-menu li span.disabled img , .share-menu li span.disabled img{ -moz-opacity: 0.3; -webkit-opacity: 0.3; opacity:0.3; -ms-filter: alpha(opacity=30); filter: alpha(opacity=30); }
.function-menu .separator , .share-menu .separator { display: block ; height :0px; border-top: 1px solid #ddd ; margin: 6px 0px ; overflow: hidden ;}
.function-menu .function-menu-content , .share-menu .share-menu-content { background:#eee ; color:#000 ; padding: 10px ; margin: 2px 0px ; }
.function-menu .function-menu-content p , .share-menu .share-menu-content p { margin: 0 0 5px 0 ; }
.function-menu .function-menu-content input , .share-menu .share-menu-content input{ width: 155px ; margin: 0 0 6px 0 ; font-size: .95em ;}
.function-menu .function-menu-content select , .share-menu .share-menu-content select { width: 168px ; }
.user-info { margin: 10px 0 12px 0 ; position: relative ; }
.user-info .photolink { float:left ; display: block ;}
.user-info .photolink img { width: 50px; height: 50px; }
.user-info .grid-content { line-height: 170% ; padding: 0 0px 0 70px ; }
.user-info .grid-content a.title{ color:#000 ; margin: 0 5px 0 0 ;}
.user-info .grid-content span.identity { display: block ; }
.user-info .grid-content a.vip-member:hover { background: none !important ; }
.user-info .navigation a { margin: 0 10px 0 0 ; }
.facebook-user-info .grid-content { line-height: 220% ; padding-top: 2px ; _padding-top: 11px ; }
.facebook-user-info .grid-content img { vertical-align: middle ; margin: 0 5px 0 0 ; }
.facebook-user-info a.title { font-weight: bold ; color:#3378df !important ; }
.section.tag-list .more { margin: 0 0 12px 0 ; line-height: 1.8em ; }
.thumb-strip { float:left ; margin: 0 10px 0 0 ; }
.thumb-strip li { float:left ; margin: 0 2px 0 0 ; }
.thumb-strip a{ display: block ; }
.thumb-strip .photolink { border: 3px solid #eee ; }
.thumb-strip .photolink:hover { border: 3px solid #fff ; }
.thumb-strip .photolink img { width: 45px ; height: 45px ; -moz-opacity: 0.5; -webkit-opacity: 0.5; opacity:0.5; -ms-filter: alpha(opacity=50); filter: alpha(opacity=50); }
.thumb-strip .photolink:hover img { -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=100); filter: alpha(opacity=100); }
.thumb-strip li.active .photolink { bordeR: 3px solid #3378df !important ;}
.thumb-strip li.active .photolink img { -moz-opacity: 1; -webkit-opacity: 1; opacity:1; -ms-filter: alpha(opacity=100); filter: alpha(opacity=100); }
.thumb-strip li.previous { margin: 0 3px 0 0 ; }
.thumb-strip li.next { margin: 0 0 0 1px ; }
.thumb-strip li.previous a , .thumb-strip li.next a , .thumb-strip li.previous span.nolink , .thumb-strip li.next span.nolink { background-image: url('images/thumb-strip-arrow.jpg') ; background-repeat: no-repeat ; display:block ; height: 51px ; width: 21px ; overflow: hidden ; }
.thumb-strip li.previous span.nolink { background-position: 5px center ; }
.thumb-strip li.previous a{ background-position: -33px center ; }
.thumb-strip li.previous a:hover{ background-position: -71px center ; }
.thumb-strip li.next span.nolink { background-position: -12px center ; }
.thumb-strip li.next a{ background-position: -50px center ; }
.thumb-strip li.next a:hover{ background-position: -88px center ; }
.item-count { font-size: .9em ; position: absolute ; top: 32px ; right: 0px ; }
.item-count b { font-size: 1.3em ; }
.share { border-top: 1px solid #eee ; border-bottom: 1px solid #eee ; padding: 5px 0 ; margin: 5px 0 20px 0 ; }
.share .facebook-like { float:left ; height: 25px ; overflow: hidden ; }
.share .float-box button { margin-left: 5px ; }
.page { text-align:right ; margin: 10px 0px ;}
.page a { color:#555 ; background:rgb(220,220,220) ; margin: 0 0 0 2px ; padding: 5px 20px 6px 20px ; _height: 1% ; }
.page span { color:#ddd; background:#fff ; margin: 0 0 0 2px ; padding: 4px 19px 5px 19px ; bordeR: 1px solid #eee ; }
.page.upper-page-flip a { padding: 5px 20px 6px 20px ; }
.page.lower-page-flip { text-align: center ;}
.page.lower-page-flip a { padding: 5px 100px 6px 100px ; }
.page.lower-page-flip span { padding: 4px 99px 5px 99px ; }
.page a.page-top , .page a.page-last , .page span.page-top , .page span.page-last { padding: 0px ; display:inline-block ; position: relative ; bottom: -9px ; *bottom: -11px ; _bottom: -9px ; border: 0 ; }
.page a.page-top img , .page a.page-last img , .page span.page-top img , .page span.page-last img { display: block ; }
/******************************************************************************************************************************************************************/
h1.personal-title , h2.personal-description { color:#fff ; position: absolute ; left: 0px ; padding: 0 15px 0 20px ; z-index: 9 ; line-height: 180% ; }
h1.personal-title { font-size: 1.25em ; font-weight: bold ; top: 375px ; height: 23px ; overflow:hidden ; }
h2.personal-description { top: 405px ; height: 60px ; overflow: hidden ; }
.title-background { background:#000 ; -moz-opacity: 0.5; -webkit-opacity: 0.5; opacity:0.5; -ms-filter: alpha(opacity=50); filter: alpha(opacity=50); position: absolute ; bottom: 0px; left: 0px ; height: 120px; width: 100% ; }
.photo-wall { position: relative ; height: 483px ; overflow: hidden ; margin-bottom: 10px ; }
.photo-wall-list li{ float:left ; margin: 0px ; margin: 0 0 1px 1px ; position: relative ; z-index:0 ;}
.photo-wall-list li a { display: block ; height: 100% ; width: 100% ; }
.photo-wall-list.small-grid li { height: 120px ; width: 120px ; }
.photo-wall-list.medium-grid li { height: 241px ; width: 241px ; }
.photo-wall .menu { width: 150px; position: absolute ; top: 0px ; color:#fff ; z-index:9 ;}
.photo-wall .menu a{ color:#fff ; display: block ; padding : 7px 0 8px 15px ; }
.photo-wall .menu a:hover { color:#fff000 ; background:#000 ; }
.photo-wall .menu p { color:#bbb ; padding: 5px 0px 7px 15px ; line-height: 170% ; border-top : 1px solid #666 ; }
.photo-wall .menu .bg-1 {
background: url('images/wall-menu-1.png') repeat left top ;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/album2/style/images/wall-menu-1.png', sizingMethod='scale'); _background: none ; padding: 0px 8px 0px 8px ; *height: 1% ; }
.photo-wall .menu .bg-2 {
background: url('images/wall-menu-2.png') repeat left top ;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/album2/style/images/wall-menu-2.png', sizingMethod='crop'); _background: none ; height: 15px ; }
.photo-wall .menu ul { _position : relative ; _height: 1% ; } /*-- fix god damn IE6 png filter background bug --*/
.photo-wall span.empty { display: block ; height: 100%; width: 100%; background:#eee ; }
.menu-empty {color:#fff ; z-index:9 ; border-radius: 10px ; -moz-border-radius: 10px ; -webkit-border-radius: 10px ; background:#666 ; border: 2px solid #fff ; width: 150px ; position: absolute ; left: 50% ; top: 103px ; }
.menu-empty h4 { border-bottom: 1px solid #555 ; color:#fff ; font-size: 1.25em ; padding: 7px 10px 9px 10px ; margin-bottom: 8px ; }
.menu-empty h4 img { vertical-align: middle ; margin: -2px 6px 0 0 ; }
.menu-empty button { border: 1px solid #494949 ; color:#555 ; background: url('images/menu-empty-button.jpg') repeat-x left bottom #dcdcdc ; padding: 5px 0px ; width: 130px ; margin: 0px 0px 3px 10px ;}
.menu-empty p{ margin: 2px 0px 10px 12px ; color:#bbb ; line-height: 1.7em ; }
.menu-empty p em { font-weight: bold ; padding: 0px 2px ; }
ul.photo-wall-list li.main-photo { margin-left: 0px ; }
ul.photo-wall-list li.main-photo a ,
ul.photo-wall-list li.main-photo span { border-top-left-radius:15px; -moz-border-radius-topleft:15px; }
/******************************************************************************************************************************************************************/
.album-grid { position: relative ; vertical-align: top ; float:left ; overflow: hidden ; display: inline /*-- fix IE6 god damn double margin bug --*/; }
.album-grid .grid-photo { padding: 14px 2px 0px 6px ; overflow: hidden ; width: 100% ; height: 100% ; position: relative ; }
.album-grid.folder .grid-photo { padding: 8px 2px 0px 0px ; }
.album-grid .grid-content { padding: 0px 4px 0px 8px ; *padding-top: 5px ; height: 5.5em ; overflow: hidden ; }
.album-grid h3 { clear:both ; }
.album-grid h3 a { color:#000 ; display: block ; line-height: 1.4em ; overflow: hidden ; max-height: 4.2em ; word-wrap:break-word; }
.album-grid h3 a:hover { color:#3378df ; }
.album-grid .title a img { vertical-align: middle ; margin-right: 3px ; margin-top: -3px ; }
.album-grid .grid-content .count { color:#aaa ; font-size: .9em ; }
.album-grid .grid-content a.identity { font-weight: bold ; font-size: .9em ; color:#999 ; display: block ; }
.album-grid .grid-content a.identity:hover { color:#3378df ; }
.album-grid a.photolink { bordeR: 1px solid #ddd ; position: relative ; background:#fff ; display: inline-block ; }
.album-grid a.photolink span.double-border { padding: 4px ; display: block ; bordeR: 1px solid #ddd ; position: relative ; top: -3px ; left: -3px ; background:#fff ; }
.album-grid a.photolink:hover , .album-grid a.photolink:hover span.double-border{ bordeR: 1px solid #3378df ; }
.album-grid.folder a.photolink { bordeR: 1px solid #f3da83 !important ; background: url('images/folder-bg.jpg') repeat-x left top #fff5b1 ; padding: 8px ; border-radius: 5px ; -moz-border-radius: 5px ; -webkit-border-radius: 5px ; }
.album-grid.folder a.photolink:hover { bordeR: 1px solid #ddb854 !important; }
.album-grid.folder span.folder-top { display: block ; width: 90px ; height: 9px ; position: absolute ; top: -9px ; left: 5px ; background: url('images/folder-top.jpg') no-repeat left top ; }
.album-grid.folder a.photolink:hover span.folder-top { background: url('images/folder-top-hover.jpg') no-repeat left top ; }
.album-grid span.update-ribbon { display: block ; width: 33px; height: 33px ; position: absolute ; top: 10px ; left: 2px ; background: url('images/update-ribbon.png') no-repeat left top ;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/album2/style/images/update-ribbon.png', sizingMethod='crop'); _background: none ; }
.album-grid.folder span.update-ribbon { top: 0px ; left: 0px ; }
#right-column .box .album-grid-list { margin-left: 0px ; position: static ; width: 300px ; }
#right-column .box .album-grid { margin-right :20px ; margin-left :20px ; _margin-left : 10px ; margin-bottom: 0px ; width: 108px ; }
#right-column .box .album-grid.wide-grid { width: 100% ; margin: 0 ; }
#right-column .box .album-grid.wide-grid .grid-photo { float:left ; width : 100px ; padding-top: 4px !important ; }
#right-column .box .album-grid.wide-grid .grid-content { float:right ; width: 175px ; padding-top: 15px ; }
.photo-grid-list { margin-bottom: 10px ; _height: 1% ; }
.photo-grid { position: relative ; float:left ; margin: 0 5px 5px 0 ; display: inline ; }
.photo-grid.hover { z-index: 9 ; }
.photo-grid a { display: block ; }
.photo-grid h3 { position: absolute ; margin-top: 10px ; width: 100% ; left: 0px ; height: 20px ; overflow: hidden ; z-index: 9 ; }
.photo-grid h3 span { padding: 3px 8px 5px 8px ; display: block ; word-wrap:break-word; text-align:center ; }
/*.photo-grid h3 span.thumb-title { padding: 3px 8px 5px 8px ; display: block ; word-wrap:break-word; word-break:break-all; text-align:center ; }
.photo-grid h3 span.thumb-title span {
display: block ;
}
.photo-grid h3 span.thumb-title span a {
display: inline ;
bordeR: 0 ;
}*/
.photo-grid h3.hover { height: auto ; z-index: 9 ; }
.photo-grid h3.hover span { padding: 2px 7px 4px 7px; background:#fff ; border: 1px solid #ddd ; }
/*.photo-grid h3.hover span.thumb-title { padding: 2px 7px 4px 7px; background:#fff ; border: 1px solid #ddd ; }*/
.wide-big .photo-grid h3 , .narrow-big .photo-grid h3 { width: 180px ; }
.wide-medium .photo-grid h3 , .narrow-medium .photo-grid h3 { width: 130px ; }
.wide-small .photo-grid h3 , .narrow-small .photo-grid h3 { width: 100px ; }
.photo-grid .grid-content { padding: 3px 0px 0px 0px ; word-wrap:break-word; }
.photo-grid .grid-content a { display: inline ; border: 0px ; margin: 0 0 0 3px ;}
.photo-grid .grid-content a:hover { border: 0px ; }
.hot-section .hot-badge { display: block ; width: 22px ; height: 22px ; position: absolute ; top: 0px; left: 0px ; }
.hot-section .hot-1 .hot-badge { width: 27px ; height: 27px; background: url('images/hot-1.png') no-repeat left top ; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/album2/style/images/hot-1.png', sizingMethod='crop'); _background: none ; }
.hot-section .hot-2 .hot-badge { background: url('images/hot-2.png') no-repeat left top ; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/album2/style/images/hot-2.png', sizingMethod='crop'); _background: none ; }
.hot-section .hot-3 .hot-badge { background: url('images/hot-3.png') no-repeat left top ; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/album2/style/images/hot-3.png', sizingMethod='crop'); _background: none ; }
.video-grid a .video-button { display: block ; height: 50px ; width: 50px ; position: absolute ; top: 50% ; left: 50% ; margin: -25px 0px 0px -25px ;
background: url('images/video-button-1.png') no-repeat left top ;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/album2/style/images/video-button-1.png', sizingMethod='crop'); _background: none ; }
.video-grid a:hover .video-button {
background: url('images/video-button-2.png') no-repeat left top ;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/album2/style/images/video-button-2.png', sizingMethod='crop'); _background: none ; }
.music-button { display: block ; width: 26px ; height: 26px; position: absolute ; bottom: 2px; right: 2px; background: url('images/music-button.png') no-repeat left top ;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/album2/style/images/music-button.png', sizingMethod='crop'); _background: none ;}
.wide-big .tagged-section .photo-grid .music-button { top : 152px ; }
.narrow-big .tagged-section .photo-grid .music-button { top : 152px ; }
.wide-medium .tagged-section .photo-grid .music-button { top : 102px ; }
.narrow-medium .tagged-section .photo-grid .music-button { top : 102px ; }
.wide-small .tagged-section .photo-grid .music-button { top : 72px ; }
.narrow-small .tagged-section .photo-grid .music-button { top : 72px ; }
.wide-big .tagged-section .photo-grid .video-button { top : 90px ; }
.narrow-big .tagged-section .photo-grid .video-button { top : 90px ; }
.wide-medium .tagged-section .photo-grid .video-button { top : 65px ; }
.narrow-medium .tagged-section .photo-grid .video-button { top : 65px ; }
.wide-small .tagged-section .photo-grid .video-button { top : 50px ; }
.narrow-small .tagged-section .photo-grid .video-button { top : 50px ; }
.event-grid { margin-bottom: 5px ; }
.event-grid .photolink img { width: 50px; height: 50px ; }
.event-grid .grid-content { width: 230px ; line-height: 1.7em ; padding-top: 9px ; float:right ; }
.event-grid .count { padding: 0 0 0 25px ; font-size: .9em ; }
.event-grid em { padding-left : 7px ; font-size: 1.1em ; }
.event-grid .function { border-bottom: 1px solid #eee ; padding: 0 0 5px 0 ; clear:both ;}
.event-grid .identity { margin: 2px 0 8px 0 ; }
.event-grid .identity a{ margin-right: 5px ; }
.event-grid .identity a.vip-member:hover{ background: none !important ; }
.index-event-grid-list { height: 190px ; overflow: hidden ; position: relative ;}
.content-wide .index-event-grid-list { width: 850px ; }
.content-narrow .index-event-grid-list { width: 605px ; }
.index-event-grid { float:left ; margin: 0 15px 0 0 ; position: relative ; }
.content-wide .index-event-grid { width: 268px ; }
.content-narrow .index-event-grid { width: 287px ; }
.index-event-grid-title { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#EEEEEE none repeat scroll 0 0; padding: 0 ; position:relative; z-index:0; margin-bottom: 10px ; height: 30px ; }
.index-event-grid-title img { position : absolute ; top: 7px ; left: 7px ; }
.index-event-grid-title a { color:#000000; display: block ; height: 30px ; line-height: 30px ; padding: 0 0 0 30px ; overflow: hidden ;}
.index-event-grid-title a:hover { text-decoration: underline ;}
.index-event-grid { height: 190px ; }
.index-event-grid li { border-bottom: 1px solid #ddd ; margin: 0 0 5px 0 ; position: relative ; line-height: 200% ; height: 69px ; }
.index-event-grid li .grid-photo { width: 70px ; height: 69px ; float:left ; margin: 0 10px 0 0 ; }
.index-event-grid li .grid-photo a { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:white none repeat scroll 0 0; border:1px solid #DDDDDD; border-bottom: none ; float:left; padding:4px; }
.index-event-grid li .grid-photo img { width: 60px; height: 60px ; }
.index-event-grid .grid-content { padding: 5px 0 0 0 ; _height: 1% ; }
.index-event-grid .grid-content h3 { height: 1.7em ; overflow: hidden ; }
.index-event-grid .grid-content a.identity { color: #999 ; font-size: 11px; font-weight: bold ; }
.index-event-grid .grid-content a.identity:hover { color:#3378df ; }
.index-event-grid .grid-content span.count{ font-size: 11px ; color: #999 ; position: absolute ; right: 0px ; bottom: 0px ; }
.index-event-grid .more-arrow a { display: block ; width: 19px; height: 19px ; position: absolute ; top: 6px ; right: 3px; padding: 0 ; background: url('images/thumb-strip-button.jpg') no-repeat -22px -59px transparent !important ; }
.index-event-grid .more-arrow a:hover { background: url('images/thumb-strip-button.jpg') no-repeat -22px -59px transparent !important ; }
.index-event-grid .alert { margin-top: 50px ; }
.user-grid { height: 40px ; width: 40px ; float:left ; margin: 0 2px 2px 0 ; position: relative ; }
.user-grid .photolink { display: block ; }
.user-grid .photolink img { width : 40px ; height: 40px ; }
/* .user-grid.user-grid-big { height: 82px ; width: 82px ; }
.user-grid.user-grid-big .photolink img { width : 82px ; height: 82px ; } */
.user-grid-edit { bordER: 1px solid #ccc ; background:#fff ; padding: 2px 1px 1px 1px ; position: absolute ; top: -17px; left: -5px ; z-index:9 ; width : 46px ; height : 20px ; overflow: hidden ; text-align:center ; border-radius: 5px ; -moz-border-radius: 5px ; -webkit-border-radius: 5px ; }
.user-grid-edit a { padding: 1px 2px ; display: inline-block ;}
.tag-grid { float:left ; margin: 0 15px 5px 0 ; white-space: nowrap ; padding: 2px 0 2px 0 ; line-height : 1.7em ; }
.event-box-title { background:#eee ; position: relative ; padding: 6px 10px 8px 8px ; z-index: 0; _height: 1% ;}
.event-box-title h5 { color:#000 ; font-weight: bold ; float:left ; }
.event-box-title h5 a{ color:#000 ; font-size: 1.25em ;}
.event-box-title h5 a:hover { text-decoration: underline ; }
.event-box-title span.count { color:#888 ; padding: 0 0 0 10px ;}
.event-box p { margin: 7px 10px 5px 10px ; font-weight:bold ;}
.event-box-list { _height: 1% ; }
.event-box-list.compact .alert { margin: 50px auto 25px auto ; }
.event-box-list.expanded .alert { margin: 50px auto 50px auto ; width: 450px ; }
/*-- search result page - height setting. do not delete --*/
.event-box-list.compact .event-box { _position: relative ; overflow: hidden ; margin-bottom: 50px ;}
.album-grid-list { _position: relative ; _height: 100% ;}
.photo-grid-list { _position: relative ; }
/*-- search result page - height setting. do not delete --*/
.event-box .album-grid { padding: 6px 0px 5px 6px !important ; }
.event-box .album-grid .grid-photo { padding: 2px 0 0 2px !important ; }
.event-box .album-grid .grid-content { padding: 0px 5px 5px 2px !important; *padding-top: 5px !important; }
.album-grid.member-album { background:#eee ; }
.album-expand-list .album-expand { position: relative ; margin: 0 0 15px 0 ;}
.album-expand-list .album-expand .grid-photo a { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:white none repeat scroll 0 0; border:1px solid #ddd; float:left; padding:4px; }
.album-expand-list .album-expand .grid-thumb a { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:white none repeat scroll 0 0; border:1px solid #ddd; float:left; padding:4px; }
.album-expand-list .album-expand .grid-photo a:hover { bordeR: 1px solid #3378df ;}
.album-expand-list .album-expand .grid-thumb a:hover { bordeR: 1px solid #3378df ;}
.album-expand-list .album-expand .grid-thumb { padding-top: 40px; }
.album-expand-list .album-expand .grid-thumb li { margin-left: 5px ; height: 60px ; width: 60px; float:left ; }
.album-expand-list .album-expand .grid-thumb a img { width: 50px ; height: 50px ; }
.album-expand-list .album-expand .grid-content { position: absolute ; top: -2px; left: 110px; }
.album-expand-list .album-expand .grid-content h3 { height: 1.3em ; overflow: hidden ; margin: 0 0 3px 0 ; }
.album-expand-list .album-expand .grid-content span.text { height: 1.4em ; overflow: hidden ; display: block ; font-size: 11px ; padding: 0 0 0 1px ;}
.album-expand-list .album-expand .grid-content span.text a { color:#000 ; margin : 0 5px 0 0 ; }
.album-expand-list .album-expand .grid-content span.text a:hover { color:#3378df}
.friend-update-box .grid-thumb li { position: relative ; }
.friend-update-box .video-grid a span.video-button { position: absolute ; top: 30px ; left: 30px ; }
.friend-update-box .more-flip { margin: -8px 0 10px 235px ; }
.friend-update-box .more-flip a { display: block ; width: 30px ; height: 21px; float: left ; padding: 0px ; }
.friend-update-box .more-flip a { background-image: url('images/more-flip.jpg') ; }
.friend-update-box .more-flip a.flip-previous { background-position: left top ; }
.friend-update-box .more-flip a.flip-next { background-position: right top ; }
.friend-update-box .more-flip a.flip-previous:hover { background: url(images/more-flip.jpg) no-repeat left bottom transparent !important ; }
.friend-update-box .more-flip a.flip-next:hover { background: url(images/more-flip.jpg) no-repeat right bottom transparent !important ; }
/******************************************************************************************************************************************************************/
.page-description { margin-bottom: 6px ; color:#000 ; overflow: hidden ; }
.page-description .edit-icon { float:left ; margin: 2px 7px 0 0 ; }
.page-description .edit-content { color:#000 ; line-height: 1.8em ; }
.page-description.owner-logged-in .edit-content { padding: 0 0 0 23px ; }
.page-description .edit-content input { display: block ; background:#f6f6f6 ; width: 98% ; margin: 0 0 3px 0 ; }
.page-description .edit-content button { margin: 5px 5px 0 0 ; float:left ; }
.page-description .edit-content textarea { width: 98% ; margin: 0px !important ; background:#f6f6f6 ; height: 60px ; *float:right ;}
.page-description.owner-logged-in .item-title , .page-description.owner-logged-in .item-description { padding: 0px 3px ; }
.item-frame { margin: 0 0 0px 0 ; position: relative ; margin: 0 auto ; }
.item-frame a img { bordeR: 0px solid #eee ; }
.item-music-frame { width: 300px ; height: 75px ; margin: 0 auto ; }
/*
.item-caption { clear:both ; margin-top: 5px ; padding-top: 6px; border-top: 1px solid #eee ; }
.page-description { margin-bottom: 6px ; color:#000 ; }
.item-caption .edit-icon , .page-description .edit-icon { float:left ; margin: 2px 7px 0 0 ; }
.item-caption .edit-content , .page-description .edit-content { display: table ; zoom: 1 ; color:#000 ; line-height: 1.8em ; width: 95% ; }
.item-caption .edit-content .item-title , .page-description .edit-content .item-title{ font-size: 1.25em ; margin-bottom: 2px ; }
.item-caption .edit-content input , .page-description .edit-content input { display: block ; background:#f6f6f6 ; width: 98% ; margin: 0 0 3px 0 ; }
.item-caption .edit-content button , .page-description .edit-content button { margin: 5px 5px 0 0 ; float:left ; }
.item-caption .edit-content textarea , .page-description .edit-content textarea { width: 98% ; margin: 0px !important ; background:#f6f6f6 ; height: 60px ; *float:right ;}
*/
.item-caption { clear:both ; margin-top: 5px ; padding-top: 6px; border-top: 1px solid #eee ; }
.item-caption .edit-icon { float:left ; margin: 2px 7px 0 0 ; }
.item-caption .edit-content { color:#000 ; line-height: 1.8em ; }
.item-caption.owner-logged-in .edit-content { padding: 0 0 0 23px ; }
.item-caption .edit-content .item-title { font-size: 1.25em ; margin-bottom: 2px ; }
.item-caption .edit-content input { display: block ; background:#f6f6f6 ; width: 98% ; margin: 0 0 3px 0 ; }
.item-caption .edit-content button { margin: 5px 5px 5px 0 ; float:left ; }
.item-caption .edit-content textarea { width: 98% ; margin: 0px !important ; background:#f6f6f6 ; height: 60px ; *float:right ;}
.item-caption.owner-logged-in .item-title , .item-caption.owner-logged-in .item-description { padding: 0px 3px ; }
.item-caption .item-description { margin: 0 0 5px 0 ; }
.item-source { font-size: .9em ; color:#888 ; clear: both ; background:#eee ; padding: 2px 8px ; float:left ; clear: both ; border-radius: 5px ; -moz-border-radius: 5px ; -webkit-border-radius: 5px ; }
.item-source em { color:#aaa ; margin: 0 0 0 10px; }
.item-source em a{ color: #aaa ; border-bottom: 1px dotted #888 ; margin: 0px 2px ; }
.item-source em a:hover { color: #555 ; border-bottom: 1px dotted #000 ; }
.tag-photo-frame { position: absolute ; z-index: 9 ; bordeR : 1px solid #000 ; }
.tag-photo-frame .double-border { bordER: 1px solid #fff ; width: 100%; height: 100%; }
.tag-photo-frame.admin-edit { cursor: move ; }
.tag-photo-frame.dashed-frame { bordeR : 1px dashed #000 ;cursor : pointer ; }
.tag-photo-frame.dashed-frame .double-border{ bordeR : 1px dashed #fff ; }
.tag-photo-frame.solid-frame { cursor : pointer ; }
.tag-photo-frame.transparent-frame { cursor : pointer ; -moz-opacity: 0.5; -webkit-opacity: 0.5; opacity:0.5; -ms-filter: alpha(opacity=50); filter: alpha(opacity=50); }
.tag-photo-frame .re-size { display: block ; width: 7px; height: 7px; bordeR: 1px solid #000 ; background:#fff ; position: absolute ; overflow: hidden ;}
.top-left { top: -4px ; left : -4px ; cursor: nw-resize ; }
.top-right { top: -4px ; right: -4px ; cursor: ne-resize ; }
.bottom-left { bottom: -4px ; left : -4px ; cursor: sw-resize ; }
.bottom-right { bottom: -4px ; right : -4px ; cursor: se-resize ; }
.tag-name-frame {
background: url('images/tag-name-frame.jpg') repeat-x left bottom #fff ; width: 170px ; bordeR: 1px solid #ccc ; padding: 3px 0px 3px 3px ; margin: 0 10px 10px 0 ; display: inline-block ; position: absolute ;
border-radius: 5px ; -moz-border-radius: 5px ; -webkit-border-radius: 5px ; -moz-box-shadow: 0 0 5px #aaa ; -webkit-box-shadow: 0 0 5px #aaa ; box-shadow: 0 0 5px #aaa ; z-index:9 ; _height: 30px ; }
.tag-name-frame .photolink { float:left ; height: 35px ;}
.tag-name-frame .photolink img { width: 35px ; height: 35px ; bordeR: 0px ;}
.tag-name-frame a.identity { position: relative ; color:#3378df ; font-size: .9em ; display: block ; float:right ; margin: 0 10px 0 8px ; line-height: 1.6em ; height: 18px ; displaY: block ; overflow: hidden ; width: 115px ; }
.tag-name-frame a.identity.facebook { color:#888 ; }
.tag-name-frame a.identity.facebook img { margin: 0 5px 0 0 ; }
.tag-name-frame a.identity em{ margin: 0 3px 1px 0 ; }
.tag-name-frame button { margin: 4px 3px 0 0 ; }
.tag-name-function { clear:both ; border-top: 1px solid #eee ; margin-top: 38px ; *margin-top: 4px ; height: 27px ; }
.keyword { background:#f7eaa1 ; }
/******************************************************************************************************************************************************************/
#right-column { width: 300px; float:right ; margin-right: 20px ; _margin-right: 10px ; margin-top: 15px ; }
#right-column em { color:#000 ; }
.section { margin-bottom: 20px ; border-top: 2px solid #ddd ; }
.box { margin-bottom: 10px ; border-top: 2px solid #ddd ; }
.box h4 , .section h4 { border-bottom: 1px solid #eee ; font-weight:bold ; padding: 5px 0px 6px 0px ; color:#888 ;}
.section h4 { _height: 1% ; overflow: hidden ; _overflow: none ; }
.section h4 a { display: block ; float:left ; margin: 0px 10px 0 0 ; padding: 5px 10px 6px 10px ; color: #888 ; }
.section h4 a.active { background: url('images/h4-active.gif') no-repeat center bottom #eee ; }
/* body.index-page .photo-section h4 { padding: 0px 0px 0px 0px ; } */
.box-content , .section-content{ margin-top: 10px ; }
.section-content { overflow: hidden ; } /*-- fix IE7 one row height --*/
.section-content .photo-grid-list { margin-bottom: 0px ; overflow: hidden ; } /*-- fix IE7 one row height --*/
.box-content dl { line-height: 1.7em ;}
.box-content dt { float:left ; margin: 0 5px 0 0 ; }
.box-content dd { color:#000 ; }
.box-content .function { text-align:right ; margin : 3px 0 0 0 ; z-index: 0 ; }
.box-content .function button { margin-left: 5px ; }
.box-content .function input.add-item { width: 235px; float:left ; margin: 0 ; }
.function { zoom: 1 ; }
.dropdown-menu { position: absolute ; width: 249px ; text-align: left ; background:#fff ; z-index: 9 ; zoom:1 ;}
.dropdown-menu ul { _height: auto ; zoom:1 ; }
.dropdown-menu li { position: relative ; height: 32px; overflow: hidden ;zoom:1 ; }
.dropdown-menu p { background:#eee ; padding: 6px 10px ; bordeR: 1px solid #ddd ; border-top: 0px ; color:#888 ; }
.dropdown-menu p.import-friend-list { text-align:center ; padding: 6px 0px 8px 0px ; }
.dropdown-menu p.import-friend-list button { margin: 6px 0 0 0 ; }
.dropdown-menu p.import-friend-list button img { margin: 0 5px 0 0 ; }
.dropdown-menu .dropdown-content { overflow-x: hidden ; overflow-y: auto ; bordeR: 1px solid #ddd ; border-top: 0px ; zoom: 1 ; position:relative ; }
.dropdown-menu .dropdown-content span.separator { display: block ; border-top: 1px solid #ddd ; margin: 2px 0px ; }
.dropdown-menu li img.pixnet-icon { width: 16px; height: 16px ; position: absolute ; top: 8px ; right: 21px ; float: none ; }
.dropdown-menu li img.facebook-icon { width: 16px; height: 16px ; position: absolute ; top: 8px ; right: 0px ; float: none ; }
.friend-dropdown-menu .dropdown-content{ height: 182px; }
.friend-dropdown-menu li * { cursor: pointer ; }
.friend-dropdown-menu li { border-bottom: 1px solid #eee ; }
.friend-dropdown-menu li a { display: block ; padding: 1px 5px !important ; line-height: 30px ; color:#888 !important ; margin: 0 !important ; overflow: hidden ; height: 30px ; font-size: 11px ; }
.friend-dropdown-menu li a em {font-weight: bold ; }
.friend-dropdown-menu li img { width: 30px; height: 30px; float:left ; margin: 0 8px 0 0 ; }
.friend-dropdown-menu li span { margin: 0 0 0 4px ; color:#999 ; }
.friend-dropdown-menu li img.icon-facebook { width: 10px; height: 10px ; float: none ; margin: 0px 5px 0px 0px ; _margin: 10px 5px 0px 0px ; }
#right-column .friend-dropdown-menu li em , #popup-frame .friend-dropdown-menu li em { color:#3378df !important ; height: 30px ; line-height : 30px; zoom:1 ; }
.friend-dropdown-menu li img.vip-icon { width: auto ; height: auto; float:none ; margin: 0px 3px -2px 5px ; }
.box-content .friend-dropdown-menu li a:hover { background:#d4e5ff !important ; color:#888 !important ; }
.tag-dropdown-menu a{ margin : 0 15px 0 0 ; color:#3378df !important ;}
#container .tag-dropdown-menu a:hover { background:#3378df !important ;}
.tag-dropdown-menu .dropdown-content { padding: 6px 10px ; line-height: 1.85em ;}
/*
.profile { border: 1px solid #ddd ; padding: 10px 0 0 0 ; margin-bottom: 10px; _height: 1% ;}
.profile .photolink { margin: 0 0 0 10px ; float:left ; padding: 0 ; }
.profile .photolink img { width: 50px; height: 50px; }
.profile .float-box { width: 215px ; line-height: 1.6em ; margin-bottom: 10px; }
.profile .float-box a{ margin-right: 20px; }
.profile .float-box .title a{ color:#000 ; margin: 0 10px 0 0 ; }
.profile .float-box a.vip-member:hover { background: none !important ;}
.profile .float-box .identity { display: block ; }
.profile .function { padding: 0px 0 8px 0 ; clear:both ; }
.profile .function button { width: 134px ; margin-left: 10px; }
.profile .function a { margin-left: 6px ; }
.profile .count a{ font-weight: bold ; margin: 0 1px 0 5px ; }
.profile .navigation { border-top: 1px solid #ddd ; text-align:center ; padding: 7px 10px 7px 10px ; clear: both ; height: 1.6em ; overflow: hidden ; }
.profile .navigation a{ display: block ; float:left; width: 24% ; text-align: center ; }
.profile .more { text-align: left ; margin: 0px 10px 8px 10px ; clear:both ; zoom: 1 ;}
.profile .more a.icon-anchor { margin: 0 0 10px 0 ; }
.profile .more .count { padding: 5px 0 0 0 ;}
.profile .more p { padding: 5px 0 0 0 ; }
*/
.profile { border : 1px solid #ddd ; margin: 0 0 20px 0 ; *height: 1% ; overflow: hidden ; _height: 1% ; _overflow: none ; }
.profile a.photolink { bordeR: 0px !important ; padding: 0 ; display: block ; height: 100px; width: 100px ; margin: 5px 0 5px 5px ; _margin: 5px 0 0 2px ; float:left ; }
.profile a.photolink img { height: 100px; width: 100px ; }
.profile .navigation { background:#eee ; height: 48px ; overflow: hidden ; padding: 5px 0 0 0 ; _padding: 6px 0 0 0 ; line-height: 160% ; width : 193px ; float:right ; }
.profile .navigation ul li { width: 48px ; height: 28px; line-height: 26px ; text-align: center ; float:left ; overflow: hidden ; }
.profile .navigation ul li a { color:#666 ; margin: 0 13px 0 0 ; display : block ; width: 100% ; height: 100% ; }
.profile .navigation ul li a:hover { background:#ddd !important ; color : #000 !important ; }
.profile .navigation .title { font-weight: bold ; margin: 0 0 0 12px ; }
.profile .navigation .title a.vip-member { position : static ; margin: 0 0 0 5px !important ; }
.profile .navigation .title a.vip-member:hover { background: none !important ; }
.profile .float-box { width: 193px ; padding: 5px 0 0 0 ; }
.profile .float-box a { display: block ; padding: 2px 0px 3px 13px ; }
.profile .float-box a span { font-size: .9em ; }
.profile .function { _height: 1% ; overflow: hidden ; _overflow: none ; padding: 5px 0 10px 0 ; }
.profile .function .add-friend , .profile .function .subscribe { width: 135px ; height: 30px; overflow: hidden ; float:left ; margin: 0 0 0 9px ; _margin: 0 0 0 4px ; }
.profile .function a { display: block ; height: 30px ; float:left ; overflow: hidden ; text-align: center ; padding: 0 ; line-height: 28px ; }
.profile .function a img { vertical-align : middle ; margin: 0 5px 0 0 ; }
.profile .function a.button { width: 91px ; _padding: 6px 0 0 0 ; _height: 24px ; background: url('images/profile-button.jpg') no-repeat left top !important ; color:#000 ;}
.profile .function a.button:hover { color:#888 ;}
.profile .function .added a.button { background: url('images/profile-button.jpg') no-repeat left center !important ; color:#bbb ; }
.profile .function .cancel a.button { background: url('images/profile-button.jpg') no-repeat left bottom !important ; color:#c80000 ; }
.profile .function .added a.button:hover { color:#bbb ; }
.profile .function .cancel a.button:hover { color:#c80000 ; }
.profile .function a.number { width: 44px ; font-size: .9em ; font-weight: bold ; background: url('images/profile-button.jpg') no-repeat right top !important ; color:#888 ;}
.profile .function a.number:hover { color:#000 ;}
.profile .function .add-hidden-list a { background: url('images/profile-button.jpg') no-repeat right top !important ; width: 135px !important ;}
.profile .function .added-hidden-list a { background: url('images/profile-button.jpg') no-repeat right center !important ; width: 135px !important ; color:#bbb ; }
.profile .function .cancel-hidden-list a { background: url('images/profile-button.jpg') no-repeat right bottom !important ; width: 135px !important ; color:#c80000 ; }
.profile .function .added-hidden-list a:hover { color:#bbb ; }
.profile .function .cancel-hidden-list a:hover { color:#c80000 ; }
#right-column .map { position: relative ; _height: 1% ;}
#right-column .map button { position: absolute ; top: 50% ; left: 50% ; width: 220px ; height: 24px ; margin: -13px 0 0 -110px ; }
.text-grid-list li { padding: 1px 0px ; }
.ad-banner { margin-bottom: 10px ; }
.ad-banner a , .ad-banner a img { display: block ; }
.friend-list-box .user-grid-list .user-grid { width: 57px ; height: 77px ; font-size: 11px ; overflow: hidden ; background: none ; margin-right: 3px ;}
.friend-list-box .user-grid-list .user-grid img { width: 57px ; height: 57px ; }
.friend-list-box .user-grid-list .user-grid .grid-content { padding: 3px 0 0 2px ; }
.friend-list-box .user-grid-list .user-grid .grid-content a { color:#000 ;}
.friend-list-box .user-grid-list .user-grid .grid-content a:hover { color:#3378df ;}
.friend-list-box .more { margin: 8px 0 0 0 ; }
.latest-comment-box li { margin: 0 0 5px 0 ; }
.latest-comment-box .grid-photo { margin: 0 10px 0 0 ; width: 50px ; height: 50px ; float:left ; }
.latest-comment-box .grid-photo span.non-user { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:white none repeat scroll 0 0; border:1px solid #DDDDDD; float:left; padding:4px; }
.latest-comment-box .grid-photo a { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:white none repeat scroll 0 0; border:1px solid #DDDDDD; float:left; padding:4px; }
.latest-comment-box .grid-photo a:hover { border: 1px solid #3378df ; }
.latest-comment-box .grid-photo img{ width: 40px ; height: 40px ; }
.latest-comment-box .grid-content { line-height: 180% ; padding: 3px 0 0 0 ; }
.latest-comment-box .grid-content a { color:#000 ; }
.latest-comment-box .grid-content span.from { display: block ; }
.latest-comment-box .grid-content span.from a{ color:#888 ;}
.latest-comment-box .grid-content a:hover , .latest-comment-box .grid-content span.from a:hover { color:#3378df ; }
/******************************************************************************************************************************************************************/
#comment-box { width: 470px ; margin: 0 auto ;}
.comment-grid-list { margin: 10px 0px 30px 0 ; }
.comment-grid { background:#f5f5f5 ; border-top: 1px solid #fff ; border-bottom: 1px solid #e7e7e7 ; padding: 7px 10px ; position : relative ; }
.comment-grid .photolink { float: left ; }
.comment-grid .photolink img { width: 35px; height: 35px ; }
.comment-grid .comment-content { float:right ; width: 405px ; }
.comment-grid .comment-content .comment-info { color:#aaa ; font-size: .9em ; margin: 0 0 2px 0 ; }
.comment-grid .comment-content .comment-info .identity img.openid-icon { margin: 0 ; padding: 0 ; vertical-align: middle ; position: relative ; top: -1px ;}
.comment-grid .comment-content .comment-info .identity .identity-name { margin-right: 2px ; font-size: 1.1em ; padding: 0px 1px ; }
.comment-grid .comment-content .comment-info .identity a.vip-member { margin: 0 3px 0 0 !important ; padding: 0 !important ; }
.comment-grid .comment-content .comment-info .identity a.vip-member:hover{ background: none !important ; }
.comment-grid .comment-content .comment-info .identity a.vip-member img{ margin: 0 !important ; padding: 0 !important ; position: relative ; top: -3px ; *top: -1px ;}
.comment-grid .comment-content .comment-info a.info-icon { margin: 0px ; padding: 0px ; }
.comment-grid .comment-content .comment-info a.info-icon:hover { background: none !important ;}
.comment-grid .comment-content .comment-info a.info-icon img { margin: 0px ; padding: 0px ; vertical-align: middle ; position: relative ; top: -1px ; }
.comment-grid .comment-content .comment-info span.comment-time { margin-left: 0px ; }
.comment-grid .comment-content .comment-info img{ margin: -2px 5px 0 0 ; }
.comment-grid .comment-content p { color:#000 ; }
.comment-grid .function { position: absolute ; top: 7px ; right: 7px ; }
.comment-grid .function a{ margin: 0 0 0 5px ; }
.comment-showall a { background:#fbfbfb ; padding: 9px 20px 10px 20px ; text-align:center ; border-top: 1px solid #fff ; border-bottom: 1px solid #e7e7e7 ; display: block ;}
.comment-showall a:hover { background:#f6f6f6 ; text-decoration: none ; }
#footer a , #footer span.text { margin: 0 15px 0 0 ; }
#footer { clear : both ; padding: 0px 0px ; _height : 1% ; }
#content.content-narrow #footer { _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/album2/style/images/narrow-footer.png', sizingMethod='crop'); _background: none ; }
#content.content-wide #footer { _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/album2/style/images/wide-footer.png', sizingMethod='crop'); _background: none ; }
.inner-footer { position: relative ; height: 45px ; clear : both ; padding-top: 15px !important ; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px; }
#content.content-wide #footer .inner-footer { padding: 0px 35px ; background: url('images/wide-footer.png') no-repeat center top ; _background: none ;}
#content.content-narrow #footer .inner-footer { padding: 0px 30px ; background: url('images/narrow-footer.png') no-repeat left top ; _background: none ; }
/* ALBUM Margin */
.wide-big .album-grid-list { width: 870px ; overflow: hidden ; position: relative ; left: -21px ; }
.wide-big .album-grid { width: 188px ; margin: 0px 0px 15px 28px ; }
.wide-medium .album-grid-list { width: 870px ; overflow: hidden ; position: relative ; left: -19px ; }
.wide-medium .album-grid { width: 138px ; margin: 0px 0px 15px 33px ; }
.wide-small .album-grid-list { width: 870px ; overflow: hidden ; position: relative ; left: -18px ; }
.wide-small .album-grid { width: 108px ; margin: 0px 0px 10px 16px ; }
.narrow-big .album-grid-list { width: 630px ; overflow: hidden ; position: relative ; left: -18px ; }
.narrow-big .album-grid { width: 188px ; margin: 0px 0px 10px 20px ; }
.narrow-medium .album-grid-list { width: 630px ; overflow: hidden ; position: relative ; left: -18px ; }
.narrow-medium .album-grid { width: 138px ; margin: 0px 0px 10px 18px ; }
.narrow-small .album-grid-list { width: 630px ; overflow: hidden ; position: relative ; left: -18px ; }
.narrow-small .album-grid { width: 108px ; margin: 0px 0px 10px 17px ; }
/* Index-page ALBUM Margin + single row*/
body.index-page .wide-big .album-grid-list { width: 850px ; left: -17px ; height: 253px ; }
body.index-page .wide-big .album-grid { margin: 0px 0px 15px 17px ; }
body.index-page .wide-medium .album-grid-list { width: 850px ; left: -16px ; height: 203px ; }
body.index-page .wide-medium .album-grid { margin: 0px 0px 15px 24px ; }
body.index-page .wide-small .album-grid-list { width: 850px ; left: -12px ; height: 173px ; }
body.index-page .wide-small .album-grid { margin: 0px 0px 10px 9px ; }
body.index-page .narrow-big .album-grid-list { width: 605px ; left: -9px ; height: 253px ; }
body.index-page .narrow-big .album-grid { margin: 0px 0px 10px 5px ; }
body.index-page .narrow-medium .album-grid-list { width: 605px ; left: -9px ; height: 203px ; }
body.index-page .narrow-medium .album-grid { margin: 0px 0px 10px 6px ; }
body.index-page .narrow-small .album-grid-list { width: 605px ; left: -10px ; height: 173px ; }
body.index-page .narrow-small .album-grid { margin: 0px 0px 10px 7px ; }
/* PHOTO Margin + Photo-grid Width */
.wide-big .photo-grid-list { width: 870px ; position: relative ; left: -18px ; }
.wide-big .photo-grid { margin: 0px 0px 30px 33px ; width: 180px ; }
.wide-medium .photo-grid-list { width: 870px ; position: relative ; left: -14px ; }
.wide-medium .photo-grid { margin: 0px 0px 30px 14px ; width: 130px ; }
.wide-small .photo-grid-list { width: 870px ; position: relative ; left: -7px ; }
.wide-small .photo-grid { margin: 0px 0px 30px 7px ; width: 100px ; }
.narrow-big .photo-grid-list { width: 630px ; position: relative ; left: -18px ; }
.narrow-big .photo-grid { margin: 0px 0px 30px 26px ; width: 180px ; }
.narrow-medium .photo-grid-list { width: 630px ; position: relative ; left: -16px ; }
.narrow-medium .photo-grid { margin: 0px 0px 30px 24px ; width: 130px ; }
.narrow-small .photo-grid-list { width: 630px ; position: relative ; left: -15px ; }
.narrow-small .photo-grid { margin: 0px 0px 30px 23px ; width: 100px ; }
/* Index-page PHOTO Margin + single row*/
body.index-page .wide-big .photo-grid-list { width: 850px ; left: -21px ; height: 200px ; }
body.index-page .wide-big .photo-grid { margin: 0px 0px 30px 25px ; }
body.index-page .wide-medium .photo-grid-list { width: 850px ; left: -20px ; height: 150px ; }
body.index-page .wide-medium .photo-grid { margin: 0px 0px 30px 32px ; }
body.index-page .wide-small .photo-grid-list { width: 850px ; left: -16px ; height: 120px ; }
body.index-page .wide-small .photo-grid { margin: 0px 0px 30px 17px ; }
body.index-page .narrow-big .photo-grid-list { width: 605px ; left: -13px ; height: 200px ; }
body.index-page .narrow-big .photo-grid { margin: 0px 0px 30px 13px ; }
body.index-page .narrow-medium .photo-grid-list { width: 605px ; left: -13px ; height: 150px ; }
body.index-page .narrow-medium .photo-grid { margin: 0px 0px 30px 14px ; }
body.index-page .narrow-small .photo-grid-list { width: 605px ; left: -14px ; height: 120px ; }
body.index-page .narrow-small .photo-grid { margin: 0px 0px 30px 15px ; }
/* Event-page ALBUM Margin + single row */
.wide-big .compact .event-box .album-grid-list { width: 850px ; left: -12px ; height: 270px ; }
.wide-big .compact .event-box .album-grid { margin: 0px 0px 15px 11px ; }
.wide-medium .compact .event-box .album-grid-list { width: 850px ; left: -16px ; height: 220px ; }
.wide-medium .compact .event-box .album-grid { margin: 0px 0px 15px 19px ; }
.wide-small .compact .event-box .album-grid-list { width: 850px ; left: -9px ; height: 190px ; }
.wide-small .compact .event-box .album-grid { margin: 0px 0px 10px 4px ; }
.narrow-big .compact .event-box .album-grid-list { width: 605px ; left: -7px ; height: 270px ; }
.narrow-big .compact .event-box .album-grid { margin: 0px 0px 10px 9px ; width: 178px ; }
.narrow-big .compact .event-box .album-grid .grid-photo img{ width: 160px !important ; height: 160px !important ; }
.narrow-medium .compact .event-box .album-grid-list { width: 605px ; left: 3px ; height: 220px ; }
.narrow-medium .compact .event-box .album-grid { margin: 0px 0px 10px 35px ; }
.narrow-small .compact .event-box .album-grid-list { width: 605px ; left: -13px ; height: 190px ; }
.narrow-small .compact .event-box .album-grid { margin: 0px 0px 10px 28px ; }
/* Single Event-page ALBUM Margin */
.wide-big .expanded .event-box .album-grid-list { width: 870px ; position: relative ; left: -14px ; }
.wide-big .expanded .event-box .album-grid { width: 188px ; margin: 0px 0px 15px 20px ; }
.wide-medium .expanded .event-box .album-grid-list { width: 870px ; position: relative ; left: -12px ; }
.wide-medium .expanded .event-box .album-grid { width: 138px ; margin: 0px 0px 15px 26px ; }
.wide-small .expanded .event-box .album-grid-list { width: 870px ; position: relative ; left: -11px ; }
.wide-small .expanded .event-box .album-grid { width: 108px ; margin: 0px 0px 10px 9px ; }
.narrow-big .expanded .event-box .album-grid-list { width: 630px ; position: relative ; left: -12px ; }
.narrow-big .expanded .event-box .album-grid { width: 188px ; margin: 0px 0px 10px 12px ; }
.narrow-medium .expanded .event-box .album-grid-list { width: 630px ; position: relative ; left: -13px ; }
.narrow-medium .expanded .event-box .album-grid { width: 138px ; margin: 0px 0px 10px 11px ; }
.narrow-small .expanded .event-box .album-grid-list { width: 630px ; position: relative ; left: -11px ; }
.narrow-small .expanded .event-box .album-grid { width: 108px ; margin: 0px 0px 10px 10px ; }
/* Vertical More Button Setting*/
.more.more-button a{ display: block ; overflow: hidden ; bordeR: 1px solid #ddd; width: 22px ; position: absolute ; right: 0px ; top: 0px; height: 93% ; _height: 100px ;
background: url('images/arrow.jpg') no-repeat -38px center #eee ; border-radius: 5px ; -moz-border-radius: 5px ; -webkit-border-radius: 5px ; }
.event-box .more.more-button a{ top: auto ; bottom: 5%; height: 65% ; }
.more.more-button a:hover { background: url('images/arrow.jpg') no-repeat -138px center #ccc !important ; border: 1px solid #bbb ; }
.section-content , .event-box{ position: relative ; }
body.index-page .wide-big .album-section .more-button a { top: 12px ; height: 182px ; }
body.index-page .wide-medium .album-section .more-button a { top: 12px ; height: 132px ; }
body.index-page .wide-small .album-section .more-button a { top: 12px ; height: 102px ; }
body.index-page .narrow-big .album-section .more-button a { top: 12px ; height: 182px ; }
body.index-page .narrow-medium .album-section .more-button a { top: 12px ; height: 132px ; }
body.index-page .narrow-small .album-section .more-button a { top: 12px ; height: 102px ; }
body.index-page .wide-big .photo-section .more-button a { top: 0px ; height: 178px ; }
body.index-page .wide-medium .photo-section .more-button a { top: 0px ; height: 128px ; }
body.index-page .wide-small .photo-section .more-button a { top: 0px ; height: 98px ; }
body.index-page .narrow-big .photo-section .more-button a { top: 0px ; height: 178px ; }
body.index-page .narrow-medium .photo-section .more-button a { top: 0px ; height: 128px ; }
body.index-page .narrow-small .photo-section .more-button a { top: 0px ; height: 98px ; }
.wide-big .compact .event-box .more-button a { top: 68px ; height: 182px ; }
.wide-medium .compact .event-box .more-button a { top: 68px ; height: 132px ; }
.wide-small .compact .event-box .more-button a { top: 68px ; height: 102px ; }
.narrow-big .compact .event-box .more-button a { top: 68px ; height: 172px ; }
.narrow-medium .compact .event-box .more-button a { top: 68px ; height: 132px ; }
.narrow-small .compact .event-box .more-button a { top: 68px ; height: 102px ; }
/* welcome-area */
.welcome{ position:relative; top:-10px; margin:0 10px; }
.welcome .welcome-bg{ border-radius: 5px ; -moz-border-radius: 5px ; -webkit-border-radius: 5px ; min-height:40px; _height:40px; background:#000 ; -moz-opacity: 0.5; -webkit-opacity: 0.5; opacity:0.5; -ms-filter: alpha(opacity=50); filter: alpha(opacity=50); padding:0; }
.welcome .welcome-area .invitation{ position:absolute; top:12px; left:75px; color:#fff; }
.welcome .welcome-area img{ position:absolute; top:9px; left:10px; }
.welcome .welcome-area .register{ position:absolute; right:10px; top:12px;_right:20px;}
.welcome .welcome-area b{ color:#ffd200;}
.welcome .welcome-area a{ text-decoration:underline; color:#f49437;}
.welcome .welcome-area a:hover{ text-decoration:none;}
.welcome .close{ background: url(images/close.gif) no-repeat; text-indent:-9999px; position:absolute; display:block; right:2px; top:2px; width:12px; height:12px; _right:10px; }
.lab-box { position: relative ; height: 46px ; padding: 1px 0px 5px 0px ; line-height: 190% ; border-bottom: 1px solid #eee ; margin: 0 0 5px 0 ; }
a.lab-index { display: block ; background: url('images/lab-box.jpg') no-repeat left top ; height: 46px; width: 65px ; float:left ; }
a.lab-index:hover { background: url('images/lab-box.jpg') no-repeat left top !important ; }
.lab-box h6 a { color:#000 ; }
.lab-box a { margin : 0 10px 0 0 ; }
.lab-box a.lab-button { background: url('images/lab-button.png') no-repeat left top ;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s.pixfs.net/album2/style/images/lab-button.png', sizingMethod='scale'); _background: none ;
display: block ; width: 85px ; height: 52px ; color: #fff ; padding: 10px 40px 0px 15px ; line-height: 170% ; overflow: hidden ; position: absolute ; top: 50% ; left: 50% ; margin: -31px 0 0 -70px ; }
.event-result { position: absolute ; right: 340px ; width: 240px ; line-height: 200% ; }
.event-result a.photolink { display: block ; width: 50px; height: 50px; float:right ; position: relative ; top: -4px ; }
.event-result a.photolink img{ width: 50px; height: 50px; }
.event-title { cursor: pointer ; }
.event-title img { margin: 0 5px 0 2px ; }
.event-title em { color:#000 ; }
.event-description { padding: 10px 15px ; width: 240px ; z-index: 999 ; color: #555 ; line-height: 190% ; background: #fff ; bordeR: 1px solid #ddd ; position: absolute ; top: 52px; right: 0px ; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.event-description h6 { font-weight: bold ; color:#000 ;margin: 0 0 3px 0 ; }
.upload-reward { bordeR: 1px solid #f6e6b2 ; background:#fffaec ; color:#ac8c4d ; border-radius: 10px ; -moz-border-radius: 10px ; -webkit-border-radius: 10px ; margin: 7px 10px 7px 10px ; padding : 5px 10px 5px 10px ;text-align: center ; line-height: 170% ; }
.upload-reward a { color:#db7700 ; font-weight : bold ; } .upload-reward a:hover { text-decoration: underline ; } .upload-reward b { color:#936100 ; }
.alert-button button { padding: 3px 10px ; }
#right-column .banner-300-60 {
margin-bottom: 10px;
}