/* common */
body
{
	font-family: verdana,helvetica;
	margin: 2px;
	padding: 0px;
}

textarea, input, select
{
	font-family: verdana,helvetica;
	font-size: 10pt;
}

table
{
	border-collapse : collapse;
}

td
{
	vertical-align: top;
}



/* sample */
/*
a:link
{
	text-decoration: none
}
a:visited
{
	text-decoration: none
}
a:active
{
	text-decoration: none
}
a:hover
{
	text-decoration: underline
}
*/

/* header prop */
.clsHeaderProp
{
	width:990px;
	height:100px;
	text-align: right;
	margin-bottom: 5px;
}

/* header */
.clsHeader, .clsHeader a
{
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	padding: 5px;
}

.clsHeader a:hover
{
	text-decoration: underline;
}


/* footer */
.clsFooter, .clsFooter a
{
	color: #999999;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
}

.clsFooter a:hover
{
	text-decoration: underline;
}

/* small icon image */
.clsIconImage
{
	height: 16px;
	vertical-align: text-bottom;
	cursor: pointer;
}

/* small icon text */
.clsIconText
{
	color: #000000;
	height: 20px;
	font-size: 10pt;
	cursor: pointer;
	padding-right: 15px;
	font-weight: normal;
}

/* button with border */
.clsIconButtonBorder
{
	font-size: 10pt;
	padding: 0px 5px 2px 5px;
	border: 1px #999999 solid;
	text-align: center;
	cursor: pointer;
	display:block;
	background-color: #DBD8D1;
	font-family: verdana,helvetica; 
	color: black;
	/*font-weight:bold;*/
}
/* button with border */
.clsIconImageBorder
{
	height: 20px;
	vertical-align: text-bottom;
	padding: 0px;
	margin: 0px;
}

/* button icon image, search */
.clsIconImageButton
{
	height: 24px;
	vertical-align: bottom;
	cursor: pointer;
	border: 0px;
}

/* break point */

span.clsTitle
{
     font-size: 12pt;
     font-family: verdana,helvetica; 
     color: black;
     /* font-weight: bold; */
}




/* tree node hyperlink */
span.clsSpanTreeNode a
{
     font-size: 10pt; 
     font-family: verdana,helvetica; 
     text-decoration: none;
     color: black;
}

span.clsSpanTreeNode a:hover
{
     text-decoration: underline;
     color: #820082;
}

/* tree node */
div.clsDivContainer
{
	display: block;
	clear: both;
}

span.clsSpanTreeNode
{
	font-size: 10pt;
	font-family: verdana,helvetica;
	text-decoration: none;
	color: black;
	margin: 0px;
	cursor: pointer;
	display: block;
}

div#idContainer
{
	font-family: verdana,helvetica;
	width: 990px;
	text-align: left;
	margin: auto;
}

span.clsSpanTitle
{
	padding: 2px;
	font-size: 14px;
	/* background-color: #33CC33; */
	color: #FFFFFF;
	font-weight: bold;
}

table.clsTableBorder, td.clsStrip
{
	background-image: url('/eshop3/IMAGE/bar/blue.png');
	margin-bottom:5px;
}

div.clsDivTitleBorder
{
	display: block;
	background-image: url('/eshop3/IMAGE/bar/blue.png');
	clear: both;
}


span.clsSpanError
{
	font-size: 12px;
	color: #FF0000;
	padding-left: 10px;
}

/* busy progress bar */
div.clsDivBusyMsg
{
     font-size: 10pt;
     font-family: verdana,helvetica; 
     color: black;
     font-weight: bold;
     position:relative;
     top:30%;
}

/* logout */
span.clsInfo
{
     font-size: 8pt;
     font-family: verdana,helvetica; 
     color: black;
}

/* control panel */
div.clsBorder
{
	/*margin: 5px;*/
	padding-bottom: 10px;
}
span.clsControlH1
{
     font-size: 10pt;
     font-family: verdana,helvetica; 
     font-weight: bold;
     color: black;
}
span.clsControlH2
{
     font-size: 10pt;
     font-family: verdana,helvetica; 
     color: black;
     margin-left: 20px;
}

