.clearbr {
	clear: both;
	display: block;
	height: 0;
}


/* #region default title header*/

span.navigationtoGame {
	position: absolute;
	top: 20px;
	left: 10px;
	z-index: 10;
}

	span.navigationtoGame a {
		font-size: .9em;
		color: rgba(72,197,222,1);
		text-decoration: none;
	}

		span.navigationtoGame a:hover {
			text-decoration: underline;
		}

/* #endregion */

body > form > main > div.container_lg {
	width: 100%;
    min-width: 560px;
    padding-top: 2em;
}

	body > form > main > div.container_lg > div.middle {
		width: 100%;
	}

		body > form > main > div.container_lg > div.middle > div.content {
			background-color: rgba(22, 23, 22, .95) !important;
			margin: -45px -41px -41px;
			position: relative;
		}

			body > form > main > div.container_lg > div.middle > div.content > h1 {
				background: url("/Images/layout/titleBackground.png") no-repeat center center;
				color: #45d5f7;
				font-size: 1.5em;
				height: 75px;
				letter-spacing: 1px;
				line-height: 75px;
				margin: -2em auto;
				position: relative;
				text-align: center;
				text-transform: uppercase;
				top: -29px;
				z-index: 5;
			}

/*css gradient borders*/
.blueGradientBorder {
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 70%, rgba(40,117,137,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(70%,rgba(0,0,0,0)), color-stop(100%,rgba(40,117,137,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 70%,rgba(40,117,137,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 70%,rgba(40,117,137,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 70%,rgba(40,117,137,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 70%,rgba(40,117,137,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#287589',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    position:relative;
    border: 0px;
    padding:1px;
}

.blueGradientBorder .innerBackground {
    background-color:#000;
}

.grayGradientBorder {
	border-width: 1px;
	-moz-border-image: radial-gradient(#101010 70%, #808080 100%, #101010) 1%;
	-webkit-border-image: radial-gradient(#101010 70%, #808080 100%, #101010) 1%;
	-o-border-image: radial-gradient(#101010 70%, #808080 100%, #101010) 1%;
	border-image: radial-gradient(#101010 70%, #808080 100%, #101010) 1%;
	width: 350px;
	height: 300px;
}

.lightbGradientBorder {
	border-width: 1px;
	-moz-border-image: radial-gradient(#1e3f4a 70%, #aefaff 100%, #1e3f4a) 1%;
	-webkit-border-image: radial-gradient(#1e3f4a 70%, #aefaff 100%, #1e3f4a) 1%;
	-o-border-image: radial-gradient(#1e3f4a 70%, #aefaff 100%, #1e3f4a) 1%;
	border-image: radial-gradient(#1e3f4a 70%, #aefaff 100%, #1e3f4a) 1%;
	width: 350px;
	height: 300px;
}

.miniBorder {
	border: solid transparent;
	border-width: 10px;
	-moz-border-image: url("/Images/layout/miniBorder.png") 20 20 stretch; /* Old Firefox */
	-webkit-border-image: url("/Images/layout/miniBorder.png") 20 20 stretch; /* Safari */
	-o-border-image: url("/Images/layout/miniBorder.png") 20 20 stretch; /* Opera */
	border-image: url("/Images/layout/miniBorder.png") 20 20 stretch;
	border-image-slice: 30%;
}

/*random css elements/assests */
.styledBar {
	width: 80%;
	height: 50px;
	max-width: 800px;
	margin: 45px auto 35px;
	background-image: url("/Images/layout/barStyle.png");
	background-repeat: no-repeat;
}

.sideLightBar {
	height: 100%;
	width: 5px;
	background: rgb(39,127,146); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(39,127,146,1) 0%, rgba(0,240,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(39,127,146,1)), color-stop(100%,rgba(0,240,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(39,127,146,1) 0%,rgba(0,240,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(39,127,146,1) 0%,rgba(0,240,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(39,127,146,1) 0%,rgba(0,240,255,1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(39,127,146,1) 0%,rgba(0,240,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#277f92', endColorstr='#00f0ff',GradientType=1 ); /* IE6-9 */
	box-shadow: 0px 0px 20px #00f0ff;
}