body
{
    background: #ececec;
}

form.formular
{
    font-family: tahoma, verdana, "sans-serif";
    font-size: 12px;
    padding: 20px;
    border: 1px solid #A5A8B8;
    width: 300px;
    margin: 0 auto;
}
.formular fieldset
{
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #B5B8C8;
}

.formular legend
{
    font-size: 12px;
    color: #15428B;
    font-weight: 900;
}

.formular fieldset label
{
    float: none;
    text-align: inherit;
    display: block;
    width: auto;
}

.formular label span
{
    color: #000;
}

.formular input, .formular select, .formular textarea
{
    display: block; /* this breaks relative positioning */
    margin-bottom: 5px;
}

.formular .text-input
{
    width: 250px;
    color: #555;
    padding: 4px;
    border: 1px solid #B5B8C8;
    font-size: 14px;
    margin-top: 4px;
    background: #FFF repeat-x;
}

.formular textarea
{
    width: 250px;
    height: 70px;
    color: #555;
    padding: 4px;
    border: 1px solid #B5B8C8;
    font-size: 14px;
    margin-top: 4px;
    background: #FFF repeat-x;
}

.formular .infos
{
    background: #FFF;
    color: #333;
    font-size: 12px;
    padding: 10px;
    margin-bottom: 10px;
}

.formular span.checkbox, .formular .checkbox, .formular .radio
{
    display: inline;
}

.formular .submit
{
    border: 1px solid #AAA;
    padding: 4px;
    margin-top: 20px;
    float: right;
    text-decoration: none;
    cursor: pointer;
}

.formular hr
{
    clear: both;
    visibility: hidden;
}

.formular .fc-error
{
    width: 350px;
    color: #555;
    padding: 4px;
    border: 1px solid #B5B8C8;
    font-size: 12px;
    margin-bottom: 15px;
    background: #FFEAEA;
}
div.two-columns
{
    width: 660px;
}
div.left-column
{
    float: left;
    padding: 2px;
    width: 300px;
    border: 1px solid gray;
}

div.right-column
{
    float: right;
    padding: 3px;
    width: 300px;
    border: 1px solid gray;
}

div.left-column
{
    margin-right: 1em;
}

div.one-column
{
    width: 400px;
}

.popupHouseBillItem
{
    width : 390px;
    margin-top: 5px;
    margin-bottom: 0px;
	background-color: #ffffff;
	padding :10px;
	
}
.popupHouseBillItem label
{
    text-align: left;
    display: block;
}

.popupHouseBillItem textarea
{
    width: 95%;
    padding-top: 0px;
}
.popupHouseBillItem div.one-columns p
{
    width : 370px;
    margin-top: 5px;
    margin-bottom: 0px;
}


.popup p
{
    margin-top: 5px;
    margin-bottom: 0px;
}

.popup label
{
    text-align: left;
    display: block;
}
.popup textarea
{
    width: 95%;
    padding-top: 0px;
}
.popup div.two-columns p
{
    margin-top: 5px;
    margin-bottom: 0px;
}


/*-------------------------------- English label css -----------------------------------------*/

.label_english_left
{
    width:auto;
    height:auto;
    float:left;
    margin:2px 10px 5px 8px;
}
.label_english_right
{
    width:auto;
    height:auto;
    float:left;
    margin:2px 40px 2px 40px;
}

.label_english
{
    font-style:italic;
}
.label_vietnam
{
font-weight:bold;
}
.p_english
{
    text-align:center;
    margin:20px 0 10px 0 ;
}
.Horizontal
{
    float:left;
    margin-right:-1px;   
}
.label_left
{
    margin-top:5px;
}
.label_right
{
    margin:5px 0 16px 0;
    height:auto;
    width:150px;
}
.label_right2
{
    margin:5px 0 35px 0;
    height:auto;
    width:150px;
}


/*---------------------------------------------------------------------------------------------*/

.left_right
{
    width:auto;
    height:auto;
    clear:both;
}

.div_left_c
{
    float:left;
    width:400px;
    height:auto;
    margin:5px 5px 1px 1px;
}
.div_right_c
{
    float:left;
    width:500px;
    height:auto;
    margin:5px 5px 1px 1px;
}

/*---------------- heighlight EDI error -----------------*/

tr .ediError
{
    background-color:#DD5B5B;
}
tr .ediWarning
{
    background-color:#FCFF6E;
}
tr .destroyDoc
{
    background-color:#ff9900;
}
.noError
{
   display:none;
}

/*------------ datalist ------------*/
.datalist
{
    width:930px;
    margin:1px;
    border:2px solid #A5CCFF;
	padding:2px;
}
hr
{

}
.lbl
{
    float:left;
    width:200px;
	color: #333;
}
.div_error
{
    width:910px;
}


pre
{
	max-height: 320px;
	overflow: auto;
	font-family: "Consolas",monospace;
	font-size: 9pt;
	text-align:left;
	background-color: #FCF7EC;
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, notwhite-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	margin: 0px 10px 0px 0px;
	padding:5px 5px 3px 5px;
	white-space : pre-wrap; /* Internet Explorer 5.5+ */
}

.pre_error
{
	width: 910px;
}

.span_errormsg
{
	width: 900px;
}

.get-photo
{
	position:relative;
	border:1px solid #ccc;
	display: inline-block;
    margin-bottom: 3px;
}
.get-photo:hover .buttons
{
	display:block;
}
.get-photo .buttons
{
	display:none;
	position:absolute;
	top:0;
	right:0;
	padding:5px 4px;
}
.mini-delete
{
	display:block;
	width:19px;
	height:19px;
	text-indent:-9999px;
	float:right;
	margin-left:3px;
	cursor:pointer;
	background:url(/_layouts/emanifest/gallery-icon.png) no-repeat 0px 0px;
}
.mini-delete:hover
{
	background:url(/_layouts/emanifest/gallery-icon.png) no-repeat 0px -40px;
}
.mini-edit
{
	display:block;
	width:19px;
	height:19px;
	text-indent:-9999px;
	float:right;
	margin-left:3px;
	background:url(/_layouts/emanifest/gallery-icon.png) no-repeat 0px -20px;
}
.mini-edit:hover
{
	background:url(/_layouts/emanifest/gallery-icon.png) no-repeat 0px -60px;
}

.sync
{
    display: block;
    padding: 6px 6px 6px 35px;
    margin: 5px 1px 0px;
    font-size: 11px;    
}

.sync-warning
{
    background:#fff8c4 url('/_layouts/emanifest/warning.png') no-repeat 10px 50%;
	border:1px solid #f2c779;
}

.sync-success
{
    background:#e9ffd9 url('/_layouts/emanifest/success.png') no-repeat 10px 50%;
	border:1px solid #a6ca8a;
}

.sync-fail
{
    background:#ffecec url('/_layouts/emanifest/error.png') no-repeat 10px 50%;
	border:1px solid #f5aca6;
}

.sync-pending
{
	background:#e3f7fc url('/_layouts/emanifest/notice.png') no-repeat 10px 50%;
	border:1px solid #8ed9f6;
}