/*
* New style for the form
* @author Cheruvathoor Mohan Vijai
* @created 02.06.2009
* @modified 26.08.2009
* @copyright W-create Oy
* @version 2.0
*/

/*------------	Main Body Box   ----------*/
/*

	mainform_body 			  - main box which draws the form's b1ackground box
	mainform_body_tlc 		  - top left corner
	mainform_body_trc 		  - top right corner
	mainform_body_blc 		  - bottom left corner
	mainform_body_brc		  - bottom right corner
	mainform_body_top		  - top line
	
*/

div#mainform_wrapper{
	margin-top: 12px;
	width: 900px;
	margin-left: 80px;
}

div#mainform_top_glow{
	background: url('../images/new_images/form_main_top.png') no-repeat center 4px;
	height: 9px;
	z-index: 10;
}		

.mainform_body_tlc {
	background-image: url('../images/new_images/formmain_upleft.png');
	height: 9px;
	width: 9px;
	font-size: 2px;
	margin-top: -9px;
}

.mainform_body_trc {
	float: right;
	margin-top: -9px;
	background-image: url('../images/new_images/formmain_upright.png'); 
	height: 9px; 
	width: 9px;
	font-size: 2px;
}

.mainform_body_blc {
	background-image: url('../images/new_images/formmain_downleft.png');
	background-repeat: no-repeat;
	height: 9px;
	font-size: 2px;
	margin-right: 9px;
}

div#xmlList .mainform_body_blc {
	background-image: url('../images/new_images/formmain_downleft.png');
	background-repeat: no-repeat;
	height: 9px;
	font-size: 2px;
	margin-top: -12px;
	margin-right: 9px;
}

.mainform_body_brc {
	background-image: url('../images/new_images/formmain_downright.png');
	background-position: 100% 0;
	background-repeat: no-repeat;
	margin-bottom: -9px;
	height: 9px;
	font-size: 2px;
	margin-top: -9px;
}

.mainform_body_top{
	background: url('../images/new_images/formmain_up.png') repeat-x;
	height: 9px;
	margin-left: 9px;
	margin-right: 9px;
}

.mainform_body_bottom{
	background: url('../images/new_images/formmain_down.png') repeat-x;
	height: 9px;
	margin-left: 9px;
	margin-right: 9px;
    margin-bottom: 25px;
}

.mainform_body_left{
	background: url('../images/new_images/formmain_left.png') repeat-y;
}

.mainform_body_right{
	background: url('../images/new_images/formmain_right.png') repeat-y top right;
}

.inside {
	margin-left: 9px;
	margin-right: 9px;
	background: #393837;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
}

.notopgap {
	margin-top: -1px;
	padding: 0;
}

.nobottomgap {
	padding: 0;
	margin-bottom: 0;
	clear: both;
	
}
/*ENDOF Main Body Box*/

/*
	Specific width setting for big box which wraps around the inside box
*/
.clientFormDiv div#mainform_wrapper{
	width: 580px;	
}

.productFormDiv div#mainform_wrapper{
	width: 720px;	
}

.accountFormDiv div#mainform_wrapper{
	width: 500px;	
}

div#dialog div#mainform_wrapper{
	width: 420px;	
}

/* ENDOF width setting */


/* --------- Main body box tabs ------- */
ul#tabs{
	margin: 0;
	padding: 0;
	height: auto;
	list-style: none;
}

ul#tabs li {
	float: left;
	margin-top: -5px;
	padding-right: 4px;
}

ul#tabs li a{

	display: block;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 12px;
	text-align: center;
	outline: none;
}

ul#tabs li a:hover{

}

ul#tabs li a.small{
	background: #2b2b2a;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	height: 26px;
	padding: 12px 8px 0;
	margin-bottom: 10px;
}

ul#tabs li a.small:hover,
ul#tabs li a.small:focus,
ul#tabs li a.small:active{
	background: #757473;
}


ul#tabs li a.wide{
	background: #2b2b2a;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	height: 26px;
	padding: 12px 8px 0;
	margin-bottom: 10px;
}

ul#tabs li a.wide:hover,
ul#tabs li a.active-tab,
ul#tabs li a.wide:focus,
ul#tabs li a.wide:active{
	background: #757473;
}


ul.group-tabs{
	margin: 0;
	padding: 0;
	height: auto;
	list-style: none;
	border-top: 1px solid white;
}

ul.group-tabs li {
	float: left;
	padding-right: 4px;
}

ul.group-tabs li a{

	display: block;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 12px;
	text-align: center;
	outline: none;
}

ul.group-tabs li a.small{
	background: #2b2b2a;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	height: 26px;
	padding: 12px 8px 0;
	margin-bottom: 10px;
}

ul.group-tabs li a.small:hover,
ul.group-tabs li a.small:focus,
ul.group-tabs li a.small:active{
	background: #757473;
}


ul.group-tabs li a{
	background: #2b2b2a;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	height: 26px;
	padding: 12px 8px 0;
	margin-bottom: 10px;
}

ul.group-tabs li a:hover,
ul.group-tabs li a.active-tab,
ul.group-tabs li a:focus,
ul.group-tabs li a:active{
	background: #757473;
}

/*ENDOF Main body box tabs*/

/*drop-down menu next to the tab*/
div#selectCompanyDiv{
	float:left;
	width:	300px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 2px;
}
div.importFormPage div#selectCompanyDiv {width: 220px;}

/* ---------- Icon bar on the right of the form ---------- */

div#iconbar{
	background: #585858;
	border: 1px solid #7c7b7b;
	border-top: none;
	float: right;
	height: 34px;
	margin-top: -5px;
	margin-right: 20px;
	padding: 0;
	position: relative;
	border-radius: 0 0 5px 5px;
}

div#iconbar .innerdiv{
	height: 32px;
	color: #FFFFFF;
}

.iconbar_body{
	padding-top: 4px;
	padding-left: 30px;
	padding-right: 40px;
	text-align: center;

}

.icon
{
  float: left;
  width: 32px;
  height: 32px;
  padding-right: 4px;
  padding-bottom: 4px;
}


#iconbar_blc{
	background-image: url(../images/new_images/iconbar_bottomleft.gif);
	width: 5px;
	height: 5px;
	bottom: -1px;
	left: -1px;
	position: absolute;

}
#iconbar_brc{
	background-image: url(../images/new_images/iconbar_bottomright.gif);
	width: 5px;
	height: 5px;
	bottom: -1px;
	right: -1px;
	position: absolute;
}
/*END of Icon bar*/


/*
	-------- SUB FORM ---------

*/
/* ------Sub form left & right ------- */

div#subform_left,
div#subform_right
{
	background: #535251 repeat;
	border: 1px solid #636262;
	float: left;
	margin-top: -5px;
	margin-right: 5px;
	padding: 0;
	position: relative;
	 
}

#subform_left_tlc,
#subform_right_tlc
{
	background-image: url(../images/new_images/formsub_top_left.gif);
	width: 5px;
	height: 5px;
	top: -1px;
	left: -1px;
	position: absolute;	
}

#subform_left_trc,
#subform_right_trc
{
	background-image: url(../images/new_images/formsub_top_right.gif);
	width: 5px;
	height: 5px;
	top: -1px;
	right: -1px;
	position: absolute;
}

#subform_left_blc,
#subform_right_blc
{
	background-image: url(../images/new_images/formsub_bottom_left.gif);
	width: 5px;
	height: 5px;
	bottom: -1px;
	left: -1px;
	position: absolute;
}

