/*
* HTML code
*/

#pMenuShippingCalculator label  {
	font-size:1em;
}

#o_eform_btn .ui-btn-text, #o_eform_btn .ui-btn-text  {
	line-height:24px;
}
#o_eform_btn .ui-btn {
	margin-top: 0;
	margin-left: 1px;
	width:99%;
}

#doc_wrap_html 
{
	/*height:279.4mm;*/
	/*width:200mm;*/	/*width:216mm;*/
	background-color:#fff;
	display:block;
	margin: 15px auto 0 auto; padding:10px; 
	/*border: 1px solid #ececec;*/
	/*page-break-after:always;*/
	font-family:Arial;
	font-size:11pt;
	color:#000;
}

#doc_wrap_html #doc_wrap 		{ width:100%; }
#doc_wrap_html #doc_body			{ min-height: 145mm; }
#doc_wrap_html div.doc_h2		{ font-size:10pt; }
#doc_wrap_html div.doc_h3		{ font-size:9pt; }
#doc_wrap_html .doc_logo			{ height:102px; padding:0; vertical-align:middle !important; }
#doc_wrap_html .doc_title		{ padding:0; }
#doc_wrap_html .doc_tdsubtotal	{ width:66mm; vertical-align:middle !important; padding:0; }
#doc_wrap_html .approvednotes	{ vertical-align:middle !important; }
#doc_wrap_html table td.doc_ac2 	{ width:132px; }
#doc_wrap_html table td.doc_ac3 	{ width:87px; padding-left:10px; }
#doc_wrap_html div.doc_adw 		{ text-align:right; }
#doc_wrap_html #o_notes			{ width:350px; }
#doc_wrap_html #o_notes label		{ font-size:9pt; }
#doc_wrap_html #doc_footer table td{ font-size:7pt; }

#doc_wrap_html table td.doc_label	{ font-size:11pt; }
#doc_wrap_html textarea 			{ border: 0; font-family:Arial; font-size:11pt; color:#000; overflow: hidden; resize: none; }
#doc_wrap_html textarea.ta1 		{ font-size:10pt; height: 16px; text-align: left; white-space: nowrap; text-transform: uppercase; }
#doc_wrap_html textarea.ta2 		{ height: 17px; text-align: left; white-space: nowrap; }
#doc_wrap_html textarea.br   		{ display:block; }
#doc_wrap_html td.mono			{ font-size:11pt; padding-left:3mm; }
#doc_wrap_html textarea.mono		{ font-size:11pt; padding:0; margin-left:-1px; vertical-align:middle; }
#doc_wrap_html textarea.doc_notes 	{ font-size:8pt; font-weight:bold; width: 420px; margin-left:-1px; }
#doc_wrap_html table td.terms_box	{ width:41%; }
#doc_wrap_html textarea.terms		{ font-size:9pt; }
#doc_wrap_html table td.as9,		
#doc_wrap_html textarea.as9		{ font-size:10pt !important; }
#doc_wrap_html textarea:hover, 
#doc_wrap_html textarea:focus, 
#doc_wrap_html .delete:hover 	{ background-color:#86b4cf !important; color:#fff !important; }
#doc_wrap_dis-view textarea:hover, 
#doc_wrap_dis-view textarea:focus  { background-color:#fff !important; color:#000 !important; }

#doc_wrap_html #doc_items textarea { width: 100%; height: 50px; line-height: 16px; }

#doc_wrap_html .delete-wpr 		{ position: relative; }
#doc_wrap_html .delete 			{ color: #000; text-decoration: none; position: absolute; font-weight: bold; padding: 2px 6px !important; 
								  top: -3px; left: -25px; font-family: Verdana; font-size: 12px !important; text-shadow: none !important; }
#doc_wrap_html .delete:hover 	{ color:#333 !important; }

#doc_wrap_html .s1 		{ background-color:#f8931f !important; color:#fff !important; text-shadow: none !important; }
#doc_wrap_html .s2 		{ background-color:#fff !important; color:#000 !important; text-shadow: none !important; }

#doc_wrap_html .w10 		{ width:22px; margin-right:0px; text-align:right !important; }
#doc_wrap_html .w50 		{ width:50px; }
#doc_wrap_html .w60 		{ width:60px; }
#doc_wrap_html .w70 		{ width:70px; }
#doc_wrap_html .w80 		{ width:79px; }
#doc_wrap_html .w90 		{ width:90px; }
#doc_wrap_html .w100 	{ width:100%; }
#doc_wrap_html .w140 	{ width:140px; }
#doc_wrap_html .h50 		{ height:50px; }
#doc_wrap_html .h65 		{ height:65px; }

