body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding-top:10px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	vertical-align:top;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
font {
	/*font-size:11px;*/
}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: solid 1px #222127;
}
input.RightText    {font-family: arial; font-size: 11px; text-align: right;}
hr {
	height:1px;
	border:dashed 1px #CCCCCC;
}
select {
	font-size:10px;
}

.ActionButton_login {
	height: 20px;
	vertical-align:top;
	border-right: #E2E4F3 1px solid;
	border-top: #E2E4F3 1px solid;
	border-bottom: #A9AAB4 1px solid;
	border-left: #A9AAB4 1px solid;		
	color: #FFFFFF;
	background-color:#84848C;
	cursor: pointer; _cursor: hand;
	font-family:century gothic,arial,verdana;	
	font-size: 11px;
	font-weight:bold;
}
.user_login{
	font-family:century gothic,arial,verdana;
	color:#000000;
	height:20px;
	border-left: #E2E4F3 1px solid;
	border-bottom: #E2E4F3 1px solid;
	border-top: #A9AAB4 1px solid;
	border-right: #A9AAB4 1px solid;
	background-color:#E2E4F3;
}

.ActionButton {
	vertical-align:top;
	border: #000000 1px solid;
	cursor: pointer; _cursor: hand;
	font-size: 13px
}

.mainTB {
	width: 100%;
	height: 100%;
}

.bannerTD {
	height: 75px;
}

.menuTD {
	height: 25px;
	background-image:url('../images/menu_bg.gif');
}
h4 {
	font-weight:bold;
	font-size:16px;
}
.SubMenuTB {
	border-top:Solid 1px #FFFFFF;
	border-left:Solid 1px #FFFFFF;
	border-right:Solid 1px #FFFFFF;
	width:160px;
}
.SubMenuTD {
	padding:4px;
	cursor:pointer;
	_cursor:hand;
	border-bottom:solid 1px #FFFFFF;

}

.leftmenuTD {
	vertical-align:top;
	width:170px;
	text-align:left;
	/*background-color:#FFFFFF;*/	
}

.PageTitle {
	color: #CCFFFF;
}

.Toolbar {
	margin-top: 0px;
	margin-bottom: 5px;
	border-top-style: solid;
	padding: 2px;
	border-color: gray;
	border-bottom-style: solid;
	border-width: 2px;
	color: #2A3F55;
}

.EntryTable        {margin-left: auto; margin-right: auto;}
.EntryTable .Data  {font-family: arial; font-size: 10px}
.EntryTable .Error {color: #FF0000; font-family: arial; font-size: 10px }
.EntryTable .Label {
	color: DarkBlue;
	font-family: arial;
	font-size: 10px;
	text-align: right;
	border-bottom:dashed 1px #FFFFFF;
}
.EntryTable .Notify {
	color: DarkBlue;
	font-family: arial;
	font-size: 11px;
	text-align: left;
	border-bottom:dashed 1px #FFFFFF;
}

.ReportTable         {Border: solid gray 1px; Border-top: none}
.ReportTable .Data   {font-family: arial; font-size: 12px;  padding-left: 3px; padding-right: 3px}
.ReportTable .Header {color: DarkBlue; background-color: white; font-family: arial; font-size: 13px;  padding-left: 3px; padding-right: 3px }

.Header {
	color:#333333;
	text-align:center;
	height: 22px;
	border:solid 1px #FFFFFF;
	background-color:#FFFFFF;
}
.Header2 {
	color:#333333;
	text-align:left;
	height: 24px;
	background-color:#FFFFFF;
}
.Header3 {
	font-weight:bold;
	color:#333333;
	text-align:left;
	height: 24px;
	border-bottom:dashed 1px #FFFFFF;
	background-color:#FFFFFF;
}
.Header4 {
	color:#333333;
	text-align:left;
	height: 22px;
	border:solid 1px #D6D8E7;
	background-color:#FFFFFF;
}
.Data {
	vertical-align:top;
	color:#333333;
	height:23px;
	text-align:left;
	border-bottom:dashed 1px #FFFFFF;
}
.Data2 {
	vertical-align:top;
	color:#333333;
	height:6px;
	text-align:left;
	border-bottom:dashed 1px #333333;
}
.StMastSep {
	vertical-align:top;
	color:#333333;
	height:6px;
	text-align:left;
	border-bottom:solid 1px #333333;
}

.Data4 {
	background-color:#FFFFFF;
	vertical-align:top;
	color:#333333;
	height:23px;
	text-align:left;
}
.contentTD {
	width:100%;
	padding:0px;
	vertical-align: top;
}

.footerTD {
	padding-top:10px;
	height: 25px;
	background-image:url('../images/footer_bg.gif');
	vertical-align:middle;
}

.bannerTB {
	height:100%;
	width:100%;
}

.logoTD {
	vertical-align:bottom;
}

.searchTD {
	vertical-align:bottom;
	text-align: right;
	padding-right: 8px;
}

.searchInput {
	height: 20px;
	width: 130px;
}
.searchButton {
	border: none;
}

.contentTB {

}

.contentTD1 {
	width: 170px;
	vertical-align:top;
}

.contentTD2 {
	width:800px;
	vertical-align:top;
}

.contentTDAdmin {
	color: #FFFFFF;
	width: 960px;
	align: center;
	vertical-align:top;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
}
.contentTDAdminReport {
	color: #FFFFFF;
	width: 960px;
	vertical-align:top;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
}

.contentTD3 {
	width: 170px;
	vertical-align:top;
}



.MainContentTD {
	background-color: #FFFFFF;
	color:#000000;
}
.MainContentTDText{
	vertical-align:top;
	padding:20px;
	background-color:#FFFFFF;
	text-align:justify;
}


.TD3Content {
	width: 100%;
}

.TD3ContentTD1 {	
	background-color:#818286;
	padding:10px;
}

.TD3ContentTD2 {
	background-color: #FFFFFF;
	padding:10px;
}

ScrollDiv {
overflow: auto;
background-color: #FFFFFF;
border-color: #CCCCCC #666666 #666666 #CCCCCC;
border: 1px solid;
}

TD.ResponseContainer {
	background-color: #FFFFFF;
	color: #808080;
	font-size: small;
}

TD.ResponseContainer .OperationSucces {
}

TD.ResponseContainer .OperationError {
	color: Red;
	font-weight: bold;
}

/* Menu CSS */

#nav {

	padding: 0;
	margin:0px;
	position:relative;
	top:3px;
}