#subform_left_brc,
#subform_right_brc
{
	background-image: url(../images/new_images/formsub_bottom_right.gif);
	width: 5px;
	height: 5px;
	bottom: -1px;
	right: -1px;
	position: absolute;
}

.subform_left_body,
.subform_right_body
{
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 20px;
}
/*ENDOF Sub form left & right common part*/

/*width specific for the subform which are inside the body*/
div#subform_left, 
div#subform_right{
	width: 416px;
}


/*ENDOF SUB FORM*/



/*
	Class for displaying the forms and disabling the display property
*/

 .panel
{
  clear: both;
  display: none;
 
}

.panel.active-tab-body
{
  display: block;
}


/* 


General declaration for all the forms 


*/



.topic{
	margin-bottom: 2px;	
	white-space: nowrap;
}

div#samForm,
div#productForm,
div#cmrFormDiv
{
	position: relative;
}

div#samForm fieldset,
div#productForm fieldset,
div#cmrFormDiv fieldset
{
	border: none;
}

/* 

Textbox size defenition 

*/

/*for max-length of text field = 60 */

/*For IE8*/
 #seller_a,
 #seller_a2,
 #seller_b,
 #seller_b2,
 #seller_c,
 #seller_c2,
 #receiver_a,
 #receiver_b,
 #receiver_c,
 #receiver_a2,
 #receiver_b2,
 #receiver_c2,
 #carrier_a,
#transitor_a, #transitor_b, #transitor_c,
.address_a, .address_b, .address_c, .countrylist,
input.toimija-name1, input.toimija-name2, input.toimija-addr
{
	width: 330px;
}

/*For rest of the browsers*/
 #seller_a,
 #seller_a2,
 #seller_b,
 #seller_b2,
 #seller_c,
 #seller_c2,
 #receiver_a,
 #receiver_b,
 #receiver_c, 
 #receiver_a2,
 #receiver_b2,
 #receiver_c2,
 #carrier_a, #ie8#fix,
#transitor_a, #transitor_b, #transitor_c,
.address_a, .address_b, .address_c, .countrylist,
input.toimija-name1, input.toimija-name2, input.toimija-addr,
 .wide-330
{
	width: 330px;	
}

/* for max-length of text field = 50 */
div#cmrFormDiv #consignor_1,
div#cmrFormDiv #consignor_1_b,
div#cmrFormDiv #consignor_2,
div#cmrFormDiv #consignor_5,
div#cmrFormDiv #consignee_1,
div#cmrFormDiv #consignee_1_b,
div#cmrFormDiv #consignee_2,
div#cmrFormDiv #consignee_5,
div#cmrFormDiv #carrier_1,
div#cmrFormDiv #carrier_2,
div#cmrFormDiv #carrier_3,
div#cmrFormDiv #carrier_4,
div#cmrFormDiv #carrier_5,
div#cmrFormDiv #deliveryAddress_1,
div#cmrFormDiv #deliveryAddress_2,
div#cmrFormDiv #deliveryAddress_3,
div#cmrFormDiv #deliveryAddress_4,
div#cmrFormDiv #deliveryAddress_5,
div#cmrFormDiv #carrier
{
	width: 322px;	
} 

/* for maxlegth of text field = 45 */
div#samForm #placeCompany,
div#samForm #placePerson,
div#samForm #placePerson_title
{
	width: 270px;	
}

/* for maxlegth of text field = 40 */
/*
div#samForm #carrier_b
{
	width: 260px;	
}
*/
div#productForm #attachmentInfo_b_1,
div#productForm #attachmentInfo_b_2,
div#productForm #attachmentInfo_b_3,
div#productForm #attachmentInfo_b_4,
div#productForm #attachmentInfo_b_5,
div#productForm #attachmentInfo_b_6,
div#productForm #attachmentInfo_b_7,
div#productForm #attachmentInfo_b_8,
div#productForm #attachmentInfo_b_9,
div#productForm #attachmentInfo_b_10,
.wide-230
{
	width: 230px;	
}

/* for maxlegth of text field = 35 */

div#cmrFormDiv #consignor_4,
div#cmrFormDiv #consignee_4,
div#cmrFormDiv #consignorsRef_1,
div#cmrFormDiv #consignorsRef_2,
div#cmrFormDiv #consignorSignature_1,
div#cmrFormDiv #consignorSignature_2,
div#productForm #productDesc,
div#productForm #customsDescription
{
	width: 203px;
	* width: 201px;
}

/* special case for seller_e */
/* IE8 correction*/
#seller_e
{
/*	width: 198px;*/
}

/* For rest of the browser*/
#seller_e, #ie8#fix
{
/*	width: 203px; */
}
/* ENDOF seller_e */


/* for maxlegth of text field = 30 */ 
/*
div#samForm #carrier_d
{
	width: 186px;
}
*/

/* special case for receiver_e */
/* IE8 correction */
div#samForm #receiver_e,
#transitor_e, .address_e, input.toimija-post_place{
	width: 182px;
}

/* For rest of the browsers*/
div#samForm #receiver_e, #ie8#fix,
#transitor_e, .address_e, input.toimija-post_place{
	width: 186px;
}
/* ENDOF receiver_e*/

/* for maxlegth of text field = 26 
div#samForm #place_of_loading_c{
	width: 184px;	
}*/

/* for maxlegth of text field = 25 */ 
/* div#productForm #seller_e, */
div#samForm #id_of_vehicle_at_start_a,
div#samForm #place_of_loading_c,
div#samForm #marksDate,
div#samForm #marksDateOfDelivery,
div#samForm #valDestCountry,
div#samForm #routingCountry, 
div#samForm #id_of_vehicle_at_border_a,
div#samForm #term_of_delivery_c,
div#samForm #reference_no

{
	width: 165px;
}


/* for max-length of text field = 20 */

div#cmrFormDiv #refNr,
div#cmrFormDiv #issuedAt,
div#cmrFormDiv #driverSignature,
div#productForm #productNr,
div#productForm #attachments_b_1,
div#productForm #attachments_b_2,
div#productForm #attachments_b_3,
div#productForm #attachments_b_4,
div#productForm #attachments_b_5,
div#productForm #attachments_b_6,
div#productForm #attachments_b_7,
div#productForm #attachments_b_8,
div#productForm #attachments_b_9,
div#productForm #attachments_b_10,
div#samForm #additionalDocuments_c_1,
div#samForm #additionalDocuments_c_2,
div#samForm #additionalDocuments_c_3,
div#samForm #additionalDocuments_c_4,
div#samForm #additionalDocuments_c_5,
div#samForm #additionalDocuments_c_6,
div#samForm #additionalDocuments_c_7,
div#samForm #additionalDocuments_c_8,
div#samForm #additionalDocuments_c_9,
div#samForm #additionalDocuments_c_10,
div#samForm #additionalDocuments_c_11,
div#samForm #additionalDocuments_c_12,
div#samForm #additionalDocuments_c_13,
div#samForm #additionalDocuments_c_14,
div#samForm #additionalDocuments_c_15,
div#samForm #additionalDocuments_c_16,
div#samForm #additionalDocuments_c_17,
div#samForm #additionalDocuments_c_18,
div#samForm #additionalDocuments_c_19,
div#samForm #additionalDocuments_c_20,
div#samForm #additionalDocuments_c_21,
div#samForm #additionalDocuments_c_22,
div#samForm #additionalDocuments_c_23,
div#samForm #additionalDocuments_c_24,
div#samForm #additionalDocuments_c_25,
div#samForm #additionalDocuments_c_26,
div#samForm #additionalDocuments_c_27,
div#samForm #additionalDocuments_c_28,
div#samForm #additionalDocuments_c_29,
div#samForm #additionalDocuments_c_30
{
	width: 150px;
}

