/* usual control style */
body, div, span, td, form, input, a, img, textarea, select, pre
{
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 10pt;
}
H1
{
	font-size: medium;
	font-weight: normal;
	line-height: normal;
	margin: 0px 0px 0px 0px;
	white-space:nowrap;
}
body
{
	/*scrollbar-face-color: #99CCFF; 	scrollbar-highlight-color: #99CCFF; 	scrollbar-shadow-color: #6699CC; 	scrollbar-base-color: #336699; 	scrollbar-3dlight-color: #BBDDFF; 	scrollbar-arrow-color: #003366; 	scrollbar-track-color: #CCDDFF; 	scrollbar-darkshadow-color: #6699CC;*/

}

/* all of links */
a:link, a:active, a:visited
{
	color: #336699;
	text-decoration: none;
}

/* link style on mouse over */
a:hover
{
	color: #3399CC;
	text-decoration: underline;
}

/* drop the blank are in form */
form
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

hr
{
	width: 100%;
	height: 1px;
	margin: 0px;
	padding: 0px;
	color: #AACCEE;
	border-color: #AACCEE;
}

ul, ol, li
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

p
{
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom:0px;
}

/* Footer Text */
.Footer
{
	text-align: center;
}

/* Force Wrap */
.Wrap
{
	white-space: normal; /*word-break: break-all;*/
}

/* Error message */
.ErrorMessage
{
	color: #FF0000;
}

/* safe message */
.SafeMessage
{
	color: #008800;
}

/* over flow text */
.EllipsesText
{
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display: block;
}

/* button style */
.Button, .Button
{
	background-color: #F0F8FF;
	text-align: center;
	vertical-align: top;
	color: #000000;
	border: solid 1px #336699;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 1px; /*padding-bottom:2px;*/
	height: 18px;
}
/* File upload style */
.FileUpload
{
	height: 18px;
	border: solid 1px #336699;
	color: #000000; /*border: solid 1px #336699;*/
}
/* TextBox style */
.TextBox
{
	width: 170px;
	padding: 1px;
	padding-left: 3px;
	color: #000000;
	border: solid 1px #9B9A9A;
	background: url(Images/Controls/TextBoxBg.gif) no-repeat left top;
}

/* Multi line TextBox style */
textarea.TextBox
{
	color: #000000;
	padding: 1px;
	border: solid 1px #9B9A9A;
	height: 100px;
	width: 200px;
}

/* checkbox style */
span.CheckBox input, input.CheckBox
{
	width: 16px;
	height: 16px;
}

.Readonly
{
	background-color: ButtonFace;
	color: GrayText;
}


/* Dropdownlist style */
.DropDownList, .DropDownListParts
{
	height: 18px;
	border: solid 1px #9B9A9A;
}

.DropDownListParts
{
	width: 160px;
}

/* NotSpecified option */
option.NotSpecified
{
	font-style: italic;
}

/* Logo */
.Logo
{
	/*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#336699', EndColorStr='#C8D8E8');*/
}
.Banner
{
	/*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#C8D8E8', EndColorStr='#336699');*/
}

.NavigateMenuContainer
{
	padding: 0px 0px 0px 0px;
	background-color: transparent; /*background-color: #C8D8E8; 	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr= '#F0F8FF' ,EndColorStr= '#C8D8E8' ); 	moz-opacity: 0.6; /*background-image: url(Images/Navigate.gif);*/
}
.NavigateMenuContainer A IMG
{
	display: none;
}
.NavigateMenuContainer .NavigateMenu A IMG
{
	display: inherit;
}
.NavigateMenu
{
}
.NavigateMenuStaticMenu
{
	padding:0px;
	margin: 0px;
}

.NavigateMenuStaticMenuItem
{
	padding: 0px;
	margin: 0px;
	height: 37px;
}

.NavigateMenuDynamicMenu
{
	border: solid 1px #DDDDDD;
	padding: 2px;
	background: #6198AF;
}
.NavigateMenuDynamicMenu TABLE
{
	padding: 0px;
	margin: 0px;
}
.NavigateMenuDynamicMenuItem
{
	background-color: #EBEBEB;
	vertical-align: middle;
	width: 100%;
	text-decoration: none;
	width: 180px;
	height: 22px;
}

