/* @override http://dev.twar.co.kr/common/style.css */
/* 공통CSS */

/* 
 * 인터넷 익스플로러 7.0 이상 버전에서 이미지표시 알고리즘을 변경합니다. 
 * 효과 : 축소 및 확대된 이미지 퀄리티 향상
 * 참고 - http://code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
	-ms-interpolation-mode:bicubic;
}

/* 컨텐츠 텍스트 정보 */
.view_con_txt { font-size:13px; line-height:28px; letter-spacing:0px; }

/*
 * 공통 CSS
 * 이미지 썸네일 관련
 */
.thumbnail { border: 1px solid #ccc; }

/* 포토워 */
.photo_txt { font-size: 40px; font-weight: bold; color: #ffcc00; line-height: 40px; }
.photo_tap01 { border: 1px solid #CCCCCC; border-bottom: 0; color: #996666; height: 26px; }
.photo_tap02 { background-color: #f2f2ec; width: 115px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; }

/* 이미지 업로드 영역 */
div#uploadArea {
	margin: 10px 0 0 0px !important;
	border-left: 1px solid #fff;
	background: #fff;
	padding: 0 0 34px 0;
}

ul#uploadedFiles {
	padding: 10px 0 !important;
	margin: 0;
}

li.uploadedFile {
	background: #fff;
	padding: 5px;
	margin: 5px 1px 5px 0;
	border: 1px solid #ccc;
	height: 50px;
	position: relative;
	list-style: none;	
}

li.uploadedFile img.uploadedThumbnail {
	position: absolute;
	left: 5px;
	top: 5px;
	border: 1px solid #ccc;
}

li.uploadedFile span.uploadedFileInfo {
	position: absolute;
	top: 10px;
	left: 75px;
	text-align: left;
}

li.uploadedFile br {
	height: 0;
	width: 0;
	display: none;
	visibility: hidden;
}

div.uploadedFilePosition br {
	display: inline;
	visibility: visible;
}

li.uploadedFile span span {
	display: block;
	padding: 0;
	height: 20px;
	width: 170px;
	overflow: hidden;
	float: none;
	white-space: nowrap;
}

li.uploadedFile div.uploadedFileControlBox {
	position: absolute;
	right: 5px;
	top: 0;
}

.uploadedFilePosition {
	position: absolute;
	top: 10px;
	right: 0;
	width: 200px;
	text-align: left;
}

.uploadedFileControl {
	position: relative;
	margin: 3px 0 0 0;
	float: right;
}

div.uploadedFileControlBox div.uploadedFileControl img {
	cursor: pointer;
	display: block;
	margin: 5px 3px 0 0;
}

.uploadFail {
	position: absolute;
	right: 10px;
	top: 10px;
}

.uploadFail strong {
	color: #900;
}
.UploadProgressBar {
	position: absolute;
	right: 10px;
	top: 10px;
	margin: 0;
	padding: 0;
	width: 118px;
	background: url("../images/tbattle/loading-bar-moving.gif") no-repeat;
	padding: 0;
}

.waiting {
	width: 118px;
	height: 19px;
	background: url("../images/tbattle/loading-bar-moving.gif") no-repeat;
}

.processing {
	width: 118px;
	height: 19px;
	background: url("../images/tbattle/loading-bar-empty.gif") no-repeat;
}

.UploadProgressBarInside {
	display: block;
	height: 19px;
	background: url("../images/tbattle/loading-bar-filled.gif") no-repeat left top;	
}

.uploadProgressBarIndicator {
	margin-top: 5px;
	text-align: center;
}


#uploaderInfo {
	color: #933;
	float: left;
}

#uploaderAction {
	cursor: pointer;
	width: 75px;
	height: 18px;
	float: right;
	margin: 0;
	background: url(../images/tbattle/btn_fileUpload.gif);
}

div#uploaderArea {
	text-align: left;
	overflow: hidden;
	*zoom: 1;
}

#uploadArea .swfupload {
	cursor: pointer !important;
	width: 75px;
	height: 18px;
	float: right;
	margin: 0px;
}
.commentUpload .swfupload {
	cursor: pointer !important;
	position: absolute; z-index: 1;
	/* border:1px solid #f00; */
	left: 0;
	top: 0;
}

/* 댓글 목록 */
.cmtAttatchedImageWrapper { max-width: 100%; overflow: hidden; }
/* 댓글창 */

/* 스킬 목록 */
div.skill_wrapper { position: relative; height: 116px; padding-top: 14px; overflow: hidden;}
ul.skill_list { display: block; white-space: nowrap; width: 65535px; height: 90px; position: absolute;}
ul.skill_list li { list-style: none; position: relative; display: block; float: left; width: 50px; height: 90px; margin: 0 0 0 5px; }
ul.skill_list dl { position: relative; }
ul.skill_list dt,
ul.skill_list dd { position: absolute; width: 50px; text-align: center; font-size: 11px;}
ul.skill_list dd.skill_level { visibility: hidden; }
ul.skill_list dd.skill_level.lvlMarker { visibility: visible; }
ul.skill_list dt.skill_name { top: 68px; }
ul.skill_list dd.skill_icon { top: 20px; left: 3px; padding: 2px; width: 40px; height: 40px; background: url(../images/comment/item_bg.gif); }
ul.skill_list dd.skill_description { display: none; }

/* 슬라이더 */
div.cmt_slider {
	position: absolute;
	padding: 0 14px;
	top: 113px;
	left: 14px;
	right: 14px;
	height:16px;
	background: url(../images/comment/cmt_slider_bg.gif);
	height: 16px;
	border-top: 1px solid #838383;
}

div.cmt_slider img {
	position: absolute;
	top: -1px;
	cursor: pointer;
}

div.cmt_slider img.btn_left {
	left: -14px;
}

div.cmt_slider img.btn_right {
	right: -14px;
}

div.cmt_slider div.cmt_slider_mover {
	position: absolute;
	left: 0px;
	height: 16px;
	width: 42px;
	background: url(../images/comment/cmt_slider_mover.gif);
	cursor: move;
}

div.skill_wrapper.scroll {
	overflow-x: scroll;
	scrollbar-face-color:#FFF;
	scrollbar-3dlight-color:#838383;
	scrollbar-highlight-color:#FFF;
	scrollbar-shadow-color:#ccc;
	scrollbar-darkshadow-color:#838383;
	scrollbar-arrow-color:#ff6636;
	scrollbar-track-color:#ccc; 
}

/* 댓글 기부하기 디자인 */
#zoneChooseTeamResult_vote_ment_r,
#zoneChooseTeamResult_vote_ment_g {
	position: relative;
	margin: 2px auto;
	padding: 0px;
	height: 20px;
	line-height: 20px;
	border: 1px solid #999;
	background: #333;
	overflow: hidden;
}

#zoneChooseTeamResult_vote_ment_r li,
#zoneChooseTeamResult_vote_ment_g li {
	margin: 0;
	padding: 0 0 0 2px;
	font-size: 12px;
	list-style: none;
	display: block;
	height: 20px;
	line-height: 20px;
	width: 100%;
	overflow: hidden;
	text-align: left;
}

#zoneChooseTeamResult_vote_ment_r li { color: #eda7a6; }
#zoneChooseTeamResult_vote_ment_g li { color: #c0e572; }



/*텍스트 옆에 위치하는 아이콘류*/
icon {
	margin:-2px 0 0 2px;
	vertical-align:middle;
}
/*
div.cmt_slider {
	display: none;
}
*/