div#samForm #term_of_delivery_b,
div#samForm #additionalDocuments_b_1,
div#samForm #additionalDocuments_b_2,
div#samForm #additionalDocuments_b_3,
div#samForm #additionalDocuments_b_4,
div#samForm #additionalDocuments_b_5,
div#samForm #additionalDocuments_b_6,
div#samForm #additionalDocuments_b_7,
div#samForm #additionalDocuments_b_8,
div#samForm #additionalDocuments_b_9,
div#samForm #additionalDocuments_b_10,
div#samForm #additionalDocuments_b_11,
div#samForm #additionalDocuments_b_12,
div#samForm #additionalDocuments_b_13,
div#samForm #additionalDocuments_b_14,
div#samForm #additionalDocuments_b_15,
div#samForm #additionalDocuments_b_16,
div#samForm #additionalDocuments_b_17,
div#samForm #additionalDocuments_b_18,
div#samForm #additionalDocuments_b_19,
div#samForm #additionalDocuments_b_20,
div#samForm #additionalDocuments_b_21,
div#samForm #additionalDocuments_b_22,
div#samForm #additionalDocuments_b_23,
div#samForm #additionalDocuments_b_24,
div#samForm #additionalDocuments_b_25,
div#samForm #additionalDocuments_b_26,
div#samForm #additionalDocuments_b_27,
div#samForm #additionalDocuments_b_28,
div#samForm #additionalDocuments_b_29,
div#samForm #additionalDocuments_b_30,
div#samForm #place_of_goods,
#place_of_loading
{
	width: 130px;
	*width: 129px;	
}

/* for max-length of text field = 15 */

div#cmrFormDiv #consignor_3,
div#cmrFormDiv #consignee_nr,
div#cmrFormDiv #consignee_3,
div#cmrFormDiv #date,
div#cmrFormDiv #vehicleRegNo,
div#cmrFormDiv #placeOfDeparture,
div#cmrFormDiv #placeOfDischarge,
div#cmrFormDiv #finalDestination,
div#cmrFormDiv #termsofTransport,
div#cmrFormDiv #deliveryAgainst,
div#productForm #productIdentification,
div#productForm #productContainerNo,
/* div#productForm #GeneralDeclaration, */
div#productForm #currencyValue,
div#productForm #invoiceRef,
div#productForm #statsValue,
/*div#samFrom*/ div.nro #receiver_no,
div#samForm #details_of_payment_a,
div#samForm #details_of_payment_b,
div#samForm #details_of_payment_c,
div#samForm #details_of_payment_d,
div#samForm #carrier_ref,
div#samForm #place_of_exit_a,
div#productForm #weightBrt,
div#samForm #totalWeightBrt,
div#productForm #weightNet,
div#samForm #currency_amount,
div#samForm #placeDate,
div#samForm #placePhone,
div#samForm #placeFax,
div#productForm #invoiceDate,
div#productForm #dangerousGoods,
#carrier_nr
{
	width: 115px;	
}


#seller_d, #ie8#fix,
#transitor_d, .address_d, input.toimija-post_no, .guarantee_code {
	width: 115px;
	*width: 105px;	
}

/* for max-length of the text field = 12 */
div#samForm #seller_no,
div#samFrom #receiver_no_2,
div#samForm #place_of_exit_b,
div#samFrom #valExpCountry,
div#samFrom #valOriginCountry,
div#samFrom #valDestCountry,
div#samForm #carrier_no,
input.datefield
{
	width: 90px;
}

/* for max-length of the text field = 8 */

div#productForm #GeneralDeclarationDate,
div#productForm #attachments_c_1,
div#productForm #attachments_c_2,
div#productForm #attachments_c_3,
div#productForm #attachments_c_4,
div#productForm #attachments_c_5,
div#productForm #attachments_c_6,
div#productForm #attachments_c_7,
div#productForm #attachments_c_8,
div#productForm #attachments_c_9,
div#productForm #attachments_c_10,
 #seller_d,
 #receiver_d,
div#samForm #currency_rate,
div#productForm #itemCode,
#transitor_d, .address_d, .guarantee_code, .amountfield,
.wide-70,
input.toimija-post_no
{
	width: 70px;	
}

/* for max-length of the text field = 5 */
div#productForm #productAmount,
div#productForm #productContainerQuantity,
div#productForm #productContainerType,
div#productForm #additionalCode,
div#productForm #excode,
div#productForm #originCountry,
div#productForm #procedure_a,
div#productForm #procedure_c,
div#productForm #kiintio,
div#productForm #GeneralDeclarationType,
div#productForm #otherAmount,
div#productForm #otherAmountUnit,
div#productForm #productPrice,
div#productForm #attachments_a_1,
div#productForm #attachments_a_2,
div#productForm #attachments_a_3,
div#productForm #attachments_a_4,
div#productForm #attachments_a_5,
div#productForm #attachments_a_6,
div#productForm #attachments_a_7,
div#productForm #attachments_a_8,
div#productForm #attachments_a_9,
div#productForm #attachments_a_10,
div#productForm #attachmentInfo_a_1,
div#productForm #attachmentInfo_a_2,
div#productForm #attachmentInfo_a_3,
div#productForm #attachmentInfo_a_4,
div#productForm #attachmentInfo_a_5,
div#productForm #attachmentInfo_a_6,
div#productForm #attachmentInfo_a_7,
div#productForm #attachmentInfo_a_8,
div#productForm #attachmentInfo_a_9,
div#productForm #attachmentInfo_a_10,
div.nro #seller_no_2,
div#samForm #receiver_no_2,
div#samForm #carrier_no_2,
/* div#samForm #carrier_e, */
div#samForm #type_of_transportation_on_border,
div#samForm #type_of_transportation_on_shore,
div#samForm #additionalDocuments_a_1,
div#samForm #additionalDocuments_a_2,
div#samForm #additionalDocuments_a_3,
div#samForm #additionalDocuments_a_4,
div#samForm #additionalDocuments_a_5,
div#samForm #additionalDocuments_a_6,
div#samForm #additionalDocuments_a_7,
div#samForm #additionalDocuments_a_8,
div#samForm #additionalDocuments_a_9,
div#samForm #additionalDocuments_a_10,
div#samForm #additionalDocuments_a_11,
div#samForm #additionalDocuments_a_12,
div#samForm #additionalDocuments_a_13,
div#samForm #additionalDocuments_a_14,
div#samForm #additionalDocuments_a_15,
div#samForm #additionalDocuments_a_16,
div#samForm #additionalDocuments_a_17,
div#samForm #additionalDocuments_a_18,
div#samForm #additionalDocuments_a_19,
div#samForm #additionalDocuments_a_20,
div#samForm #additionalDocuments_a_21,
div#samForm #additionalDocuments_a_22,
div#samForm #additionalDocuments_a_23,
div#samForm #additionalDocuments_a_24,
div#samForm #additionalDocuments_a_25,
div#samForm #additionalDocuments_a_26,
div#samForm #additionalDocuments_a_27,
div#samForm #additionalDocuments_a_28,
div#samForm #additionalDocuments_a_29,
div#samForm #additionalDocuments_a_30,
div#samForm #number_of_items,
div#samForm #term_of_delivery_a,
div#samForm #currency_name,
div#samForm #type_of_trade_a,
procedure_c,
.codefield,
.wide-54
{
	width: 54px;
}
.wide-40
{
	width: 40px;
}
.wide-45
{
	width: 45px;
}
.wide-60 {
    width: 60px;
}
.wide-65 {
    width: 65px;
}
.wide-70 {
    width: 70px;
}
.wide-80 {
    width: 80px;
}
.wide-90 {
    width: 90px;
}
.wide-120 {
    width: 120px;
}
.wide-140 {
    width: 140px;
}
.wide-163 {
    width: 163px;
}
.wide-183 {
    width: 183px;
}
.wide-200 {
    width: 200px;
}
.wide-230 {
    width: 230px;
}

