@import url(twipl_main.css); /* Content View Type */ #content .viewType {clear:both; float:left; width:510px; margin:0 0px 10px 18px; *margin:0 0px 10px 20px; _margin:0 0px 10px 10px; font-size:0.9em;} #content .viewType a {cursor:pointer;} #content .viewType .select01 {float:left; margin:0 5px 0 0; padding:0 10px 0 0; border-right:solid 1px #DCDCDC; cursor:pointer;} #content .viewType .select02 {float:left; padding:0 0 0 5px; cursor:pointer;} #content .viewType .select03 {float:right; margin:0 0 0 180px; padding:0 8px 0 0; cursor:pointer;} #content .viewType .label01 {float:left; font-weight:bold;} #content .viewType .label02 {float:left;} #content .viewType .label03 {float:right;} /* Content View Wrap */ #content .contentViewWrap {clear:both; position:relative; width:533px; z-index:5;} /* Content View Wrap MMS E-mail Info */ #content .contentViewWrap .emailInfo {display:none; position:absolute; width:510px; top:187px; *top:175px; left:5px; border:solid 4px #DCDCDC; z-index:10; background-color:#FFF; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} #content .contentViewWrap .emailInfo .btnCloseInfo {float:left; width:16px; height:16px; margin:6px 0 0 488px; _margin:6px 0 0 244px; background:url(http://image.twipl.net/images/common/btn/btn_close_cross_gray.gif) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .contentViewWrap .emailInfo .btnCloseInfo a {float:left; width:16px; height:16px; background:url(http://image.twipl.net/images/common/btn/btn_close_cross_gray.gif) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .contentViewWrap .emailInfo .subMessageBox01 {clear:both; position:relative; margin:20px 0 0 0; *margin:5px 0 0 0;} #content .contentViewWrap .emailInfo .subMessageBox01 h2 {position:relative; margin:0 0 0 10px;} #content .contentViewWrap .emailInfo .subMessageBox01 p {position:relative; margin:10px 0 0 0; padding:0 10px 0 10px; font-size:0.8em; line-height:1.5em;} #content .contentViewWrap .emailInfo .subMessageBox01 .emailBoxWrap {position:relative; width:448px; margin:20px 0 0 10px; padding:20px; *padding:10px 20px 10px 20px; background-color:#D5D5D5; border:solid 1px #CCCCCC; text-align:center;} #content .contentViewWrap .emailInfo .subMessageBox01 .emailBoxWrap .guideMsg {position:relative; width:448px; margin:0 0 10px 0; font-size:0.8em;} #content .contentViewWrap .emailInfo .subMessageBox01 .emailBoxWrap .email {position:relative; width:448px; font-size:1.2em; font-weight:bold;} #content .contentViewWrap .emailInfo .subMessageBox01 .sub {position:relative; padding:10px 0 20px 10px; font-size:0.8em;} #content .contentViewWrap .emailInfo .subMessageBox01 .sub01 {position:relative; margin:0 0 20px 10px; font-size:0.8em; font-weight:bold;} #content .contentViewWrap .contentView {float:left; width:533px; text-align:center;} #content .contentViewWrap .contentView .loadingSlideImg {display:none; position:absolute; padding:64px; margin:200px 0px 0px 215px; *margin:200px 0px 0px 200px; background:url(http://image.twipl.net/images/common/img_loading_04.gif) no-repeat center; z-index:5;} #content .contentViewWrap .contentView .imageBoxWrap {float:left; width:533px; min-height:200px; _height:200px; margin:0 0 10px 0; padding:30px 0 0 0; background-color: #F5FDFF; border:solid 1px #D0D0D0;} #content .contentViewWrap .contentView .imageBoxWrap .imageBox {float:left; width:533px;} #content .contentViewWrap .contentView .imageBoxWrap .exifWrap {float:left; width:533px;} #content .contentViewWrap .contentView .imageBoxWrap .exifWrap .exifNoScript {float:left; width:300px; margin:0 0 25px 110px; padding:5px; font-size:0.75em; background-color:#F9F0B5; border:solid 4px #F3E487; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; z-index:15;} #content .contentViewWrap .contentView .imageBoxWrap .exifWrap .exifNoScript p {float:left; padding:5px 0 0 0; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} #content .contentViewWrap .contentView .imageBoxWrap .exifWrap .exifNoScript ul {float:left;} #content .contentViewWrap .contentView .imageBoxWrap .exifWrap .exifNoScript li {float:left; width:300px; margin:0 0 3px 0;} #content .contentViewWrap .contentView .imageBoxWrap .exifWrap .exifNoScript .label {float:left; width:110px; text-align:right; font-weight:bold;} #content .contentViewWrap .contentView .imageBoxWrap .exifWrap .exifNoScript .exifData {float:left; width:176px; padding:0 0 0 10px; text-align:left; word-wrap:break-word;} #content .contentViewWrap .contentView .imageBoxWrap .exifWrap .exif {display:none; position:absolute; width:300px; margin:35px 0 0 375px; *margin:35px 0 0 -160px; _margin:-15px 0 0 110px; padding:5px; font-size:0.75em; background-color:#F9F0B5; border:solid 4px #F3E487; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; z-index:15;} #content .contentViewWrap .contentView .imageBoxWrap .exifWrap .exif p {float:left; padding:5px 0 0 0; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} #content .contentViewWrap .contentView .imageBoxWrap .exifWrap .exif ul {float:left;} #content .contentViewWrap .contentView .imageBoxWrap .exifWrap .exif li {float:left; width:300px; margin:0 0 3px 0;} #content .contentViewWrap .contentView .imageBoxWrap .exifWrap .exif .label {float:left; width:110px; text-align:right; font-weight:bold;} #content .contentViewWrap .contentView .imageBoxWrap .exifWrap .exif .exifData {float:left; width:176px; padding:0 0 0 10px; text-align:left; word-wrap:break-word;} #content .contentViewWrap .contentView .imageBoxWrap .manageBtnBox {position:absolute; margin:10px 0 0 10px; z-index:10; visibility:hidden;} #content .contentViewWrap .contentView .imageBoxWrap .manageBtnBox .rotateBtn a {float:left; padding:4px; background-color:#FFF; z-index:10; font-size:0.8em; border:solid 1px #DCDCDC;} #content .contentViewWrap .contentView .imageBoxWrap .manageBtnBox .rotateBtn a:hover {background-color:#DCDCDC; border:solid 1px #BCBCBC;} #content .contentViewWrap .contentView .imageBoxWrap .manageBtnBox .deleteBtn a {float:left; margin:0 0 0 10px; padding:4px; background-color:#FFF; z-index:10; font-size:0.8em; border:solid 1px #DCDCDC;} #content .contentViewWrap .contentView .imageBoxWrap .manageBtnBox .deleteBtn a:hover {background-color:#DCDCDC; border:solid 1px #BCBCBC;} #content .contentViewWrap .contentView .image {padding:4px; border:solid 1px #DCDCDC; background-color:#FFFFFF;} #content .contentViewWrap .contentView .imageBoxWrap .imgFunctionBox {float:left; width:523px; height:30px; margin:0 0 10px 0; padding:5px;} #content .contentViewWrap .contentView .imageBoxWrap .imgFunctionBox .sourceInfo {float:left; margin:0 0 0 15px; _margin:0 0 0 5px;} #content .contentViewWrap .contentView .imageBoxWrap .imgFunctionBox .sourceInfo .twitterIco {float:left; width:30px; height:30px; margin:0 5px 0 0; background:url(http://image.twipl.net/images/common/icon/icon_twitter_small.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .contentViewWrap .contentView .imageBoxWrap .imgFunctionBox .sourceInfo .facebookIco {float:left; width:30px; height:30px; background:url(http://image.twipl.net/images/common/icon/icon_facebook_small.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .contentViewWrap .contentView .imageBoxWrap .imgFunctionBox .functionBox {float:right; margin:5px 20px 0 0; _margin:5px 10px 0 0;} #content .contentViewWrap .contentView .imageBoxWrap .imgFunctionBox .functionBox .imgInfoIcoSelected {float:left; width:21px; height:21px; background:url(http://image.twipl.net/images/common/icon/ico_info_small_over.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .contentViewWrap .contentView .imageBoxWrap .imgFunctionBox .functionBox .imgInfoIcoSelected a {float:left; width:21px; height:21px; background:url(http://image.twipl.net/images/common/icon/ico_info_small_over.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .contentViewWrap .contentView .imageBoxWrap .imgFunctionBox .functionBox .imgInfoIcoSelected a:hover {float:left; width:21px; height:21px; background:url(http://image.twipl.net/images/common/icon/ico_info_small_over.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .contentViewWrap .contentView .imageBoxWrap .imgFunctionBox .functionBox .imgInfoIco {float:left; width:21px; height:21px; background:url(http://image.twipl.net/images/common/icon/ico_info_small.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .contentViewWrap .contentView .imageBoxWrap .imgFunctionBox .functionBox .imgInfoIco a {float:left; width:21px; height:21px; background:url(http://image.twipl.net/images/common/icon/ico_info_small.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .contentViewWrap .contentView .imageBoxWrap .imgFunctionBox .functionBox .imgInfoIco a:hover {float:left; width:21px; height:21px; background:url(http://image.twipl.net/images/common/icon/ico_info_small_over.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .contentViewWrap .contentView .imageBoxWrap .imgFunctionBox .functionBox .imgRotateIco {float:left; width:21px; height:21px; margin:0 0 0 15px; background:url(http://image.twipl.net/images/common/icon/ico_rotate_small.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .contentViewWrap .contentView .imageBoxWrap .imgFunctionBox .functionBox .imgRotateIco a {float:left; width:21px; height:21px; background:url(http://image.twipl.net/images/common/icon/ico_rotate_small.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .contentViewWrap .contentView .imageBoxWrap .imgFunctionBox .functionBox .imgRotateIco a:hover {float:left; width:21px; height:21px; background:url(http://image.twipl.net/images/common/icon/ico_rotate_small_over.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .contentViewWrap .contentView .imageBoxWrap .imgFunctionBox .functionBox .imgMagnifyIco {float:left; width:21px; height:21px; margin:0 0 0 15px; background:url(http://image.twipl.net/images/common/icon/ico_magnify_small.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .contentViewWrap .contentView .imageBoxWrap .imgFunctionBox .functionBox .imgMagnifyIco a {float:left; width:21px; height:21px; background:url(http://image.twipl.net/images/common/icon/ico_magnify_small.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .contentViewWrap .contentView .imageBoxWrap .imgFunctionBox .functionBox .imgMagnifyIco a:hover {float:left; width:21px; height:21px; background:url(http://image.twipl.net/images/common/icon/ico_magnify_small_over.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .contentViewWrap .contentView .imageBoxWrap .imgFunctionBox .functionBox .imgDeleteIco {float:left; width:21px; height:21px; margin:0 0 0 15px; background:url(http://image.twipl.net/images/common/icon/ico_delete_small.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .contentViewWrap .contentView .imageBoxWrap .imgFunctionBox .functionBox .imgDeleteIco a {float:left; width:21px; height:21px; background:url(http://image.twipl.net/images/common/icon/ico_delete_small.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .contentViewWrap .contentView .imageBoxWrap .imgFunctionBox .functionBox .imgDeleteIco a:hover {float:left; width:21px; height:21px; background:url(http://image.twipl.net/images/common/icon/ico_delete_small_over.png) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .contentViewWrap .contentInfo {float:left; width:523px; margin:5px 10px 15px 0; text-align:right; font-size:0.75em; z-index:5;} #content .contentViewWrap .contentDesc {float:left; width:533px; font-size:0.9em; z-index:5;} #content .contentViewWrap .contentDesc p {float:left; width:513px; _width:511px; padding:10px 10px 40px 10px; word-wrap:break-word; line-height:1.5em;} #content .commentWrap {clear:both; position:relative; width:533px; border-top:solid 1px #DCDCDC;} #content .commentWrap .commentTotalInfoWrap {float:left; width:533px; margin:30px 0 20px 0; font-size:0.75em; text-align:center;} #content .commentWrap .commentTotalInfoWrap .countInfoWrap {padding-right:10px;} #content .commentWrap .commentTotalInfoWrap .additionalInfo {padding-left:10px; border-left:solid 1px #DCDCDC;} #content .commentWrap .commentList {float:left; width:501px; min-height:210px; _height:210px; padding:15px 0 20px 16px; *padding:15px 0 40px 16px; _padding:15px 0 20px 16px;} #content .commentWrap .commentList dl {float:left; width:501px; margin:0 0 25px 0; padding:0 0 18px 0; background:url(http://image.twipl.net/images/common/bg_bubble_bottom.gif) no-repeat bottom left;} #content .commentWrap .commentList dt {float:left; width:501px; padding:0 0 26px 0; background:url(http://image.twipl.net/images/common/bg_bubble_top.gif) no-repeat bottom left;} #content .commentWrap .commentList .profilePhoto {float:left; width:40px; height:40px; text-align:center;} #content .commentWrap .commentList .profilePhoto img {float:left; width:36px; height:36px; padding:1px; border:solid 1px #DCDCDC;} #content .commentWrap .commentList .userName {float:left; margin:10px 0 0 10px; color:#666; font-weight:bold;} #content .commentWrap .commentList .commentDate {float:left; margin:10px 0 0 30px; padding:5px 0 0 0; font-size:0.75em;} #content .commentWrap .commentList .textCount {float:right; margin:10px 5px 0 0; padding:5px 0 0 0; font-size:0.75em; color:#888;} #content .commentWrap .commentList .subReplyBtn {float:right; margin:10px 5px 0 0; padding:5px 0 0 0; font-size:0.75em; color:#888;} #content .commentWrap .commentList .textCount .replyBtn {float:left; width:16px; height:16px; margin:0 2px 0 0; background:url(http://image.twipl.net/images/common/btn_reply_retweet_del.gif) no-repeat 50% 100%; text-indent:-9000px; overflow:hidden; visibility:hidden;} #content .commentWrap .commentList .textCount .replyBtn a {float:left; width:16px; height:16px; background:url(http://image.twipl.net/images/common/btn_reply_retweet_del.gif) no-repeat 50% 100%; text-indent:-9000px; overflow:hidden;} #content .commentWrap .commentList .textCount .retweetBtn {float:left; width:16px; height:16px; background:url(http://image.twipl.net/images/common/btn_reply_retweet_del.gif) no-repeat 0% 100%; text-indent:-9000px; overflow:hidden; visibility:hidden;} #content .commentWrap .commentList .textCount .retweetBtn a {float:left; width:16px; height:16px; background:url(http://image.twipl.net/images/common/btn_reply_retweet_del.gif) no-repeat 0% 100%; text-indent:-9000px; overflow:hidden;} #content .commentWrap .commentList dd {float:left; width:501px; background:url(http://image.twipl.net/images/common/bg_bubble_middle.gif) repeat-y top left;} #content .commentWrap .commentList .imageBox {float:left; padding:0 0 0 20px; text-align:center;} #content .commentWrap .commentList .imageBox img {padding:2px; border:solid 1px #DCDCDC; background-color:#FFF;} #content .commentWrap .commentList .commentBox {float:left; width:478px; padding:0 10px 0 10px; font-size:0.9em; word-wrap:break-word;} #content .commentWrap .commentList .commentBox p {float:left; width:478px; word-wrap:break-word; line-height:1.5em;} #content .commentWrap .commentList .commentBoxPhoto {float:left; width:321px; _width:319px; padding:0 10px 0 5px; font-size:0.9em; word-wrap:break-word;} #content .commentWrap .commentList .commentBoxPhoto p {float:left; width:325px; _width:323px; padding:0 10px 0 5px; font-size:0.9em; word-wrap:break-word; line-height:1.5em;} #content .commentWrap .commentList .subReplyWrap {float:left; width:501px; margin:0 0 25px 0;} #content .commentWrap .commentList .subReplyWrap .subReplyToName {float:left; width:360px; _width:350px; margin:0 5px 0 5px; padding:0 0 0 20px; font-size:0.9em; color:#666666; background:url(http://image.twipl.net/images/common/img_reply_arrow.gif) no-repeat top left;} #content .commentWrap .commentList .subReplyWrap .replyCount {float:right; width:101px; padding:5px 0 0 0; font-size:0.75em; color:orange; font-weight:bold; text-align:right;} #content .commentWrap .commentList .subReplyWrap textarea {float:left; width:471px; height:60px; margin:5px 0 0 20px; padding:5px; border:solid 1px #DCDCDC; font-size:0.9em; overflow:auto;} #content .commentWrap .commentList .subReplyWrap .replyBtnWrap {float:right; width:120px; margin:12px 0 0 0; text-align:center;} #content .commentWrap .commentList .subReplyWrap .replyBtnWrap .replyPostLoadingBtn {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; background:url(http://image.twipl.net/images/common/img_loading_02.gif) no-repeat center; cursor:default;} #content .commentWrap .commentList .subReplyWrap .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 .commentWrap .commentList .subReplyWrap .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 .commentWrap .commentList .subReplyWrap .replyBtnWrap .replyCancelBtn a {float:left; width:30px; margin:7px 0 0 5px; font-size:0.75em;} #content .commentWrap .moreWrap {visibility:hidden; float:left; width:533px; height:35px; background:url(http://image.twipl.net/images/common/bg_more_gray.gif) repeat-x top left; text-align:center; font-weight:bold; font-size:1em;} #content .commentWrap .moreWrap a {float:left; width:533px; height:35px; background:url(http://image.twipl.net/images/common/bg_more_gray.gif) repeat-x top lef; border-top:solid 1px #DDDDDD; border-right:solid 1px #AAAAAA; border-bottom:solid 1px #AAAAAA; border-left:solid 1px #DDDDDD; text-align:center; text-decoration:none;} #content .commentWrap .moreWrap a:hover {float:left; width:533px; height:35px; background:url(http://image.twipl.net/images/common/bg_more_gray.gif) repeat-x top lef; border:solid 1px #AAAAAA;} #content .commentWrap .moreWrap .moreLabel {display:block; position:relative; margin:5px 0 0 0;} #content .commentWrap .moreWrap .moreLabel .loadingImg {position:relative; margin:5px 0 0 0;} #content .commentWrap .moreWrap .moreDisable {display:block; position:relative; width:533px; height:35px; border-top:solid 1px #DDDDDD; border-right:solid 1px #AAAAAA; border-bottom:solid 1px #AAAAAA; border-left:solid 1px #DDDDDD; text-align:center; text-decoration:none; cursor:default;} #content .commentWrap .moreWrap .moreDisableLabel {display:block; position:relative; margin:5px 0 0 0; color:#AAAAAA;} #content .loginMessageBox {float:left; width:533px; text-align:center; font-size:0.75em; padding:30px 0 30px 0; background:url(http://image.twipl.net/images/common/line/line_dotted_gray.gif) repeat-x bottom left;} #content .commentWriteWrap {float:left; width:523px; margin:20px 0 0 0; padding:10px 0 30px 10px; border-bottom:solid 1px #DCDCDC;} #content .commentWriteWrap .selectCommentBox {float:left;} #content .commentWriteWrap .selectCommentBox .selectLabel {float:left; margin:2px 10px 0 0; font-weight:bold; color:#777; font-size:0.85em;} #content .commentWriteWrap .selectCommentBox input {float:left; margin:4px 0 0 10px;} #content .commentWriteWrap .selectCommentBox .replyLabel {float:left; margin:0 0 0 5px; padding:4px 2px 2px 2px; *padding:6px 2px 2px 2px; font-size:0.75em;} #content .commentWriteWrap .selectCommentBox .retweetLabel {float:left; margin:0 0 0 5px; padding:4px 2px 2px 2px; *padding:6px 2px 2px 2px; font-size:0.75em;} #content .commentWriteWrap .commentCnt {float:right; width:90px; padding:0 15px 0 0; *padding:0 10px 0 0; font-size:1.5em; font-weight:bold; color:orange; text-align:right;} #content .commentWriteWrap textarea {float:left; width:500px; _width:500px; height:120px; padding:5px; border:solid 1px #DCDCDC; overflow-y:scroll; font-size:0.8em; line-height:1.5em;} #content .commentWriteWrap .photoUploadWrap {float:left; width:513px; margin:5px 0 0 0;} #content .commentWriteWrap .photoUploadWrap .photoUploadBox {float:left; width:513px; margin:5px 0 0 0;} #content .commentWriteWrap .photoUploadWrap .photoUploadBox #list .listLi {float:left;} #content .commentWriteWrap .photoUploadWrap .photoUploadBox .photoList {float:left; width:510px; border:solid 1px #DCDCDC; font-size:0.75em;} #content .commentWriteWrap .photoUploadWrap .photoUploadBox .photoList .rotateBtn {float:left; width:16px; height:16px; margin:2px 0 0 12px; background:url(http://image.twipl.net/images/common/btn/btn_rotate_normal.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/btn/btn_rotate_normal.gif) no-repeat top left; text-indent:-9000px;} #content .commentWriteWrap .photoUploadWrap .photoUploadBox .photoList .rotateBtn a {float:left; width:16px; height:16px; background:url(http://image.twipl.net/images/common/btn/btn_rotate_normal.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/btn/btn_rotate_normal.gif) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .commentWriteWrap .photoUploadWrap .photoUploadBox .photoList .rotateBtn a:hover {float:left; width:16px; height:16px; background:url(http://image.twipl.net/images/common/btn/btn_rotate_over.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/btn/btn_rotate_over.gif) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .commentWriteWrap .photoUploadWrap .photoUploadBox .photoList .deleteBtn {float:left; width:16px; height:16px; margin:2px 0 0 44px; background:url(http://image.twipl.net/images/common/btn/btn_delete_normal.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/btn/btn_delete_normal.gif) no-repeat top left; text-indent:-9000px;} #content .commentWriteWrap .photoUploadWrap .photoUploadBox .photoList .deleteBtn a {float:left; width:16px; height:16px; background:url(http://image.twipl.net/images/common/btn/btn_delete_normal.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/btn/btn_delete_normal.gif) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .commentWriteWrap .photoUploadWrap .photoUploadBox .photoList .deleteBtn a:hover {float:left; width:16px; height:16px; background:url(http://image.twipl.net/images/common/btn/btn_delete_over.png) no-repeat top left; _background:url(http://image.twipl.net/images/common/btn/btn_delete_over.gif) no-repeat top left; text-indent:-9000px; overflow:hidden;} #content .commentWriteWrap .photoUploadWrap .photoUploadBox .photoList .sortGuide {display:none; float:left; width:100%; padding:0 0 5px 0; text-align:center; color:#666;} #content .commentWriteWrap .photoUploadWrap dl {float:left; width:100px; height:100px; margin:0 0 8px 0; padding:5px 0 0 2px; text-align:center; font-size:0.80em;} #content .commentWriteWrap .photoUploadWrap dt {float:left; width:100px; text-align:center;} #content .commentWriteWrap .photoUploadWrap dt img {padding:1px; border:solid 1px #DCDCDC; cursor:move} #content .commentWriteWrap .photoUploadWrap dd {float:left; width:50px; margin:2px 0 0 0;} #content .commentWriteWrap .photoUploadWrap2 {float:left; width:513px; margin:5px 0 0 0;} #content .commentWriteWrap .photoUploadWrap2 .subLoadingImg {display:none; float:right; width:56px; *margin:-15px 0 0 0; _margin:-17px 0 0 0; padding:2px 0 0 0;} #content .commentWriteWrap .photoUploadWrap2 h2 {display:none; float:left; width:513px;} #content .commentWriteWrap .photoUploadWrap2 .photoUploadBox {float:left; width:513px; margin:5px 0 0 0;} #content .commentWriteWrap .btnFileOpen a {float:left; width:65px; height:35px; margin:5px 0 0 10px; padding:10px 0 0 0; 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 .commentWriteWrap .btnFileOpen 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 .commentWriteWrap .postBtnWrap {float:left; width:512px; margin:10px 0 0 0; text-align:center;} #content .commentWriteWrap .postBtnWrap .postBtnDisable {display:none; float:right; width:123px; height:35px; background:url(http://image.twipl.net/images/common/btn/btn_gray_off.gif) no-repeat top left; text-decoration:none;} #content .commentWriteWrap .postBtnWrap .postBtnDisable .postBtnText {float:right; width:123px; margin:5px 0 0 0; color:#FFF; font-weight:bold; cursor:default;} #content .commentWriteWrap .postBtnWrap .postBtn {float:right; width:123px; height:35px; background:url(http://image.twipl.net/images/common/btn/btn_green_off.gif) no-repeat top left; text-decoration:none;} #content .commentWriteWrap .postBtnWrap .postBtn a {float:right; width:123px; height:35px; color:#FFF; font-weight:bold; background:url(http://image.twipl.net/images/common/btn/btn_green_off.gif) no-repeat top left; text-decoration:none;} #content .commentWriteWrap .postBtnWrap .postBtn a:hover {float:right; width:123px; height:35px; background:url(http://image.twipl.net/images/common/btn/btn_green_on.gif) no-repeat top left; text-decoration:none;} #content .commentWriteWrap .postBtnWrap .postBtn .postBtnText {float:right; width:123px; margin:5px 0 0 0; cursor:pointer;} #content .commentWriteWrap .postBtnWrap .postBtn .loadingImg {position:absolute; width:123px; height:35px; color:#FFF; font-weight:bold; background:url(http://image.twipl.net/images/common/img_loading_02.gif) no-repeat center; visibility:hidden;} #content .listBtn {clear:both; position:relative; width:530px; padding:20px 0 40px 0; font-size:0.9em; text-align:center;}