/* system message */
div.clsDivMsg
{
	border: 1px solid #C0C0C0;
	padding: 5px;
	color: #0099CC;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* control design keyword */
.clsDesignH1
{
	font-size: 12px;
}


/* ajax overlay */
.clsBlueBellOverlay
{
	background-color: #CCCCCC;
	border: 1px #000000 solid;
	padding: 10px;
	font-size: 12px;
	text-align: left;
}
.clsStatus
{
	padding: 5px;
	color: #0099CC;
	font-size: 10px;
}

/* design & text layer */
.clsEShopLayer
{
	padding: 0px;
	cursor: pointer;
	white-space: nowrap;
}

/* tool tip */
.clsToolTipHd
{
	background:#F3F0E7;
	font-family:verdana,helvetica;
	font-size:12px;
	font-weight:bold;
	border:1px solid #C8BA92;
	padding:5px;
}
.clsToolTipBd
{
	background:#FFFFFF;
	font-family:verdana,helvetica;
	font-size:12px;
	border-left:1px solid #C8BA92;
	border-right:1px solid #C8BA92;
	border-bottom:1px solid #C8BA92;
	padding:5px;
}

/* popout dialog box copy link */
.clsPopoutDialogHd
{
	background-image: url('/eshop3/IMAGE/bar/blue.png');
	/*background:#F3F0E7;*/
	font-family:verdana,helvetica;
	font-size:12px;
	font-weight:bold;
	border:1px solid #C8BA92;
	padding:2px 5px 2px 5px;
	color:#FFFFFF;
}
.clsPopoutDialogBd
{
	background:#FFFFFF;
	font-family:verdana,helvetica;
	font-size:12px;
	border-left:1px solid #C8BA92;
	border-right:1px solid #C8BA92;
	border-bottom:1px solid #C8BA92;
	padding:5px;
}

/* image within design */
.clsDesignImage
{
	float: left;
	font-size:10px;
	margin:5px;
}

/* title for text & design */
.clsDesignLayerTitle
{
	font-family:verdana,helvetica;
	font-size:12px;
	padding:0px 0px 5px 0px;
}

/* box up text & design */
.clsDesignLayerBox
{
	font-family:verdana,helvetica;
	font-size:12px;
	margin:5px 0px 5px 0px;
	padding:5px;
	border:1px solid #C8BA92;
}

/* gradient bar */
.clsGradientBarBlue
{
	font-family:verdana,helvetica;
	background-image: url('/eshop3/IMAGE/bar/blue.png');
	color: #FFFFFF;
	font-size: 16px;
	font-weight:bold;
	padding:2px;
	margin-bottom:5px
}
.clsGradientBarPink
{
	font-family:verdana,helvetica;
	background-image: url('/eshop3/IMAGE/bar/pink.png');
	color: #FFFFFF;
	font-size: 16px;
	font-weight:bold;
	padding:2px;
	margin-bottom:5px
}

/* shopping bag item */
.clsBagItem
{
	font-family:verdana,helvetica;
	font-size: 12px;
	padding-right: 20px;
}

.clsBagItemHeader
{
	font-family:verdana,helvetica;
	font-size: 12px;
	padding-right: 20px;
	font-weight:bold;
	color: #0000FF;
}

.clsBagItemRemark
{
	font-family:verdana,helvetica;
	font-size: 12px;
	padding-right: 20px;
	color: blue;
}

/* suggest tags */
.clsSuggestedTag
{
	font-family:verdana,helvetica;
	font-size: 11px;
	padding-right: 10px;
}

/* suggest tags */
.clsSuggestedTagTitle, .clsSuggestedTagTitle a
{
	font-family:verdana,helvetica;
	font-size: 11px;
	margin-top:10px;
	color:gray;
	text-decoration: none;
}

.clsSuggestedTagTitle a:hover
{
	text-decoration: underline;
}

/* email like text */
.clsDefaultIndent
{
	font-family:verdana,helvetica;
	font-size: 12px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.clsDefaultText
{
	font-family:verdana,helvetica;
	font-size: 12px;
}

/* quick link */
span.clsQuickLink
{
     font-size: 9pt;
     font-family: verdana,helvetica; 
     color: #129E4D;
     /*font-weight: bold;*/
}

/* eshop title */
.clsGradientBarMain
{
	background-image: url('/eshop3/IMAGE/bar/orange.png');
	font-family:verdana,helvetica;
	color:#FFFFFF;
	font-size: 16px;
	font-weight:bold;
	padding:1px;
	margin-bottom:5px
}