/*Special case because of IE7 & 8*/

 #seller_f, 
 #receiver_f,
#transitor_f, .address_f,
input.toimija-cnty
{
	width: 50px;	
}

 #seller_f, 
 #receiver_f,
#transitor_f, .address_f,
#ie8fix, input.toimija-cnty
{
	width: 54px;
	*width: 52px;
}

div#samForm #place_of_loading_b,
div#samForm #country_of_destination,
#id_of_vehicle_at_border_b,
#id_of_vehicle_at_start_b,
.guarantee_type,
.countrycode,
.wide-32
{
	width: 32px;
        
}
.vatno_ext
{
	width: 45px; 
}
.vatno_before_ext
{
	width: 120px;
}
.vatno
{
	width: 90px; 
}
.wide-170 {
    width: 170px;
}



/* for max-length of the text field = 4 */
div#samForm #sealsAffixed,
div#samForm #country_of_export,
div#samForm #freightPayment
{
	width: 28px;
}

/* for max-length of the text field = 3 */
div#productForm #procedure_b,
div#samForm #number_of_declarations,
div#samForm #number_of_forms,
.wide-22
{
	width: 22px;
}

/* for max-length of the text field = 2 */

div#cmrFormDiv #invoiceOrig,
div#cmrFormDiv #invoiceCopy,
div#cmrFormDiv #inspolOrig,
div#cmrFormDiv #inspolCopy,
div#cmrFormDiv #custInv,
div#cmrFormDiv #packList,
div#cmrFormDiv #certOfOrig,
div#productForm #orderNo,
div#productForm #otherAmountType,
div#samForm #carrier_status,
div#samForm #type_of_place,
div#samForm #formNo,
div#samForm #formTotal,
div#samForm #marksLanguage,
div#samForm #routingCountry_code,
#transitorType
{
	
	width: 30px;
}

/* ENDOF Textbox size defenition */

div#cmrFormDiv .bottomsidesmallfont,
div#cmrFormDiv .date1,
div#cmrFormDiv .bottom,
div#cmrFormDiv .datebig,
div#cmrFormDiv .consignorSignature,
div#productForm .leftside,
div#productForm label,
 .topic,
div#samForm label.list,
div#samForm span.kpl
{
	color: #dff963;
	font-size: 12px;
	
}


div#cmrFormDiv .bottomside,
div#cmrFormDiv .bottomsidesmallfont,
div#cmrFormDiv .date1,
div#productForm .leftside,
/* div#productForm .productSelectDiv, */
div#productForm .productContainerDiv,
.bottomside
{
	border-bottom: #7c7b7b 1px solid;
	border-right: #7c7b7b 1px solid;
}

div#cmrFormDiv .nobottomside,
div#cmrFormDiv .datebig,
div#productForm .leftsidebottom,
div#samForm #kymmenen,
div#samForm #yksitoista,
div#samForm #kaksitoista
{
	border-right: #7c7b7b 1px solid;
}


div#cmrFormDiv .longbottom,
div#cmrFormDiv .bottom,
div#productForm .bottom,
div#productForm td.specialbottom,
div#samForm #senderDiv,
fieldset#receiverFieldset,
fieldset#carrierFieldset,
fieldset#transportFieldset,
div#samForm .item-row_transport-type,
div#samForm .bottom,
div#samForm #leftBottomDiv,
div#samForm #payerDiv,
div#samForm #countyextraDiv,
div#samForm .item-row28,
div#samForm #marksDiv
{
	border-bottom: #7c7b7b 1px solid;
}

div#productForm #senderDiv
{
	border-top: #7c7b7b 1px solid;
}


fieldset#carrierFieldset,
fieldset#deliveryFieldset,
fieldset#originatorFieldset,
fieldset#transitorFieldset,
fieldset#receiverFieldset,
fieldset#senderFieldset,
fieldset#representerFieldset {
	width: 334px;

}


a#addAttachments,
a#addAttachmentInfo,
a#addAdditionalInfo,
a#addAdditionalDocument,
a#addProductRow,
a#addProducts,
a#addPack, a#addTransitDocs, a#addPrevDocs,
a#addTotalprice,
a#addProductrow_pack,
a#addProductrow_stock,
a#addProductrow_notice,
a#addProductrow_docs,
a#addPrices
{
	background: url(../images/new_images/add_icon.png) no-repeat;
	border: 0;
	height: 26px;
	width: 27px;
	padding: 0;
	outine: none;
	display: block;
	
}

div#productForm a#addAttachments:active,
div#productForm a#addAttachmentInfo:active,
div#samForm a#addAdditionalInfo:active,
div#samForm a#addAdditionalDocument:active,
a#addProducts:active,
a.addRow:hover
{
	background: url(../images/new_images/add_hover_icon.png) bottom right no-repeat;	
}




/* productlist */

#productInfoDiv .shadowcontainer
{
  

}
#productInfoDiv{
}
#productInfo, #eventInfo {
    margin-top: 6px;
}

#productList{
width:800px;

}

#productList .productListheader{
	color: #FFFFFF;
	background-color: #556;
	font-size:13px;
	height:30px;
	padding-top:5px;
        border-bottom: 2px solid #444;
        border-left: 2px solid #444;
	width:850px;
    
}

#productList .productListRow{
  font-size:12px;
  padding: 0.0em;
  height: 35px;
  width: 850px;
  color: #FFFFFF;
  clear: both;
  border-bottom: 2px solid #444;
  border-left: 1px dotted #333;

}

#productList .productListRow:hover{
  background-color: #555;
  border-bottom: 2px solid #333;
  border-left: 2px solid #555;

}

.productListRowCol{
  padding-left: 5px;
  padding-right: 5px;
  width: 120px;
  height: 100%;
  float: left;
}
.productListRow .productListRowCol,
.productListRow .productListRowCol20,
.productListRow .productListRowCol40,
.productListRow .productListRowColLong{

	border-right: 1px dotted #333;
}

.productListRowColLong{
  padding-left: 5px;
  padding-right: 5px;
  width: 170px;
  float: left;
  height: 100%;
}

.productListRowCol20{
  padding-left: 0.3em;
  padding-right: 0.3em;
  height: 100%;
  width: 20px;
  float: left;
}

.productListRowCol40{
  padding-left: 0.3em;
  padding-right: 0.3em;
  height: 100%;
  width: 40px;
  float: left;
}

.productListButtons{
  padding: 0.3em;
  float: right;
  margin-right: 0.3em;
}

.productListButtons img{
  width: 24px;
}

/* ENDOF productlist */


/* ENDOF General declaration*/

/*ENDOF Class for displaying the forms and not to display the form */