.NavigateMenuStaticMenuItem A
{
	display: block;
	height: 21px;
	overflow: hidden;
	vertical-align: middle;
	padding-top: 3px;
	padding-left: 8px;
	padding-right: 8px;
	font-family: Tahoma;
	font-weight: bold;
}

.NavigateMenuDynamicMenuItem A
{
	height: 20px;
	overflow: hidden;
	display: block;
	padding-top: 2px;
	text-indent: 16px;
	font-weight: bold;
	/*padding: 4px 16px 4px 16px;*/
}
.NavigateMenuStaticMenuItem A:link, .NavigateMenuStaticMenuItem A:hover, .NavigateMenuStaticMenuItem A:visited, .NavigateMenuStaticMenuItem A:active 
{
	text-decoration: none;
	color: #ffffff;
	/*margin: 4px 16px 4px 16px;*/
}

.NavigateMenuDynamicMenuItem A:link, .NavigateMenuDynamicMenuItem A:hover, .NavigateMenuDynamicMenuItem A:visited, .NavigateMenuDynamicMenuItem A:active
{
	text-decoration: none;
	color: #120652;
	/*margin: 4px 16px 4px 16px;*/
}

.NavigateMenuStaticMenuItemHover A:link, .NavigateMenuStaticMenuItemHover A:hover, .NavigateMenuStaticMenuItemHover A:visited, .NavigateMenuStaticMenuItemHover A:active, .NavigateMenuDynamicMenuItemHover A:link, .NavigateMenuDynamicMenuItemHover A:hover, .NavigateMenuDynamicMenuItemHover A:visited, .NavigateMenuDynamicMenuItemHover A:active
{
	color: #000000;
}

.NavigateMenuDynamicMenuItemHover A:link, .NavigateMenuDynamicMenuItemHover A:hover, .NavigateMenuDynamicMenuItemHover A:visited, .NavigateMenuDynamicMenuItemHover A:active
{
	color: #120652;
}
.NavigateMenuDynamicMenuItemHover
{
	background-color: #518195;
}
.NavigateMenuStaticMenuItemHover
{
}

.NavigateMenuDynamicMenuItemSelected A
{
}

.ContextMenu
{
}
.ContextMenuStaticMenu
{
	padding: 0px;
	margin: 0px;
}

.ContextMenuStaticMenuItem
{
	height: 100%;
}

.ContextMenuStaticMenuItem A:link, .ContextMenuStaticMenuItem A:hover, .ContextMenuStaticMenuItem A:visited, .ContextMenuStaticMenuItem A:active
{
	padding: 1px 0px 1px 0px; /*width: 100px;*/
}

.ContextMenuDynamicMenu
{
	border: solid 1px #336699;
	padding: 2px 2px 2px 2px;
	width: 120px;
	overflow: visible;
	background-color: #F0F8FF;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#F0F8FF',EndColorStr='#C8D8E8');
}
.ContextMenuDynamicMenu TABLE
{
	padding: 0px;
	margin: 0px; /*2px 0px 2px 0px;*/
	width: 100%;
}
.ContextMenuDynamicMenu TABLE TABLE
{
	margin: 0px;
}
.ContextMenuDynamicMenuItem
{
	vertical-align: middle;
	text-align: left;
	height: 16px;
	width: 100%;
	text-decoration: none;
}
.ContextMenuDynamicMenuItem A
{
	height: 100%;
	width: 120px;
	padding: 1px 8px 1px 8px;
}

.ContextMenuStaticMenuItem A:link, .ContextMenuStaticMenuItem A:hover, .ContextMenuStaticMenuItem A:visited, .ContextMenuStaticMenuItem A:active,
.ContextMenuDynamicMenuItem A:link, .ContextMenuDynamicMenuItem A:hover, .ContextMenuDynamicMenuItem A:visited, .ContextMenuDynamicMenuItem A:active
{
	text-decoration: none;
	color: #336699;
	padding: 1px 8px 1px 8px;
}

.ContextMenuStaticMenuItem A:link, .ContextMenuStaticMenuItem A:hover, .ContextMenuStaticMenuItem A:visited, .ContextMenuStaticMenuItem A:active
{
	padding: 2px 0px 2px 4px;
}
.ContextMenuStaticMenuItemHover A:link, .ContextMenuStaticMenuItemHover A:hover, .ContextMenuStaticMenuItemHover A:visited, .ContextMenuStaticMenuItemHover A:active, .ContextMenuDynamicMenuItemHover A:link, .ContextMenuDynamicMenuItemHover A:hover, .ContextMenuDynamicMenuItemHover A:visited, .ContextMenuDynamicMenuItemHover A:active
{
	color: #FFBB00;
}

