#Activity * { padding:0px; margin:0px; } #Activity_header * { padding:0px; margin:0px; } #Activity_header .topArea .fL { float:left; color:#9e9d9d; font:normal 24px/32px Arial, Helvetica, sans-serif; padding-bottom:6px; padding-left:3px; } #Activity_header .topArea .fR { float:right; padding-bottom:6px; height:32px; white-space:nowrap; } #Activity_header .topArea .fR li { display:inline; } #Activity_header .topArea .fR li a { font:normal 14px/32px Arial, Helvetica, sans-serif; float:left; display:block; margin-left:5px; color:#5c5c5c; text-decoration:none; padding-left:10px; background:url(../activity_images/menu-left-activity.png) left top no-repeat; } #Activity_header .topArea .fR li a span { display:block; background:url(../activity_images/menu-activity.png) right top no-repeat; padding-right:10px; } #Activity_header .topArea .fR li a:hover { color:#fff; text-decoration:none; padding-left:10px; background:url(../activity_images/menu-left-activity.png) left -64px no-repeat; } #Activity_header .topArea .fR li a:hover span { display:block; background:url(../activity_images/menu-activity.png) right -64px no-repeat; padding-right:10px; } #Activity_header .topArea .fR li a.Sel { color:#fff; text-decoration:none; padding-left:10px; background:url(../activity_images/menu-left-activity.png) left -32px no-repeat; } #Activity_header .topArea .fR li a.Sel span { display:block; background:url(../activity_images/menu-activity.png) right -32px no-repeat; padding-right:10px; } #Activity_header .topArea { border-bottom:1px solid #dedede; } #Activity .topArea { border-bottom:1px solid #dedede; } #Activity { font:normal 12px/18px Helvetica,Arial,Sans-Serif; color:#2b2b2b; width:590px; } #Activity a { color:#2d6fb7; text-decoration:none; } #Activity a:hover { text-decoration:underline; } #Activity .clear { clear:both; display:block; } #Activity div.BlockBox { border-bottom:1px solid #f2f2f2; padding:15px 5px; position:relative;overflow:hidden; } #Activity div.BlockBox .botLink { position:absolute; bottom:15px; width:440px; } #Activity div.BlockBox:hover { background:#f8f8f8; cursor:pointer; } /*#f2f2f2, #F0F5F9 */ #Activity div.BlockBox h6 { font:bold 14px/20px Helvetica,Arial,Sans-Serif; } #Activity div.BlockBox .headTxt { margin-bottom:7px; font-size:13px; } #Activity div.BlockBox .contentwrapper { float: right; width: 490px; } #Activity div.BlockBox .contentcolumn { } #Activity div.BlockBox .leftcolumn { float: left; width: 90px;/* margin-left: -100%;*/ text-align:center; } #Activity div.BlockBox .contentcolumn .contentcolumn_wrapper { margin: 20px; margin-top: 0; margin-bottom:0px; } #Activity div.BlockBox .contentcolumn .contentcolumn_wrapper .imageArea a { padding:4px; float:left; background:#F0F0F0; border:1px solid #DDDDDD; margin-right:12px; margin-bottom:6px; position:relative; } #Activity div.BlockBox .contentcolumn .contentcolumn_wrapper .imageArea a em.player { position:absolute; width:33px; height:31px; right:5px; bottom:5px; display:block; background:url(../activity_images/player.png) left top no-repeat; overflow:hidden; padding:0px; } #Activity div.BlockBox .contentcolumn .contentcolumn_wrapper .imageArea a img{border:none;} #contentcolumn .contentcolumn_wrapper .imageArea img { width:120px !important; } #Activity div.BlockBox .fL { float:left; color:#adacac; font-size:11px; } #Activity div.BlockBox .fR { float:right; display:none; } #Activity div.BlockBox:hover .fR { display:block; } #Activity div.BlockBox .fR li { display:inline; } #Activity div.BlockBox .fR li a { display:block; width:25px; height:25px; float:left; margin-left:10px; overflow:hidden; text-indent:-9999px; } #Activity div.BlockBox .fR li a.activity_like { background:url(../activity_images/activity_like.png) left top no-repeat; } #Activity div.BlockBox .fR li a.activity_like_click { background:url(../activity_images/activity_like.png) left -50px no-repeat; } #Activity div.BlockBox .fR li a.activity_like_click:hover { background:url(../activity_images/activity_like.png) left -25px no-repeat; } #Activity div.BlockBox .fR li a.activity_like_click:active { background:url(../activity_images/activity_like.png) left -50px no-repeat; } #Activity div.BlockBox .fR li a.activity_queue { background:url(../activity_images/activity_queue.png) left top no-repeat; } #Activity div.BlockBox .fR li a.activity_queue_click { background:url(../activity_images/activity_queue.png) left -50px no-repeat; } #Activity div.BlockBox .fR li a.activity_queue_click:hover { background:url(../activity_images/activity_queue.png) left -25px no-repeat;} #Activity div.BlockBox .fR li a.activity_queue_click:active { background:url(../activity_images/activity_queue.png) left -50px no-repeat;} #Activity div.BlockBox .fR li a.activity_watched { background:url(../activity_images/activity_watched.png) left top no-repeat; } #Activity div.BlockBox .fR li a.activity_watched_click { background:url(../activity_images/activity_watched.png) left -50px no-repeat; } #Activity div.BlockBox .fR li a.activity_watched_click:hover { background:url(../activity_images/activity_watched.png) left -25px no-repeat; } #Activity div.BlockBox .fR li a.activity_watched_click:active { background:url(../activity_images/activity_watched.png) left -50px no-repeat; } #Activity div.BlockBox .fR li a.activity_share { background:url(../activity_images/activity_share.png) left top no-repeat; } #Activity div.BlockBox .fR li a.activity_like:hover { background:url(../activity_images/activity_like.png) left -25px no-repeat; } #Activity div.BlockBox .fR li a.activity_queue:hover { background:url(../activity_images/activity_queue.png) left -25px no-repeat; } #Activity div.BlockBox .fR li a.activity_watched:hover { background:url(../activity_images/activity_watched.png) left -25px no-repeat; } #Activity div.BlockBox .fR li a.activity_share:hover { background:url(../activity_images/activity_share.png) left -25px no-repeat; } #Activity div.BlockBox .fR li a.activity_like:active { background:url(../activity_images/activity_like.png) left -50px no-repeat; } #Activity div.BlockBox .fR li a.activity_queue:active { background:url(../activity_images/activity_queue.png) left -50px no-repeat; } #Activity div.BlockBox .fR li a.activity_watched:active { background:url(../activity_images/activity_watched.png) left -50px no-repeat; } #Activity div.BlockBox .fR li a.activity_share:active { background:url(../activity_images/activity_share.png) left -50px no-repeat; } #Activity div.BlockBox .inTxt { padding-bottom:25px; } #Activity div.BlockBox .fL, #Activity div.BlockBox .fR { white-space:nowrap; } #Activity div.BlockBox p { margin-bottom:6px; } #Activity div.BlockBox .time { background:url(../activity_images/time.png) left center no-repeat; padding-left:26px; line-height:25px; } #Activity div.BlockBox .chat { background:url(../activity_images/chat.png) left center no-repeat; padding-left:26px; line-height:25px; } #Activity div.BlockBox .film { background:url(../activity_images/film.png) left center no-repeat; padding-left:26px; line-height:25px; } /* trigger button */ #ttip { display:block; overflow:hidden; text-indent:-999em; width:120px; cursor:pointer; } /* tooltip styling */ .tooltip { display:none; width:195px; font-size:11px; color:#000; position:absolute; left:84px !important; top:38px !important; background:url(../activity_images/tooltip-btn.png) left bottom no-repeat; padding-bottom:10px !important; } .ttipInner { background:url(../activity_images/tooltip-bg.png) left top no-repeat; padding:8px 9px 0px 8px !important; } .ttipInner .blockEl { padding-left:8px !important; font:bold 14px/26px Helvetica,Arial,Sans-Serif; border-bottom:1px solid #c1e1fe; margin:0px 3px 5px 3px !important; } .ttipInner li { font:bold 11px/20px Helvetica,Arial,Sans-Serif; display:inline; } .ttipInner li a { display:block; color:#2d6fb7; text-decoration:none; padding-left:16px !important;background:url(../activity_images/arrow.png) left top no-repeat; } .ttipInner li a:hover { text-decoration:none !important; background:#d9ecff url(../activity_images/arrow.png) left top no-repeat; } /* a .label element inside tooltip */ .tooltip .label { color:yellow; width:35px; } .tooltip a { color:#ad4; } /*---ViewBtn---*/ a.ViewBtn { background:#fff; border:1px solid #cdcdcd; text-align:center; text-decoration:none; display:block; padding:1px; } a.ViewBtn span { font:normal 24px/50px Arial, Helvetica, sans-serif; display:block; color:#808080;background:#efefef; } a.ViewBtn span:hover { background:#e0e0e0; }