@import url(twipl_main.css); /* Item List */ #content .contentList .itemWrap {float:left; width:533px;} #content .contentList .itemWrap .dlClass {float:left; width:533px; padding:10px 0 10px 0; background:url(http://image.twipl.net/images/common/line/line_dotted_gray.gif) repeat-x bottom left;} #content .contentList .itemWrap .dlClass:hover{background-color:#f7f7f7;} #content .contentList .itemWrap .dtClass {float:left; width:130px; padding:10px; text-align:center;} #content .contentList .itemWrap .imgCnt {position:absolute; width:20px; height:20px; margin:6px 0 0 6px; background-color:#FFF; font-size:0.8em; color:#333; text-align:center; cursor:pointer; text-indent:-9000px; background:url(http://image.twipl.net/images/common/icon/ico_more_img.gif) no-repeat top left;} #content .contentList .itemWrap .img {padding:1px; max-width:130px; border:solid 1px #DCDCDC; background-color:#FFFFFF;} #content .contentList .itemWrap .ddClass {float:left; width:373px; margin:10px 0 0 0;} #content .contentList .itemWrap .itemDesc {float:left; width:373px; word-wrap:break-word;} #content .contentList .itemWrap .itemDesc p {float:left; width:323px; font-size:0.9em; color:#333333; word-wrap:break-word; line-height:1.5em;} #content .contentList .itemWrap .itemDesc a {font-size:0.9em;} #content .contentList .itemWrap .itemDesc .funcButtonWrap {float:left; width:20px; margin:0 0 0 30px; _margin:0 0 0 26px;} #content .contentList .itemWrap .itemDesc .funcButtonWrap .replyBtn {float:left; width:16px; height:16px; _height:20px; margin:0 0 3px 0; _margin:0px; background:url(http://image.twipl.net/images/common/btn_reply_retweet_del.gif) no-repeat 50% 66%; _background-position:50% 68%; text-indent:-9000px; overflow:hidden; visibility:hidden;} #content .contentList .itemWrap .itemDesc .funcButtonWrap .replyBtn a {float:left; width:16px; height:16px; _height:20px; background:url(http://image.twipl.net/images/common/btn_reply_retweet_del.gif) no-repeat 50% 66%; _background-position:50% 68%; text-indent:-9000px;} #content .contentList .itemWrap .itemDesc .funcButtonWrap .retweetBtn {float:left; width:16px; height:16px; _height:20px; margin:0 0 3px 0; _margin:0px; background:url(http://image.twipl.net/images/common/btn_reply_retweet_del.gif) no-repeat 0% 33%; _background-position:0% 35%; text-indent:-9000px; overflow:hidden; visibility:hidden;} #content .contentList .itemWrap .itemDesc .funcButtonWrap .retweetBtn a {float:left; width:16px; height:16px; _height:20px; background:url(http://image.twipl.net/images/common/btn_reply_retweet_del.gif) no-repeat 0% 33%; _background-position:0% 35%; text-indent:-9000px;} #content .contentList .itemWrap .itemDesc .funcButtonWrap .deleteBtn {float:left; width:16px; height:16px; _height:20px; margin:0 0 3px 0; _margin:0px; background:url(http://image.twipl.net/images/common/btn_reply_retweet_del.gif) no-repeat 100% 33%; _background-position:100% 35%; text-indent:-9000px; overflow:hidden; visibility:hidden;} #content .contentList .itemWrap .itemDesc .funcButtonWrap .deleteBtn a {float:left; width:16px; height:16px; _height:20px; background:url(http://image.twipl.net/images/common/btn_reply_retweet_del.gif) no-repeat 100% 33%; _background-position:100% 35%; text-indent:-9000px;} #content .contentList .itemWrap .itemInfo {float:left; width:373px; margin:8px 0 15px 0; *margin:8px 0 5px;} #content .contentList .itemWrap .itemInfo .itemSubInfo {float:left; width:343px;} #content .contentList .itemWrap .itemInfo .itemSubInfo .itemSubPhoto {float:left; width:40px; height:40px;} #content .contentList .itemWrap .itemInfo .itemSubInfo .itemSubPhoto .profile {float:left; width:36px; height:36px; padding:1px; border:solid 1px #DCDCDC; background-color:#FFFFFF;} #content .contentList .itemWrap .itemInfo .itemSubInfo .itemSubDate {float:left; width:294px;} #content .contentList .itemWrap .itemInfo .itemSubInfo .userId {float:left; width:298px; margin:3px 0 3px 0; padding:0 0 0 5px; font-size:0.75em; font-weight:bold; color:#0099CC;} #content .contentList .itemWrap .itemInfo .itemSubInfo .userId a {float:left; font-weight:bold; color:#0099CC; overflow:hidden;} #content .contentList .itemWrap .itemInfo .itemSubInfo .writeDateInfo {float:left; width:298px; padding:0 0 0 5px; font-size:0.75em; color:#999999;} #content .contentList .itemWrap .itemInfoNotContent {float:left; width:373px; margin:0 0 15px 0; *margin:8px 0 5px;} #content .contentList .itemWrap .itemInfoNotContent .itemSubInfo {float:left; width:323px; padding:10px 0 0 0; _padding:3px 0 0 0;} #content .contentList .itemWrap .itemInfoNotContent .itemSubInfo .itemSubPhoto {float:left; width:323px; height:40px;} #content .contentList .itemWrap .itemInfoNotContent .itemSubInfo .itemSubPhoto .profile {float:left; width:36px; height:36px; padding:1px; border:solid 1px #DCDCDC; background-color:#FFFFFF;} #content .contentList .itemWrap .itemInfoNotContent .itemSubInfo .itemSubDate {float:left; width:294px;} #content .contentList .itemWrap .itemInfoNotContent .itemSubInfo .userId {float:left; width:298px; margin:3px 0 3px 0; padding:0px; font-size:0.75em; font-weight:bold; color:#0099CC;} #content .contentList .itemWrap .itemInfoNotContent .itemSubInfo .userId a {float:left; font-weight:bold; color:#0099CC; overflow:hidden;} #content .contentList .itemWrap .itemInfoNotContent .itemSubInfo .writeDateInfo {float:left; width:298px; padding:0px; font-size:0.75em; color:#999999;} #content .contentList .itemWrap .itemInfoNotContent .itemSubInfo .writeDateNoContInfo {float:left; width:298px; margin:10px 0 0 0; *margin:5px 0 0 0; padding:0px; font-size:0.75em; color:#999999;} #content .contentList .itemWrap .itemInfoNotContent .itemSubInfo .writeSourceInfo {float:left; width:298px; margin:10px 0 0 0; padding:0px; font-size:0.75em; color:#999999;} #content .contentList .itemWrap .itemInfoNotContent .funcButtonWrap {float:left; width:20px; margin:0 0 0 30px; _margin:0 0 0 26px;} #content .contentList .itemWrap .itemInfoNotContent .funcButtonWrap .replyBtn {float:left; width:16px; height:16px; _height:20px; margin:0 0 3px 0; _margin:0px; background:url(http://image.twipl.net/images/common/btn_reply_retweet_del.gif) no-repeat 50% 66%; _background-position:50% 68%; text-indent:-9000px; overflow:hidden; visibility:hidden;} #content .contentList .itemWrap .itemInfoNotContent .funcButtonWrap .replyBtn a {float:left; width:16px; height:16px; _height:20px; background:url(http://image.twipl.net/images/common/btn_reply_retweet_del.gif) no-repeat 50% 66%; _background-position:50% 68%; text-indent:-9000px;} #content .contentList .itemWrap .itemInfoNotContent .funcButtonWrap .retweetBtn {float:left; width:16px; height:16px; _height:20px; margin:0 0 3px 0; _margin:0px; background:url(http://image.twipl.net/images/common/btn_reply_retweet_del.gif) no-repeat 0% 33%; _background-position:0% 35%; text-indent:-9000px; overflow:hidden; visibility:hidden;} #content .contentList .itemWrap .itemInfoNotContent .funcButtonWrap .retweetBtn a {float:left; width:16px; height:16px; _height:20px; background:url(http://image.twipl.net/images/common/btn_reply_retweet_del.gif) no-repeat 0% 33%; _background-position:0% 35%; text-indent:-9000px;} #content .contentList .itemWrap .itemInfoNotContent .funcButtonWrap .deleteBtn {float:left; width:16px; height:16px; _height:20px; margin:0 0 3px 0; _margin:0px; background:url(http://image.twipl.net/images/common/btn_reply_retweet_del.gif) no-repeat 100% 33%; _background-position:100% 35%; text-indent:-9000px; overflow:hidden; visibility:hidden;} #content .contentList .itemWrap .itemInfoNotContent .funcButtonWrap .deleteBtn a {float:left; width:16px; height:16px; _height:20px; background:url(http://image.twipl.net/images/common/btn_reply_retweet_del.gif) no-repeat 100% 33%; _background-position:100% 35%; text-indent:-9000px;} /* Item Retweet Textarea Wrap */ #content .contentList .itemWrap .itemRetweetWrap {clear:both; position:relative; width:373px; margin:10px 0 0 0; padding:5px 0 0 0; background:url(http://image.twipl.net/images/common/line/line_dotted_gray.gif) repeat-x top left;} #content .contentList .itemWrap .itemRetweetWrap h3 {float:left; width:130px; padding:0 0 5px 0; font-size:0.9em;} #content .contentList .itemWrap .itemRetweetWrap .retweetTextarea {float:left; width:373px; text-align:center;} #content .contentList .itemWrap .itemRetweetWrap .retweetTextCnt {float:right; width:233px; padding:0 10px 5px 0; font-size:0.9em; font-weight:bold; color:orange; text-align:right;} #content .contentList .itemWrap .itemRetweetWrap .retweetTextarea textarea {float:left; width:363px; height:70px; padding:5px; overflow:auto; border:solid 1px #DCDCDC; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; font-size:0.8em; line-height:1.5em;} #content .contentList .itemWrap .itemRetweetWrap .retweetBtnWrap {float:left; width:120px; margin:12px 0 0 250px; _margin:12px 0 0 125px; text-align:center;} #content .contentList .itemWrap .itemRetweetWrap .retweetBtnWrap .retweetPostBtn a {float:left; width:70px; padding:2px; border:solid 1px #DCDCDC; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; font-size:0.9em; background-color:#FFF;} #content .contentList .itemWrap .itemRetweetWrap .retweetBtnWrap .retweetPostBtn a:hover {float:left; width:70px; color:#000; background-color:#DCDCDC; border:solid 1px #666; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} #content .contentList .itemWrap .itemRetweetWrap .retweetBtnWrap .retweetCancelBtn a {float:left; width:30px; margin:7px 0 0 5px; font-size:0.75em;} /*#content .contentList .itemWrap .itemRetweetWrap .retweetBtnWrap .retweetCancelBtn a:hover {float:left; width:100px; color:#000; background-color:#DCDCDC; border:solid 1px #666; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}*/ /* Item Reply Textarea Wrap */ #content .contentList .itemWrap .itemReplyWrap {clear:both; position:relative; width:373px; margin:10px 0 0 0; padding:5px 0 0 0; background:url(http://image.twipl.net/images/common/line/line_dotted_gray.gif) repeat-x top left;} #content .contentList .itemWrap .itemReplyWrap h3 {float:left; width:130px; padding:0 0 5px 0; font-size:0.9em;} #content .contentList .itemWrap .itemReplyWrap .replyTextarea {float:left; width:373px; text-align:center;} #content .contentList .itemWrap .itemReplyWrap .replyTextCnt {float:right; width:233px; padding:0 10px 5px 0; font-size:0.9em; font-weight:bold; color:orange; text-align:right;} #content .contentList .itemWrap .itemReplyWrap .replyTextarea textarea {float:left; width:363px; height:70px; padding:5px; overflow:auto; border:solid 1px #DCDCDC; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; font-size:0.8em; line-height:1.5em;} #content .contentList .itemWrap .itemReplyWrap .replyTextarea .addPhotoArea {float:left; width:250px; margin:15px 0 0 0;} #content .contentList .itemWrap .itemReplyWrap .replyTextarea .addPhotoArea .photoList {float:left; width:363px; height:98px; padding:5px; border:solid 1px #DCDCDC; overflow:auto; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} #content .contentList .itemWrap .itemReplyWrap .replyTextarea .addPhotoArea .photoList dl {float:left; width:160px; height:160px; margin:0 0 8px 0; text-align:center; font-size:0.8em;} #content .contentList .itemWrap .itemReplyWrap .replyTextarea .addPhotoArea .photoList dt {float:left; width:160px; text-align:center;} #content .contentList .itemWrap .itemReplyWrap .replyTextarea .addPhotoArea .photoList dt img {padding:1px; border:solid 1px #DCDCDC;} #content .contentList .itemWrap .itemReplyWrap .replyTextarea .addPhotoArea .photoList dd {float:left; width:80px; margin:2px 0 0 0;} #content .contentList .itemWrap .itemReplyWrap .replyTextarea .addPhotoArea .btnAddPhoto a {float:left; width:65px; margin:5px 0 0 5px; border:solid 1px #DCDCDC; text-align:center; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} #content .contentList .itemWrap .itemReplyWrap .replyTextarea .addPhotoArea .btnAddPhoto a:hover {float:left; font-weight:bold; background-color:#DCDCDC; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} #content .contentList .itemWrap .itemReplyWrap .replyTextarea .addPhotoArea .inputFile {float:left; width:210px; padding:2px; border:solid 1px #DCDCDC; font-size:0.75em;} #content .contentList .itemWrap .itemReplyWrap .replyTextarea .replyBtnWrap {float:left; width:120px; margin:12px 0 0 0; text-align:center;} #content .contentList .itemWrap .itemReplyWrap .replyTextarea .replyBtnWrap .replyPostBtn a {float:left; width:70px; padding:2px; border:solid 1px #DCDCDC; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; font-size:0.9em; background-color:#FFF;} #content .contentList .itemWrap .itemReplyWrap .replyTextarea .replyBtnWrap .replyPostBtn a:hover {float:left; width:70px; color:#000; background-color:#DCDCDC; border:solid 1px #666; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} #content .contentList .itemWrap .itemReplyWrap .replyTextarea .replyBtnWrap .replyCancelBtn a {float:left; width:30px; margin:7px 0 0 5px; font-size:0.75em;} /*#content .contentList .itemWrap .itemReplyWrap .replyTextarea .replyBtnWrap .replyCancelBtn a:hover {float:left; width:20px; color:#000; background-color:#DCDCDC; border:solid 1px #666; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}*/