.ContextMenuDynamicMenuItemHover, .ContextMenuStaticMenuItemHover
{
	background-color: #6699CC;
}

.ContextMenuDynamicMenuItemSelected A
{
	/*background-image: url(Images/Radio.gif);*/
	background-repeat: no-repeat;
	background-position: left center;
}


/* TreeView Style Begin */
.TreeView
{
}
TD.TreeViewNode
{
	width: 100%;
}
.TreeViewNode a:link, .TreeViewNode a:active, .TreeViewNode a:visited
{
	margin-left: 2px;
}

.TreeViewSelectedNode
{
	background-color: #336699;
}
.TreeViewSelectedNode a:link, .TreeViewSelectedNode a:active, .TreeViewSelectedNode a:visited
{
	color: #FFFFFF;
}

/* TreeView Style End */


/* SiteHeader */
.SiteHeader
{
	padding-left: 1px;
	padding-right: 1px;
}
.SiteHeaderContainer
{
	padding-top: 1px;
	padding-bottom: 1px;
}

.Hidden
{
	display: none;
}

.FillDock
{
	width: 100%;
	height: 100%;
}

.PageTitle
{
	font-weight: bold;
	font-size: 14px;
}

.ContentSplit
{
	color:Black;
	background:url(../../images/site/ContentSplit.gif);
	padding: 3px 6px 3px 6px;
}
.GridView
{
	border: solid 1px #C0D0E0;
	empty-cells: show;
}

.ManagerList
{
}
.ManagerListHeader,
.ManagerListHeader th,
.ManagerListHeader th
{
	background-color: #E8E8E8;
	color: #000000;
	font-family: Tahoma;
	font-size: 11px;
}


.GridViewFooter
{
	font-size: 11px;
	font-weight: bold;
}
/*.GridView td, */
.GridView th
{
	/*padding: 2px 4px 2px 4px;*/
	height: 20px;
	vertical-align: middle;
	margin: 1px;
}

.GridViewHeader,
.GridViewHeader th,
.GridViewHeader th
{
	padding: 2px 2px 2px 2px;
	background-color: #E8E8E8;
	color: #000000;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
}


.GridViewFooter
{
	font-size: 11px;
	font-weight: bold;
}

.GridViewEmptyDataRow
{
}

.GridViewRow, .GridViewAlternatingRow
{
	font-size: 11px;
	height: 18px;
	vertical-align: middle;
}

.GridViewRow
{
	/*color: #000000;
	background-color: #FFFFFF;*/


}

.GridViewAlternatingRow
{
	color: #000000;
	background-color: #F0F8FF;


}

.GridViewSelectedRow
{
	background-color: #AABBFF;
}

/*.GridViewRow input, .GridAlternatingRow input
{
	background-color: #F0F8FF;
	text-align: center;
	vertical-align: top;
	color: #000000;
	border: solid 1px #336699;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 1px;
	height: 18px;
}*/

.GridViewPager
{
	font-size: 11px;
}

.GridViewPager A
{
	display: block;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	height: 100%;
	/*font-weight: bold;*/
}
.GridViewPager A.CurrentPage
{
	color: Red;
}

/* GridView Style End */


.AccordionHeader, .AccordionHeaderSelected
{
	background-color: #E0EFFF;
	height: 24px;
	padding-top: 4px;
	vertical-align: middle;
	text-align: left; /*border-bottom: solid 1px #336699;*/
	cursor: hand;
	font-weight: bold;
}

.AccordionHeaderSelected
{
	background-color: #DDEEFF;
}

.AccordionContent
{
}

.PushDown
{
	border-style: inset;
	border-width: 1px; /* 	border-top: inset 1px #000000; 	border-left: inset 1px #000000; 	border-bottom: inset 1px #FFFFFF; 	border-right: inset 1px #FFFFFF; */
}

.FormView
{
	/*border: solid 1px #DDEEFF;*/
}

.FormViewHeader
{
	background-color: #F0F8FF;
	padding-top: 10px;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
}
.QuantityTextBox
{
	text-align: center;
	font-weight: bold;
	border: solid 1px #006699;
}

.DecimalTextBox
{
	text-align: right;
	border: solid 1px #006699;
}

