/* Display W breakpoint in px: 0-400 is for small mobile fixes; 0-440 is mobile portrait; 441-1000 is mobile landscape or tablet portrait with 641+ is big mobile view, 1000+ is desktop */

html, body { height: 100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding: 0;}
fieldset,img,abbr { border: 0; }
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,th { font-style:normal; font-weight:normal;}
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
ul li { list-style-type:none; }

body {
	--text-size-supsupsupsup: 2.5rem; /* 40px */
	--text-size-supsupsup: 2rem; /* 32px */
	--text-size-supsup: 1.5rem; /* 24px */
	--text-size-sup: 1.125rem; /* 18px */
	--text-size-norm: 1rem; /* 16px assumed */
	--text-size-sub: 0.875rem; /* 14px */
	--text-size-subsub: 0.75rem; /* 12px */
	--color-action-link: #005da6; /* #347594; 347594 #3c84a5 */
	--color-action-link4txt: #005da6;
	--color-action-but: #0067b8;
	--color-action-but-primary: #005da6;
	min-width: 300px;
	background-color: #fff;
	color: #222;
	font-size: var(--text-size-norm);
	line-height: 150%;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Segoe UI Symbol";
}
body.gray { background-color:#f3f3f3; }

#outer { margin:0 auto -130px; min-height: 100%; height: auto !important; height: 100%; }
#outerpush { height: 130px; }
#foot { height: 130px; padding:20px 10px 0 10px; overflow:hidden; box-sizing:border-box; }

a {color:var(--color-action-link);text-decoration:none;font-weight:normal;}

h1 { font-size:var(--text-size-supsup); line-height:150%; }
h1.big { font-size:var(--text-size-supsup); line-height:150%; }
h1.pagetitle { font-size:var(--text-size-supsup); line-height:150%; }
h2 { font-size:var(--text-size-sup); line-height:150%; }
h3 { font-size:var(--text-size-norm); line-height:150%; }

@media (max-width: 1000px) { 
	input, select, select option, textarea { font-size: 16px; line-height:22px; } 
}
@media (max-width: 640px) { 
	#outer { margin-bottom: -170px; }
	#outerpush { height: 170px; }
	#foot { height: 170px; }
}
@media (max-width: 1200px) and (orientation:landscape) {
	html { -webkit-text-size-adjust:none; text-size-adjust:none; }
}

/*************************** ABSOLUTE GLOBAL STYLES *****************************/

.tal{ text-align:left; }
.tac{ text-align:center; }
.tar{ text-align:right; }
.clear{ clear:both; height:0;}
.clearafter:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.dn{ display:none; }
.db{ display:block; }
.vh{ visibility:hidden; }
.vv{ visibility:visible; }
.fl { float:left; }
.fr { float:right; }
.st { font-size:10px; }
.itl { font-style:italic; }
.bld { font-weight:bold; }
.alt {background-color:#f6f6f6;}
.alt1 {background-color:#fff;}
.alt2 { background:url(/asset/img/alt_back2.gif) repeat top left; }
.alt3 { background:url(/asset/img/alt_back3.gif) repeat top left; }

/********************************************************************************/

.block { margin-bottom:10px; clear:both; }
.block:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

#head{ padding: 6px 0; background-color: #233b5d; }
#head a { display:inline-block; padding:5px; color:#fff; }
#head a + a { margin-left:8px; }
#head #logo { font-weight:bold; margin-right:10px; }
#head .menu { display:inline-block; }
#head .accmenu { float:right;  }

#neck { background-color:#ecf2f3; }
#vneck .wrap { padding-top:5px; padding-bottom:5px; border-bottom: solid 1px #f6f6f6; }

#body { position: relative; min-height: 300px; }

#foot { text-align:center; color: #888; }
#foot .sclfb { width:18px; height:18px; border-radius:3px; display:inline-block; background:transparent url(/asset/img/socl-icon-fb-mix.png) no-repeat left center; background-size:auto 100%; text-indent:-9999px; }
#foot .stat { font-size:var(--text-size-subsub); }

@media (min-width: 1001px) {
	.wrap { width:98%; max-width: 1100px; margin-right:auto; margin-left:auto; }
	#body { padding: 15px 0; }
	#foot .sclfb:hover { background-position:right center; }
}
@media (max-width: 1000px) {
	#neck .wrap, #vneck .wrap, #body .wrap { margin: 0 5px; }

	#body { padding: 5px 0; }
	#vneck + #body { padding-top: 0; }

	#foot .sclfb { background-position:right center; }
}

.metric { font-size:10px; }
hr.light { border: none 0; border-bottom:solid 1px #ddd; margin:0 0 5px 0; }


.ooonav .mainnav {}
.ooonav .mainnav .actset { display:inline-block; }
.ooonav .mainnav .actset + .actset { margin-left:12px; }
.ooonav .mainnav .actset a + a { margin-left:6px; }

.dotsnav { display: inline-block; position:relative; }
.dotsnav .dotsnavtglr { min-width:20px; padding:0 3px; box-sizing:border-box; background-color:transparent; border:none 0; font-weight:bold; font-size:larger; letter-spacing:1px; cursor:pointer; color:#0069ba }
.dotsnav .dotsnavmenu {
	position:absolute; top:24px; right:2px; z-index:20;
	min-width:225px;
	padding:2px 5px; border-radius:2px; box-shadow:0 1px 4px 1px #ccc;
	background-color: #fff;
}
.dotsnav .dotsnavmenu .actset { padding:10px 5px; display:block; }
.dotsnav .dotsnavmenu .actset + .actset { border-top:solid 1px #eee; }
.dotsnav .dotsnavmenu .actset .minibut { float:right; }

.dotsnav.expanded {}
.dotsnav.expanded .dotsnavtglr { text-shadow:0 0 5px #0069ba; }
.dotsnav:not(.expanded) .dotsnavmenu { display:none; }
@media (min-width: 1001px) {	
	.dotsnav .dotsnavtglr:hover { font-weight:bold; }	
}

.vcard .toolbox { margin-top:30px; }
.vcard .toolbox .actset { display:inline-block; }
.vcard .toolbox .actset + .actset { margin-left:40px; }
.vcard .toolbox .actset a + a { margin-left:10px; }
.vcard .toolbox .actset a.minibut { max-width: 50px; }
.vcard .toolbox.horizontal .acts a + a { margin-left:20px; }
.vcard .vowner:before { content:""; display:inline-block; width:20px; height:20px; border-radius:10px; margin-right:5px; background:#ccc url(/asset/img/anonymous.png) no-repeat center; background-size:cover; vertical-align:middle; }

.vcard { display:block; position:relative; }
.vcard .vmedia { background-repeat:no-repeat; background-position:center; background-size:cover;  }
.vcard .vname .ttl { font-weight: 600; font-size:var(--text-size-sup); }
.vcard .vinfo p.vspec { color:#666; font-size:var(--text-size-sub); }

@media (min-width: 1001px) {
	.vcard { height:240px; }
	.vcard .vmedia { position:absolute; top:0; right:0; bottom:0; width:320px; border-radius:5px; overflow:hidden; }
	.vcard .vmedia .miniflatbut { position:absolute; right:5px; bottom:5px; }
	.vcard .vname,
	.vcard .vinfo { margin-right: 340px; }
	.vcard .vname .dotsnav { margin-left:10px; }
	.vcard .vinfo p.vengs { margin-top:10px; }
	.vcard .vowner { position:absolute; top:5px; right:345px; }
	.vcard .ooonav { margin-top:10px;  }

	.vcard.vcard-lcmp { height:160px; }
}

@media (max-width: 1000px) {
	.vcard .vmedia { display:block; height:180px; margin:-5px -5px 0; }
	.vcard .vmedia .miniflatbut { display:none; }
	.vcard .vname .ttl,
	.vcard .vname .dotsnavtglr { color: #fff; text-shadow: 1px 1px 2px #000; }
	.vcard .vname { position: absolute; top:150px; right: 0; left: 0; }
	.vcard .vname .dotsnav { float:right; }
	.vcard .vinfo { padding-top:5px; }
	.vcard .vinfo p + p { margin-top:5px; }
	.vcard .vowner { position:absolute; top:5px; right:5px;  }
	.vcard .ooonav { margin-top:8px; margin-bottom:7px; }

	.vcard.vcard-lcmp .vspec, .vcard.vcard-lcmp .vengs { display: none; }
}
@media (max-width: 640px) {
	.vcard { position:relative; }
	.vcard .vcavatar, .vcard .vcinfo { float:none; clear:both; width:100%; padding:0; margin:0;  } 
	.vcard .vcavatar { padding-bottom:75%; }
	.vcard .vcinfo { position:absolute; left:0; bottom:5px; width:100%; color:#fff; text-shadow: #000 0 -1px; }
	.vcard .vcinfo h2, .vcard .vcinfo p { padding-left:4px; white-space:nowrap; }
	.vcard .vcinfo p { padding-top:5px; }

	.vcard .vmedia { height:130px; }
	.vcard .vname { top:100px; }
}
@media (max-width: 440px) {
	.vcard .vinfo .vengs { font-size:var(--text-size-sub); }
}

.vtable { width:100%; border-bottom:solid 1px #bbb; }
.vtable tr.fill-main td,
.vtable tr.note-main td{ border-top:solid 1px #bbb; }
.vtable th { color: #555; padding: 3px 3px 2px; text-align: center; font-weight: 600; font-size: var(--text-size-subsub); line-height: 150%; }
.vtable.grayheader th { background-color: #e9e9e9; border-left: 1px solid #d3d3d3; }

.vtable .ffueltype span.ft301, .vtable .ffueltype span.ft303, .vtable .ffueltype span.ft304 { border-color: #789577; background:#d9efd8; }
.vtable .ffueltype span.ft302 { border-color: #789577; background:#b3deb1; } /* premium diesel */
.vtable .ffueltype span.ft201 { border-color: #677b99; background:#c5d2e6; padding:2px 0; }
.vtable .ffueltype span.ft202, .vtable .ffueltype span.ft203, .vtable .ffueltype span.ft204 { border-color: #677b99; background:#8aa4cc; color:#fff; } /* premium gasoline */
.vtable .ffueltype span.ft401, .vtable .ffueltype span.ft501, .vtable .ffueltype span.ft601 { border-color: #bfb620; background:#ffc; } /* electricity, lpg, cng */

.vtable .dt { text-align:center; }
.vtable .odom { text-align:right; }
.vtable .tripm { text-align:right; }
.vtable .ffueltype { text-align:center; padding:1px; }
.vtable .ffueltype span { display:block; width:20px; margin:0 auto; padding:2px 0; border:solid 1px #999; border-radius: 3px; font-size:10px; cursor:help; background:#eee; }
.vtable .ffill { text-align:right; }
.vtable .fmetric { padding-left: 0; padding-right:0; text-align:left; }
.vtable .ftank { text-align:center; }
.vtable .consum { text-align:right; }
.vtable .price { text-align:right; white-space:nowrap; }
.vtable .currency { font-size:10px; }
.vtable .ntype { }
.vtable .infocons { text-align:right; white-space:nowrap;  }
.vtable th.vicon,
.vtable td.vicon{ text-align:center; cursor:pointer; width:20px; }

.vtable .consum { cursor:help; }

.vtable .vicon:before { content:""; width:20px; height:20px; border-radius:10px; display:inline-block; vertical-align:middle; background-repeat: no-repeat; background-position: center; background-color:#eee; }
.vtable .vicon.vtoggleall:before { background-image:url(/asset/img/icon/angle-double-down.png); }
.vtable .expanded .vicon.vtoggleall:before { background-image:url(/asset/img/icon/angle-double-up.png); }
.vtable .vicon.vtoggle:before { background-image:url(/asset/img/icon/angle-down.png); }
.vtable .expanded .vicon.vtoggle:before { background-image:url(/asset/img/icon/angle-up.png); }

.vtable .expanded.blink { animation: text-blinker .6s 2; }
@keyframes text-blinker {
	0% { text-shadow:inherit; }
	50% { text-shadow:0 0 2px #677b99; }
}
 
.vtable .vlinkbut { background-repeat: no-repeat; background-position: center; background-color:#fff; border:solid 1px #ccc; width:20px; height:20px; display:inline-block; border-radius: 3px; }
.vtable .vlinkbut + .vlinkbut { margin-left: 8px; }
.vtable .vlinkbut.vedit { background-image:url(/asset/img/icon/pencil.png); }
.vtable .vlinkbut.vdelete { background-image:url(/asset/img/icon/trash-o.png); }

.vtable .vicon.vedit,
.vtable .vicon.vremove { line-height:20px; display:inline-block; }

.vtable tr.fill-ext:not(.expanded),
.vtable tr.note-ext:not(.expanded) { display:none }

.vtable tr.fill-ext td.ctrls,
.vtable tr.note-ext td.ctrls { vertical-align:middle; }

.vtable .comment + .reminder { padding-top:10px; }
.vtable .comment,
.vtable .reminder { font-style:italic; color:#444; font-size:var(--text-size-sub); line-height:150%; }
.vtable .reminderintrvl { display:block; }
.vtable .reminderintrvl.overdue { color:red; }
.vtable .reminderintrvl.overdue::before { content:"⚠️ "; font-style:normal; }
.vtable .reminderintrvl.due { color:red; }
.vtable .reminderintrvl.due::before { content:"⏰ "; font-style:normal; }
.vtable .reminderintrvl.soon::before { content:"⏲️ "; font-style:normal; }

@media (max-width: 640px) {
	.vtable th { padding: 2px 0; font-size:11px; }
}
@media (max-width: 440px) {
	.vtable { font-size: var(--text-size-subsub); line-height:150%; }
	.vtable .comment,
	.vtable .reminder { font-size:var(--text-size-subsub); line-height:150%; }
}

.reminderlbl { font-size:smaller; border-radius:3px; }
.reminderlbl.future { color:#032064; background-color: #eee; }
.reminderlbl.future::before { content:"🕒 "; }

.reminderlbl.soon { color:#032064; background-color: #bce4f7; }
.reminderlbl.soon::before { content:"⏲️ "; }
.reminderlbl.due { color:#032064; background-color: #bce4f7; }
.reminderlbl.due::before { content:"⏰ "; }
.reminderlbl.overdue { color:#fff; background-color: #c00; }
.reminderlbl.overdue::before { content:"⚠️ "; }


.vtile { background: #fff; border:solid 1px #e3e3e3; border-radius:10px; position:relative; }
.vtile .media { position:absolute; top:0; left:0; height:100%; overflow:hidden; border-top-left-radius:10px; border-bottom-left-radius:10px; }
.vtile .media img { display:block; height:100%;}
.vtile .info { padding-left: 10px; }
.vtile .info .ttl { font-weight:600; }
.vtile .info .detail { color:#666; font-style:italic; font-size:var(--text-size-sub); }
.vtile .info .reminders { color: #032064; background-color: rgba(188,228,247,.4); margin:6px 0 0; }
.vtile .archtglfrm { position:absolute; }
.vtile .archtglfrm button { text-decoration: none; padding: 0px 4px; cursor: pointer; border-radius: 3px; background-color: #f0f0f0; color:#0069ba; border:none 0; display: inline-block; font-size: 10px; line-height:14px; text-transform:capitalize; }
.vtile.archived { min-height:unset; }
.vtile.archived .actsets { display:none; }
.vtile.archived .media img { opacity:.5; }

.utile { position:relative; overflow:hidden; height:80px; }
.utile .media { position:absolute; top:0; left:0; height:80px; text-align:center; }
.utile .media img { width:80px; height:80px; border-radius:40px; }
.utile .info { padding:0 0 0 10px; }
.utile .info .ttl { font-weight:600; }
.utile .info .detail { color:#666; font-style:italic; font-size:var(--text-size-sub); }

@media (min-width: 1001px) {
	.vtable tr:hover td { background-color:#ffc; }

	.vtable .ntype { white-space:nowrap; }
	
	.vtile { margin-bottom:10px; padding: 10px 10px 10px 185px; min-height:115px; }
	.vtile .media,
	.vtile .media img { width:180px; }
	.vtile .info { min-height:85px; }
	.vtile .info .reminders { padding:3px 10px 5px; }
	.vtile .actsets { padding: 10px 0 0 10px; }
	.vtile .actsets .actset { display:inline-block; }
	.vtile .actsets .actset + .actset { margin-left:50px; }
	.vtile .actsets .actset a.minibut { max-width:60px; }
	.vtile .actsets .actset a + a { margin-left:8px; }
	.vtile .archtglfrm { top:10px; right:10px; }
	.vtile.archived { height:40px; }
	.vtile.archived .media {  }
	.vtile.archived .media img { height:135px; position:relative; top:-38px; }

	.utile { padding-left:185px; margin-bottom:10px; }
	.utile .media { width:180px; }
	.utile .acts { padding:10px 0 0 10px; }
}
@media (max-width: 1000px) {
	.vcard + .vtable { margin-top:10px; }

	.vtile { margin-bottom:5px; padding: 5px 5px 5px 120px; min-height:80px; }
	.vtile .media,
	.vtile .media img { width:120px; }
	.vtile .info { min-height:40px; padding-left: 8px; }
	.vtile .info .reminders { padding:3px 2px 4px 4px; }
	.vtile .actsets { padding: 6px 0 0 10px; }
	.vtile .actsets .actset {  }
	.vtile .actsets .actset + .actset { margin-top:8px; }
	.vtile .actsets .actset a + a { margin-left:8px; }
	.vtile .actsets .actset a.minibut { float:right; }
	.vtile .archtglfrm { top:5px; right:5px; }
	.vtile.archived { padding: 10px 5px 10px 120px; }
	.vtile.archived .media {  }
	.vtile.archived .media img { height:90px; position:relative; top:-24px; }
	.vtile.archived .info { min-height:unset; }
	.vtile.archived .info .detail { display:none; }
	.vtile.archived .archtglfrm { top:10px; }

	.utile { padding-left:125px; margin-bottom:5px; }
	.utile .media { width:120px; }
	.utile .media img { width:70px; height:70px; border-radius:35px; }
	.utile .acts { padding:5px 0 0 10px; }
}
@media (min-width: 641px) {
	.vtable tr td { padding: 4px; }

	.vtable .dt { width:70px; }
	.vtable .odom { width:80px; }
	.vtable .tripm { width:50px;  }
	.vtable .ffueltype { width:40px; }
	.vtable .ffill { width:60px; padding-right:2px; }
	.vtable .fmetric { width:20px; }
	.vtable .ftank { width:40px; }
	.vtable .consum { width:50px; }
	.vtable .infocons { width:40px; }
	.vtable .infocons .infocon + .infocon { margin-left: 4px; }

	.reminderlbl { padding: 2px 4px; line-height:150%; }
	.vtable .ntype .reminderlbl {  margin-left:10px; }
}
@media (max-width: 640px){
	.vtable tr td { padding: 3px 1px; }
	
	.vtable .dt { width:35px; }
	.vtable .odom { width:60px; }
	.vtable .tripm { width:50px;  }
	.vtable .ffueltype { width:24px; }
	.vtable .ffill { width:60px; padding-left:0; }
	.vtable .fmetric { width:5px; padding-left:0; }
	.vtable .ftank { width:20px; }
	.vtable .consum {  }
	.vtable .infocons { width:40px; }
	.vtable .infocons .infocon + .infocon { margin-left: 1px; }

	.vtable td.vicon{ padding-right:0; padding-left:0; }

	.vtable .price .currency { margin-left: -3px; }

	.reminderlbl { padding: 2px; line-height:150%; }
	.vtable .ntype .reminderlbl { display:block; }
}
@media (max-width: 400px){
	.vtable .dt span { display:none; }	
}



/************************** site specific global styles **************************/
.button, a.button, .buttons button {
	text-decoration: none;
	padding: 5px 12px; 
	border:none;
	border-radius:5px;
	color: #fff;
	background-color:var(--color-action-but);
	font-weight:600;
	display:inline-block;
}
.button.big { padding: 6px 18px; }
.button.bigbig { padding: 12px 20px; min-width:100px; }
.button.small{ font-size: var(--text-size-sub); line-height:150% !important; padding: 2px; border-radius:3px; }
.button.minw { min-width: 50px; text-align:center; }
.button.warning, a.button.warning, .buttons button.warning{ background-color:#cd5049; }
.button.inlinebut { padding: 1px 2px; }
.button.secondary { background-color: #f0f0f0; color: #49afcd; }
.button.flat { border: solid 1px var(--color-action-but); background-color: #fff; color:var(--color-action-but); }
.button.flat.primary { border: solid 1px var(--color-action-but); background-color: var(--color-action-but); color:#fff; }

.button:disabled { background-color: #eee; border-color: #ddd; color: #999; }

@media (min-width: 1201px) {
	.button:not(:disabled):hover, a.button:not(:disabled):hover, .buttons button:not(:disabled):hover { color: #fff; background-color: var(--color-action-but-primary); cursor: pointer; }
	.button.warning:not(:disabled):hover, a.button.warning:not(:disabled):hover, .buttons button.warning:not(:disabled):hover { background-color: #ac3537; }
}

.button.minibut {
	padding: 1px 5px 2px; border-radius: 3px; display: inline-block; line-height:130%; font-weight:normal;
}
.button.miniflatbut {
	padding: 1px 10px; border-radius: 3px; display: inline-block;
	background-color: rgba(0,0,0,.6);
	color: #fff;	
	font-size: var(--text-size-subsub);
	text-transform: uppercase;
	font-weight: normal;
}

.msg { margin-bottom: 10px; padding:10px; }
.lbl { padding:2px 5px; border-radius:5px; }
.lbl.small { font-size: 12px; line-height: 14px; }
.lbl.ib { display:inline-block; }
.msg.success, .lbl.success, .msg.msg1, .msgsuccess { color:#fff; background-color: #7fa926; background-color:rgba(127,169,38,.8); }
.msg.notification, .lbl.notification, .msg.msg4, .msgnotification { color:#032064; background-color: #bce4f7; background-color:rgba(188,228,247,.8); }
.msg.warning, .lbl.warning, .msg.msg3, .msgwarning { color:#9e5f05; background-color: #fdeeb3; background-color:rgba(253,238,179,.8); }
.msg.error, .lbl.error, .msg.msg2, .msgerror { color:#fff; background-color: #c00; background-color:rgba(204,0,0,.8); }


.form2 { text-align:left; }
.form2 label { display:block; }
.form2 label[for] { cursor:pointer; }
.form2 label * { vertical-align:middle; }
.form2 label span { float:right; white-space:nowrap; font-style:italic; }
.form2 input[type=text], .form2 input[type=number], .form2 input[type=password], .form2 input[type=email], .form2 input[type=url], .form2 select, .form2 textarea {
	box-sizing:border-box;
	border:1px solid #ccc;
	padding:5px 0 5px 5px;
	width:100%;
	clear:both;
	display:block;
}
.form2 legend { margin-bottom:10px; padding:0; display:block; font-weight:bold; }
.form2 .control-block { clear:both; margin-bottom:15px; display:block; }
.form2 .control-block.nomarg { margin-bottom:0; }
.form2 .form-actions { clear:both; margin-bottom:0; display:block; }
.form2 .form-actions input[type=text] { display:inline-block; width:auto; }

.form2 .toggle-actions { clear:both;  display:block; }
.form2 .toggle-actions .toggle-but { color:#4ca6cf; background-color:#fff; padding:0 5px; cursor:pointer; }
.form2 .toggle-on .toggle-actions { border-bottom:solid 1px #ccc; margin-bottom:15px; padding-bottom: 5px; }
.form2 .toggle-off .togglable { display: none; }

.form2 input.disabled { background-color: #eee; border-color: #ddd; }

.form2 span.hint{
	float:right;
	width:98%;
	padding: 0.5% 1%;
	font-size: 80%;
	font-style:italic;
	color:#666;
	background-color:#ffd;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-width: 1px;
	border-color: #eee;
}

.form2 .horizontal > * { display:inline-block !important; vertical-align:middle; }
.form2 .autowidth > * { display:inline-block !important; width:auto !important; max-width:100%; }

.form2.frame, .framebox { border:solid 1px #ccc; padding:10px; background-color:#f2f2f2; }
.form2.frame, .framebox.borderless { border:0 none; }
.form2.frame.light, .framebox.light { background-color:#fefefe; }
.form2.frame.semidark, .framebox.semidark { background-color:#e0e0e0; }

.form2 .controls.inline > * { display:inline-block !important; vertical-align:middle; width:auto; }
.form2 .controls .w1of4 { width:25%; }
.form2 .controls .w1of2 { width:50%; }
.form2 .controls .w2of3 { width:66%; }

.form2 legend, .framebox .legend { margin-bottom:10px; padding:0; display:block; font-weight:600; }
.form2.frame, .framebox { border:solid 1px #ccc; padding:10px; background-color:#f3f3f3; }
.form2.frame.light, .framebox.light { background-color:#fefefe; }

.form2 hr.hr { margin:0; padding:0; border: none 0; border-bottom:solid 1px #aaa; }

.form2 .horizontal > * { display:inline-block !important; vertical-align:baseline; }
.form2 .autowidth > * { display:inline-block !important; width:auto !important; max-width:100%; }

.superhalf { width:49%; float:left; }
.superhalf:nth-child(2n+1) { clear:left; padding-right:1%; }
.superhalf:nth-child(2n+2) { width:50%; }
.superfourth { width:24%; float:left; }
.superthird { width:32.6%; float:left; }
.superthird:nth-child(3n+1) { padding-right:1%; clear:left; }
.superthird:nth-child(3n+2) { padding-right:1%; }
.superthird:nth-child(3n+3) { }
.superfourth:nth-child(4n+1) { padding-right:1%; clear:left; }
.superfourth:nth-child(4n+2) { padding-right:1%; }
.superfourth:nth-child(4n+3) { padding-right:1%; }
.superfourth:nth-child(4n+4) { width:25%; }

@media (min-width: 641px){
	.half { width:49%; float:left; }
	.half:nth-child(2n+1) { clear:left; padding-right:1%; }
	.half:nth-child(2n+2) { width:50%; }

	.third { width:32%; float:left; }
	.third:nth-child(3n+1) { padding-right:2%; clear:left; }
	.third:nth-child(3n+2) { padding-right:2%; }
	.third:nth-child(3n+3) { }

	.fourth { width:24%; float:left; }
	.fourth:nth-child(4n+1) { padding-right:1%; clear:left; }
	.fourth:nth-child(4n+2) { padding-right:1%; }
	.fourth:nth-child(4n+3) { padding-right:1%; }
	.fourth:nth-child(4n+4) { width:25%; }
}


.minipage { background: #f3f3f3 no-repeat center; background-size:cover; }
.minipage #infos { padding:20px 0; text-align:center; }

.miniform{
	margin:0 auto;
	max-width:420px;
	padding:95px 3% 3% 3%;
	background:#fff url(/asset/img/nflogo2.png) no-repeat center 20px;
	border:solid 1px #ccc;
}
.miniform.nologo { padding-top:3%; background-image:none; }

@media (min-width: 1001px) {
	.miniform { margin-top: 6vh; }	
}

.aoutbound { padding-left: 16px !important; background: transparent url(/asset/img/icon_outbound_link.gif) no-repeat 0 center; }

input.daypicker {
	cursor:pointer;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAADmklEQVRoQ+3bTcgVVRzH8ZuWaabiW1DmJgh01U4XblyYGkqtMtEgN0JghLWIWohGi9SFQoK4ECtEtGjjxohEDRKMAl8iQu0FoTaF4aJ8STS/v8sd+Xv63bljc3ls5jk/+Cw898zc+c/cZ+45c4+dGnkM+/AXfsHruB/DziS8g99wEbswAyOa8TiEf4LrWI5hRyfyBuJ77cAYjFh0dX9CPAh5H8POKaTv8w100kcss3EB6YF8hGHnR6TvcwYPoXYexHTMNMaiSNWCp8Dtq8zDiKlSsI7b7WsaHsC/Mg4v4Qt8h++Nx1GkasG74fZV5i3EVCl4Kdy+vsVhPIfbf/M6ox8ivTGknkCRqgV/hrTPINsRU6XgFUj7RLqhboA+CZ3XMKhYaXLBcgW60t07nuuQanrBchSda6GhTBsKvgr7gtOGgsU2OnNQRAMPdyB7UOQ+fI60zyDvIeYk0j5fIw48XkTapx/b6KxCEd3tPkZ8XR+XRSiiK3ACsU8V+xG/81+G7rKxzxbEoaXG2vH1MrbR0dg5Tg40qNdQ8mechQ4sHsRc/A63rzLnMRlFdCU3Qu0/QJ+A+HHWyT8Hty/HNjqaqTyFGF2JRzG1+687sw034fZVRl+Ra5FGI8BHkE4ansXfcPtybGM/X2EWBkWzJn3vuX1U8SvmY1CehEZUbh/92MYypzEP3VFLiG5SGruuw59w296NP7Aa6dhamQCdVP05uW3L2MZBLuFTrMdCLMNWaCqX3mDq0I3wON7GEjyNN3EE//UTZBvbzDa2mW1sM9vYZraxzWzjASxuuH4TF9v4LpqeD+Bqs4254AamdsEaOmqWollSmXTIqUyE6xu5B+tqc32jfg/kaxesMe0xaFhZZhPSaMjp+kbuV4udcH0jFRbnz0VqF6yzWeWBn9vWPR1JpY+HlH4HHWm7XDDJBffYxlwwyQX3kQsmuWDjf1ewfkNeiVcHWIA0a+D6Rs8gjZ5hub6RttMoME3tgpuWXHCPbXQFj7rJg4rdC924yryCNAfh+kbuPTURcX2jzXBrtmoXrLOpN3D9I7dt/loycsEkF2zkgnvJBffYxlwwGXUFawSlQYVeK6OFnmnegOsbxVVCRZ6H6xtpuzx5ILngHts46grWWkZt0GRayOZqq7yatg208scu3myrL9Fda1VlRXzT6epqmWJ3VdsnaPNH+zK0cO72/3DRT6EvQGsph7mS7l5TofqJV8sUKbbTuQU6ZFGjL1Q3+AAAAABJRU5ErkJggg==');
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 18px 18px;
}

.langmenu { display:block; padding:3px 0; }
.langmenu a + a { margin-left: 10px; }
.langmenu .flags {
	width: 16px;
	height: 11px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	background: transparent url('data:image/png;base64,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') no-repeat 0 0;
}
.langmenu .flags.el { background-position:-16px 0; }
.langmenu .flags.bg { background-position:-32px 0; }
.langmenu .flags.de { background-position:-48px 0; }
.langmenu .flags.fr { background-position:-64px 0; }
.langmenu .flags.it { background-position:-80px 0; }
.langmenu .fr { float:none !important; }

@media (min-width: 1001px) {
	.langmenu a { opacity: .6; }
	.langmenu a:hover { opacity: 1; }
}