/*

	SAMFORM specific

*/

/*
	Correction of height for IE and Firefox
*/

/* for all other browsers other than IE8 */

/* IE8 Specific */
/* div#samForm #additionalInfoDiv{
	padding-top: 73px; 	
}

div#samForm #additionalInfoDiv, #ie8#fix{
	padding-top: 73px;
	*padding-top: 7px;
}
*/
/* for all other browsers other than IE8 No need of IE8 correction here */
/*div#samForm #additionalInfoDivRight, #ie8#fix{
	padding-top: 0px;
	*padding-top: 58px;
}*/

/* ENDOF correction for IE*/

div#samForm fieldset#marksFieldset{
	padding-left: 0px;	
}

#seller_a,#seller_a2
{
	margin-top: 2px;	
}

div#samForm .marginTop_4{
	margin-top: 4px;	
}


#seller_f,
#receiver_f,
#transitor_f, .address_f, 
div.leftadd, input.toimija-cnty
{
	margin-left: 12px;	
}

div#samForm div#carrier_no_text,
 .addrField,
div#samForm #placeDate,
div#samForm #placeCompany,
div#samForm #placePerson,
div#samForm #placePerson_title
{
	margin-bottom: 3px;
}

div#samForm #placeDate,
div#samForm #placeCompany,
div#samForm #placePerson,
div#samForm #placePerson_title{
	*margin-bottom: 0px;	
}

/*For IE8*/
div#samForm #placePhone,
div#samForm #placeFax
{
	margin-bottom: -1px;	
}

/*For other browsers*/
div#samForm #placePhone, #ie8#fix,
div#samForm #placeFax, #ie8#fix
{
	margin-bottom: 3px;	
}

div#samForm .samForm_fax{
	margin-left: 5px;	
}

div#samForm .ilmoitus,
div#samForm #kolme,
div#samForm #nelja
{
	margin-bottom: 4px;	
}

div#samForm #viisi,
div#samForm #kuusi,
div#samForm #seitseman_2,
div#samForm #kaksikymmenta
{
	margin-bottom: 5px;
}
	
div#sealsAffixedKPL{
	margin-right: 20px;	
}


div.nro #receiver_no{
	margin-right: 59px;	
}

/*div#samFrom*/ div.nro #receiver_no, #ie8#fix{
	margin-right: 57px;
	*margin-right: 59px;	
}
div.nro input#receiver_no{
    margin: 0;
}
/* div.nro div#carrier_no_nro{
	margin-right: 180px;	
} */

div#samForm fieldset#additionalInfoFieldset{
	*padding-bottom: 0px;
}

div#samForm #samLeft,
div#samForm #samRight
{
	width: 410px;	
}


div#samForm .commonright,
div#samForm .nro,
div#productFrmDiv .nro,
div#samForm .item-wrapper_kontti,
div#samForm .field_b,
div#samForm .field_kontti
{
	float: right;
}

div#samForm .commonleft,
div#samForm .fieldLabel,
.topic,
div#samForm .item-wrapper_kuljetus,
div#samForm .item-wrapper_Aktiivisen,
div#samForm #kymmenen,
div#samForm #yksitoista,
div#samForm #kaksitoista,
div#samForm #kolmetoista,
div#samForm .field_aika,
div#samForm label.list,
div#samForm .topic9nro,
div#samForm .vientipaiva,
div#samForm .addrField,
.left-float
{
	float: left;
}
.topic,
.field-row,
div#samForm .item-row_transport,
.clear
{
	clear: both;
}

div#samForm .vientipaiva,
div#samForm .field_aika
{
	padding-top: 2px;
}

div#samForm .vientipaiva,
div#samForm .field_aika, #ie8#fix
{
	padding-top: 17px;
	*padding-top:1px;	
}

div#samForm .field_b{
	padding-top: 19px;
	*padding-top: 18px;
	padding-right: 35px;	
}	
div#samForm .field_kontti{
	padding-right: 20px;
}	

div#samForm .field125,
div#samForm .field_lastaus,
div#samForm .item-wrapper_row-30,
div#samForm #nelja,
div#samForm #kuusi,
div#samForm #seitseman_2,
div#samForm .leftBottom_padding
{
	padding-left: 2px;
	padding-bottom: 2px;
	*padding-bottom: 0px;	
}	

div#samForm .field100,
div#samForm .item-wrapper_row-29,
div#samForm #leftBottomDiv,
div#samForm #viisi,
div#samForm #payerDiv,
div#samForm .item-row28,
div#samForm #marksDiv,
div#samForm .bottom_padding
{
	padding-bottom: 2px;	
}

div#samForm .item-wrapper_kuljetus,
div#samForm .item-wrapper_kontti,
div#samForm .item-wrapper_Aktiivisen,
div#samForm .field_b
{
	*padding-bottom: 4px;
}

div#samForm .paddingBottom_1{
	padding-bottom: 1px;	
}

div#samForm p.top_padding
div#samForm #leftBottomDiv,
div#samForm .item-row28,
div#samForm #marksDiv
{
	padding-top: 2px;	
}

div#samForm p.heading,
div#samForm #vientimaa .field125_short_country_second,
div#samForm #vientimaa .field125_country_third,
div#samForm .generalpaddingleft
{
	padding-left: 5px;	
}

div#samForm #details_of_payment_a
{
	margin-top: 5px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 60px;	
}

div#samForm #details_of_payment_c{
	margin-right: 8px;
	margin-left: 60px;
}

div#samForm #details_of_payment_b,
div#samForm #details_of_payment_d,
div#samForm #details_of_payment_c
{
	margin-bottom: 8px;	
}

div#samForm #maksujapankki{
	padding-bottom: 5px;	
}	
	
div#samForm p.topic9nro{
	color: #FFFFFF;
	padding-left: 75px;	
}

div#samForm p.heading{
	color: #BBBBBB;
}

div#samForm span.line{
	padding-left: 3px;	
}
/*
div#samForm #kymmenen,
div#samForm #yksitoista,
div#samForm #kaksitoista,
div#samForm #kolmetoista
{
	height: 40px;	
}

div#samForm #kymmenen{
	width: 75px;
}

div#samForm #yksitoista{
	width: 85px;
}

div#samForm #kaksitoista{
	width: 130px;
}
*/
div#samForm fieldset#countyextraFieldset,
div#samForm fieldset#countryFieldset
{
	padding: 0px;
	margin: 0px;
} 


div#samForm div#payerDiv{
	height: 114px;
	*height: 116px;	
}

div#samForm .field_kuljetus,
div#samForm .field_a
{
	width: 300px;
}

div#samForm #customsReferenceNr,
div#samForm #mrnNr
{
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;	
}

div#samForm #placeDiv{
	padding-bottom: 5px;
}

div#samForm #placeDiv, #ie8#fix{
	padding-bottom: 5px;
	*padding-bottom: 5px;	
}

div#samForm .reittimaat_Rahti{
	padding-bottom: 2px;	
}



/* ENDOF SAMFORM */

/*

	Product Form specific

*/
div#productForm .labelcorrection{
	padding-left: 1px;	
}

div#productForm .correction2{
	padding-left: 3px;	
}

div#productForm #upperbox{
	background: url(../images/new_images/lighterBox.png) no-repeat top left;
	height: 30px;
	width: 650px;
	margin-left: 6px;
	margin-top: 15px;
}

