html
{
	margin: 0;
	padding: 0;
	background: #f1f1f1;
	font-family: 'Open Sans', sans-serif;
	min-height: 100%;
}

body
{
	display: block;
	margin: 0;
	padding: 0;
	color: #202020;
	font-size: 1.0em;
	text-align: center;
	font-family: inherit;
	background: transparent;
}

/* maxwidth */
.maxwidth
{
	width: 100%;
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* links */
	a
	{
		outline: 0;
		color: inherit;
	}
	#content a, #content .link
	{
		color: inherit;
		outline: 0;
	}
	a:hover, .link:hover
	{
		text-decoration: none;
	}
	a img
	{
		border: none;
	}

	a.block
	{
		display: block;
	}

/* basic headings */
	h1, h2, h3, h4, h5
	{
		line-height: 1.0em;
		font-weight: normal;
		text-decoration: none;
		font-weight: 600;
	}
	h1
	{
		margin: 0;
		padding: 0.1em 0;
		font-size: 1.8em;
	}
	h2
	{
		margin: 0;
		padding: 0.1em 0;
		font-size: 1.6em;
	}
	h3
	{
		margin: 0;
		padding: 0.1em 0;
		font-size: 1.4em;
	}
	h4
	{
		margin: 0;
		padding: 0.1em 0;
		font-size: 1.2em;
	}
	h5
	{
		margin: 0;
		padding: 0.1em 0;
		font-size: 1.0em;
	}
	h1 a, h2 a, h3 a, h4 a, h5 a
	{
		color: inherit;
		text-decoration: inherit;
	}
	h1.fill, h2.fill, h3.fill, h4.fill, h5.fill
	{
		margin: 0.2em 0;
		display: block;
		text-align: center;
		text-decoration: none;
		background: #00519A;
		color: #ffffff !important;
		font-weight: 700;
	}

/* paragraphs */
	p
	{
		margin: 0;
		padding: 0.3em;
		color: inherit;
		font-size: inherit;
		font-family: inherit;
	}
	.wbr
	{
		white-space: nowrap;
	}

/* help */
	.help
	{
		color: #696969;
		font-size: 0.8em;
	}

/* color */
	.red
	{
		color: #D90000;
	}
	.green
	{
		color: #28AF0F;
	}
	.yellow
	{
		color: #FFE600;
	}
	.blue
	{
		color: #1E90FF;
	}
	.gold
	{
		color: #AF9004;
	}
	.grey, .gray
	{
		color: #808080;
	}

	.highlight
	{
		background: #FFF8BA;
		border: 1px solid #E0D78A;
	}

/* notice */
	.notice
	{
		display: block;
		padding: 0.5em;
		text-align: center;
		background: #FFF8BA;
		border: 1px solid #E0D78A;
		border-radius: 0.2em;
		-o-border-radius: 0.2em;
		-moz-border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
	}
		.notice ul
		{
			margin: 0;
			padding: 0.3em 0 0.3em 1.5em;
		}
		.notice ul>li
		{
			padding: 0 0 0.1em 0;
		}

/* font style */
	b, strong, .bold
	{
		font-weight: 700;
	}
	.semibold
	{
		font-weight: 600;
	}
	.xtrabold
	{
		font-weight: 700;
	}
	i, em, .italic, .oblique
	{
		font-style: oblique;
	}
	u, .underline
	{
		text-decoration: underline;
	}
	.overline
	{
		text-decoration: underline;
	}
	.strike
	{
		text-decoration: line-through;
	}


	.small
	{
		font-size: 0.8em !important;
	}
	.medium
	{
		font-size: 1em !important;
	}
	.large
	{
		font-size: 1.2em !important;
	}
	.xlarge
	{
		font-size: 1.4em !important;
	}

/* alignment */
	.left, .align-left
	{
		text-align: left !important;
	}
	.center, .align-center
	{
		text-align: center !important;
	}
	.right, .align-right
	{
		text-align: right !important;
	}


	.top, .valign-top
	{
		vertical-align: top !important;
	}
	.middle, .valign-middle
	{
		vertical-align: middle !important;
	}
	.bottom, .valign-bottom
	{
		vertical-align: bottom !important;
	}


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

/* some paddings and margins */
	.margin0
	{
		margin: 0 !important;
	}
	.margin2
	{
		margin: 0.1em !important;
	}
	.margin3
	{
		margin: 0.2em !important;
	}
	.margin5
	{
		margin: 0.3em !important;
	}
	.margin10
	{
		margin: 0.6em !important;
	}
	.margin15
	{
		margin: 0.9em !important;
	}
	.margin20
	{
		margin: 1.2em !important;
	}
	.margin25
	{
		margin: 1.5em !important;
	}

	.padding0
	{
		padding: 0 !important;
	}
	.padding2
	{
		padding: 0.1em !important;
	}
	.padding3
	{
		padding: 0.2em !important;
	}
	.padding5
	{
		padding: 0.3em !important;
	}
	.padding10
	{
		padding: 0.6em !important;
	}
	.padding15
	{
		padding: 0.9em !important;
	}
	.padding20
	{
		padding: 1.2em !important;
	}
	.padding25
	{
		padding: 1.5em	 !important;
	}

/* width's */
	.width10
	{
		width: 10% !important;
	}
	.width15
	{
		width: 15% !important;
	}
	.width20
	{
		width: 20% !important;
	}
	.width25
	{
		width: 25% !important;
	}
	.width30
	{
		width: 30% !important;
	}
	.width33
	{
		width: 33% !important;
	}
	.width35
	{
		width: 35% !important;
	}
	.width40
	{
		width: 40% !important;
	}
	.width45
	{
		width: 45% !important;
	}
	.width50
	{
		width: 50% !important;
	}
	.width55
	{
		width: 55% !important;
	}
	.width60
	{
		width: 60% !important;
	}
	.width65
	{
		width: 65% !important;
	}
	.width66
	{
		width: 66% !important;
	}
	.width70
	{
		width: 70% !important;
	}
	.width75
	{
		width: 75% !important;
	}
	.width80
	{
		width: 80% !important;
	}
	.width85
	{
		width: 85% !important;
	}
	.width90
	{
		width: 90% !important;
	}
	.width95
	{
		width: 95% !important;
	}
	.width100
	{
		width: 100% !important;
	}

/* display */
	.hide, .hidden
	{
		display: none !important;
	}

	.invisible, .opacity0
	{
		opacity: 0 !important;
		-o-opacity: 0 !important;
		-moz-opacity: 0 !important;
		-webkit-opacity: 0 !important;
		filter: alpha(opacity=0) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}

	.opacity10
	{
		opacity: 0.1 !important;
		-o-opacity: 0.1 !important;
		-moz-opacity: 0.1 !important;
		-webkit-opacity: 0.1 !important;
		filter: alpha(opacity=10) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	}

	.opacity20
	{
		opacity: 0.2 !important;
		-o-opacity: 0.2 !important;
		-moz-opacity: 0.2 !important;
		-webkit-opacity: 0.2 !important;
		filter: alpha(opacity=20) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	}

	.opacity30
	{
		opacity: 0.3 !important;
		-o-opacity: 0.3 !important;
		-moz-opacity: 0.3 !important;
		-webkit-opacity: 0.3 !important;
		filter: alpha(opacity=30) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	}

	.opacity40
	{
		opacity: 0.4 !important;
		-o-opacity: 0.4 !important;
		-moz-opacity: 0.4 !important;
		-webkit-opacity: 0.4 !important;
		filter: alpha(opacity=40) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	}

	.opacity50
	{
		opacity: 0.5 !important;
		-o-opacity: 0.5 !important;
		-moz-opacity: 0.5 !important;
		-webkit-opacity: 0.5 !important;
		filter: alpha(opacity=50) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	}

	.opacity60
	{
		opacity: 0.6 !important;
		-o-opacity: 0.6 !important;
		-moz-opacity: 0.6 !important;
		-webkit-opacity: 0.6 !important;
		filter: alpha(opacity=60) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	}

	.opacity70
	{
		opacity: 0.7 !important;
		-o-opacity: 0.7 !important;
		-moz-opacity: 0.7 !important;
		-webkit-opacity: 0.7 !important;
		filter: alpha(opacity=70) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}

	.opacity80
	{
		opacity: 0.8 !important;
		-o-opacity: 0.8 !important;
		-moz-opacity: 0.8 !important;
		-webkit-opacity: 0.8 !important;
		filter: alpha(opacity=80) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}

	.opacity90
	{
		opacity: 0.9 !important;
		-o-opacity: 0.9 !important;
		-moz-opacity: 0.9 !important;
		-webkit-opacity: 0.9 !important;
		filter: alpha(opacity=90) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	}

	.opacity100
	{
		opacity: 1.0 !important;
		-o-opacity: 1.0 !important;
		-moz-opacity: 1.0 !important;
		-webkit-opacity: 1.0 !important;
		filter: alpha(opacity=100) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}

/* boxes */
	div.box
	{
		width: 100%;
		max-width: 350px;
		color: #000000;
		margin: 0.6em auto;
		font-size: inherit;
		background: #ffffff;
		position: relative;
		border-radius: 0.4em;
		-o-border-radius: 0.4em;
		-moz-border-radius: 0.4em;
		-webkit-border-radius: 0.4em;
		box-sizing: border-box;
		-o-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-shadow: 0 0 4px 0 #ADADAD;
		-o-box-shadow: 0 0 4px 0 #ADADAD;
		-moz-box-shadow: 0 0 4px 0 #ADADAD;
		-webkit-box-shadow: 0 0 4px 0 #ADADAD;
	}
	div.box.fill
	{
		margin: 0;
		padding: 0;
		width: auto;
		display: block;
		max-width: 100%;
	}
		div.box>.title
		{
			display: block;
			color: #ffffff;
			font-size: 1.2em;
			text-align: left;
			position: relative;
			background: #333333;
			padding: 0.2em 0.6em;
			letter-spacing: -1px;
			text-decoration: none;
			border-radius: 0.25em 0.25em 0 0;
			-o-border-radius: 0.25em 0.25em 0 0;
			-moz-border-radius: 0.25em 0.25em 0 0;
			-webkit-border-radius: 0.25em 0.25em 0 0;
			text-shadow: 1px 1px #191919;
			-o-text-shadow: 1px 1px #191919;
			-moz-text-shadow: 1px 1px #191919;
			-webkit-text-shadow: 1px 1px #191919;
		}

		div.box>.message
		{
			margin: 0;
			border-top: 0;
			color: inherit;
			padding: 0.7em;
			overflow: auto;
			font-size: inherit;
			position: relative;
			border-radius: 0.4em;
			-o-border-radius: 0.4em;
			-moz-border-radius: 0.4em;
			-webkit-border-radius: 0.4em;
		}
		div.box>.content
		{
			min-height: 1em;
			margin: 0;
			padding: 0;
			overflow: auto;
			color: inherit;
			font-size: inherit;
			position: relative;
			border-radius: 0.4em;
			-o-border-radius: 0.4em;
			-moz-border-radius: 0.4em;
			-webkit-border-radius: 0.4em;
		}
		div.box .title a
		{
			text-decoration: none !important;
		}

	div.box:hover
	{
		position: relative;
		box-shadow: 0 0 5px 0 #808080;
		-o-box-shadow: 0 0 5px 0 #808080;
		-moz-box-shadow: 0 0 5px 0 #808080;
		-webkit-box-shadow: 0 0 5px 0 #808080;
	}

	div.block, blockquote
	{
		margin: 0.4em 0.4em 0.8em 1.1em;
	}

	quote
	{
		margin: 0.4em;
		border-left: 0.3em solid;
		border-color: inherit;
	}

	.shadow
	{
		position: relative;
		box-shadow: 0 0 5px 0 #808080;
		-o-box-shadow: 0 0 5px 0 #808080;
		-moz-box-shadow: 0 0 5px 0 #808080;
		-webkit-box-shadow: 0 0 5px 0 #808080;
	}

/* fixes */
	div.fix
	{
		clear: both;
		font-size: 1px;
	}
	img
	{
		margin: 0;
		padding: 0;
		vertical-align: middle;
	}
	table, tr, td
	{
		color: inherit;
		font-size: inherit;
		font-family: inherit;
		vertical-align: top;
	}

/* iframes */
	iframe
	{
		border: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
		box-sizing: border-box;
		-o-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	iframe.scroll
	{
		width: 100%;
		height: 300px;
		overflow: auto !important;
	}


/* Modal Window */
#modal
{
	z-index:9999;
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	padding:0;
	overflow: hidden;
	text-align:center;
	vertical-align:middle;
	background:rgba(0,0,0,.5);
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
	#modal_win
	{
		display: inline-block;
		color: #000000;
		margin: auto;
		font-size: 1em;
		background: #ffffff;
		width: 99%;
		min-width: 200px;
		max-width: 900px;
		vertical-align: middle;
		border-radius: 0.4em;
		-o-border-radius: 0.4em;
		-moz-border-radius: 0.4em;
		-webkit-border-radius: 0.4em;
		box-sizing: border-box;
		-o-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-shadow: 0 0 5px 0 #333333;
		-o-box-shadow: 0 0 5px 0 #333333;
		-moz-box-shadow: 0 0 5px 0 #333333;
		-webkit-box-shadow: 0 0 5px 0 #333333;
	}
	#modal_title
	{
		display: block;
		color: #ffffff;
		font-size: 1.2em;
		line-height: 1em;
		text-align: left;
		position: relative;
		padding: 0.4em 0.6em;
		text-decoration: none;
		background: #333333;
		border-radius: 0.25em 0.25em 0 0;
		-o-border-radius: 0.25em 0.25em 0 0;
		-moz-border-radius: 0.25em 0.25em 0 0;
		-webkit-border-radius: 0.25em 0.25em 0 0;
		text-shadow: 1px 1px #191919;
		-o-text-shadow: 1px 1px #191919;
		-moz-text-shadow: 1px 1px #191919;
		-webkit-text-shadow: 1px 1px #191919;
	}
	#modal_content
	{
		margin: 0;
		padding: 0;
		overflow: auto;
		color: inherit;
		line-height: 1em;
		min-height: 50px;
		max-height: 600px;
		font-size: inherit;
		position: relative;
		border-radius: 0 0 0.25em 0.25em;
		-o-border-radius: 0 0 0.25em 0.25em;
		-moz-border-radius: 0 0 0.25em 0.25em;
		-webkit-border-radius: 0 0 0.25em 0.25em;
	}
	#modal_content iframe
	{
		display: block;
		border: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		min-height: 50px;
		max-height: 600px;
		border-radius: 0 0 0.25em 0.25em;
		-o-border-radius: 0 0 0.25em 0.25em;
		-moz-border-radius: 0 0 0.25em 0.25em;
		-webkit-border-radius: 0 0 0.25em 0.25em;
	}