﻿/******************
HTML Tags
******************/

body {
	font-size:12px; color:#6D6D6D; font-family:돋움,verdana;
	background-color:#FFFFFF;
	color:#666666;
	font-size:.8em;
	line-height:160%;
	width:95%;
	margin:5px;
	
	scrollbar-face-color:#98B3D1;
    scrollbar-arrow-color:#000000;
    scrollbar-track-color:#FFFFFF;
    scrollbar-shadow-color:#BACCDF;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-3dlight-color:#4A73A0;
    scrollbar-darkshadow-Color:#4A73A0;
}

img 
{
    border:none;
}

#content p, #content-side p, #footer-container p{
	margin:5px 0px 5px 0px;
	}

#content-side img {
	border:none;
	}

/******************
FORM STYLES
******************/

#content-container form {
	margin:20px 0px;
	padding:0px 0px 0px 0px;
	}

#content-container fieldset {
	margin:10px 0px 20px 0px;
	padding:0px 10px 10px 20px;
	}

/* a nested fieldset */
#content-container fieldset fieldset {
	margin:15px 0px 5px 0px;
	padding:0px 5px 5px 5px;
	}

#content-container legend {
	margin-bottom:0px;
	padding:0px 10px 5px 5px;
	color:#666666;
	font-weight:bold;
	}

/* a nested legend */
#content-container fieldset fieldset legend {
	margin-bottom:0px;
	padding:0px;
	font-weight:normal;
	}

#content-container label {
	display:block;
	padding-top:8px;
	}

.mainnav-right form {
	margin:0px;
	padding:0px;
	text-align:right;
	}

.mainnav-right form fieldset {
	margin:0px;
	padding:0px;
	border:none;
	}

.mainnav-right form legend {
	display:none;
	}

.mainnav-right label {
	display:none
	}

/******************
LINKS
******************/



/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
/*
a:link {
	color:#017CBC;
	text-decoration:underline;
	}

a:visited {
	color:#660099;
	}

a:hover {
	color:#41C457;
	text-decoration:none
	}

a:active {
	color:#FF9900;
	}
*/

A {color: #6D6D6D; font-weight:bold; }
A:link {font-family:????,arial; font-size: 12px; color: #6D6D6D; text-decoration:none; font-weight:bold;}
A:visited {font-family:????,arial; font-size: 12px; color: #6D6D6D; text-decoration:none; font-weight:bold;}
A:active {font-family:????,arial; font-size: 12px; color: #6D6D6D; text-decoration:none; font-weight:bold;}
A:hover {font-family:????,arial; font-size: 12px; color: #6D6D6D; text-decoration:underline; font-weight:bold;}

/*TreeView*/
.divTreeArea a:link, .divTreeArea a:visited { font-weight:normal; } 
.divTreeArea a:hover, .divTreeArea a:active { font-weight:normal; }

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
.mainnav-left a:link {
	color:#6E6E6E;
	text-decoration:none;
	font-weight:bold;
	}

.mainnav-left a:visited {
	color:#6E6E6E;
	text-decoration:none;
	font-weight:bold;
	}

.mainnav-left a:hover {
	color:#41C457;
	}

.mainnav-left a:active {
	color:#017CBC;
	}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#breadcrumbs a:link {
	color:#FFF6AE;
	text-decoration:underline;
	}

#breadcrumbs a:visited {
	color:#FFF6AE;
	}

#breadcrumbs a:hover {
	color:#FFFFFF;
	text-decoration:none
	}

#breadcrumbs a:active {
	color:#F0FF4A;
	}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#content-side a:link {
	color:#FFF6AE;
	text-decoration:underline;
	}

#content-side a:visited {
	color:#ECE4B0;
	}

#content-side a:hover {
	color:#FFFFFF;
	text-decoration:none;
	}

#content-side a:active {
	color:#F0FF4A;
	}

/******************
HEADINGS
******************/

/******************
LAYOUT DIVS
******************/

#header-container {
	background: #828AD0 url(bg-main.jpg) repeat-x;
	height:68px;
	font-size:2em;
	margin:0px;
	font-weight:bold;
	}

#header-container a {
	text-decoration:none;
	color:#FFFFFF;
	}
	
#header-left {
	float:left;
	width:280px;
	color:#FFFFFF;
	height:30px;
	padding:38px 10px 0px 10px;
	background: url(bg-curve-top-left.gif) no-repeat;
	}

#header-right {
	margin:0px 175px 0px 280px;
	color:#FFFFFF;
	padding:41px 10px 0px 0px;
	height:28px;
	border-right:5px solid #FFFFFF;
	font-size:.55em;
	text-align:right;
	}

#posterphoto {
	margin:4px 0px 0px 0px;
	padding:0px;
	}

