/*Site :: base*/

#main
{
	overflow: hidden;
	_height: auto; /* only IE6 applies CSS properties starting with an underscore */ /*border: 1px #B4BDC3 solid;*/
	padding-left: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
	color: #000;
	padding-bottom: 10px;
	min-height: 741px;
	height: auto;
	font: 10pt Cambria, Trebuchet MS, Arial, san-serif;
}
#main h2
{
	display: inline-block;
	margin-top: 10px;
	width: 100%;
	overflow: hidden;
	font-size: 16px;
	color: #0041C0; 
	border-left: solid 4px #85B4E2;
	border-bottom: solid 1px #85B4E2;
	padding: 0 0 5px 5px;
}

#main h4
{
	display: inline-block;
	margin-top: 5px;
	width: 100%;
	font-size: 12px;
	color: #0041C0;
	border-left: solid 3px #85B4E2;
	border-bottom: solid 1px #85B4E2;
	padding: 0 0 2px 2px;
}

#footer
{
	color: #999;
	padding: 10px 0;
	text-align: center;
	line-height: normal;
	margin: 0;
	font-size: .9em;
}
#white
{
	background-color:White;
	}

/* MISC  
----------------------------------------------------------*/
.clear
{
	clear: both;
}

.error
{
	color: Red;
	font-weight: bold;
	margin: 5px 5px 5px 5px;
	padding-left: 5px !important;
}
.reminder
{
	color: #004080;
	font-weight: bold;
	margin: 5px 5px 5px 5px;
}
.reminder a
{
	text-decoration:none;
	color:Red;
}
.success
{
	color: Red;
	font-weight: bold;
}

