/* notification */
.box_left .notification { margin:5px 10px; overflow:hidden; font-size:11px; color:#000000; position:relative; }
.box_right .notification { margin:5px 0; overflow:hidden; font-size:9px; color:#000000; position:relative; }
.box_left .notification a { font-size:11px; font-weight:bold; color:#0072A1; text-decoration:none; }
.box_right .notification a { font-size:9px; font-weight:bold; color:#0072A1; text-decoration:none; }
.notify_avatar a { display:block; width:35px; height:35px; border:1px solid #686868; background:url(/imgs/nouser_35x35.png) no-repeat; }
.box_left .notify_avatar { width:37px; height:60px; float:left; overflow:hidden; }
.box_right .notify_avatar { width:37px; height:37px; float:left; overflow:hidden; }
.notify_comment { width:30px; height:16px; margin:1px auto 0 auto; background:url(/imgs/notify_comment.png) no-repeat; }
.notify_article { width:30px; height:16px; margin:1px auto 0 auto; background:url(/imgs/notify_article.png) no-repeat; }
.notify_blog { width:30px; height:16px; margin:1px auto 0 auto; background:url(/imgs/notify_blog.png) no-repeat; }
.notify_photo { width:30px; height:16px; margin:1px auto 0 auto; background:url(/imgs/notify_photo.png) no-repeat; }
.box_left .notify_message { float:left; width:630px; margin-left:5px; background-color:#D3D3D3; padding:10px; }
.box_right .notify_message { float:left; width:122px; margin-left:5px; background-color:#D3D3D3; padding:8px; }
.notify_date { color:#696768; margin-bottom:8px; font-size:10px; }
.box_right .notify_date { margin-bottom:5px; font-size:9px; }
.notify_triangle { position:absolute; top:8px; left:27px; position:relative; width:0; height:0;  }
.white_triangle { position:absolute; top:0; left:0; width:0; height:0; border:10px solid transparent; border-right:5px solid #D3D3D3; }
.gray_triangle { position:absolute; top:0; left:-5px; width:0; height:0; border:10px solid transparent; border-right:5px solid #ffffff; }