#doc_wrap_html .tpl_menu a, #doc_wrap_html .delete  {
	cursor: pointer;
	font-size: 12px;
	font-weight:normal;
	line-height:16px;
	margin:0px;
	padding: 3px 7px;
	text-decoration:none;
	color:#666;
	border:1px solid #d7d7d7;
	background:#f6f6f6; 
	text-shadow:0 1px 0 #fff;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f0f0f0));
	background-image:-webkit-linear-gradient(#fff,#f0f0f0);
	background-image:-moz-linear-gradient(#fff,#f0f0f0);
	background-image:-ms-linear-gradient(#fff,#f0f0f0);
	background-image:-o-linear-gradient(#fff,#f0f0f0);
	background-image:linear-gradient(#fff,#f0f0f0);
	-webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
				border-radius: 3px;
}
#doc_wrap_html .tpl_menu a:hover, #doc_wrap_html .delete:hover {
	color:#333;
	font-weight:normal;
	background:#e0e0e0;
	text-shadow:0 1px 0 #fff;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#e0e0e0));
	background-image:-webkit-linear-gradient(#f6f6f6,#e0e0e0);
	background-image:-moz-linear-gradient(#f6f6f6,#e0e0e0);
	background-image:-ms-linear-gradient(#f6f6f6,#e0e0e0);
	background-image:-o-linear-gradient(#f6f6f6,#e0e0e0);
	background-image:linear-gradient(#f6f6f6,#e0e0e0);
}
#doc_wrap_html .tpl_menu .active, #doc_wrap_html .tpl_menu .active:hover,
#doc_wrap_html .tpl_menu .active, #doc_wrap_html .tpl_menu .active:hover {
	font-weight:normal;
	color:#fff;
	background:#333;
	border:1px solid #555;
	text-shadow:0 -1px 1px #aaa;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#222));
	background-image:-webkit-linear-gradient(#555,#222);
	background-image:-moz-linear-gradient(#555,#222);
	background-image:-ms-linear-gradient(#555,#222);
	background-image:-o-linear-gradient(#555,#222);
	background-image:linear-gradient(#555,#222);
}

#doc_wrap_html #doc_tpl							{ margin-bottom:12px; }
#doc_wrap_html #doc_tpl .tpl_divbox				{ padding:0; border:1px solid #ccc; height:305px; }
#doc_wrap_html #doc_tpl table.tpl_box1 			{ width:100%; border:0; }
#doc_wrap_html #doc_tpl table.tpl_box2 			{ width:100%; border:0; }

#doc_wrap_html #doc_tpl .th 						{ font-size:1.13em; }
#doc_wrap_html #doc_tpl .tpl_label1				{ font-size:8pt; }
#doc_wrap_html #doc_tpl .tpl_label2				{ font-size:8pt; }
#doc_wrap_html #doc_tpl input						{ font-family:Arial; color:#000; }
#doc_wrap_html #doc_tpl input.i1,
#doc_wrap_html #doc_tpl input.i2,
#doc_wrap_html #doc_tpl input.x1					{ border: 1px solid #000; }
#doc_wrap_html #doc_tpl input.i1					{ font-size:9pt !important; }
#doc_wrap_html #doc_tpl input.x1					{ font-size:9pt !important; }

#doc_wrap_html #doc_tpl table td.tpl_tdnotes 		{ padding:3mm 5mm; height:100%; }
#doc_wrap_html #doc_tpl textarea.tpl_notes  		{ font-size:8pt; font-weight:bold; width:100%; height:198px; }
#doc_wrap_html #doc_tpl table td.tpl_tdlevel-lab	{ padding:17px 0 0 0; width:47%; border-top:1px solid #ccc; height:100%; }
#doc_wrap_html #doc_tpl table td.tpl_tdlevel-input	{ padding:14px 20px 0 0; width:53%; border-top:1px solid #ccc; }


/* Tpl 1 */
#doc_wrap_html #doc_tpl1-1 table.tpl_box1 td				{ padding:1px 4px 1px 6px !important; line-height:19px !important; } 
#doc_wrap_html #doc_tpl1-1 table.tpl_box1 input.doc_input	{ vertical-align: middle; margin-right:1px; }
#doc_wrap_html #doc_tpl1-1 table.tpl_box1 input.i1 			{ width:48px; text-align: center; }
#doc_wrap_html #doc_tpl1-1 input.i2						{ width:48px; text-align: center; }

/* Tpl 2 */
#doc_wrap_html #doc_tpl1-2 table.tpl_box1					{ margin-top:8px; }
#doc_wrap_html #doc_tpl1-2 table.tpl_box1 th				{ padding-left:13px !important; }
#doc_wrap_html #doc_tpl1-2 table.tpl_box1 td				{ padding:1px 4px 1px 6px !important; line-height:19px !important; } 
#doc_wrap_html #doc_tpl1-2 table.tpl_box1 input.doc_input	{ vertical-align: middle; margin-right:1px; }
#doc_wrap_html #doc_tpl1-2 table.tpl_box1 input.x1 			{ width:22px; text-align: center; }
#doc_wrap_html #doc_tpl1-2 input.i2						{ width:48px; text-align: center; }


@media all and (max-width: 750px) {
	#d_eform_edp {
		width:80%;
	}
}

@media all and (max-width: 480px) {
	#doc-wrap #meta, #doc-wrap #customer-tbl {display:block;float: left; margin-top: 15px;}
	#doc-wrap #o_logoinvoice {display:none;}
	#doc-wrap #meta, #doc-wrap #meta td {width:100%;} 
	#doc-wrap #meta td.meta-head {width:65%;}
	
	#o_eform_result-content {
		width:84%;
		padding: 20px 20px;
	}

	#o_eform_result-content .b-content {
		width:90%;
		margin:auto;
	}
	
	#o_pdf_btn .ui-btn {
		width:90%;
	}
		
	#d_eform_edp {
		width:98%;
	}	
	
}