.requirement
{
	color: Red;
	font-weight: bold;
	/*float: right;
----------------------------------------------------------*/
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label, .display-field, .editor-field
{
	margin: 0.5em 0;
	display: inline;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/

textarea
{
	width: 205px;
	height: 75px;
	font: 10pt Cambria, Trebuchet MS, Arial, san-serif;
}

input[type="text"]
{
	border: 1px solid #7F9DB9;
	padding: 3px 3px 3px 8px;
	border-radius: 3px;
	font: 10pt Cambria, Trebuchet MS, Arial, san-serif;
}
input[type="textarea"]
{
	border: 1px solid #7F9DB9;
	padding: 3px 3px 3px 8px;
	border-radius: 3px;
	font: 10pt Cambria, Trebuchet MS, Arial, san-serif;
	resize:none;
}

 .textareaFormat
{
	border: 1px solid #7F9DB9;
	padding: 3px 3px 3px 8px;
	border-radius: 3px;
	font: 10pt Cambria, Trebuchet MS, Arial, san-serif;
	resize:none;
}
input[type="file"]
{	
	font: 10pt Cambria, Trebuchet MS, Arial, san-serif;
	width: 160px;
}

input[type="email"]
{
	border: 1px solid #7F9DB9;
	padding: 3px 3px 3px 8px;
	border-radius: 3px;
	width: 200px;
	font: 10pt Cambria, Trebuchet MS, Arial, san-serif;
}

select
{
	border: 1px solid #7F9DB9;
	padding: 3px 3px 3px 8px;
	border-radius: 3px;
	font: 10pt Cambria, Trebuchet MS, Arial, san-serif;
	width:212px;
	
}

.fileStyle
{
	margin-bottom: 1px;
	display: block;
	width: 600px;
}
.fileInput .standarDiv
{
	width: 60%;
	display: block;
	margin-bottom: 1px;
	padding-bottom: 3px;
}

iframe
{
	margin-top: -10px;
}

input[readonly]
{
	background: buttonface;
	color: #7a7a7a;
	padding: 3px 3px 3px 8px;
	margin-left: 4px;
	border-radius: 3px 3px 3px 3px;
	font: 10pt Cambria, Trebuchet MS, Arial, san-serif;
	
}

input[type="password"]
{
	border: 1px solid #7F9DB9;
	padding: 3px 3px 3px 8px;
	border-radius: 3px 3px 3px 3px;
	font: 10pt Cambria, Trebuchet MS, Arial, san-serif;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
	margin: 5px 0;
	padding: 1px 2px;
	/*border: 1px solid #85B4E2; /*#CCC*/
}

fieldset p
{
	margin: 2px 12px 10px 10px;
}
fieldset span
{
	font-family:Cambria, Cochin, Georgia, Times, Times New Roman, serif;
	font-size:13px;
	margin: 0px 2px;
}

legend
{
	font-size: 1.1em;
	font-weight: 600;
	padding: 2px 4px 8px 4px;
}

.displayinline
{
	margin-top: 0px;
	display: inline;
}

form
{
	display: inline;
}

/* Text Align
----------------------------------------------------------*/
.textAlignRight
{
	text-align: right;
}
.textAlignLeft
{
	text-align: left;
}

.textAlignCenter
{
	text-align: center;
}

/* TABLE
----------------------------------------------------------*/
table
{
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0px;
}

table.inputForm th
{
	height: 22px;
	text-align: left;
	border: solid 1px #C9E1EF;
	color: #000; /*font-weight: bold;	*/
	padding: 0 10px 0 8px;
	background-color: #C9E1EF;
}

table.inputForm td
{
	height: 22px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #F3F3F3;
}

table.inputForm td.right
{
	height: 22px;
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #F3F3F3;
}

table.inputForm thead th
{
	height: 22px;
	text-align: center;
	border: solid 1px #C9E1EF;
	color: #000;
	font-weight: normal;
	background-color: #C9E1EF;
}

table.inputForm th.center
{
	height: 22px;
	text-align: center;
	border: solid 1px #C9E1EF;
	color: #000;
	font-weight: normal;
	background-color: #C9E1EF;
}

table.data-table-fill
{
	width: 98%;
}

table.data-table
{
	border: 1px solid #85B4E2;
	border-collapse: collapse;
	table-layout: fixed;
	/*margin-left: -15px;*/
}

table.data-table td
{
	padding: 5px 5px 5px 5px;
	border: solid 1px #CFDDEE;
	white-space: nowrap;	
}
table.data-table th
{
	height: 19px;
	padding: 2px 5px 2px 5px;
	text-align: center;
	border: solid 1px #9ABCEF;
	color: #004080;
	background-repeat: repeat-x;
	white-space: nowrap;
}
table.data-table th a
{
	text-align: center;
	color: #004080;
	text-decoration: none;
	white-space: nowrap;
	display: block;
	padding: 0 30px 0 0px;
	background-image: url('../../Content/Images/asc.gif');
	background-repeat: no-repeat;
	background-position: center right;
}
table.data-table thead tr
{
	background-color:#D8E6FC;
}

table.data-table tbody tr
{
	height: 30px;
}

table.data-table tbody tr.row-alternating
{
	background: #E4F1FC;
}

table.data-table td.Statistical
{
	background: #C5C3C3;
}
table.data-table td.Nothing
{
	background: #808080;
}
table.data-table tbody tr:nth-child(even)
{
	background-color: #E4F1FC;
}
table.data-table tbody tr:hover
{
	background-color: #DADADA;
}

/*======StartUpdate(Kien)======*/
table.data-table thead tr .header
{
	background-repeat: no-repeat;
	background-position: top right;
	cursor: pointer;
	background-image: url('../../Content/Images/Copy of bgHeader.jpg');
}
table.data-table thead tr .headerSortUp
{
	background-image: url('../../Content/Images/asc1.jpg');
}
table.data-table thead tr .headerSortDown
{
	background-image: url('../../Content/Images/desc1.jpg');
}
table.data-table thead tr th DIV.tablesorter-header-inner
{
	padding-top: 5px !important;
	line-height: inherit;
	vertical-align: middle;
}
table.data-table thead tr .tablesorter-headerAsc
{
	background-position: right 12px;
	background-image: url('../../Content/Images/asc.gif');
	background-repeat: no-repeat;
}
table.data-table thead tr .tablesorter-headerDesc
{
	background-position: right 12px;
	background-image: url('../../Content/Images/desc.gif');
	background-repeat: no-repeat;
}

/*=======tfoot=========*/
table.data-table tfoot tr
{
	height: 30px;
}

table.data-table tfoot tr.row-alternating
{
	/*background: #E4F1FC;*/
}
table.data-table tfoot tr:nth-child(even)
{
	/*background-color: #E4F1FC;*/
}
table.data-table tfoot tr:hover
{
	background-color: #DADADA;
}

table.popup-table tfoot tr:nth-child(even)
{
	background-color: #E4F1FC;
}
table.popup-table tfoot tr:hover
{
	background-color: #DADADA;
}
/*=======EndUpdate============*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 DATA TABLES
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.th30
{
	width: 30px;
}

.th50
{
	width: 20px;
}
.th75
{
	width: 75px;
}
.th100
{
	width: 100px;
}

.th125
{
	width: 125px;
}
.th150
{
	width: 150px;
}

.th175
{
	width: 175px;
}
.th200
{
	width: 200px;
	margin-left: 3em;
}
.th250
{
	width: 250px;
	margin-left: 3em;
}
.th300
{
	width: 300px;
	margin-left: 3em;
}
.th500
{
	width: 500px;
	margin-left: 3em;
}
.thFill
{
	/*Basic is fill*/
}
.tdTotalBold
{
	font-weight: bold;
	background-color: #D3D3D3; /* LightGray */
}

td.no-border
{
	border: none;
	z-index: 8;
}

pre
{
	font-size: 10pt;
	display: inline;
}


.fillRight
{
	font-size: 10pt;
	font-weight: bold;
	border: none;
	float: right;
	width: auto;
}
.tdWarning
{
	background-color: Orange;
}
.tdWarningCenter
{
	background-color: Orange;
	text-align: center;
}
.tdWarningRight
{
	background-color: Orange;
	text-align: right;
}
.tdWarningLeft
{
	background-color: Orange;
	text-align: left;
}

/* Style for div   
----------------------------------------------------------*/
#duplicateError
{
	height: 50px;
	width: auto;
	font-weight: bold;
	color: #ff0000;
}

div#dialog-content
{
	text-align: center;
}
div#button
{
	text-align: right;
}

th.thNoneBorder
{
	border-top: 0;
	background-color: red;
}

#main div
{
	padding: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
}
.center
{
	text-align: center;
}

.left
{
	text-align: left;
}

.right
{
	text-align: right;
}
/* Style for textbox
----------------------------------------------------------*/
.txtAuto
{
	/*Just basic*/
}
.txt50
{
	width: 50px;
}

.txt75
{
	width: 75px;
}
.txt86
{
	width: 86px;
}

.txt91
{
	width: 91px;
}

.txt100
{
	width: 100px;
}
.txt125
{
	width: 125px;
}

.txt150
{
	width: 150px !important;
}
.txt175
{
	width: 175px !important;
}

.txt200
{
	width: 200px !important;
}
.txt207
{
	width: 207px;
}
.txt250
{
	width: 250px;
}

.txt300
{
	width: 300px;
}
.txt575
{
	width: 575px;
}
.txt600
{
	width: 600px;
}
/* Style for combo box
----------------------------------------------------------*/
.cboAuto
{
	/*Just basic*/
	font-family: Cambria, Trebuchet MS,Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 10pt;
}
.menuGroup
{
	background-color: #FFE0C4;
}
.menuLi
{
	list-style-type: square;
	width: auto;
	margin-left: 2em;
}
.menuAlign
{
	margin-left: 1em;
}


div#scroll
{
	overflow: auto;
	position: relative;
	width: 99.9%;
	height: auto;
}
.datepicker
{
	text-align: center;
}

.parentMenu
{
	height: 20px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	text-align: left;
	color: #000;
	font-weight: bold; 
	background: url("../Content/Images/gridheader.gif");
	background-repeat: repeat-x;
	background-color: #D4EBF5;
	line-height: 20px;
	vertical-align: middle;
}
.Table-List
{
	border: 1px solid #85B4E2;
	width: 100%;
}

.Table-List th
{
	border: 1px solid #85B4E2;
	width: auto;
	white-space: nowrap;
	padding: 5px 10px 5px 10px;
}

.Table-List td
{
	border: 1px solid #85B4E2;
	width: auto;
	white-space: nowrap;
	padding: 5px;
}

/*---------------------- POP UP TABLE STYLE    -------------------*/
table.popup-table-fill
{
	width: 98%;
}

table.popup-table
{
	border: 1px solid #85B4E2;
	border-collapse: collapse;
	table-layout: fixed;
}

table.popup-table td
{
	padding: 2px 5px 2px 5px;
	border: solid 1px #CFDDEE; /*word-wrap: break-word;*/
	font-size: 10pt;
}
table.popup-table th
{
	height: 19px;
	padding: 2px 5px 2px 5px;
	text-align: center;
	border: solid 1px #9ABCEF;
	color: #004080;
	font-size: 10pt; /*background: url("../../Content/Images/gridheader.gif");*/
	background-repeat: repeat-x;
}


table.popup-table tr.row-alternating
{
	background: #E4F1FC;
	font-size: 10pt;
}

table.popup-table td.Statistical
{
	background: #C5C3C3;
	font-size: 10pt;
}
table.popup-table td.Nothing
{
	background: #808080;
	font-size: 10pt;
}

table.popup-table tbody tr:nth-child(even)
{
	background-color: #E4F1FC;
}
table.popup-table tbody tr:hover
{
	background-color: #DADADA;
}

span.error-area
{
	height: auto;
}

span.error-area ul li
{
	color: Red;
	list-style: none;
	font-weight: bold;
	margin: 0 0 6px -30px;
}

/************************ Title of pop up style ************************************/
#popup_title
{
	font-family: Cambria, Trebuchet MS,Verdana, Tahoma, Arial, Sans-Serif;
	color: #0041C0;
	border-left: solid 4px #85B4E2;
	border-bottom: solid 1px #85B4E2;
	display: inline-block;
	margin-top: 10px;
	width: 98%;
	overflow: hidden;
	padding: 0 0 5px 5px;
	font-size: 10pt;
}
/************************Change color when Hover the row on table data ************************************/
.changecolor:hover
{
	background-color: #D8E6FC;
}
/************************************************************************************************************************************/
/*Input Button*/
input[type="button"], input[type="submit"], input[type="reset"]
{
	border: none;
	background: none;
	color: #000;
	cursor: pointer;
	font-size: 10pt;
	line-height: 14px;
	margin: 0px;
	padding: 2px 0px 2px 10px;
	vertical-align: middle;
	height: 22px; /*width: 100%;*/
	width: auto;
	text-align: center;
	font-family: Cambria, Trebuchet MS,Verdana, Tahoma, Arial, Sans-Serif;
}
input[type="button"]:not(.ui-widget), input[type="submit"], input[type="reset"]
{
	border: 0;
	color: #000;
	cursor: pointer;
	font-size: 10pt;
	line-height: 14px;
	margin: 0;
	padding: 2px 0 2px 10px;
	vertical-align: middle;
	height: 22px; /*width: 100%;*/
	width: auto;
	text-align: center;
	font-family: Cambria, Trebuchet MS,Verdana, Tahoma, Arial, Sans-Serif;
}
div.box-button
{
	float: left;
	border: 1px solid #808080; /*min-width: 75px;*/
	background: url("/Content/images/bt_01.gif") repeat scroll 0 0 #E4E4E4;
	margin-left: 5px;
	border-radius: 3px 3px 3px 3px;
}


/*=================== button class Authorization ===============================*/
div.button-add
{
	float: left;
	border: 1px solid #808080; /*min-width: 75px;*/
	background: url("/Content/images/bt_01.gif") repeat scroll 0 0 #E4E4E4;
	margin-left: 5px;
	border-radius: 3px 3px 3px 3px;
}
div.button-edit
{
	float: left;
	border: 1px solid #808080; /*min-width: 75px;*/
	background: url("/Content/images/bt_01.gif") repeat scroll 0 0 #E4E4E4;
	margin-left: 5px;
	border-radius: 3px 3px 3px 3px;
}
div.button-delete
{
	float: left;
	border: 1px solid #808080; /*min-width: 75px;*/
	background: url("/Content/images/bt_01.gif") repeat scroll 0 0 #E4E4E4;
	margin-left: 5px;
	border-radius: 3px 3px 3px 3px;
}
div.button-export
{
	float: left;
	border: 1px solid #808080; /*min-width: 75px;*/
	background: url("/Content/images/bt_01.gif") repeat scroll 0 0 #E4E4E4;
	margin-left: 5px;
	border-radius: 3px 3px 3px 3px;
}
div.button-import
{
	float: left;
	border: 1px solid #808080; /*min-width: 75px;*/
	background: url("/Content/images/bt_01.gif") repeat scroll 0 0 #E4E4E4;
	margin-left: 5px;
	border-radius: 3px 3px 3px 3px;
}
div.button-upload
{
	float: left;
	border: 1px solid #808080; /*min-width: 75px;*/
	background: url("/Content/images/bt_01.gif") repeat scroll 0 0 #E4E4E4;
	margin-left: 5px;
	border-radius: 3px 3px 3px 3px;
}
div.button-download
{
	float: left;
	border: 1px solid #808080; /*min-width: 75px;*/
	background: url("/Content/images/bt_01.gif") repeat scroll 0 0 #E4E4E4;
	margin-left: 5px;
	border-radius: 3px 3px 3px 3px;
}
div.button-detail
{
	float: left;
	border: 1px solid #808080; /*min-width: 75px;*/
	background: url("/Content/images/bt_01.gif") repeat scroll 0 0 #E4E4E4;
	margin-left: 5px;
	border-radius: 3px 3px 3px 3px;
}
div.button-permission
{
	float: left;
	border: 1px solid #808080; /*min-width: 75px;*/
	background: url("/Content/images/bt_01.gif") repeat scroll 0 0 #E4E4E4;
	margin-left: 5px;
	border-radius: 3px 3px 3px 3px;
}
div.button-download
{
	float: left;
	border: 1px solid #808080; /*min-width: 75px;*/
	background: url("/Content/images/bt_01.gif") repeat scroll 0 0 #E4E4E4;
	margin-left: 5px;
	border-radius: 3px 3px 3px 3px;
}

div.button-requestapprove
{
	float: left;
	border: 1px solid #808080; /*min-width: 75px;*/
	background: url("/Content/images/bt_01.gif") repeat scroll 0 0 #E4E4E4;
	margin-left: 5px;
	border-radius: 3px 3px 3px 3px;
}
div.button-receiveapprove
{
	float: left;
	border: 1px solid #808080; /*min-width: 75px;*/
	background: url("/Content/images/bt_01.gif") repeat scroll 0 0 #E4E4E4;
	margin-left: 5px;
	border-radius: 3px 3px 3px 3px;
}
div.button-cancel
{
	float: left;
	border: 1px solid #808080; /*min-width: 75px;*/
	background: url("/Content/images/bt_01.gif") repeat scroll 0 0 #E4E4E4;
	margin-left: 5px;
	border-radius: 3px 3px 3px 3px;
}
div.button-inputtestresult
{
	float: left;
	border: 1px solid #808080; /*min-width: 75px;*/
	background: url("/Content/images/bt_01.gif") repeat scroll 0 0 #E4E4E4;
	margin-left: 5px;
	border-radius: 3px 3px 3px 3px;
}
div.button-approvetestresult
{
	float: left;
	border: 1px solid #808080; /*min-width: 75px;*/
	background: url("/Content/images/bt_01.gif") repeat scroll 0 0 #E4E4E4;
	margin-left: 5px;
	border-radius: 3px 3px 3px 3px;
}
div.button-canceltestresult
{
	float: left;
	border: 1px solid #808080; /*min-width: 75px;*/
	background: url("/Content/images/bt_01.gif") repeat scroll 0 0 #E4E4E4;
	margin-left: 5px;
	border-radius: 3px 3px 3px 3px;
}
/*==============================================================================*/

div.box-button:hover
{
	float: left;
	border: 1px solid #808080; /*min-width: 75px;*/
	background: #E4E4E4;
	margin-left: 5px;
}

div.box-button.medium
{
	min-width: 100px;
}
div.box-button.bigger
{
	min-width: 150px;
}
div.box-button.smaller
{
	min-width: 50px;
}

input[type="button"][disabled], input[type="submit"][disabled], button[disabled]:active, button[disabled]
{
	color: #aca899;
}
input[type="button"].search, input[type="submit"].search
{
	background: url('images/buttons/search.gif') no-repeat 5px center;
	padding: 0 5px 0 23px;
}
input[type="button"].add, input[type="submit"].add
{
	background: url('images/buttons/icon_add.gif') 5px center no-repeat;
	padding: 0 5px 0 23px;
}
input[type="button"].move, input[type="submit"].move
{
	background: url('images/buttons/move.png') 5px center no-repeat;
	padding: 0 5px 0 23px;
}
input[type="button"].edit, input[type="submit"].edit
{
	background: url('images/buttons/icon_edit.png') 5px center no-repeat;
	padding: 0 5px 0 23px;
}
input[type="button"].adjust, input[type="submit"].adjust
{
	background: url('images/buttons/icon_adjust.png') 5px center no-repeat;
	padding: 0 5px 0 23px;
}
input[type="button"].copy, input[type="submit"].copy
{
	background: url('images/buttons/copy.gif') 5px center no-repeat;
	padding: 0 5px 0 23px;
}
input[type="button"].view, input[type="submit"].view
{
	background: url('images/buttons/icon_view.png') 10px center no-repeat;
	padding: 0 5px 0 29px;
}
input[type="button"].delete, input[type="submit"].delete
{
	background: url('images/buttons/icon-delete.png') 5px center no-repeat;
	padding: 0 5px 0 23px;
}
input[type="button"].save, input[type="submit"].save
{
	background: url('images/buttons/save.gif') 7px center no-repeat;
	padding: 0 5px 0 26px;
}
input[type="button"].close, input[type="submit"].close
{
	background: url('images/buttons/close.png') 7px center no-repeat;
	padding: 0 5px 0 26px;
}
input[type="button"].cancel, input[type="submit"].cancel
{
	background: url('images/buttons/icon-cancel.png') 5px center no-repeat;
	padding: 0 5px 0 23px;
}
input[type="button"].balance, input[type="submit"].balance
{
	background: url('images/buttons/icon-balance.png') 5px center no-repeat;
	background-size: 15px;
	padding: 0 5px 0 23px;
}
input[type="button"].reset, input[type="submit"].reset, input[type="reset"].reset
{
	background: url('images/buttons/icon-reset.png') 7px center no-repeat;
	padding: 0 5px 0 23px;
}

input[type="button"].send, input[type="submit"].send, input[type="reset"].send
{
	background: url('images/buttons/send.png') 7px center no-repeat;
	padding: 0 5px 0 23px;
}

input[type="button"].back, input[type="submit"].back, input[type="reset"].back
{
	background: url('images/buttons/back.gif') 7px center no-repeat;
	padding: 0 5px 0 26px;
}
input[type="button"].ok, input[type="button"].backup, input[type="submit"].ok, input[type="submit"].backup
{
	background: url('images/buttons/icon-ok.png') 9px center no-repeat;
	padding: 0 5px 0 27px;
}
input[type="button"].approve, input[type="submit"].approve
{
	background: url('images/buttons/icon-ok.png') 7px center no-repeat;
	padding: 0 5px 0 23px;
}
input[type="button"].upload, input[type="submit"].upload
{
	background: url('images/buttons/upload.gif') 3px center no-repeat;
	padding: 0 5px 0 23px;
}
input[type="button"].restore, input[type="submit"].restore
{
	background: url('images/buttons/icon-restore.png') 5px center no-repeat;
	padding: 0 5px 0 23px;
}
input[type="button"].import, input[type="submit"].import
{
	background: url('images/buttons/icon-import.png') 9px center no-repeat;
	padding: 0 5px 0 27px;
}
input[type="button"].export, input[type="submit"].export
{
	background: url('images/buttons/export.gif') 9px center no-repeat;
	padding: 0 5px 0 27px;
}
input[type="button"].print, input[type="submit"].print
{
	background: url('images/buttons/icon-print.png') 3px center no-repeat;
	padding: 0 5px 0 23px;
}
input[type="button"].pending, input[type="submit"].pending
{
	background: url('images/buttons/icon-pending.png') 5px center no-repeat;
	padding: 0 5px 0 23px;
}
input[type="button"].return, input[type="submit"].return
{
	background: url('images/buttons/icon-return.png') 5px center no-repeat;
	padding: 0 5px 0 23px;
}
input[type="button"].reject, input[type="submit"].reject
{
	background: url('images/buttons/reject.png') 5px center no-repeat;
	padding: 0 5px 0 23px;
}

input[type="button"].delivered, input[type="submit"].delivered
{
	background: url('images/buttons/delivery.png') 5px center no-repeat;
	padding: 0 5px 0 23px;
}

input[type="button"].login, input[type="submit"].login
{
	background: url('images/buttons/icon-login.png') 5px center no-repeat;
	padding: 0 5px 0 23px;
}
input[type="button"].download, input[type="submit"].download
{
	background: url('images/buttons/download.gif') 2px center no-repeat;
	padding: 0 5px 0 23px;
}
input[type="button"].release, input[type="submit"].release
{
	background: url('images/buttons/icon-release.png') 2px center no-repeat;
	padding: 0 5px 0 23px;
}
input[type="button"].folder:parent, input[type="submit"].folder:parent
{
	width: 120px;
}
input[type="button"].project, input[type="submit"].project
{
	background: url('images/buttons/icon-project.png') 5px center no-repeat;
	text-indent: 5px;
}
input[type="button"].permission, input[type="submit"].permission
{
	background: url('images/buttons/icon-permission.png') 2px center no-repeat;
	padding: 0 5px 0 23px;
}
input[type="button"].management, input[type="submit"].management
{
	background: url('images/buttons/icon-management.png') 2px center no-repeat;
	text-indent: 5px;
}
input[type="button"].changeroute, input[type="submit"].changeroute
{
	background: url('images/buttons/icon-changeroute.png') 3px center no-repeat;
	margin-left: 3px !important;
	padding: 0 12px 0 28px !important;
}
input[type="button"].history, input[type="submit"].history
{
	background: url('images/buttons/icon-history.gif') 2px center no-repeat;
	text-indent: 5px;
}

input[type="button"].select, input[type="submit"].select
{
	background: url('images/buttons/icon-ok.ico') 2px center no-repeat;
	text-indent: 5px;
	width: 70px;
}
/*End Input Button*/

/*Dialog CSS*************************/
#dialog-warning
{
	font-size: 10pt;
	font-family: Cambria, Tahoma;
	display: none;
	z-index: 40000;
}
#dialog-warning img
{
	width: 50px;
	margin-right: 10px;
}
#dialog-confirm-form
{
	font-size: 10pt;
	font-family: Cambria, Tahoma;
	display: none;
	z-index: 40000;
}
#dialog-confirm-form img
{
	width: 40px;
	margin-right: 10px;
}
#dialog-message
{
	font-size: 10pt;
	font-family: Cambria, Tahoma;
	display: none;
	z-index: 40000;
}
#dialog-message img
{
	width: 50px;
	margin-right: 10px;
}
#dialog-messageHistory
{
	font-size: 10pt;
	font-family: Cambria, Tahoma;
	display: none;
	z-index: 40000;
}
#dialog-messageHistory img
{
	width: 50px;
	margin-right: 10px;
}
/* End Dialog CSS*************************/
/*********************** CSS for Dialog****************/

.ui-button-ok
{
	background: url('images/buttons/icon-ok.png') 9px center no-repeat,url("/Content/images/bt_01.gif") repeat scroll 0 0 #E4E4E4 !important;
	width: 100px;
	padding: 2px 0 2px 10px;
	border-radius: 3px 3px 3px 3px;
}
.ui-button-cancel
{
	background: url('images/buttons/icon-cancel.png') 9px center no-repeat,url("/Content/images/bt_01.gif") repeat scroll 0 0 #E4E4E4 !important;
	width: 95px;
	padding: 2px 0 2px 10px;
	border-radius: 3px 3px 3px 3px;
}
button.ui-button-ok
{
	height: 26px;
	width:auto;
	padding: 1px 0 1px 15px;
}
button.ui-button-cancel
{
	height: 26px;
	width:auto;
	padding: 1px 0 1px 15px;
}
/***********************END CSS for Dialog****************/
/*Styles for text area*/
.textarea200
{
	width:208px;
	resize:none;
	border: 1px solid #7f9db9;
    border-radius: 3px;
}
.textarea200[readonly]
{
    background: ButtonFace;
	color:#7A7A7A;
}
.textarea300
{
	width:200px;
	height:85px;
	resize:none;
	border: 1px solid #7f9db9;
    border-radius: 3px;
}
.textarea300[readonly]
{
	background: buttonface;
	font: 10pt Cambria, Trebuchet MS, Arial, san-serif;
	color:#7a7a7a;
}
.textarea400
{
	width:400px;
	height:50px;
	
	resize:none;
}
.textarea480
{
	width:480px;
	height:50px;
	resize:none;
}
.textarea574
{
	width:574px;
	height:50px;
	resize:none;
}

.textarea580
{
	width:580px;
	height:50px;
	resize:none;
}
.textarea547
{
	width:547px;
	height:50px;
	resize:none;
}
.textarea578
{
	width:578px;
	height:50px;
	resize:none;
}
.textarea602
{
	width:100%;
	height:85px;
	resize:none;
}

.textarea602[readonly]
{
	background: buttonface;
	font: 10pt Cambria, Trebuchet MS, Arial, san-serif;
	color:#7a7a7a;
	border: 1px solid #7F9DB9;
    border-radius: 4px;
}

.textarea613
{
	width:613px;
	height:50px;
	resize:none;
}
.textarea563
{
	width:563px;
	height:50px;
	resize:none;
}
.textarea583
{
	width:583px;
	height:50px;
	resize:none;
}
.textarea140
{
	width:140px;
	height:50px;
	resize:none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.requirement
{
	color: Red;
	font-weight: bold;
	margin: 1px 3px 1px 3px;
	/*float:right;*/
}
.field-validation-error
{
	color: #ff0000;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error
{
	border: 1px solid #7F9DB9;
	background-color: #ffeeee;
}

.validation-summary-errors
{
	font-weight: bold;
	color: #ff0000;
	margin-left:10px;
	margin-top:4px;
}

.validation-summary-errors ul
{
	list-style: none;
	padding: 0px;
	margin-top: -5px; 
	margin-bottom: 0px;
}

.validation-summary-valid
{
	display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
/*Min width of object*/
.minWidth
{
	width: 300px;
}

.wordwrap
{
	white-space: normal !important;
    border: solid 1px #CFDDEE;
}
/*PVTinh Change*/
/*====== set div menu======*/
div#menu {
    
    /*background-color: #2a4053;*/
     background: -webkit-linear-gradient(#2074C7, #71A2DA); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2074C7, #71A2DA); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2074C7, #71A2DA); /* For Firefox 3.6 to 15 */
    background: -ms-linear-gradient(#2074C7, #71A2DA);     
    background: linear-gradient(#2074C7, #71A2DA); /* Standard syntax (must be last) */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#2074C7, endColorstr=#71A2DA);
    height: 32px;
    padding-left: 10px;
    width: auto;
}
/*=======================*/
.navbar-nav
{
   background: -webkit-linear-gradient(#2074C7, #71A2DA); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2074C7, #71A2DA); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2074C7, #71A2DA); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2074C7, #71A2DA); /* Standard syntax (must be last) */
    
    background: -ms-linear-gradient(#2074C7, #71A2DA);  
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#2074C7, endColorstr=#71A2DA);   
}
 .dropdown-menu 
 {
    width:230px;
    /*margin-left:20px;*/
   background: -webkit-linear-gradient(#2074C7, #71A2DA); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2074C7, #71A2DA); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2074C7, #71A2DA); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2074C7, #71A2DA); /* Standard syntax (must be last) */
    
    background: -ms-linear-gradient(#2074C7, #71A2DA);     
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#2074C7, endColorstr=#71A2DA);
}
.headercol
{
   /*height: 24px;*/
	text-align: left;
	border: solid 1px #2074C7;
	color: #000; /*font-weight: bold;	*/
	padding: 0 ;
	max-width: 140px;
	margin-right:5px;
	background-color: #C9E1EF;
	line-height:23px;
	border-radius:3px;
}
.txtformat
{
    padding: 0 0 0 5px;
    /*margin:10px 0 0 0;*/
	font-family:Cambria,Verdana,Tahoma,Arial,sans-serif;
	letter-spacing: -0.6px;
}
/*Add Css*/
input.ui-autocomplete-input[type="text"], input.autocomplete[type="text"] {
    background: rgba(0, 0, 0, 0) url("images/buttons/Desc.png") no-repeat scroll right 5px top 2px;
    padding-right: 18px;
}
input[type="text"] {
    border: 1px solid #7f9db9;
    padding-left: 2px;
}
.notification {
    background: rgba(0, 0, 0, 0) url("images/buttons/bell.png") no-repeat scroll left center;
    display: inline-block;
    min-height: 16px;
    position: relative;
    min-width: 16px;
    float:left;
}
.notification .num {
    background-color: Red;
    border-radius: 3px;
    bottom: -5px;
    color: #fff;
    font-weight: 700;
    left: 10px;
    min-width: 20px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-shadow: 2px 2px 2px rgba(255, 101, 45, 1);
}
.addDel {
    background: rgba(0, 0, 0, 0) url("images/Delete.png") no-repeat scroll center center;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 19px;
    line-height: 19px;
    margin-right: 5px;
    opacity: 0.6;
    text-align: center;
    width: 20px;
}
.del {
    display: none;
}
.fieldset{
	/*margin-left:-10px;*/
}
.fomattext{
	margin-left:-5px;
	text-align: left;
	font-size:12px;
	font-family:Cambria, Cochin, Georgia, Times, Times New Roman, serif;
	padding:0;
}
.fomatinput{
	padding-right:0 !important;
}
.InventoryAdjDialog{
	padding:0 !important;
}