/* Basic formatting */

body { background-color: #fff; color: #5f5e5e; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; }
a { color: #08c; text-decoration: none; transition: background 0.3s, color 0.3s; }
a:hover { color: #005580; text-decoration: underline; }
img { height: auto; max-width: 100%; }
p, ul, ol, form { margin: 0 0 15px 0; }
ul.list-disc li { list-style: disc inside; }
ul.list-circle li { list-style: circle inside; }
ul.list-square li { list-style: square inside; }
ul.list-inline li {  display: inline; margin: 0 10px 0 0; }
ol li { list-style: decimal inside; }
ul .sub1, ol .sub1 { margin: 0 0 0 20px; }
ul .sub2, ol .sub2 { margin: 0 0 0 40px; }
ul .sub3, ol .sub3 { margin: 0 0 0 60px; }
ol ol, ul ul { margin-bottom: 0; }
small { font-size: 11px; }
sup { font-size: 10px; vertical-align: top; }
sub { font-size: 10px; vertical-align: bottom; }
h1 { font-family: 'StagSansMedium', Verdana, sans-serif; font-size: 36px; line-height: 42px; margin: 0 0 5px 0; }
h2 { font-family: 'StagSansMedium', Verdana, sans-serif; font-size: 30px; line-height: 30px; margin: 0 0 5px 0; }
h3 { font-size: 24px; line-height: 30px; margin: 0 0 5px 0; }
h4 { font-size: 20px; line-height: 26px; margin: 0 0 5px 0; }
h5 { font-size: 18px; line-height: 24px; margin: 0 0 5px 0; }
h6 { font-size: 16px; line-height: 22px; margin: 0 0 5px 0; }

/* Helper classes */

.hidden { display: none; visibility: hidden; }
.invisible { visibility: hidden; }
.debug { border: 1px solid #f00; }
.underline { text-decoration: underline; }

.float-left { float:left; }
.float-right { float:right; }

.clear { clear:both; }
.clear-left { clear: left; }
.clear-right { clear: right; }

.align-center { clear: both; display: block; margin-left: auto; margin-right: auto; }

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

p.warning { background: #ffe; border: 1px solid #dd0; color: #C09853; padding: 5px 10px; text-align: center; }
p.success { background: #efe; border: 1px solid #5b5; color: #1e8d5f; padding: 5px 10px; text-align: center; }
p.error { background: #fee; border: 1px solid #d00; color: #8d1e1e; padding: 5px 10px; text-align: center;  }

.table td { padding: 5px; }
.table-hover tr:hover { background: #eee; }
.table-striped tr:nth-child(odd) > td, table.table-striped tr:nth-child(odd) > th { background-color: #f9f9f9; }
.table-bordered { border: 1px solid #ccc; }
.row-bordered tr { border-top: 1px solid #ccc; }
.row-bordered tr:first-child { border-top: 0; }

.width-10per { width: 10%; }
.width-20per { width: 20%; }
.width-25per { width: 25%; }
.width-30per { width: 30%; }
.width-40per { width: 40%; }
.width-50per { width: 50%; }
.width-60per { width: 60%; }
.width-70per { width: 70%; }
.width-80per { width: 80%; }
.width-90per { width: 90%; }
.width-100per { width: 100%; }

.media { margin: 10px 0; }
.media, .bd { zoom: 1; }
.media .img { float: left; margin-right: 10px; }
.media .img img{ display: block; }

/* Clearfix */

.clearfix:after { content: "."; display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix {	display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* Custom styles */

@font-face {
    font-family: 'StagSansLight';
    src: url('../fonts/stagsans-light.eot');
    src: url('../fonts/stagsans-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/stagsans-light.woff') format('woff'),
         url('../fonts/stagsans-light.ttf') format('truetype'),
         url('../fonts/stagsans-light.svg#StagSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'StagSansMedium';
    src: url('../fonts/stagsans-medium.eot');
    src: url('../fonts/stagsans-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/stagsans-medium.woff') format('woff'),
         url('../fonts/stagsans-medium.ttf') format('truetype'),
         url('../fonts/stagsans-medium.svg#StagSansMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { font-family: 'StagSansLight', Verdana, sans-serif; font-size: 16px; }
strong { font-family: 'StagSansMedium', Verdana, sans-serif; font-weight: normal; }

.wrapper { margin: 35px auto 0 auto; width: 960px; }

	.header { margin: 0 0 50px 0; }
		.header img { float: left; margin: 3px 60px 0 0; }
	
	.form { background: #e5e5e5; padding: 10px; position: relative; }
		.form .border { border: 1px solid #ccc; }
			.form .section { position: absolute; }
				.form .section a.info { background: #70c900; border-radius: 50%; border: 3px solid #fff; display: block; padding: 8px 0; text-align: center; width: 45px; }
				.form .section a.info:hover { background: #2fa1d9; }
				.form .section .tooltip { background: #2fa1d9; border: 3px solid #fff; color: #fff; display: none; padding: 20px; width: 440px; position: absolute; top: 55px; left: -425%; }
			.form .section1 { top: 100px; left: 365px; }
				.form .section .tooltip { }
			.form .section2 { top: 355px; left: 365px; }
			.form .section3 { top: 730px; left: 365px; }
			.form .section4 { top: 955px; left: 365px; }
			.form .section5 { top: 355px; right: 75px; }
			.form .section6 { top: 580px; right: 75px; }
			.form .section7 { top: 807px; right: 75px; }
			.form .section8 { top: 1150px; right: 75px; }
		
	.footer { font-size: 13px; padding: 50px; text-align: center; }

/* Responsive styles */

@media (max-width: 960px) { }