#posterphoto img {
	border:1px solid #A7A7A7;
	margin:0px;
	display:block;
	}

.mainnav-container {
	margin:4px 0px;
	height:30px;
	clear:both;
	}

.mainnav-left {
	float:left;
	width:568px;
	padding:4px 0px 4px 10px;
	border:1px solid #A7A7A7;
	}

.mainnav-right {
	float:right;
	padding:4px 7px 4px 0px;
	border:1px solid #A7A7A7;
	width:166px;
	height:20px;
	}

#breadcrumbs {
	margin:3px 0px 0px 0px;
	color:#FFFFFF;
	}

#content-container {
	background: url(bg-main.jpg) repeat-y right;
	}

#content-side {
	float:right;
	width:155px;
	color:#FFFFFF;
	padding:10px;
	margin:0px 0px 4px 0px;
	background: #828AD0 url(bg-main.jpg);
	}

#content {
	padding:0px 10px 10px 10px;
	margin:0px 180px 0px 0px;
	border:1px solid #A7A7A7;
	background: url(bg-breadcrumb.jpg) repeat-x;
	}

#three-column-container {
	width:100%;
	margin:10px 0px;
	padding:10px 0px
	}

#three-column-left {
	float:left;
	width:30%;
	}

#three-column-right {
	float:right;
	width:30%;
	}

#three-column-middle {
	width:30%;
	margin:0px 31% 0px 35%;
	}

#footer-container {
	background: #828AD0 url(bg-main.jpg);
	height:68px;
	color:#FFFFFF;
	margin:4px 0px 0px 0px;
	clear:both;
	}

#footer-left {
	width:566px;
	height:56px;
	padding:1px 0px 0px 10px;
	margin:0px;
	}

#footer-right {
	float:right;
	color:#FFFFFF;
	padding:0px;
	width:175px;
	height:68px;
	border-left:4px solid #FFFFFF;
	margin:0px;
	background: url(bg-curve-bottom-right.gif) no-repeat right bottom;
	}

/******************
Menu Items
******************/

.mainnav-container ul {
	margin:0px;
	padding:0px;
	}

.mainnav-container li {
	padding-right:10px;
	list-style:none;
	display:inline;
	}

/******************
LISTS - IN THE CONTENT DIV
******************/

#content ul.list, #content ul.link-list-vertical {
	margin:0px 0px 15px 15px;
	padding:0px;
	}

#content ul.list li {
	list-style:none;
	padding:1px 0px 1px 12px;
	margin:0px;
	background: url(bullet.gif) no-repeat;
	background-position: 0 .6em;
	}

#content ul.link-list-vertical li {
	list-style:none;
	margin:0px;
	}

#content ul.link-list-vertical li a:link {
	padding:1px 0px 1px 12px;
	background: url(bullet-link.gif) no-repeat;
	background-position: 0 .6em;
	}

#content ul.link-list-vertical li a:visited {
	padding:1px 0px 1px 12px;
	background: url(bullet-link-visited.gif) no-repeat;
	background-position: 0 .6em;
	}

#content ul.link-list-vertical li a:hover {
	padding:1px 0px 1px 12px;
	background: url(bullet-link-hover.gif) no-repeat;
	background-position: 0 .6em;
	}

#content ul.link-list-vertical li a:active {
	padding:1px 0px 1px 12px;
	background: url(bullet-link-active.gif) no-repeat;
	background-position: 0 .6em;
	}

/******************
LISTS - IN THE RIGHT COLUMN
******************/

#content-side ul.list, #content-side ul.link-list-vertical {
	margin:0px 0px 15px 5px;
	padding:0px;
	}

#content-side ul.list li {
	list-style:none;
	padding:1px 0px 1px 12px;
	margin:0px;
	background: url(bullet-right.gif) no-repeat;
	background-position: 0 .6em;
	}

#content-side ul.link-list-vertical li {
	list-style:none;
	margin:0px;
	}

#content-side ul.link-list-vertical li a:link {
	padding:1px 0px 1px 12px;
	background: url(bullet-link-right.gif) no-repeat;
	background-position: 0 .6em;
	}

#content-side ul.link-list-vertical li a:visited {
	padding:1px 0px 1px 12px;
	background: url(bullet-link-right-visited.gif) no-repeat;
	background-position: 0 .6em;
	}

#content-side ul.link-list-vertical li a:hover {
	padding:1px 0px 1px 12px;
	background: url(bullet-link-right-hover.gif) no-repeat;
	background-position: 0 .6em;
	}

#content-side ul.link-list-vertical li a:active {
	padding:1px 0px 1px 12px;
	background: url(bullet-link-right-active.gif) no-repeat;
	background-position: 0 .6em;
	}

/******************
TABLE STYLES
******************/

