@charset "utf-8";

/**
 * PlayXP > 스타크래프트2 - 가이드 공용
 * 
 * @copyright  2001-2008 PlayXP Communication
 * @author     Nios <nios@playxp.com>
 * @package    Imports
 * @subpackage CSS
 * @version    2.0
 */
 
/* 가이드 */
#Navigation{float:right; width:250px; height:850px; background:url(http://imports.playxp.com/images/sc2/main/bg_guide_800.gif) no-repeat;}
	#Navigation h5{clear:both; float:left; display:block; margin:25px 0px 10px 28px; color:#fff; padding:0px; font-size:9pt;}
	#TerranGuide{margin-top:40px !important;}
	#Navigation ul{clear:both; margin:0px 0px 0px 25px; padding:0px; list-style-type:none;}
		#Navigation li{float:left; margin:0px 0px 10px 0px; padding:0px; width:40px; text-align:center; font-family:돋움; font-size:8pt; letter-spacing:-1px; color:#dedede;}
		#Navigation li.observer{height:64px;}
			#Navigation li img{width:32px; height:32px; border:1px solid #aebbdf; margin-bottom:3px;}
			#Navigation li img:hover{border-color:#ea7373;}

#GuideContent{float:left; width:650px;}

	#Stats{width:650px; height:250px; background:url(http://imports.playxp.com/images/sc2/guide/bg_stats.gif) no-repeat; margin-top:5px;}
		#Stats div.introduce{float:left; width:280px;}
			#Stats h4{display:block; font-size:9pt; margin:27px 0px 0px 26px; color:#fff; width:110px; text-align:center;}
			#Stats img.portrait{margin:30px 20px 0px 25px; border:1px solid #333;}
			#Stats div.portrait{margin:10px 20px 0px 20px; border:1px solid #333;}

			#StatData table{float:left; margin-top:25px; font-family:돋움; font-size:8pt; letter-spacing:-1px;}
			#StatData table.stats1{margin-right:15px;}
				#StatData th{width:60px; text-align:right; color:#efefef;}
				#StatData td{color:#fff; padding:2px 5px 2px 10px;}
					#StatData td img{vertical-align:middle;}
				#StatData td.hotkey{font-weight:bold; color:#6caeff;}
				*:first-child+html #StatData th,*:first-child+html #StatData td{height:15px;}

	h5.caption{float:left; clear:both; display:block; margin:20px 0px 0px 0px; padding:7px 0px 0px 0px; width:147px; height:31px; text-align:center; font-weight:bold; color:#fff; font-size:9pt; background:url(http://imports.playxp.com/images/sc2/guide/bg_heading.gif) no-repeat;}
	*:first-child+html h5.caption{padding-top:8px;}

	#ExtStats{clear:both; float:left; margin:0px 0px 30px 0px; width:630px; text-align:left;}
 		#ExtStats h6{display:block; margin:0px; font-size:9pt;}
 		#ExtStats div{float:left; margin-left:100px;}
 		* html #ExtStats div{margin-left:50px; margin-right:50px;}
 		#ExtStats table{width:auto;}

	#Info{clear:both; float:left; line-height:160%; color:#333; margin:0px 0px 30px 10px; width:630px;}
		#Info small{color:#996666; font-size:8pt; font-family:돋움; letter-spacing:-1px;}

	#Spell{clear:both; float:left; margin:0px 10px 30px 10px;}
	#Spell dl{clear:both; float:left; margin-bottom:15px; width:615px;}
		#Spell dl dt{float:left; width:70px;}
		#Spell dl dd{float:left; margin-left:10px; margin-top:12px; width:530px; line-height:160%;}
			#Spell dl dd strong{color:#333;}
				#Spell dl dd strong span{color:#4978b2; font-weight:bold;}

	#Upgrade{clear:both; float:left; margin:0px 10px 30px 10px;}
	#Upgrade dl{clear:both; float:left; margin-bottom:15px; width:615px;}
		#Upgrade dl dt{float:left; width:70px;}
		#Upgrade dl dd{float:left; margin-left:10px; margin-top:12px; width:530px; line-height:160%;}
			#Upgrade dl dd strong{color:#333;}
				#Upgrade dl dd strong span{color:#3366ff; font-weight:bold;}

	table.detail{margin-top:10px; width:100%;}
		table.detail th{background-color:#c5d0db;}
		table.detail th,
		table.detail td{border:1px solid #6697c7; text-align:center; padding:3px;}
			table.detail td img{vertical-align:middle;}
				
	/* 댓글 */
	#BoardComment{clear:both;}
	#BoardComment div.announce{font-size:8pt; width:575px; text-align:center; color:#999; border:1px solid #cfcfcf; background-color:#fafafa; margin-bottom:10px; padding:10px;}
	#BoardComment div.announce a{font-size:8pt; color:#333; font-weight:bold;}
	#BoardComment table.item{border:1px solid #cfcfcf; background-color:#fafafa; margin:0px 0px 10px 1px; width:596px;}
	#BoardComment table.item table.inner{margin:10px 10px 5px 10px; width:574px;}
	#BoardComment table.item table.inner2{margin:0px 10px 10px 10px; width:574px;}
	*:first-child+html #BoardComment table.item{margin-left:0px;}
	* html #BoardComment table.item table.inner{width:573px;}
	* html #BoardComment table.item table.inner2{width:573px;}

		#BoardComment td.del{text-align:right;}
		#BoardComment span.nick{height:18px;}
			#BoardComment span.nick img{vertical-align:top;}
		#BoardComment span.date{margin-left:5px; font-size:8pt; color:#666;}
		#BoardComment span.date a{font-size:8pt; color:#666; letter-spacing:-1px;}
		#BoardComment span.ip{font-size:8pt; color:#999; margin-left:5px;}
		#BoardComment a.delete{margin-left:5px;}
		#BoardComment table.item td.sense div{border:1px solid #999;}
		#BoardComment table.item td.sense img{vertical-align:top;}
		#BoardComment table.item td.content{vertical-align:top;}
		#BoardComment table.item td.content div{padding:3px; word-break:break-all; line-height:160%; width:474px; overflow:hidden;}
			#BoardComment table.item td.content div hr{display:block; height:1px;}

	/* 댓글 쓰기 */
	#BoardCommentWrite{clear:both; width:597px;}
	#BoardCommentWrite div.announce{font-size:8pt; text-align:center; color:#999; border:1px solid #cfcfcf; background-color:#fafafa; margin-bottom:10px; padding:10px;}
	#BoardCommentWrite div.announce a{font-size:8pt; color:#333; font-weight:bold;}
	#BoardCommentWrite div.form{border:1px solid #cfcfcf; background-color:#fafafa; margin-bottom:5px; padding:10px;}
		#BoardCommentWrite span.nick{float:left; margin:5px 0px 5px 10px;}
		#BoardCommentWrite div.options{float:right; margin-right:45px;}
		#BoardCommentWrite input.submit{height:25px; width:60px; margin-bottom:10px;}
		* html #BoardCommentWrite input.submit{margin-bottom:5px;}
		*:first-child+html #BoardCommentWrite input.submit{margin-bottom:5px;}
	
		#BoardCommentWrite div.cwContainer{clear:both;}
		#BoardCommentWrite textarea{border:1px solid #aaa; width:480px; height:50px; line-height:140%; margin:5px;}
		#BoardCommentWrite .nick_caption{margin:5px 0px 5px 10px; color:black;}
		#BoardCommentWrite .nick_input{border:1px solid #aaa; height:14px; width:80px;}
		#BoardCommentWrite .passwd_caption{margin:5px 0px 5px 10px; color:black;}
		#BoardCommentWrite .passwd{border:1px solid #aaa; height:14px; width:100px;}
		
	/* delComment */
	#delCommentPopup{display:none; position:absolute;}
		#delCommentPopup .ps{position:relative; left:340px; top:-25px; border:1px solid #d1d1d1; background-color:#fff; width:250px; height:30px;}
		#delCommentPopup .pd{margin:5px;}
		#delCommentPopup span{font-weight:bold;}
		#delCommentPopup .text{width:100px; border:1px solid #ccc;}
		
		/* ie */
		*:first-child+html #delCommentPopup .ps{left:300px; top:-7px;}
		* html #delCommentPopup .ps{left:300px; top:-7px;}
		
		*:first-child+html #delCommentPopup span{margin-right:5px;}
		* html #delCommentPopup span{margin-right:5px;}
		
		*:first-child+html #delCommentPopup input{vertical-align:middle;}
		* html #delCommentPopup input{vertical-align:middle;}
		
		* html #delCommentPopup .text{width:125px;}
		*:first-child+html #delCommentPopup .text{width:125px;}
		
	#GuideInfo{clear:both; line-height:160%; padding-left:10px; margin-bottom:20px;}