div.upperbox{
  background: url(../images/new_images/lighterBox.png) no-repeat top left;
  height: 30px;
  width: 650px;
  margin-left: 6px;
  margin-top: 10px;
  background-size: cover;
}

div#emcsProductRow #subbox_left{
  margin-top: 0px; 
  margin-bottom: 5px;
  height: 470px; 
}

div#productForm #subbox_left{
	margin-top: 0px;	
}

div#productForm .productSelectDiv{
	padding-top: 3px;
	padding-left: 5px;
}

div#productForm fieldset#productItemFieldset{
	margin: 0;
	padding: 0;
}

div#productForm td{
	padding: 0;
	margin: 0;
	vertical-align:top;
}

div#productForm td.spaceleft{
	padding-left: 5px;	
	padding-right: 10px;
}

div#productForm td.specialSpaceLeft{
	padding-left: 92px;	
}

div#productForm td.spacebottom{
	padding-top: 5px;	
}

div#productForm td.special{
	border-bottom: #7c7b7b 1px solid;
	border-left: #7c7b7b 1px solid;
	width: 20px;
	padding-left: 10px;
	padding-bottom: 5px;
}

div#productForm .boxwrapper{
	padding: 0;
	margin: 0;
}

div#productForm .leftsidebottom{
	height: 245px;
	width: 50px;	
}

div#productForm td.lefttop{
	padding-top: 10px;
	padding-left: 3px;	
}

div#productForm .productContainerDiv,
div#productForm .additionalProductInfoDiv
{

}

div#productForm .productItemDiv{

}

div#productForm td.leftside,
div#productForm td.bottom,
div#productForm td.specialbottom,
div#productForm .attachmentsRow_b,
div#productForm .attachmentsRow_c,
div#productForm .attachmentInfoRow_b
{
	padding-left: 2px;
	padding-bottom: 4px;
	*padding-bottom: 1px;
}

div#productForm td.specialbottom{
	vertical-align: bottom;	
}
/* ENDOF product form */


/*

	CMR FORM specific

*/

div#cmrFormDiv .cmrBottom{
	width: 838px;
}

div#cmrFormDiv .cmrBottom, #ie8#fix{
	width: 778px;
	*width: 835px;
}

div#cmrFormDiv .cmrtopRight{
	height: 448px;
	width: 438px;
}

div#cmrFormDiv .cmrtopRight, #ie8#fix{
	height: auto;
	width: auto;
	*height: 458px;
	*width: 435px;
}

div#cmrFormDiv .break{
	background-color: #7c7b7b;
	width: 350px;
}


div#cmrFormDiv #consignorFieldset,
div#cmrFormDiv #consigneeFieldset,
div#cmrFormDiv #cmrFormProductsFieldset,
div#cmrFormDiv #carrier2,
div#cmrFormDiv #consignorInstructionsFieldset
{
	padding-bottom: 10px;
	border-bottom: #7c7b7b 1px solid;	
}

div#cmrFormDiv .leftside{
	width: 380px;
}

div#cmrFormDiv .rightside{
	width: 408px;
	height: 433px;
}

div#cmrFormDiv .rightside, #ie8#fix{
	width: 380px;
	*width: 405px;
	height: 448px;
	*height: 461px;
	
}

div#cmrFormDiv td{
	background: #535251;
	color: #DFF963;
}

div#cmrFormDiv .fullborder{
	/*border-top: #7c7b7b 1px solid;*/
	border-left: #7c7b7b 1px solid;
	border-right: #7c7b7b 1px solid;
	
}

div#cmrFormDiv .date1,
div#cmrFormDiv .bottom
{
	height: 60px;
	width: 250px;
	padding: 2px;
	
}

div#cmrFormDiv .datebig,
div#cmrFormDiv .consignorSignature
{
	height: 150px;
	width: 250px;
	padding: 2px;
}
fieldset {
	color: #FFFFFF;
	font-size: 10px;
	padding: 5px;
	border: 1px solid #7c7b7b;
}

fieldset, #ie8#fix {
	color: #FFFFFF;
	font-size: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	*padding-top: 0px;
	*padding-bottom: 2px;
	*padding-left: 5px;
	*padding-right: 5px;
	border: 1px solid #7c7b7b;
}

legend{
	color: #dff963;
	font-size: 12px;
	
}
	
.fieldrow {
  clear:both;

}
#companyDataForm .field {
  float:left;

}

/*
.fieldrow input,
div#cmrFormDiv fieldset input,
div#cmrFormDiv fieldset textarea
div#cmrFormDiv .bottom input
div#cmrFormDiv .datebig,
div#cmrFormDiv #consignorSignature_1,
div#cmrFormDiv #consignorSignature_2,
div#productForm input,
div#samForm input,
div#companyDataFormLeft textarea
*/
input, textarea
{
	background-color: #EEEEEE; 
}
input[type=image], input[type=file] {
	background-color: transparent; 
}

.fieldrow input:focus,
.fieldrow input:hover,
div#cmrFormDiv fieldset input:focus,
div#cmrFormDiv fieldset input:hover,
div#cmrFormDiv fieldset textarea:focus,
div#cmrFormDiv fieldset textarea:hover,
div#cmrFormDiv .bottom input:focus,
div#cmrFormDiv .bottom input:hover,
div#cmrFormDiv .datebig input:focus,
div#cmrFormDiv .datebig input:hover,
div#cmrFormDiv #consignorSignature_1:focus,
	div#cmrFormDiv #consignorSignature_1:hover,
div#cmrFormDiv #consignorSignature_2:focus,
div#cmrFormDiv #consignorSignature_2:hover,
div#productForm input:focus,
div#productForm input:hover,
div#samForm input:focus,
div#samForm input:hover,
div#companyDataFormLeft textarea:focus,
div#companyDataFormLeft textarea:hover
{
	background: #c9d18c;
	color: #000000;
}


/*ENDOF CMR FORM*/


/* Product and Client forms */

.overlay,
#formDiv {
    width: 650px;
//    margin-top: 60px;
    margin-left: -15px;
    position:relative;
    display: none;       
}

/*

	Client Form & Product Form - Its for displaying popup while adding and editing

*/

#clientFormDiv {
	width: 560px;
}

#productFormDiv
{
	width: 700px;

}

div#productFormDiv #productFormTop{
	width: 700px;

}

div#productFormDiv #productFormTop, #ie8#fix{
	width: 655px;
	*width: 688px;	
}


div#productFormDiv #productFormLeft{
	width: 303px;
}

div#productFormDiv #productFormLeft, #ie8#fix{
	width: 286px;
	*width: 295px;	
}

div#productFormTop fieldset#productFormSelectFieldset .field,
div#productFormDiv #productFormLeftBottom,
div#productFormDiv #productFormRightBottom
{
	float: left;	
}	



#debugBox{
	float: right;
	width: 370px;
	height: 400px;
	overflow: auto;
	position: absolute;
	margin: 0px 15px 40px 5px;
	left: 68em;
	top: 100px;
	clear: both;
	font-family: Verdana, Arial;
	font-size: small;
	display: none;
	z-index: 100;
	border: 1px solid black;
}

#debugBox #info {
	margin-left: 10px;
	padding: 5px;
	clear: both;

}




div#dialog div#join{
	height: 500px;
	overflow: scroll;	
}

/* ENDOF Helpbox & Debug box */

/* Error messages*/
.error
{
  color: red;
  font-weight: bold;
}


div#clientform_wrapper{
	margin-top: 30px;
	width: 600px;
	margin-left: 80px;
}


