@font-face {
	    font-family: 'metropolislight';
	    src: url('metropolis-light-webfont.woff2') format('woff2'),
	         url('metropolis-light-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
		}


		@font-face {
		    font-family: 'metropolislight_italic';
		    src: url('metropolis-lightitalic-webfont.woff2') format('woff2'),
		         url('metropolis-lightitalic-webfont.woff') format('woff');
		    font-weight: normal;
		    font-style: normal;

		}


		@font-face {
		    font-family: 'metropolismedium';
		    src: url('metropolis-medium-webfont.woff2') format('woff2'),
		         url('metropolis-medium-webfont.woff') format('woff');
		    font-weight: normal;
		    font-style: normal;

		}


		@font-face {
		    font-family: 'metropolismedium_italic';
		    src: url('metropolis-mediumitalic-webfont.woff2') format('woff2'),
		         url('metropolis-mediumitalic-webfont.woff') format('woff');
		    font-weight: normal;
		    font-style: normal;

		}


		@font-face {
		    font-family: 'metropolisregular';
		    src: url('metropolis-regular-webfont.woff2') format('woff2'),
		         url('metropolis-regular-webfont.woff') format('woff');
		    font-weight: normal;
		    font-style: normal;

		}


		@font-face {
		    font-family: 'metropolisitalic';
		    src: url('metropolis-regularitalic-webfont.woff2') format('woff2'),
		         url('metropolis-regularitalic-webfont.woff') format('woff');
		    font-weight: normal;
		    font-style: normal;

		}


		@font-face {
		    font-family: 'metropolissemi_bold';
		    src: url('metropolis-semibold-webfont.woff2') format('woff2'),
		         url('metropolis-semibold-webfont.woff') format('woff');
		    font-weight: normal;
		    font-style: normal;

		}




		@font-face {
		    font-family: 'metropolissemi_bold_italic';
		    src: url('metropolis-semibolditalic-webfont.woff2') format('woff2'),
		         url('metropolis-semibolditalic-webfont.woff') format('woff');
		    font-weight: normal;
		    font-style: normal;
		}
		
		@font-face {
		    font-family: 'metropolisbold';
		    src: url('metropolis-bold-webfont.woff2') format('woff2'),
		         url('metropolis-bold-webfont.woff') format('woff');
		    font-weight: normal;
		    font-style: normal;

		}
		
		
			@font-face {
			    font-family: 'metropolisextra_bold';
			    src: url('metropolis-extrabold-webfont.woff2') format('woff2'),
			         url('metropolis-extrabold-webfont.woff') format('woff');
			    font-weight: normal;
			    font-style: normal;

			}


@font-face {
    font-family: 'metropolisblack';
    src: url('metropolis-black-webfont.woff2') format('woff2'),
         url('metropolis-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }

body {
	min-width:320px;
	font:1em/1.4em metropolislight;
	color:rgb(109,111,113);
}

h1, h2, h3, h4, h5 {
	font-weight:400;
	font-family:metropolismedium;
}

h1 {
	font-size:1.5em;
}

h2 {
	font-size:1.2em;
}

hr.group {
	margin:3em 0;
}


b {
	font-weight:normal;
	font-family:metropolismedium;
	color:#333333;
}


form.au {
    margin-bottom: 1em;
}

div#topbar {
	width:100%;
	background:none rgba(133,143,127, 0.5);
	position:fixed; 
	top:0;
	left:0; 
	padding:5px 3px 3px;
}

div#topbar a {
	font-size:0.8em;
	text-decoration:none;
	color:#666666;
}

div#container {
	width:100%;
	max-width:800px;
	margin:84px auto;
}

div.tx_space {
	width:100%; 
	max-width:506px;
}

textarea, select {
	width:100%;
	max-width:500px;
	font:1em/1.3em metropolislight;
	border-radius:6px;
	border:1px solid #cccccc;
}

textarea:disabled {
	background:none #ffffff;
}

div.sav_space {
	text-align:right;
	margin:4px 0;
}

input[type=submit].sav {
	border:0;
	font-size:0.9em;
	padding:0.2em;
	background:none #cccccc;
	border-radius:4px;
	border-style:solid;
}

input[type=file] {
	font-size:0.9em;
}

a.rem_lnk {
	color: red;
  font-size: 0.7em;
	text-decoration:none;
}


a.add_lnk {
	color: green;
  font-size: 0.7em;
	text-decoration:none;
}

input[type=submit].sav.unsaved {
	background:none rgb(255, 0, 10);
}

div.sp {
	line-height:1em;
}

div.sp {
	margin-top:9px;
}

div.usr {
	padding:1em; 
	border-radius:9px; 
	background:#efefef;
}

div.usr img {
	max-width:200px;
	max-height:200px;
}

table.brand {
	font-size:0.7em;
	line-height:1.1em;
	padding:0px;
	width:97%;
	margin:1% auto;
}

table.brand td {
	padding:4px;
	border-left:1px solid rgb(130,130,130);
	border-bottom:1px solid rgb(130,130,130);
	vertical-align:top;
}

table.brand tr:first-of-type td {
	border-top:1px solid rgb(130,130,130);
}

table.brand td:last-of-type {
	border-right:1px solid rgb(130,130,130);
}

.keep {
	white-space:nowrap;
}

a.btn {
	display:block; 
	float:left;
	margin:5px;
}

img.ico {
	height:24px;
	width:auto;
	float:left;
	margin-right:4px
}

img.ico2 {
	height:16px;
	width:auto;
}

fieldset {
	border-radius:8px;
	border:5px solid #858f7f;
	width:250px;
	margin:10px auto;
	padding:20px;
}

fieldset legend {
	padding: 0 8px;
   font-family: metropolismedium;
}



@media print {
	
	div.usr {
		page-break-inside: avoid;
	}
	
	div.usr img {
		max-width:400px;
		max-height:400px;
	}
	
	input[type=file], input[type=submit], .rem_lnk, .add_lnk, .noprint {
		display:none;
	}
	
}