/*
TD {FONT-SIZE: 9pt; COLOR: #393939; FONT-FAMILY: "굴림"}

A.menu1:link {
	FONT-SIZE: 9pt; COLOR: #FFFFFF; FONT-FAMILY: "굴림", Verdana; font-weight: bold; TEXT-DECORATION: none}
A.menu1:visited {
	 FONT-SIZE: 9pt; COLOR: #FFFFFF; FONT-FAMILY: "굴림", Verdana; font-weight: bold; TEXT-DECORATION: none}
A.menu1:active {
	 FONT-SIZE: 9pt; COLOR: #FFFFFF; FONT-FAMILY: "굴림", Verdana; font-weight: bold; TEXT-DECORATION: none}
A.menu1:hover {
	 FONT-SIZE: 9pt; COLOR: #D6FFF9; FONT-FAMILY: "굴림", Verdana; font-weight: bold; TEXT-DECORATION: none}
	 
	 
A.menu2:link {
	FONT-SIZE: 8pt; COLOR: #525252; FONT-FAMILY: "돋움", Verdana; TEXT-DECORATION: none}
A.menu2:visited {
	 FONT-SIZE: 8pt; COLOR: #525252; FONT-FAMILY: "돋움", Verdana; TEXT-DECORATION: none}
A.menu2:active {
	 FONT-SIZE: 8pt; COLOR: #525252; FONT-FAMILY: "돋움", Verdana; TEXT-DECORATION: none}
A.menu2:hover {
	 FONT-SIZE: 8pt; COLOR: #086D73; FONT-FAMILY: "돋움", Verdana; TEXT-DECORATION: none}
	 
.submenu1 {COLOR: #ffffff; font-weight: bold;}
.submenu2 {COLOR: #525252; FONT-SIZE: 8pt; FONT-FAMILY: "돋움";}

.title {COLOR: #159A92; font-weight: bold; FONT-SIZE: 12pt; FONT-FAMILY: "돋움"; letter-spacing:-2;}
*/
*, th, td, p, span, div {
	font-size: 9pt;
}

a:link {
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	color: #ffffff;
	text-decoration: none;
}
a:hover {
	color: #0066CC;
}

body 
{
	MARGIN: 0px;
    scrollbar-face-color: #101E29;
    scrollbar-shadow-color: #081018;
    scrollbar-highlight-color: #081018;
    scrollbar-3dlight-color: #94824A;
    scrollbar-darkshadow-color: #574518;
    scrollbar-track-color: #000000;
    scrollbar-arrow-color: #C6CBC6; 
	margin:0;
	
	border:solid 1 #393B3A;
}