div#samForm input[readonly], div#productForm input[readonly] {
    background-color: #cccccc;
    color: #444444;
}

table.samformTable {
   margin-left: auto;
   margin-right: auto;
   width: 100%;
}
table.samformTable tr td {
   padding: 3px 0px 2px 2px;
   vertical-align: top;
}

.additionalProductInfoDiv table {
   margin-left: auto;
   margin-right: auto;
   width: 100%;
}

input.invalidValue {
  background-color: #FF6666;
}

input.validValue {
  background-color: #ccFFcc;
}

input.disabled {

 background-color: gray;
}

#importFormPage input:disabled {
    background-color: #CECFCE;
}

#selectedtable tr, #jointable tr {
   font-size: 14px;
}
#jointable tr:hover {
	background: #333;
}

	/* Toimijat v�lilehti #################### */

div#importForm div#import-toimijat-addressbox div.nro {
    float: right;
}
div#importFormPage div#importForm fieldset {
    border: 0 none;
}
div#importFormPage input#holder_type,
div#importFormPage input#buyer_type,
div#importFormPage input#rep_type,
div#importFormPage input#credit_id {
    margin-left: 20px;
}
div#importForm div#import-toimijat-addressbox {
    float: left;
    width: 50%;
}
.import-toimijat-lahettaja-box,
.import-toimijat-haltija-box {
    height: 175px;
}

fieldset#contact_person p.topic {
    width: 71px;
    color: white;
}
fieldset#contact_person input {
    width: 258px;
}
div.import-toimijat-representer-box input#rep_name1.text_field {
    width: 330px;
}
div.margin-box {
    position: relative;
    float: left;
    height: 10px;
    width: 67px;
    display: block;
}



div#importBatchPage div.tavaran-sijaintitiedot {
    padding-left: 5px;
}
div#importBatchPage div.tavaran-hintatiedot {
    width: 491px;
    min-height: 100px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #7C7B7B;
    border-image: none;
    border-style: solid solid none none;
    border-width: 1px 1px medium medium;
}
div.hintatiedot-toprow {
    margin-top: 4px;
}
div.hintatiedot-bottomrow div,
div.hintatiedot-toprow div {
    margin-left: 4px;
}
div#importBatchPage fieldset#ilmoitustiedot,
div#importBatchPage fieldset#tavaran-sijaintitiedot,
div#importBatchPage div.kuljetustiedot-holder {
    border: none;
}

div#importBatchPage div.kuljetustiedot {
    border: none;
    border-bottom: 1px solid #7C7B7B;
}

div#importBatchPage fieldset#kuljetustiedot,
div#importBatchPage fieldset#toimitusehto {
    border: none;
}



div#importBatchPage div.ilmoitustiedot,
div#importBatchPage div.kuljetustiedot-holder,
div#importBatchPage div.toimitusehto{
    width: 240px;
    padding-left: 5px;
}
form#importBatchPageForm div.yleisilmoitus {
    padding-left: 5px;
    border-top: 1px solid #7C7B7B;
}

div#importBatchPage div.ilmoitustiedot,
div#importBatchPage div.kuljetustiedot-holder,
div#importBatchPage div.tavaran-sijaintitiedot {
    height: 180px;
    border: none;
    border-right: 1px solid #7C7B7B;
}
div#importForm label.topic {
    margin-left: -5px;
    font-size: 12px;
}
div#importForm input#term_of_del_add {
    width: 195px;
}
div#importForm input#term_of_del_place {
    width: 137px;
}

div#importForm div#subbox_wide,
div#importBatchPage div#subbox_wide {
    width: 100%;
}

div#importForm .wide-33prosent {
    width: 33%;
}

div#importBatchPage #additionalInfoDivKokonaishinta,
div#importBatchPage .kokonaishinta {
    width: 180px;
}

div#importBatchPage #additionalInfoDivLiiteasiakirjat,
div#importBatchPage .liiteasiakirjat {
    width: 340px;
}

div#importForm_reply div.import-tullipaatostaulukko table td {
    border: 1px solid #7C7B7B;
}
div#importBatchPage div#import-lisaysrivi {
    border-top: 1px solid #7C7B7B;
}
#import-lisaysrivi {
    display: inline-block;
    width: 100%;
    border-top: 1px solid
}
#import-lisaysrivi .kokonaishinta,
#import-lisaysrivi .liiteasiakirjat,
#import-lisaysrivi .lisatiedot {
    float: left;
    display: block;
    margin-top: 5px;
}
#import-lisaysrivi .kokonaishinta tr,
#import-lisaysrivi .liiteasiakirjat tr,
#import-lisaysrivi .lisatiedot tr {
    height: 25px;
}

/* Tavararivit -n�lilehti */
div.importProductFrmDiv input.left-full {
    width: 309px;
}
div.importProductFrmDiv div.row-1,
div.importProductFrmDiv div.row-2,
div.importProductFrmDiv div.row-3,
div.importProductFrmDiv div.row-4 {
    border-bottom: 1px solid #7C7B7B;
    clear: both;
    display: inline-block;
    margin-left: 10px;
}
div.importProductFrmDiv div.price_row_form div.input-holder-group {
    margin-left: 10px;
}
div.importProductFrmDiv .right-box {
    width: 360px;
}
div.importProductFrmDiv div.row-1 .left-box {
    min-height: 51px;
}
div.importProductFrmDiv div.row-2 .right-box {
    min-height: 46px;
}
div.importProductFrmDiv div.row-3 .left-box,
div.importProductFrmDiv div.row-3 .right-box {
    min-height: 51px;
}
form#productrow_net_price_row_form div.left-box {
    min-height: 54px;
}
div.importProductFrmDiv div.row-4 { width: 691px; }
div.importProductFrmDiv div.row-4 div {
    margin-bottom: 12px;
}
div.importProductFrmDiv .left-box {width: 320px; margin-right: 10px;}
div.importProductFrmDiv .left-box {
    float: left;
    border-right: 1px solid #7C7B7B;
}
div.importProductFrmDiv .right-box {
    float: left;
}
div.importProductFrmDiv div.input-holder {
    margin-left: 4px;
}
div.importProductFrmDiv .left-box div,
div.importProductFrmDiv .right-box div,
div.importProductFrmDiv .input-holder,
div.row-4 div.input-holder-first {
    float: left;
    display: block;
    clear: none;
}
div.importProductFrmDiv input.margined_input,
div#importBatchPage input.margined_input {
    margin-left: 5px;
}

