/* log in */
.LogIn-Panel { border:8px solid #caebf5; background-color:#edf9fc; }
.LogIn-Header { font-size:medium; font-weight:bold; }

/* border */
.Border-Left { border-left: 1px solid #b7b7b7; }
.Border-Top { border-top: 1px solid #b7b7b7; }
.Border-Right { border-right: 1px solid #b7b7b7; }
.Border-Bottom { border-bottom: 1px solid #b7b7b7; }
.Border-All { border:1px solid #b7b7b7; }
.Border-Highlight { border:2px solid red;}
.Border-NonHighlight { border:2px solid white;}
.Border-White { border:1px solid white; }
.Border-Grey { border:1px solid black; }

/* padding */
.Padding-Small { padding:5px 5px 5px 5px; }
.Padding-Big { padding:10px 10px 10px 10px; }
.Padding-Bigger { padding:15px 15px 15px 15px; }
.Padding-Biggest { padding:20px 20px 20px 20px; }
.Padding-Left-Small { padding-left:5px; }
.Padding-Left-Big { padding-left:10px }
.Padding-Left-Bigger { padding-left:15px }
.Padding-Left-Biggest { padding-left:20px }
.Padding-Top-Small { padding-top:5px; }
.Padding-Top-Big { padding-top:10px }
.Padding-Top-Bigger { padding-top:15px }
.Padding-Top-Biggest { padding-top:20px }
.Padding-Right-Small { padding-right:5px; }
.Padding-Right-Big { padding-right:10px }
.Padding-Right-Bigger { padding-right:15px }
.Padding-Right-Biggest { padding-right:20px }
.Padding-Bottom-Small { padding-bottom:5px; }
.Padding-Bottom-Big { padding-bottom:10px }
.Padding-Bottom-Bigger { padding-bottom:15px }
.Padding-Bottom-Biggest { padding-bottom:20px }


/* margin */
.Margin-Small { margin:5px 5px 5px 5px; }
.Margin-Big { margin:10px 10px 10px 10px; }
.Margin-Bigger { margin:15px 15px 15px 15px; }
.Margin-Biggest { margin:20px 20px 20px 20px; }
.Margin-Left-Small { margin-left:5px; }
.Margin-Left-Big { margin-left:10px }
.Margin-Left-Bigger { margin-left:15px }
.Margin-Left-Biggest { margin-left:20px }
.Margin-Top-Small { margin-top:5px; }
.Margin-Top-Big { margin-top:10px }
.Margin-Top-Bigger { margin-top:15px }
.Margin-Top-Biggest { margin-top:20px }
.Margin-Top-Section { margin-top:30px }
.Margin-Right-Small { margin-right:5px; }
.Margin-Right-Big { margin-right:10px }
.Margin-Right-Bigger { margin-right:15px }
.Margin-Right-Biggest { margin-right:20px }
.Margin-Bottom-Small { margin-bottom:5px; }
.Margin-Bottom-Big { margin-bottom:10px }
.Margin-Bottom-Bigger { margin-bottom:15px }
.Margin-Bottom-Biggest { margin-bottom:20px }


/* alignment */
.HAlign-Left { text-align:left; }
.HAlign-Center { text-align:center; }
.HAlign-Right { text-align:right; }
.HAlign-ParentCenter { margin-left:auto; margin-right:auto; }
.HAlign-ParentRight { margin-left:auto; margin-right:0; }
.VAlign-Top { vertical-align:top; }
.VAlign-Bottom { vertical-align:bottom; }


/* popup */
.Popup { border:3px solid #5f6d77; background-color:#fbfbfb; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; }
.Popup .TitleBar { height:36px; background-color:#596771; margin:2px 2px 0px 2px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; }
.Popup .Title { font:normal 18px/18px Arial, Helvetica, sans-serif;letter-spacing:-1px;color:#ffc23f;  padding-left:10px; padding-top:3px; font-weight:bold }
.Popup .Message { color:Black; }
.Popup .CloseButtonContainer { width:50px; text-align:right; padding-right:2px;}
.Popup .CloseButton { cursor:pointer; padding-top:2px; }


/* button */
.Button25 { display:table-cell; text-align:center; vertical-align:middle; background-color:transparent; border:none; background-image:url(Button/Width25.png); background-repeat:no-repeat; color:Black; cursor:pointer; width:25px; height:25px; }
.Button25:hover { background-image:url(Button/Width25HOver.png); background-repeat:no-repeat; }
.Button46 { display:table-cell; text-align:center; vertical-align:middle; background-color:transparent; border:none; background-image:url(Button/Width46.png); background-repeat:no-repeat; color:Black; cursor:pointer; width:46px; height:25px; }
.Button46:hover { background-image:url(Button/Width46HOver.png); background-repeat:no-repeat; }
.Button70 { display:table-cell; text-align:center; vertical-align:middle; background-color:transparent; border:none; background-image:url(Button/Width70.png); background-repeat:no-repeat; color:Black; cursor:pointer; width:70px; height:25px; }
.Button70:hover { background-image:url(Button/Width70HOver.png); background-repeat:no-repeat; }
.Button120 { display:table-cell; text-align:center; vertical-align:middle; background-color:transparent; border:none; background-image:url(Button/Width120.png); background-repeat:no-repeat; color:Black; cursor:pointer; width:120px; height:25px; }
.Button120:hover { background-image:url(Button/Width120HOver.png); background-repeat:no-repeat; }
.Button-Add { background-color:transparent; border:none; background-image:url(Button/Add.png); background-repeat:no-repeat; color:Black; cursor:pointer; width:22px; height:21px; }
.Button-Add:hover { background-image:url(Button/AddHOver.png); background-repeat:no-repeat; }
.Button-Add-Single { background-color:transparent; border:none; background-image:url(Button/Add_Single.png); background-repeat:no-repeat; color:Black; cursor:pointer; width:22px; height:21px; }
.Button-Add-Single:hover { background-image:url(Button/Add_SingleHOver.png); background-repeat:no-repeat; }
.Button-Edit {background-color:transparent; border:none; background-image:url(Button/Edit.png); background-repeat:no-repeat; color:Black; cursor:pointer; width:22px; height:21px; }
.Button-Edit:hover { background-image:url(Button/EditHOver.png); background-repeat:no-repeat; }
.Button-Edit-Left {background-color:transparent; border:none; background-image:url(Button/Edit_Left.png); background-repeat:no-repeat; color:Black; cursor:pointer; width:22px; height:21px; }
.Button-Edit-Left:hover { background-image:url(Button/Edit_LeftHOver.png); background-repeat:no-repeat; }
.Button-Delete {background-color:transparent; border:none; background-image:url(Button/Delete.png); background-repeat:no-repeat; color:Black; cursor:pointer; width:22px; height:21px; }
.Button-Delete:hover { background-image:url(Button/DeleteHOver.png); background-repeat:no-repeat; }
.Button-Upload { text-align:center; vertical-align:middle; background-color:transparent; border:none; background-image:url(Button/Width70.png); background-repeat:no-repeat; color:Black; cursor:pointer; }
.Button-Upload:hover { background-image:url(Button/Width70HOver.png); background-repeat:no-repeat; }
.Button-ToggleUp { background-color:transparent; border:none; background-image:url(Button/ToggleUp.png); background-repeat:no-repeat; color: Black; cursor: pointer; width:21px; height:21px; }
.Button-ToggleUp:hover {background-image:url(Button/ToggleUpHOver.png); background-repeat:no-repeat; }
.Button-ToggleDown { background-color:transparent; border:none; background-image:url(Button/ToggleDown.png); background-repeat:no-repeat; color:Black; cursor:pointer; width:21px; height:21px; }
.Button-ToggleDown:hover { background-image:url(Button/ToggleDownHOver.png); background-repeat:no-repeat; }
.Button-Small {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e6e6e6) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #e6e6e6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6');
	background-color:#ffffff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#1a1814;
	font-family:arial;
	font-size:10px;
	font-weight:normal;
	padding:3px 5px;
	text-decoration:none;
    margin-top:1px;
}
.Button-Small:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e6e6e6), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #e6e6e6 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#ffffff');
	background-color:#e6e6e6;
}
.Button-Small:active {position:relative;top:1px;}
.Button-Small-Select {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5b000), color-stop(1, #ebd215) );
	background:-moz-linear-gradient( center top, #f5b000 5%, #ebd215 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5b000', endColorstr='#ebd215');
	background-color:#f5b000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#1a1814;
	font-family:arial;
	font-size:10px;
	font-weight:normal;
	padding:3px 5px;
	text-decoration:none;
}
.Button-Small-Select:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffb700), color-stop(1, #ffcc00) );
	background:-moz-linear-gradient( center top, #ffb700 5%, #ffcc00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb700', endColorstr='#ffcc00');
	background-color:#ffb700;
}
.Button-Small-Select:active {position:relative;top:1px;}

/* link */
.Link-Red { color:Red; cursor:pointer; }
.Link-ReadMore { color:Red; font-family:Tahoma, "Trebuchet MS", Verdana, "Trebuchet MS"; font-size:9pt; cursor:pointer; }


/* data view */
.DataView-Item { padding:5px; border:1px solid #b7b7b7; background-color:white; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius: 5px; border-radius:5px;}


/* tab */
.Tab-Bg { background-image:url(Image/Share/TabBg.png); background-repeat: repeat-x; }
.Tab-RightCorner { font-size:2px; background-image:url(Image/Share/TabRightCorner.png); background-repeat:no-repeat; width:10px; }
.Tab-Left-Item { cursor:pointer; vertical-align:middle; color:#a1a1a1; background-image:url(Image/Share/TabLeftItem.png); background-repeat:no-repeat; width:170px; height:50px; }
.Tab-Item { cursor:pointer; vertical-align:middle; color:#a1a1a1; background-image:url(Image/Share/TabItem.png); background-repeat:no-repeat; width:170px; height:50px; }
.Tab-Item-Image { padding-left:15px; padding-right:10px; vertical-align:middle; }
.Tab-Item-Active { color:#003471; font-weight:bold; }


/* scrollable table */
.ScrollableTableContainer { background-color:#f2f2f2; }
.ScrollableTable { }
.ScrollableTable tr { background-color:#ededed; }
.ScrollableTable td { border-right:1px solid #b7b7b7; height:25px; padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px; }
.ScrollableTable .LastCol { border-right:none; }
.ScrollableTable .AltRow { background-color:#fdfdfd; }
.ScrollableTable .Group { background-color:#ecae05; border-left:none; border-right:none; border-bottom:1px solid #e8e8e8; border-top:none; color:black; font-size:9pt; font-weight:bold; }
.ScrollableTable-Header { background-color: #e1e1e1; }
.ScrollableTable-Header th { background-color: #e1e1e1; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px; height:25px;border-right:1px solid #b7b7b7; text-align:center; }
.ScrollableTable-Header .LastCol { border: none; }


/*normal table */
.NormalTable { border-left:1px solid #b7b7b7; border-top:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7;}
.NormalTable tr { background-color:#ededed; }
.NormalTable th { background-color: #e1e1e1; border-bottom:1px solid #b7b7b7; border-right:1px solid #b7b7b7; height:25px; padding:5px; text-align:center }
.NormalTable td { border-right:1px solid #b7b7b7; height:25px; padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px; }
.NormalTable .AltRow { background-color:#fdfdfd; }
.NormalTable .InputNum { border:1px solid #b7b7b7; height:15px; text-align:right; padding-right:3px; }
.NormalTable .DisplayText { height:19px }
.NormalTable .DisplayNum { height:19px; text-align:right }
.NormalTable .InputMultiline { border:1px solid #b7b7b7; overflow:hidden }

/* grand total table */
.Table-NettTotal {}
.Table-NettTotal .Text {font-weight: bold; font-size:13pt; text-align:right; padding:10px 5px 10px 0px;  }
.Table-NettTotal .SmallText {font-weight: bold; font-size:10pt; text-align:right; padding: 5px 5px 5px 0px;  }

.BorderlessTable { border:none; }
.BorderlessTable tr { border:none; padding:0px 0px 0px 0px; background-color:transparent; }
.BorderlessTable td { border:none; padding:0px 0px 0px 0px; background-color:transparent; }


/*cell input table */
.CellInputTable { border-left:1px solid #b7b7b7; border-top:1px solid #b7b7b7; }
.CellInputTable tr { background-color:white; }
.CellInputTable th { background-color: #e1e1e1; border-bottom:1px solid #b7b7b7; border-right:1px solid #b7b7b7; height:25px; padding:5px; }
.CellInputTable td { border-bottom:1px solid #b7b7b7; border-right:1px solid #b7b7b7; height:25px; padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px; text-align:center }


/* title */
.Title-Page {padding-bottom:3px; color:#003471; font:normal 17px/17px Arial, Helvetica, sans-serif;letter-spacing:-1px; font-weight:bold; }
.Title-Page-Section {padding-bottom:3px; color:#003471; font:normal 19px/19px Arial, Helvetica, sans-serif;letter-spacing:-1px; font-weight:bold; }
.Title-Section {padding-bottom:3px; color:#003471; font:normal 16px/16px Arial, Helvetica, sans-serif;letter-spacing:-1px; font-weight:bold; }
.Title-Task {padding:10px; color:#ffc23f; background-color:#596771; font:normal 18px/18px Arial, Helvetica, sans-serif;letter-spacing:-1px; font-weight:bold; }

/* misc */
.AlertColor {color:Red;}
.Caption { color:#003471; font-weight:bold; }
.Warning { color:red; font-weight:normal}
.Tips { color:black; font-weight:normal; border:solid 1px #caeaf5; background-color:#edf6f9;}
.ValueInCell { border: none; text-align:right; width:100%}
.TextInCell { border: none; width:100% }
.TextInCellWithBorder { border:1px solid #b7b7b7; width:100%; padding:2px } 
.Remove { background-color:transparent; border:none; color: Red; cursor:pointer}
.TextBox-Search { border:1px solid #9f570a; }
.ReportToolBar { margin-left:auto; margin-right:auto; background-color:#ededed; }
.SelectedRow {background-color:#ededed; }
.DevExpress-ColorEdit-ColorIndicator { margin-left:2px; }