/*	#################################
 * 	# OBX E-Baggage System	
 * 	#################################
 */
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #585858; }
body { background: #f5f5f5; margin: 0; padding: 0;  }
img { border: none; }
select, input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.rec { clear: both; }

#e-baggageH { position: relative; width: 908px; margin: 0 auto; background: transparent url(img-02.gif) left top repeat-y; }
#e-baggageH2 { width: 908px; margin: 0 auto; background: transparent url(img-01.gif) left top no-repeat; }
#e-baggageH3 { padding: 16px 15px 40px; margin: 0 auto; background: transparent url(img-03.jpg) left bottom no-repeat; height: 650px; }
#e-baggageH4 { padding: 16px 15px 40px; margin: 0 auto; background: transparent url(img-11.jpg) left bottom no-repeat; min-height: 750px; }

#logo { position: relative; width: 256px; height: 85px; }
#logo span { background: transparent url(e-baggage-logo.gif) left top no-repeat; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

#language-selector { position: absolute; top: 0px; right: 0px; }
#language-selector .eth { position: absolute; top: 60px; right: 170px; width: 210px; }
#language-selector label { display: block; padding: 0px 0px 0px 20px; color: #165990; font-size: 11px; float: right; }
#language-selector label.lbl-it { background: transparent url(img-04.gif) left center no-repeat; }
#language-selector label.lbl-en { background: transparent url(img-04-en.gif) left center no-repeat; }
#language-selector label.lbl-fr { background: transparent url(img-04-fr.gif) left center no-repeat; }
#language-selector label.lbl-es { background: transparent url(img-04-es.gif) left center no-repeat; }
#language-selector label.lbl-de { background: transparent url(img-04-de.gif) left center no-repeat; }
#language-selector span.language-select { position: absolute; top: 55px; right: 16px; display: block; background: transparent url(img-05.gif) left top no-repeat; width: 146px; height: 24px; }
#language-selector span.language-select select { margin: 4px auto auto 5px; width: 132px; padding: 0px; border: none; font-size: 11px;  color: #165990; }

#language-selector .lang-flag-ad { position: absolute; top: 20px; left: -208px; }
#language-selector .lang-flag-ad .flag-sn { width: 28px; height: 24px; overflow: hidden; float: left; }
#language-selector .lang-flag-ad .flag-it { background: url(it.png) left top no-repeat; }
#language-selector .lang-flag-ad .flag-en { background: url(en.png) left top no-repeat; }
#language-selector .lang-flag-ad .flag-fr { background: url(fr.png) left top no-repeat; }
#language-selector .lang-flag-ad .flag-de { background: url(de.png) left top no-repeat; }
#language-selector .lang-flag-ad .flag-ch { background: url(ch.png) left top no-repeat; }
#language-selector .lang-flag-ad .flag-es { background: url(es.png) left top no-repeat; }
#language-selector .lang-flag-ad .flag-pt { background: url(pt.png) left top no-repeat; }
#language-selector .lang-flag-ad .flag-sn span { padding-top: 50px; display: block; }

#zone { position: relative; background: transparent url(img-06.gif) left center no-repeat; height: 41px; }
#zone #help-button { position: absolute; top: 5px; right: 5px; width: 160px; height: 32px; }
#zone #help-button a { cursor: pointer; font-family: Helvetica; font-size: 12px; color: #cccccc; font-variant: small-caps; text-decoration: none; text-align: center; display: block; width: 160px; line-height: 32px; background: transparent url(img-07.gif) left top no-repeat; }
#zone #help-button a:hover { background-position: left -32px; }
#zone ul { margin: 0; padding: 0; list-style-image: none; list-style-type: none; }
#zone ul li { display: inline; }
#zone ul li a { display: block; float: left; position: relative; }
#zone ul li.stp1 a { width: 142px; line-height: 41px; background: transparent url(img-12.gif) left top no-repeat; color: #fff; font-variant: small-caps; font-size: 1.3em; font-weight: bold; text-decoration: none; }
#zone ul li.stp1 a span { display: block; width: 133px; text-align: center; }
#zone ul li.stpN a { width: 141px; line-height: 41px; background: transparent url(img-13.gif) left top no-repeat; color: #fff; font-variant: small-caps; font-size: 1.3em; font-weight: bold; text-decoration: none; }
#zone ul li.stpN a span { display: block; width: 133px; text-align: center; }
#zone ul li.stp5 a { width: 135px; line-height: 41px; background: transparent url(img-14.gif) left top no-repeat; color: #fff; font-variant: small-caps; font-size: 1.3em; font-weight: bold; text-decoration: none; }
#zone ul li.stp5 a span { display: block; width: 133px; text-align: center; }
#zone ul li.stp1Sel a { width: 141px; line-height: 41px; background: transparent url(img-12.gif) left top no-repeat; color: #fff; font-variant: small-caps; font-size: 1.3em; font-weight: bold; text-decoration: none; background-position: left -41px; }
#zone ul li.stp1Sel a span { display: block; width: 133px; text-align: center; }
#zone ul li.stpNSel a { width: 141px; line-height: 41px; background: transparent url(img-13.gif) left top no-repeat; color: #fff; font-variant: small-caps; font-size: 1.3em; font-weight: bold; text-decoration: none; background-position: left -41px; }
#zone ul li.stpNSel a span { display: block; width: 133px; text-align: center; }
#zone ul li.stp5Sel a { width: 135px; line-height: 41px; background: transparent url(img-14.gif) left -41px no-repeat; color: #fff; font-variant: small-caps; font-size: 1.3em; font-weight: bold; text-decoration: none; }
#zone ul li.stp5Sel a span { display: block; width: 133px; text-align: center; }

#area-testoH { position: relative; width: 340px; padding: 44px 0px 0px 0px; }
.box-testo { line-height: 18px; }
.box-testo h1 { font-variant: small-caps; font-family: Georgia; font-size: 2em; color: #558c0c; margin: 0; padding: 0; line-height: normal; font-weight: normal; }
.box-testo h2 { font-variant: small-caps; font-family: Georgia; font-size: 1.8em; color: #558c0c; margin: 0; padding: 0; line-height: normal; }
.box-testo h3 { font-family: Georgia; font-size: 1.6em; color: #558c0c; margin: 0; padding: 0; line-height: normal; }
.box-testo h4 { font-family: Georgia; font-size: 1.4em; color: #558c0c; margin: 0; padding: 0; line-height: normal; }
.box-testo h5 { font-family: Georgia; font-size: 1.2em; color: #558c0c; margin: 0; padding: 0; line-height: normal; }
.box-testo p { margin: 0; line-height: 18px; padding: 8px 0px; }
.box-testo a { color: #71af1e; }
#area-testoH p.firma { position: absolute; bottom: -110px; right: 0px; width: 184px; height: 69px; text-align: center; background: transparent url(firmaObx.gif) center bottom no-repeat; }

#command-line { color: #084a97; padding: 30px 0px 15px; background: transparent url(img-15.gif) left bottom repeat-x; }
#command-line p { margin: 0; padding:0; color: #084a97; font-size: 1.2em; }

#accessArea { position: absolute; top: 190px; right: 16px; background: transparent url(img-08.gif) left top no-repeat; width: 342px; height: 215px; }
#accessArea form { margin: 0; padding: 0; }
#accessArea p.title { position: absolute; top: 24px; left: 39px; color: #79b32a; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; margin: 0; padding: 0; }
#accessArea p.title strong { font-size: 19px; }
#accessArea input.inp-1 { position: absolute; top: 57px; left: 44px; font-size: 16px; padding: 0; margin: 0; width: 253px; border: none; color: #165990; }
#accessArea input.inp-2 { position: absolute; top: 140px; left: 44px; font-size: 16px; padding: 0; margin: 0; width: 253px; border: none; color: #165990; }
#accessArea input.inp-4 { position: absolute; top: 98px; left: 44px; font-size: 16px; padding: 0; margin: 0; width: 253px; border: none; color: #165990; }
#accessArea input.inp-3 { cursor: pointer; background: transparent url(img-09.gif) left top no-repeat; position: absolute; top: 170px; right: 33px; font-size: 13px; font-weight: bold; padding: 7px 0; margin: 0; width: 95px; border: none; color: #165990; }
#accessArea a.maj-info { cursor: pointer; font-size: 11px; position: absolute; top: 167px; left: 39px; color: #71af1e; text-decoration: underline; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

#accessAreaError { position: absolute; top: 230px; right: -2px; width: 345px; background: transparent url(img-20.gif) left top no-repeat; }
#accessAreaError2 { background: transparent url(img-21.gif) left bottom no-repeat; padding: 20px 20px 22px; font-size: 14px;  }
#accessAreaError p.tp1 { margin: 0; padding: 0 0 0 60px; }
#accessAreaError p.tp2 { margin: 0; padding: 0 0 0 60px; }
#accessAreaError3 { background: transparent url(img-22.gif) left top no-repeat; min-height: 100px; }
#accessAreaError4 { background: transparent url(img-23.gif) left top no-repeat; min-height: 100px; }

#col-six { width: 707px; float: left; padding-top: 30px; }
#col-dex { width: 168px; margin-right: -6px; float: left; padding-top: 30px; }
#col-six2 { padding: 0px 20px 0px 0px; }

#elenco-prd { padding: 15px 0px; }
#elenco-prd p.title { color: #084a97; font-size: 1.2em; font-weight: bold; margin: 0; padding: 0 0 15px; }
#elenco-prd .prd { width: 160px; height: 170px; float: left; position: relative; }
#elenco-prd .clr { position: absolute; top: 17px; right: 25px; }
#elenco-prd .clr-int { width: 13px; height: 13px; background-position: left bottom; background-repeat: no-repeat; margin-bottom: 2px; }
#elenco-prd .clr-intS { width: 13px; height: 13px; background-position: left top; background-repeat: no-repeat; margin-bottom: 2px; }
#elenco-prd .clr-int .col-N{ width: 13px; height: 13px; background-position: left bottom; background-repeat: no-repeat; }
#elenco-prd .clr-intS .col-N { width: 13px; height: 13px; background-position: left top; background-repeat: no-repeat; }
#elenco-prd .col-0 { background-image: url(color-0.gif); }
#elenco-prd .col-1 { background-image: url(color-1.gif); }
#elenco-prd .col-2 { background-image: url(color-2.gif); }
#elenco-prd .col-3 { background-image: url(color-3.gif); }
#elenco-prd .col-4 { background-image: url(color-4.gif); }
#elenco-prd .clr-int a, #elenco-prd .clr-intS a { cursor: pointer; display: block; width: 13px; height: 13px; }
#elenco-prd .pht { width: 120px; background-color: #b5b5b5; padding: 1px 0px; }
#elenco-prd .pht2 { width: 118px; margin: 0px auto; height: 105px; background-color: #fff; overflow: hidden; }
#elenco-prd .pht a { cursor: pointer; }
#elenco-prd .nmm-pre { font-size: 0.9em; padding: 0 0 3px 2px; font-style: italic; }
#elenco-prd .nmm { clear: both; margin: 3px 0px 0px 0px; color: #4d4d4d; font-size: 0.9em; font-weight: bold; }
#elenco-prd .nmm1 { width: 20px; float: left; } 
#elenco-prd .nmm2 { width: 90px; float: left; padding-top: 3px; }
#elenco-prd .grp-prd { background: transparent url(img-15.gif) left bottom repeat-x; margin-bottom: 20px; }
#elenco-prd .no-photo { width: 100%; height: 100%; display: block; background: transparent url(img-16.jpg) center center no-repeat; }
#elenco-prd form { margin: 0; padding: 0; }
.button { text-align: right; }
.button input.submit { color: #165990; background: transparent url(img-17.gif) left top no-repeat; width: 101px; height: 33px; border: none; padding: 0px; margin: 0px; cursor: pointer; }

#shipform { padding: 20px 0 0 0; }
#shipform table.shipform { margin: 0 0 20px; padding: 0; border-collapse: collapse; width: 100%; }
#shipform table.shipform td { margin: 0; padding: 0; border-collapse: collapse; }
#shipform table.shipform td.col1 { padding: 11px 0px; background: transparent url(img-18.gif) left bottom repeat-x; width: 165px; color: #084a97; font-weight: bold; font-size: 1.2em; }
#shipform table.shipform td.col2{ padding: 11px 0px; background: transparent url(img-18.gif) left bottom repeat-x; }
#shipform input.text { color: #535353; border: 1px solid #d6d6d6; margin: 0; padding: 5px; font-weight: bold; width: 300px;  }
#shipform textarea.textarea { color: #535353; border: 1px solid #d6d6d6; margin: 0; padding: 5px; font-weight: bold; width: 300px; height: 100px;  }
#shipform tr.er input { border-color: #d10000; }

#report { padding: 20px 0 0 0; }
#report table.report { margin: 0 0 20px; padding: 0; border-collapse: collapse; width: 100%; }
#report table.report td { vertical-align: top; margin: 0; padding: 0; border-collapse: collapse; }
#report table.report td.col1 { padding: 11px 0px; background: transparent url(img-18.gif) left bottom repeat-x; width: 185px; color: #084a97; font-weight: bold; font-size: 1.2em; }
#report table.report td.col2{ padding: 11px 0px; background: transparent url(img-18.gif) left bottom repeat-x; }

#firststep { padding: 20px 0 0 0; }
#firststep table.firststep { margin: 0 0 20px; padding: 0; border-collapse: collapse; width: 100%; }
#firststep table.firststep td { margin: 0; padding: 0; border-collapse: collapse; }
#firststep table.firststep td.col1 { padding: 11px 10px 11px 0px; background: transparent url(img-18.gif) left bottom repeat-x; width: 355px; color: #084a97; font-weight: bold; font-size: 1.2em; }
#firststep table.firststep td.col1B { padding: 11px 10px 11px 0px; background: transparent url(img-18.gif) left bottom repeat-x; width: 355px; color: #5a9c00; font-weight: bold; font-size: 1.2em; }
#firststep table.firststep td.col2{ padding: 11px 0px; background: transparent url(img-18.gif) left bottom repeat-x; }
#firststep input.text { color: #535353; border: 1px solid #d6d6d6; margin: 0; padding: 5px; font-weight: bold; width: 290px;  }
#firststep select.select { color: #535353; border: 1px solid #d6d6d6; margin: 0; padding: 4px; font-weight: bold; width: 300px;  }
#firststep label { padding-right: 20px; }
#firststep div.termofuse { margin-bottom: 40px; }
#firststep div.termofuse a { color: #5a9c00; font-weight: bold; }
#firststep table.firststep .rowhidden td { color: #b7b7b7; }
#firststep table.firststep .rowhidden td.col1 { color: #b7b7b7; }
#firststep table.firststep .er td select, #firststep table.firststep .er td input { border-color: #d10000; }
span.er1 { display: block; padding: 4px 0px 0px 0px; color: #d10000; }
span.er2 { display: block; padding: 4px 0px 0px 4px; color: #d10000; }

#col-dex .company { width: 168px; background-color: #bec8cd; padding: 1px 0px; }
#col-dex .company2 { width: 166px; height: 110px; margin: 0px auto; background-color: #fff; overflow: hidden; }
#col-dex .no-photo { width: 100%; height: 110px; display: block; background: transparent url(img-16.jpg) center center no-repeat; }

.setting { background-color: #c6c6c6; width: 168px; padding: 1px 0px; margin-top: 10px; }
.setting2 { width: 166px; margin: 0px auto; background-color: #f2f2f2; }
.setting2 p.title { background-color: #7b7b7b; color: #ffffff; font-size: 0.9em; margin: 0; padding: 4px 6px; }
.setting2 p.def { padding: 4px 6px; margin: 0px 0 10px; }
.setting2 .sigbag { width: 155px; height: 170px; margin: 0px auto; }
.setting2 .sigbag-ph { width: 121px; margin: 4px 0px 0px 0px; padding: 1px 0px; background-color: #b4b4b4; }
.setting2 .sigbag-ph2 { height: 105px; background-color: #fff; width: 119px; margin: 0px auto; overflow: hidden; }

#sponsor { position: absolute; bottom: 0px; right: 0px; width: 330px; height: 110px; }
#sponsor a.banner-brsys { width: 112px; height: 32px; display: block; position: absolute; bottom: 28px; right: 205px; }
#sponsor a.banner-brsys span { position: absolute; background: transparent url(banner-brsys.gif) left top no-repeat; width: 100%; height: 100%; }
#sponsor a.banner-obx { width: 86px; height: 34px; display: block; position: absolute; bottom: 28px; right: 122px; }
#sponsor a.banner-obx span { position: absolute; background: transparent url(banner-obx.gif) left top no-repeat; width: 100%; height: 100%; }
#sponsor a.banner-sita { width: 84px; height: 31px; display: block; position: absolute; bottom: 30px; right: 20px; }
#sponsor a.banner-sita span { position: absolute; background: transparent url(banner-sita.gif) left top no-repeat; width: 100%; height: 100%; }
#sponsor a.banner-webanim { width: 124px; height: 94px; display: block; position: absolute; bottom: 28px; right: 20px; }
#sponsor a.banner-webanim span { position: absolute; background: transparent url(webanim.jpg) left top no-repeat; width: 100%; height: 100%; }

.result { background: transparent url(img-19.jpg) left top no-repeat; width: 345px; height: 384px; margin: 70px auto 0; }
.result h1 { font-size: 1.2em; font-variant: small-caps; color: #85bb3b; margin: 0; padding: 70px 0px 0px 0px; text-align: center; }
.result h2 { font-size: 1.0em; font-variant: small-caps; color: #808080; margin: 0; padding: 0; text-align: center; }
.result p { font-size: 1.1em; color: #aaaaaa; margin: 0; padding: 20px 0 0 0; text-align: center; }
.result2 { background: transparent url(img-19.jpg) center top no-repeat; width: 645px; height: 384px; margin: 100px auto 0; }
.result2 h1 { font-size: 1.2em; font-variant: small-caps; color: #85bb3b; margin: 0; padding: 70px 0px 0px 0px; text-align: center; }
.result2 p { font-size: 1.1em; color: #aaaaaa; margin: 0; padding: 5px 0 0 0; text-align: center; }
.result2 p span { font-style: italic;  color: #85bb3b;}

#footer { width: 908px; margin: 0px auto; font-size: 0.8em; color: #a1a1a1; }
#footer a { color: #a1a1a1; text-decoration: underline; }
#footer .normativa p { margin: 0; padding: 0px; text-align: center; color: #a1a1a1; }
#footer .menu { text-align: center; padding: 6px 0px 20px; }
#footer .menu ul { margin: 0; padding: 0; list-style-image: none; list-style-type: none; }
#footer .menu li { display: inline; padding: 0px 5px; }



#boxen_overlay {
	background-color: #000;
	position: absolute;
}

#boxen_container {
	padding: 4px;
	margin: 0;
	position: absolute;
	background-color: #ccc;
	overflow: visible;
	-moz-border-radius: 3px 3px;
}

#boxen_close_button {
	background: transparent url(close_btn.png) no-repeat scroll 0 0;
	border: none;
	height: 19px;
	position: absolute;
	right: 4px;
	top: 4px;
	width: 19px;
	outline: none;
}

#boxen_close_button:hover {
	background-position: 0 -19px;
}

#boxen_close_button span {
	
}

#boxen_content {
	background-color: #fff;
	overflow: visible;
	width: 100%;
	height: 100%;
}

#boxen_titlebar {
	background-color: #ccc;
	font-weight: bold;
	padding: 0 0 6px 2px;
	position: relative;
	min-height: 16px;
}

#boxen_title {
	
}