@import url('layout.css');
@import url('common.css');

.screenshot {}
.screenshot .wrap_icon_comment {padding:21px 16px 8px 0; text-align:right;}
.screenshot_list {float:left; padding:0 0 0 12px;}
.screenshot_list ul {margin:0; padding:0; list-style-type:none;}
.screenshot_list ul li {float:left; width:155px;padding-bottom:27px;}
.screenshot_list ul li p.thumb {width:141px; height:107px; background:url("http://static.ogplanet.com/static/Cabal/image/community/screenshot_thumb_bg.gif") no-repeat;}
.screenshot_list ul li p.thumb img {margin:3px;}
.screenshot_list ul li ul.info {margin-top:8px; }
.screenshot_list ul li ul.info li {clear:both; padding:0 0 3px 0;}
.screenshot_list ul li ul.info li img {margin:0 6px 0 1px; vertical-align:middle;}
.screenshot_list a:link, .screenshot .screenshot_list a:visited, .screenshot .screenshot_list a:active {color:#c69221; text-decoration:none;}
.screenshot_list a:hover {color:#c69221; text-decoration:underline;}
.screenshot_view {width:605px; padding:30px 0 0 12px; }
.screenshot_view .info {border-top:1px solid #303030; border-bottom:1px solid #303030; }
.screenshot_view .info .line {height:81px; padding:9px 0 9px 9px; border-top:1px solid #191919; border-bottom:1px solid #191919; background:#161616; }
.screenshot_view .info .thumb_usser {float:left; width:81px; height:81px; margin-right:14px; background:#FFF;}
.screenshot_view .info .thumb_usser img {border:1px solid #000; margin:2px;}
.screenshot_view .info .detail {float:left; width:496px;  border-top:1px solid #785605; border-bottom:1px solid #785605;padding-top:1px;}
.screenshot_view .info .detail table {width:100%; font-size:11px; }
.screenshot_view .info .detail table th {border-top:1px solid #161616; border-right:1px solid #161616; border-bottom:1px solid #161616;}
.screenshot_view .info .detail table td {border-top:1px solid #161616; border-bottom:1px solid #161616; background:#2d2204; color:#bb9d4b; padding-left:8px;}
.screenshot_view .info .detail table .title th {border-top:0 none;} 
.screenshot_view .info .detail table .title td {border-top:0 none; color:#c69221; font-weight:bold;}
.screenshot_view .article {padding:17px 11px; border-bottom:2px solid #343434;}
.screenshot_view .article div.pic {text-align:center; padding-bottom:30px;}
.screenshot_view .article div.text {color:#a2a2a2;}
.screenshot_write {width:605px; padding:30px 0 0 12px; }
.screenshot_write .notice {border-top:1px solid #303030; border-bottom:1px solid #303030; }
.screenshot_write .line {padding:9px 32px 9px 40px; border-top:1px solid #191919; border-bottom:1px solid #191919; background:#161616; }
.screenshot_write .upload {padding:0 0 36px 0; border-bottom:2px solid #343434;}
.screenshot_write .upload_image {position:relative; padding:9px 0 13px 11px;}
.screenshot_write .upload_image .preview {width:256px; height:194px; background:url("http://static.ogplanet.com/static/Cabal/image/community/bg_preview.gif") no-repeat;}
.screenshot_write .upload_image .preview img {width:250px; height:188px; margin:3px;}
.screenshot_write .upload_image .form {position:absolute; top:15px; left:276px;} 
.screenshot_write .upload_image .form h2 {padding-bottom:3px;}
.screenshot_write .upload_image .form input {width:218px; margin-left:8px; padding:3px; border:1px solid #474747; background:#242424; color:#bababa;}
.screenshot_write .upload_image .form img {margin:1px 0 0 0; vertical-align:top;}
.screenshot_write .upload_image .form ul.attention {width:304px; margin:8px 0 0 11px; padding:0; list-style-type:none;}
.screenshot_write .upload_image .form ul.attention li {padding:0 0 0 8px; background:url("http://static.ogplanet.com/static/Cabal/image/common/bul1.gif") no-repeat 0 6px;}
.screenshot_write .upload_text {width:580px; margin:0 0 0 10px; padding:1px 0; border-top:1px solid #383838; border-bottom:1px solid #383838; }
.screenshot_write .upload_text th {border-right:1px solid #1a1a1a;}
.screenshot_write .upload_text .odd th {background:#323232;}
.screenshot_write .upload_text .even th {background:#232323;}
.screenshot_write .upload_text td {background:#181818; padding:3px 0 3px 4px;}
.screenshot_write .upload_text input {width:456px; padding:3px; border:1px solid #585858; background:#0d0d0d; color:#949494;}
.screenshot_write .upload_text textarea {width:456px; height:186px; padding:3px; border:1px solid #585858; background:#0d0d0d; color:#949494;}
.screenshot_write .upload_text tr.line td {padding:0;}
.screenshot_write .upload_text tr.line td img {margin:1px 0;}