div.importProductFrmDiv input.input_lisatieto {width: 288px;}
div.importProductFrmDiv input.inp_paivays {margin-left: 20px;}
td.tavarar_menettely:first-of-type { border-right: 1px solid #7C7B7B; }
td.tavarar_menettely { border-bottom: 1px solid #7C7B7B; }
td.tavarar_muupaljous:first-of-type { border-right: 1px solid #7C7B7B; }
div#productFrmDiv div.right-box table td div { margin-bottom: 10px; }

div.importProductFrmDiv .tavararivit_tavarankoodi input ~ input {
    margin-left: 5px;
}

td.tavarar_menettely div.input-holder-first,
td.tavarar_muupaljous div.input-holder-first
{
    margin-right: 5px;
}

div.accordion-paljoudet .row-div .paljoudet ~ .paljoudet {
    margin-left: 20px;
}
div.paljoudet input ~ input {
    margin-left: 5px;
}

div#productrow_stock td ~ td input,
div#productrow_pack td ~ td input,
div#productrow_notice td ~ td input {
    margin-left: 3px;
}

.right-text {
    text-align: right;
}

/* Autocomplete  E-mail ilmoitus sivulla*/
html body ul.ui-autocomplete {
    width: 300px;
    background: #fff;
    background-image: none;
    overflow: hidden;
}
html body ul.ui-autocomplete li a{
    color: #000000;
}

.cust-margin-15 {
    margin-left: 15px !important;
}

div#importProductRow #subbox_wide,
div#importForm #subbox_wide,
div#importBatchPage #subbox_wide {
    width: 860px;
    background: none repeat scroll 0 0 #535251;
    border: 1px solid #636262;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-top: 0;
    min-height: 300px;
    padding: 0;
    position: relative;
}

div.productFormDiv div.row-1,
div.productFormDiv div.row-2,
div.productFormDiv div.row-3,
div.productFormDiv div.row-4 {
    border-bottom: 1px solid #7C7B7B;
    clear: both;
    display: inline-block;
    margin-left: 10px;
}

div.productFormDiv div.row-1 .left-box {
    min-height: 51px;
}
div.productFormDiv .left-box {
    border-right: 1px solid #7C7B7B;
    float: left;
}
div.productFormDiv .left-box {
    margin-right: 10px;
    width: 320px;
}

div.productFormDiv .right-box {
    float: left;
}
div.productFormDiv .right-box {
    width: 420px;
}

div.productFormDiv .left-box div,
div.productFormDiv .right-box div,
div.productFormDiv .input-holder,
div.row-4 div.input-holder-first {
    clear: none;
    display: block;
    float: left;
}

div#importProductRow form#productrow_pack_form,
div#importProductRow .left-box {
    min-width: 360px;
    min-height: 50px;
}

div#importProductRow div#productrow_docs input.left-full {
    width: 370px;
}

.yellow {
    color: #DFF963;
}

.itu-mrn-field {
    margin-top: 12px;
}

.itu-mrn-field p.topic{
    font-weight: bold;
    font-size: 1.6em;
}
div.itu-mrn-field {
    margin-left: 70px;
    width: 200px;
}
div#import-toimijat-addressbox div.itu-mrn-field p.topic {
    width: 100%;
}
div#import-toimijat-addressbox div.itu-mrn-field input#MRN_ref {
    
}
.right-align {
    text-align: right;
}

.marginleft-5 {
    margin-left: 5px;
}

div.importProductFrmDiv form#productFormPaljoudet table.table-accordion-arvotiedot tr td {
    border-top: 1px solid #7C7B7B;
    padding-left: 10px;
}

div.importProductFrmDiv form#productFormPaljoudet table.table-accordion-arvotiedot tr {
    border-bottom: 1px solid #7C7B7B;
}

div.importProductFrmDiv form#productFormPaljoudet table.table-accordion-arvotiedot tr td.arvotiedot-valuutta-td {
    border-right: 1px solid #7C7B7B;
    padding-right: 10px;
}

.icon.ion-wrench {
    float: none;
    text-shadow: black 1px 1px;
    color: skyblue;
    font-size: 18px;
    cursor: pointer;
}

.status-text {
    display: none;
}

/******************** 2019 ****************/

/** LIST **/
.brown-rounded {
	background: #393837;
	border-radius: 4px;
	padding: 10px 16px 16px;
	box-shadow: 1px 1px 6px 1px #393837;
	color: white;
}
.with-border {
	border: 1px solid black;
}

.data-list {
	background: #636262;
	border-radius: 4px;
	margin-top: 16px;
	width: 100%;
	color: #FFFFFF;
}
.data-list table {
	width: 100%;
	border: none;
}
.data-list table tr {
	font-family: verdana, sans;
	font-size: 11px;
}
.data-list table td {
	height: 32px;
	padding: 2px 5px;
}
.data-list table th {
	height: 32px;
	padding: 2px 5px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
}

.data-list table .gridColumnButtons {
	white-space: nowrap;
}
.data-list-header {
	background: #0e0e0e;
	color: white;
	min-height: 32px;
	padding: 5px;
}
.data-list-item {

}

.data-list-item:nth-child(even) {
	background: #333;
}

.data-list-item:nth-child(odd) {
	background: #444444;
}

/** FORM **/
.header-bar {
	margin-top: -5px;
}

.inp_tiny {
	width: 30px;
}

.align-right {
	float: right;
	display: inline;
}

.fieldLabel-top {
	display: block;
}
.box {
	width: 334px;
	padding-right: 10px;
	float: left;
	padding-bottom: 10px;
}
.form-panel {
	display: block;
	background: #535251;
	border-radius: 3px;
	padding: 10px;
}
.form-top-panel {
	background: #9c9a9c;
	border-radius: 3px 3px 0 0;
	padding: 8px;
	margin-left: 20px;
	width: 600px;
}
.pack-left {
	float: left;
}
.col {
	float: left;
}

.w120 {
	width: 120px;
}
.w100 {
	width: 100px;
}
.w80 {
	width: 80px;
}
.w60 {
	width: 60px;
    display: inline-block;
}
.field-row {
	padding-bottom: 5px;
}
.form-row-list, .form-row-list-low {
	width: 100%;
	color: white;
	font-size: 14px;
	border-spacing: 0;
	border-collapse: collapse;
}
.form-row-list th {
	border-bottom: 1px solid white;
}
.form-row-list th,.form-row-list td {
	padding: 2px 5px;
	height: 32px;
}
.form-row-list-low th,.form-row-list-low td {
	padding: 2px 5px;
	height: auto;
	vertical-align: top;
}
.form-row-list-low tbody:nth-child(even) {
	background: #333;
}
.form-row-list a {
	color: white;
}
.selectize-control {
	width: 100%;
}
.selectize-dropdown {
	width: auto;
}
.selectize-input {
	padding: 0 2px !important;
	border-radius: 0 !important;
	overflow: visible !important;
	background: #EEEEEE !important;
	border: 2px rgb(238, 238, 238) inset !important;
	line-height: 15px !important;
}
.selectize-control.single .selectize-input:after {
	right: 4px !important;
	top: 60% !important;
}
.selectize-control>.selectize-dropdown, .selectize-control>.selectize-input>input {
	width: auto !important;
}
.selectize-control>.selectize-dropdown {
	min-width: 200px;
}

.gridColumnButtons div {
	display: inline-block;
}

.c1-input {
	width: 35px;
	display: inline-block;
}
.c2-input {
	width: 40px;
	display: inline-block;
}
.c3-input {
	width: 50px;
	display: inline-block;
}
.c4-input {
	width: 58px;
	display: inline-block;
}
.c5-input {
	width: 60px;
	display: inline-block;
}
.add-button {
	background: url(../images/new_images/add_icon.png) no-repeat;
	border: 0;
	height: 26px;
	width: 27px;
	padding: 0;
	outine: none;
	display: block;
}
.iconbar_body .icon img {
	width: 24px;
	height: 24px;
}
.iconbar_body .icon img:hover {
	width: 32px;
	height: 32px;
}
.high-line label {
	line-height: 32px;
}
.high-line td label {
	line-height: unset;
}

.innertable td {
	height: auto;
	padding: 0;
}

.mrn-popup {
	position: absolute;
	background: #393837;
	padding: 10px;
	border: 1px solid white;
	text-align: center;
	line-height: 1.4;
	z-index: 1000;
	left: 500px;
}
.mrn-popup td {
	padding: 0 2px;
}