b{letter-spacing:-1px}
a{color:#ffffff;text-decoration:none}

select{
	BACKGROUND-COLOR:#101010;
	color:#D8D8D8;
	font-size:9pt;
	width:120px;
}

.myPurple { color: #A335EE; font-weight: bold; font-size: 9pt; }
.myBlue { color: #0070DD; font-weight: bold; font-size: 9pt; }
.myGray { color: #c9c9c9; font-size: 9pt; }
.myGreen { color: #00FF00; font-size: 9pt; }
.myYellow { color: #ffd517; font-size: 9pt; }
.myRed { color: #d80000; font-size: 9pt; }
.myTable { color: #FFFFFF; font-size: 9pt; }
.myWhite { color: #000000; font-size: 9pt; }

/* tooltip */
/*...........................................................*/
#tooltipcontainer{display:none;visibility:hidden;position:absolute;width:auto;z-index:999999;top:20px;left:50px;}
#tool1container{float:left;display:inline;width:auto}
.tooltipContentSpecial{color:#ffd800;font-weight:normal;font-size:11px;display:block}
.tooltipContentSpecial strong{color:white}
.tooltipGuild{color:#ffd800;font-weight:normal;font-size:11px}
.tooltipTitle{font-size:13px}
.tooltip td.tl,.tooltip td.t,.tooltip td.tr,.tooltip td.bl,.tooltip td.b,.tooltip td.br{height:7px !important}
.tooltip td.tl,.tooltip td.tr,.tooltip td.bl,.tooltip td.br,.tooltip td.l,tr.r{width:7px !important}
.tooltip td.tl,.tooltip td.t,.tooltip td.tr{padding:0 !important;margin:0 !important}
.tooltip td.l q,.tooltip td.r q{width:7px !important;display:block;height:1px}
.tooltip td.tl{background:url('../images/tooltip/ttip-tl.png') no-repeat}
.tooltip td.tr{background:url('../images/tooltip/ttip-tr.png') no-repeat}
.tooltip td.t{width:auto;background:url('../images/tooltip/ttip-t.png') repeat-x}
.tooltip td.l{background:url('../images/tooltip/ttip-l.png') repeat-y}
.tooltip td.r{background:url('../images/tooltip/ttip-r.png') repeat-y}
.tooltip td.bg{background:url('../images/tooltip/ttipbg.png') repeat}
.tooltip td.bl{background:url('../images/tooltip/ttip-bl.png') no-repeat}
.tooltip td.br{background:url('../images/tooltip/ttip-br.png') no-repeat}
.tooltip td.b{width:auto;background:url('../images/tooltip/ttip-b.png') repeat-x}
.tooltip div{font:11px/16px Verdana,"Trebuchet MS",Arial,Helvetica,sans-serif;color:white;margin:0;padding:1px 2px}
.item-content{color:white}
.tooltip table,td{border:1;border-collapse:collapse;padding:0;margin:0}

.button
{
	cursor:hand;
}

.txtBox1
{
	BACKGROUND-COLOR: black;
	border-color:Gray;
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid;
	color:White;
	text-align:left;
	padding-top:2px;
}

.txtBox2
{
	BACKGROUND-COLOR: black;
	border-color:#ffcc00;
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid;
	color:White;
	text-align:center;
	padding-top:2px;
}

.txtBox3
{
	BACKGROUND-COLOR: black;
	border-color:Gray;
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid;
	color:White;
	text-align:right;
	PADDING-RIGHT: 2px;
	padding-top:2px;
}

.txtBox4
{
	BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid;
	BACKGROUND-COLOR:Transparent;
	color:Yellow;
	text-align:right;
	PADDING-RIGHT: 2px;
	padding-top:2px;
}

/*Grid Header 용 Th Style*/
th  {font-family:Dotum,Verdana;font-size:9pt;color:Yellow;font-weight:normal;text-align:center;background-color:#000000;}
.cgvHeader
{ 
	background-color :#e4e4e4;
	color:Black;
	text-align:center; height:25px; 
	cursor: hand; 
	font-family: "Dotum", "Verdana", "Arial"; 
	font-size: 12px; 
	font-style:normal;
	font-weight:bold;

	border-left-width:1px;
	border-right-width:0px;
	border-bottom-width:1px;
}

.cgvHeader2
{ 
	background-color : #e4e4e4;
	text-align:center; height:25px; 
	cursor: normal; 
	font-family: "Dotum", "Verdana", "Arial"; 
	font-size: 12px; 
	font-style:normal;
	border-style:none;
}

.cgvHeader a:link     {font-family:"Dotum","Verdana","Arial";font-size:12px;color: #3F3F3F;text-decoration: none }
.cgvHeader a:visited  {font-family:"Dotum","Verdana","Arial";font-size:12px;color: #3F3F3F;text-decoration: none}
.cgvHeader a:hover    {font-family:"Dotum","Verdana","Arial";font-size:12px;color: #3F3F3F;text-decoration: underline; color: #3F3F3F}

.cgvRow
{
	background-color : #000000;
	text-align:center; height:26px; 
	cursor: hand; 	
	font-family: "Dotum", "Verdana", "Arial"; 
	font-size: 12px; 
	font-weight:normal;
	border-bottom-width:0px;
	border-bottom-color:#C0C0C0;
	border-left-width:0px;
	border-right-width:1px;
	border-top-width:0px;
	border-top-color:#C0C0C0;
	border-style:none;
}

.cgvRow2
{
	background-color : #0F1930;
	text-align:center; 
	height:23px; 
	cursor: hand;
	font-family: "Dotum", "Verdana", "Arial"; 
	font-size: 12px;
	color: #000000;	
	border-bottom-width:0px;
	border-bottom-color:#C0C0C0;
	border-left-width:0px;
	border-right-width:1px;
	border-top-width:0px;
	border-top-color:#C0C0C0;
	border-style:none;
}

.cgvRow3
{
	background-color : #FFFFFF;
	text-align:center; height:20px; 
	font-family: "Dotum", "Verdana", "Arial"; 
	font-size: 12px; 
	font-weight:normal;
	border-bottom-width:1px;
	border-bottom-color:#C0C0C0;
	border-left-width:0px;
	border-top-width:0px;
	border-top-color:#C0C0C0;
	border-style:none;
}

scrollbar
{
	border:solid 1 #393B3A;
}

/* 디자인 전체 */ 
#block{
	width:978px;
}

/* 4군데 블록 처리 */
#stage{
	width:596px;
	height:467px; 
	background-color:#050C15;
	float:left;
	margin-left: 7px
}

/* 아이템 목록 처리 */
#zoneItem .btns{
	padding-left:9px;
	width:180px;

	background-image:url('/Cosmos/images/Frame/items_top.gif');
	background-repeat: no-repeat;
	background-position: 0 19;
	filter:alpha(opacity=85);
}

#zoneItem .btn{float:left;padding-right:2px;}
#zoneItem .items{
	padding-left:9px;
	padding-right:11px;
	height:149px;

	background-image:url('/Cosmos/images/Frame/items.gif');
	background-repeat: no-repeat;
}
#zoneItem .select{
	padding-top:5px;
}


#zoneShield, #zoneDress, #zoneWeapon{
	margin-top:5px;

	height:105px;
	overflow :scroll;
}

/* 아이템 착용 처리 */
#zoneWear .interfaceWear{height:150px; float:left;border:solid 1 #aaaaaa;padding:5px}
#zoneWear .interfaceBg{height:150px; float:left;border:solid 1 #aaaaaa;}

#infoBottom{
	background-image:url('/Cosmos/images/frame/main_bottom_bg.gif');
	background-repeat: no-repeat;
	float:left;

	width:1020px;
	height:120px;
}

#infoBottom .item{
	padding-top:25px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:5px;

	float:left;
}
#infoBottom .infomation{
	margin-top:22px;
	width:370px;
	height:90px;
	border:solid 1 #393B3A;
	overflow :scroll;
}

#infoTop{
	background-repeat: no-repeat;
	float:left;
	width:1016px;
	height:43px;
}

#infoTop .item{
	padding-top:1px;
	padding-left:5px;
	padding-right:5px;

	float:left;
}
#infoTop .infomation{
	margin-top:22px;
	width:370px;
	height:90px;
	
	overflow :scroll;
}


/* 기타 처리용 디자인 */
#displayLoader {
	position:absolute;
	z-index:1001;
	top:220px;
	left:250px;
	width:104px;
	height:30px;

	filter:progid:DXImaGetransform.Microsoft.AlphaImageLoader(src='/Cosmos/images/Frame/loading.png', sizingMethod='scale');
}

#displayItem{
	position:absolute; 
	z-index:1002; 
	top:200px;
	left:200px; 
	width:200;
	text-align:center;
}

/* 테두리 */
#outline {
	position:absolute;
	z-index:1000;
	top:0px;
	left:0px;
	width:610;
	height:461;
}