.TableCaption
{
	padding: 4px 4px 4px 4px;
	background-color: #EEEEEE;
	color: #000000;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
}

.CenterText
{
	text-align:center;
	vertical-align:middle;
}

/* Sales Orders style　*/
.InputReadonly{
	FONT-SIZE: 9pt; 
	COLOR: #888888; 
	FONT-FAMILY: Arial;
	border:#888888 solid;
	border-width:1 1 1 1;
	background-color:#eeeeee;
	width: 200px;
}
.input
{
	font-size: 9px;
	FONT-FAMILY: Arial;
	BORDER: #6f6f6f solid;
	border-width:1 1 1 1;
	width: 200px;
}
.button
{
	border-right: #6f6f6f 1px solid;
	border-top: #6f6f6f 1px solid;
	font-weight: bold;
	font-size: 11px;
	background: url(../images/input_back.gif) #fff repeat-x;
	border-left: #6f6f6f 1px solid;
	border-bottom: #6f6f6f 1px solid;
}
.Spliter
{
	border-top: #000 1px dotted;
}
.TableBorder1 {
    border:#333333 solid;
    border-width:0.9pt 0.9pt 0.9pt 0.9pt;
    TABLE-LAYOUT: auto;
    BORDER-COLLAPSE: collapse;
    width:100%
}
/* Warning Text style */
.TextWarning {
	font-size:10px;
	COLOR: #ff0000; 
	FONT-FAMILY: verdana, arial; 
	TEXT-DECORATION: none
}
.OrderItemListHeader
{
	font-size:10px;
	color:White;
	font-weight:bold;
	background:#006699;
}

/* Sales Orders Style End　*/

/* EditMailTemplate Style */
.MailTemplate_title
{
     background-color:#48832B;
     height:24px;
     color:White;
     font-weight:bold;
     font-family:Verdana;
     font-size:12px;
     padding:0 4 0 4;	
}
.MailTemplate_list
{
     background-color:#EFEFEF;
     font-family:Verdana;
     font-size:12px;
     padding:0 10 0 10;	
}
.MailTemplate_input
{
     border:#7F9DB9 1px solid;
     
}

UL
{
	font-size:11px;
	font-family: Verdana, Lucida, Helvetica, sans-serif;
}

UL.Collapse, UL.Expand {
	cursor: hand;
	margin-top:0px;
	margin-bottom :0px;
	margin-left: 24px;
	padding-top:0px;
	padding-bottom:0px;
}

UL.Collapse LI
{
	list-style-image: url(../../images/site/plusicon.gif);
}

UL.Expand LI
{
	list-style-image: url(../../images/site/minusicon.gif);
}

UL.Collapse LI, UL.Expand LI
{
	line-height: 18px;
	list-style-position: outside;
	background-color:#EFEFEF;
	margin-top:0px;
	margin-bottom :0px;
	padding-top:0px;
	padding-bottom:2px;
}

UL.Collapse UL
{
	display: none;
}

UL.Collapse UL,UL.Expand UL
{
	margin-top:0px;
	margin-bottom :0px;
	margin-left: 16px;

	padding-top:0px;
	padding-bottom:2px;
}

UL.Expand UL LI
{
	list-style-image: url(../../images/site/node.gif);
}
Hidden
{
	display: none;
}
/* modal popup */
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.ContainerController td
{
	font-size: 9pt;
}
.accordionHeader
{
   border: 1px solid #2F4F4F;
   color: white;
   background-color: #2E4d7B;
font-family: Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
   padding: 5px;
   margin-top: 5px;
   cursor: pointer;
}
.accordionHeader a
{
color: #FFFFFF;
background: none;
text-decoration: none;
}
.accordionHeader a:hover
{
background: none;
text-decoration: underline;
}

.accordionHeaderSelected
{
   border: 1px solid #2F4F4F;
   color: white;
   background-color: #5078B3;
font-family: Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
   padding: 5px;
   margin-top: 5px;
   cursor: pointer;
}
.accordionHeaderSelected a
{
color: #FFFFFF;
background: none;
text-decoration: none;
}
.accordionHeaderSelected a:hover
{
background: none;
text-decoration: underline;
}

.accordionContent
{
   background-color: #D3DEEF;
   border: 1px dashed #2F4F4F;
   border-top: none;
   padding: 5px;
   padding-top: 10px;
}