table.table {
	width:100%;
	border:1px solid #D0D0BF;
	border-collapse:collapse;
	}

thead th {
	border-bottom:2px solid #D0D0BF;
	padding:6px;
	}

tfoot th {
	border-top:2px solid #D0D0BF;
	padding:6px;
	}

.table-row-1 td, .table-row-1 th,.table-row-2 td, .table-row-2 th, th {
	padding:2px 6px;
	border:1px solid #D0D0BF;
	}

.table-row-1 td, .table-row-1 th {
	background: url(../Images/Grid/bg-table-row-alternate.jpg);
	}
.tabletd {
    background: url(../Images/Grid/bg-table-row-alternate.jpg);
}

/******************
CLASSES
******************/

img.photobig, img.photosmall {
	border:1px solid #CCCCCC;
	background: #E0E0E0 url(../Images/Grid/bg-table-row-alternate.jpg);
	padding:10px;
	}

img.photosmall {
	margin-right:10px;
	margin-bottom:2px;
	float: left;
	}
	
.searchbox {
	height:14px;
	margin:0px;
	padding:0px;
	width:8.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	vertical-align:baseline;
	}

.button-search {
	height:19px;
	margin:0px;
	padding:0px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0000FF;
	}

.separator-side-column {
	border-top:1px solid #9CA2DD;
	margin-bottom:8px;
	padding:0px;
	}

.section-title-not-heading {
	font-size:1.1em;
	font-weight:bold;
	display:block;
	margin-bottom:8px;
	}

.button-big {
	margin-top:8px;
	}

.small-text {
	font-size:.8em;
	}

.none {
	display:none;
	}

.clear {
	clear:both;
	}
	

.btn_Default, .btn_ChkDefault
{	
    font-family:돋움체;
    font-size:9pt;
    border:outset 1px #cccccc;
    background:url(/Images/BlueStyle/Window01.gif) repeat-x left top;
    color:#FFFFFF;
	cursor: hand; 
	padding:2px; 
	width : 90px;
	height:25px;
}
.btn_GridButton
{	
	font-family: Tahoma, MS Sans Serif, Arial, Sans Serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000; 
	cursor: hand; 
	border: solid 1px #808080; 
	background: url(../images/button/button_back.gif) center; 
	padding:1px; 
	vertical-align : middle ; 
	height: 18px;
	padding-right : 5px;
	padding-left : 5px;
	width : 70px;
}


.btn_Basic
{	
	font-family: Tahoma, MS Sans Serif, Arial, Sans Serif;
	font-weight: normal;
	font-size: 12px;
	
	color: #000000; 
	cursor: hand; 
	border: solid 1px #808080; 
	background: url(../images/button/button_back.gif) center; 
	padding:1px; 
	vertical-align : middle ; 
	height: 20px;
	padding-right : 5px;
	padding-left : 5px;
}
			
.ColumnTitle
{
	padding-right: 3px;
	padding-left: 3px;
	
	padding-bottom: 1px;
	color: #000000;
	padding-top: 1px;
	height: 23px;
	background-color: #ffffff;
}

select, textarea{
	font-family:"verdana", "geneva", "helvetica", "arial", "sans-serif";font-size: 8pt;color:#666666;
	border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;
	border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;
	border-top-color: #BCBCBC;border-right-color: #BCBCBC;border-bottom-color: #BCBCBC;border-left-color: #BCBCBC;
 }
 
.File_Default
{
	border-right: #999999 1px solid;
	border-top: #cccccc 1px solid;
	font-size: 12px;
	border-left: #cccccc 1px solid;
	cursor: hand;
	padding-top: 2px;
	border-bottom: #999999 1px solid;
	height: 20px;
	background-color: #efefef;
}

/* TextBox */	
.DetailInput
 {
	border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;
	border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;
	border-top-color: #BCBCBC;border-right-color: #BCBCBC;border-bottom-color: #BCBCBC;border-left-color: #BCBCBC;	
	}

.DetailInput_Readonly
 {
	border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;
	border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;
	border-top-color: #BCBCBC;border-right-color: #BCBCBC;border-bottom-color: #BCBCBC;border-left-color: #BCBCBC;	
	background-color:Silver;
}