#nav ul, #nav li {
	display: inline;
	/*list-style-type: none;*/
	margin: 0;
	padding: 0;
}

#nav a, #nav a:link {
	/*background: #2A3F55;
	border: 1px solid #006699;
	border-left: 1px solid #99ccff;
	color: #FFFFFF;
	display: inline;
	font: bold 11px Arial, Helvetica, sans-serif;
	line-height: 14px;
	margin: 0 0 0 2px;
	padding: 2px 3px;
	text-decoration: none;*/
}

#nav a:hover {
	/*background: #E2E4F3;
	border: 1px solid #520;
	border-left: 1px solid #ccc;
	font: bold 11px Arial, Helvetica, sans-serif;*/
}

#nav a.active, #nav a:link.active, #nav a:hover.active {
	/*background: #E2E4F3;
	border: 1px solid #520;
	border-left: 1px solid #520;
	color: #000000;
	font: bold 11px Arial, Helvetica, sans-serif;*/
}

#subs {


}

#ScrollDiv {
	width:100%;
	height:400px;
	overflow: auto;
	/*background-color: #E3E1DD;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
	border: 1px solid;*/
}

/*
Dynamic Preview Module
*/
.DynPreviewWraper { border: 1px solid #a0acb8; background: #fff; z-index: 10; position: absolute; overflow: hidden; }
.DynPreviewWraper iframe { display: none; border: 0; display: block; position: absolute; top: 0; left: 0; z-index: -1; filter: mask(); width: 3000px; height: 3000px; }
#DynPreviewContainer { width: 100%; text-align: center; position: absolute; top: 40%; }
.DynPreviewTitle { padding: 4px 7px 4px 7px; margin: 0; color: #1b1b1b; background: #fff; font-size: 11px; font-weight: normal; }
.DynPreviewTitle span.sku { color: #a5a5a5; font-weight: normal; font-size: 9px; }
.DynPreviewTitle span.pr { color: #ff8c00; font-weight: bold; font-size: 12px; }
.DynPreviewTitle strong.ti { color: #333; font-weight: bold; font-size: 12px; }
.DynPreviewTitle p { margin: 0; color: #2e2e2e; font-weight: normal; font-size: 10px; }
.DynPreviewTitle p.tit { margin: 2px 0 0 0; padding: 6px; background: #eff1f4; }
.DynPreviewTitle ul, .DynPreviewTitle li { margin: 0 0 0 10px; padding: 0; }
.DynPreviewTempLoad { padding: 0; margin: 0 auto; }
.DynPreviewLoaderBg { width: 113px; background: #f2f3f5; font-size: 1px; position: relative; top: 8px; left: 8px; height: 13px; }
.DynPreviewLoader { padding: 10px 0 16px 0; margin: 0 auto; width: 135px; border: 1px solid #d7dce1; display: block; color: #333; background: #fff; text-align: left; z-index: 255; }
#DynProgress { width: 1px; background: #dde0e5; font-size: 1px; height: 12px; position: relative; top: 1px; left: 10px; }
#DynPreviewPlace { display: none; position: absolute; z-index: 110; }