/* 기본 클래스 */
.red {
	font-family: "굴림";
	font-size: 12px;
	color: #D87068;
}
.green {
	font-family: "굴림";
	font-size: 12px;
	color: #079E00;
}
.blue {
	font-family: "굴림";
	font-size: 12px;
	color: #68AFD8;
}
.glay {
	font-family: "굴림";
	font-size: 12px;
	color: #999999;
}

.glay2 {
	font-family: "굴림";
	font-size: 12px;
	color: #dadada;
}

.itemList {
	background-color: #1D6B7C;
}

.select_dis {
	border: solid 1 #031A20;
}
.select_en {
	border: solid 1 #00D8D5;
}
.wear{ width:36px;height:36px;text-align:center}
.scroll{height:105px;overflow-y:scroll}

/* 2006.08*/
td	{ 
	font-family: "돋움", "돋움체", Arial; 
	font-size:12px;
	color:#ffffff;
	}
td a	{color:#0070BC;text-decoration:none} 
td a:hover 	{color:#FF6622;text-decoration:none} 

.title  {  font-family: "돋움", "돋움체", Arial; font-size: 14px; 	color: #13AACD;	text-decoration: none;	line-height:17px ;}

.date  {  font-family: "돋움", "돋움체", Arial; font-size: 12px; 	color: #FF8042;	text-decoration: none;	line-height:17px ;}

.small  {  font-family: "돋움", "돋움체", Arial; font-size: 11px; 	color: #585858;	text-decoration: none;	line-height:17px ;}
.small01  {  font-family: "돋움", "돋움체", Arial; font-size: 11px; 	color: #585858;	text-decoration: none;}

.histoy  {  font-family: "돋움", "돋움체", Arial; font-size: 11px; 	color: #8A8A8A;	text-decoration: none;}

.news	{ 
	font-family: "돋움", "돋움체", Arial; 
	font-size:12px;
	color:#585858;
	}
.news a	{color:#6A695C;text-decoration:none} 
.news a:hover 	{color:#FF6622;text-decoration:none}

.box01 {color:#777777; font-family:Dotum,Dotumche,verdana; font-size:12px; height:19px; padding-top:3px; background-color:#FBFBFB; Border:1px solid #E2E2E2 }
.input01 {background-color:white;border:1 solid #A0A0A0 ; font-family:돋움; font-size:12px ;height: 19px}

.sc01{
		font-size:12px; color:#777777; font-family:Dotum,Dotumche,verdana; line-height:18px;
		padding:10 10 6 10;
		border:solid 1px #E2E2E2;
		background-color:#FBFBFB;
		overflow-y:auto;
		
		scrollbar-face-color: #FFFFFF; 
		scrollbar-shadow-color: #CBCBCB; 
		scrollbar-highlight-color: #CBCBCB; 
		scrollbar-3dlight-color: #FFFFFF; 
		scrollbar-darkshadow-color: #FFFFFF; 
		scrollbar-track-color: #F5F5F5; 
		scrollbar-arrow-color: #CBCBCB;
		scrollbar-BaseC-olor : #7391A2;
}
/* END */

/* 왼쪽메뉴 메뉴 아이템 */

.menuTable
{
	width:100%;
}

.menuHeader
{
	height:30;
	background-color:#f6f6f6;
	padding-left:10px;
	font-weight:bold;
}

.menuFolder
{
	height:30;
	font-family:굴림;
	border-top:solid 1px #eeeeee;
	vertical-align:middle;
	padding-left:10px;
	/*background-color:#f6f6f6;
	font-weight:bold;*/
}

.menuFolderActive
{
	height:30;
	font-family:굴림;
	border-top:solid 1px #eeeeee;
	vertical-align:middle;
	padding-left:10px;
	background-color:#f6f6f6;
	/*font-weight:bold;*/
}

.menuFolderItem
{
	height:30;
	font-family:굴림;
	border-top:solid 1px #eeeeee;
	vertical-align:middle;
	padding-left:20px;
	background:url(/images/bg/menu_folder_off_plus.gif);
	/*background-color:#f4f4f4;
	font-weight:bold;*/
}

.menuFolderItemActive
{
	height:30;
	font-family:굴림;
	border-top:solid 1px #eeeeee;
	vertical-align:middle;
	padding-left:20px;
	background-color:#f6f6f6;
	font-weight:bold;
	background:url(/images/bg/menu_folder_on_plus.gif);
}

.menuItem
{
	height:25px;
	font-family:굴림;
	/*border-bottom:solid 1px #eeeeee;*/
	vertical-align:middle;
	padding-left:30px;
	background:url(/images/bg/menu_item_off.gif);
}

.menuItemActive
{
	height:25px;
	font-family:굴림;
	/*border-bottom:solid 1px #cccccc;*/
	vertical-align:middle;
	padding-left:30px;
	font-weight:bold;
	background:url(/images/bg/menu_item_on.gif);
	/*background-color:#f6f6f6;
	font-weight:bold;*/
}
/* 왼쪽메뉴 메뉴 아이템 END*/

/* 테이블,그리드 스타일 */
.grid_item 
{
	font-size:12px;
	font-family:굴림;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 1px solid #CCCCCC;
	border-left: 0px none;
	height: 30px;
} 
.td_style1
{
	background-color:#999966; /*#F0ECD2;*/
	/*background-color:Black;*/
	font-size:12px;
	font-family:굴림;
	color:#333333;
	LETTER-SPACING: -1px;
	text-align:center;
	border-top: 1px solid #CCC46B;
	border-right: 0px none;
	border-bottom: 0px solid #CCC46B;
	border-left: 0px none;
	height: 28px;
	padding-left:2px;
	padding-right:2px;
   }

.td_style2
{
	background-color:#D9E9ED;
	font-size:12px;
	font-family:굴림;
	color:#333333;
	LETTER-SPACING: -1px;
	text-align:center;
	border-top: 2px solid #7BB2C4;
	border-right: 0px none;
	border-bottom: 1px solid #7BB2C4;
	border-left: 0px none;
	height: 28px;
	padding-left:2px;
	padding-right:2px;
   }
.td_style3
{
	background-color:#EBDAED;
	font-size:12px;
	font-family:굴림;
	color:#333333;
	LETTER-SPACING: -1px;
	text-align:center;
	border-top: 2px solid #C17BC4;
	border-right: 0px none;
	border-bottom: 1px solid #C17BC4;
	border-left: 0px none;
	height: 28px;
	padding-left:2px;
	padding-right:2px;
   }
   
.td_style4
{
	background-color:#DBEDD9;
	font-size:12px;
	font-family:굴림;
	color:#333333;
	LETTER-SPACING: -1px;
	text-align:center;
	border-top: 2px solid #7EC47B;
	border-right: 0px none;
	border-bottom: 1px solid #7EC47B;
	border-left: 0px none;
	height: 28px;
	padding-left:2px;
	padding-right:2px;
 }
    
.td_blue
{
	background-color:#BAE0F5;
	font-size:12px;
	font-family:굴림;
	color:#333333;
	LETTER-SPACING: -1px;
	text-align:center;
	border-top: 2px solid #6FB2D8;
	border-right: 0px none;
	border-bottom: 1px solid #6FB2D8;
	border-left: 0px none;
	height: 33px;
	padding-left:2px;
	padding-right:2px;
   }
   
.textbox
{
    BORDER-RIGHT: #adadad 1px solid;
    BORDER-TOP: #adadad 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: #adadad 1px solid;
    COLOR: #5e5e5e;
    LINE-HEIGHT: 15px;
    BORDER-BOTTOM: #adadad 1px solid;
    FONT-FAMILY: "돋움", "돋움체", "Arial", "Verdana"
}
.select
{	
	border-style:solid;
	font-size:9pt;
	font-family:verdana,helvetica,Arial,굴림,굴림체;
	background:#ffffff;
}

.td_link 
{
 text-decoration:underline;
 color:Green;
 cursor:hand;
}

.head_link 
{
 text-decoration:underline;
 color:Yellow;
 cursor:hand;
}

.td_left   {  padding-left: 3px;  padding-right: 3px;text-align: left;}
.td_right   {  padding-left: 3px;  padding-right: 3px; text-align: right; }
.td_center   {  padding-left: 3px;  padding-right: 3px; text-align: center; }

/* field_style */
.input_right { border: 1px solid #C1C1C1; text-align: right; }
.input_left { border: 1px solid #C1C1C1;  text-align: left; }
.input_center { border: 1px solid #C1C1C1;border-style:inset;  text-align: center; }

.label_right { border: 0px solid #C1C1C1;  text-align: right; }
.label_left { border: 0px solid #C1C1C1;  text-align: left; }
.label_center { border: 0px solid #C1C1C1;  text-align: center; }

.essen_right { border: 1px solid OrangeRed;  text-align: right; }
.essen_left { border: 1px solid OrangeRed;text-align: left; }
.essen_center { border: 1px solid OrangeRed;  text-align: center; }

.HDotLine{
	background-image:url(/images/h_line.gif);
}
.HLine{
	background-color:#eeeeee;
	height:1px;
}
.HLine2{
	background-color:#b4b4b4;
	height:1px;
}
.VLine{
	background-color:#eeeeee;
	width:1px;
}
.VLine2{
	background-color:#b4b4b4;
	width:1px;
}