/**Master Data**/
.MD-tb1 {	background-color: #92A5C3; width:100%; border:0px ;padding:0px;}
.MD-tb1-color1 {	background-color: #F4F0F2;	padding: 5px;	color: #000000;	height: 23px;}
.MD-tb2-color1 {	background-color: #CB9CBA;	height: 3px;}/**List Header Top Color**/
.MD-tb3 {	background-color: #92A5C3; border-color:black;  width:100%; border:0px ;padding:0px;}
.MD-tb3-color1 {	background-color: #D7E4F9;	padding: 5px;	color: #000000;	height: 23px;}
.MD-tb3-color2 {	background-color: #e8e8e8;	padding: 5px;	color: #000000;	height: 23px;}
.MD-tb3-color3 {	background-color: #D7E4F9;	padding: 5px;	color: #000000;	height: 23px;}/**Case : Same Double Table**/
.MD-txt-color {	background-image: url(../images/Common/icon-tickbox-single-16x20-none.gif);	background-repeat: no-repeat;	color: #000000;	font-weight: bold;	padding-left: 13px;	height: 18px; vertical-align:bottom;}
.MD-tb-btn {border:1 solid #dcdcdc; background-color:#f2f2f2; width: 100%; font: ????,??????,arial; text-align:center;}

/** Master-Detail Data **/
.TB-Header-Multi
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	color: #000000;
	padding-top: 5px;
	height: 23px;
	background-color: #D7E4F9;
}
.TB-HeaderFileld-Multi{	background-color:Aqua;	color: #000000;	height: 23px;	padding-top: 1px;	padding-right: 3px;	padding-bottom: 1px;	padding-left: 3px;}
.TB-Detail-Multi{	background-color:White;	color: #000000;	height: 23px;	padding-top: 1px;	padding-right: 3px;	padding-bottom: 1px;	padding-left: 3px;}


/***input/output-form***/
.tb3 {	background-color: #cccccc; width:100%; border:0px ;padding:0px;}
.tb3-color1 {	background-color: #E7E7E7;	padding: 5px;	color: #000000;	height: 23px;}
.tb3-color2 {	background-color: #FFFFFF;	color: #000000;	height: 23px;	padding-top: 1px;	padding-right: 3px;	padding-bottom: 1px;	padding-left: 3px;}
.tb3-color3	{	background-color: #D5D5D5;	padding: 5px;	color: #000000;	height: 23px;}/**Case : Same Double Table**/
.tb3-btn-color {  text-align:center; background-color: #FFFFFF;	color: #000000;	height: 23px;	padding-top: 1px;	padding-right: 3px;	padding-bottom: 1px;	padding-left: 3px;}
.Currency { text-align:right;}


.Cursor
{
    cursor:hand;
}

.Search
{
    /*width:100%;
	border:1px solid #D5D5D5;
	border-collapse:collapse;*/
    /*background-color: #92A5C3; border-color:black;  width:100%; border:1px ;padding:0px;*/
    
    width:100%; border:none; border-collapse:collapse;
}

.Searchnew
{
    /*width:100%;
	border:1px solid #D5D5D5;
	border-collapse:collapse;*/
    /*background-color: #92A5C3; border-color:black;  width:100%; border:1px ;padding:0px;*/
    
    width:650; border:none; border-collapse:collapse;
}

.Search-td-1
{
    border : 1px solid #D5D5D5; padding:5px; vertical-align : middle; background-color: #f2f2f2;
}

.Search-td-new1
{
   height:10px; padding:5px; vertical-align : middle; background-color: #f2f2f2;
}

.Search-td-2
{
	border : 1px solid #D5D5D5; padding:2px; vertical-align : middle; padding-left:5px;
}

.Search-td-new2
{
	height:10px; padding:2px; vertical-align : middle; padding-left:5px;
}

.ExpandPanel
{
    background:#FFFFFF url(/Images/Icons16x16/gnome-fs-home.png) no-repeat 7px 2px ;
}

.ExpandPanelTitle
{
    font-weight:bold !important;
    padding:2px 0px 2px 15px;
    background-color:#AAAAAA;
    filter:Alpha(Opacity=50);
    color:Black !important;
}

/*Button Area*/
.divButtonArea
{
	width:100%;
	text-align:center;
	padding:3px;
	margin:2px;
	/* background-color:#F7F7F7; */
	/* border:1px solid #DFDFDF; */
} 

/*Order Exception Mark*/
.exceptionMark
{
	color:#F21818; font-weight:bold;
}

/*Repeater SeparatorTemplate By HR Tag */
.hrSeparatorTemplate
{
	height:1px; margin-bottom:4px; color:#ACA899;
}

/*�۾� ���*/
.EmphasisMark
{
	color:#F21818; font-weight:bold;
}

.StatusMark
{
	color:#F21818; font-weight:bold;
}

.DateMark
{
	color:#800000;font-weight:bold;
}

.PriceMark
{
	color:#009600; font-weight:bold;
}

/*Analysis Area*/
.divAnalysisArea
{
	border:1px solid #000; padding:5px; margin-top:5px;
}

/*Analysis Chart Style*/
.selectChartStyle
{
	text-align:right; margin:5px 0px;
}

.MessageBox
{
	width:98%;
	border:1px solid #DFDFDF;
	background-color : #F7F7F7;
	padding:5px;
	color:Red;
}