body {
	background:		#000060;
	color:			white;
	font-family:	Tahoma, Arial, sans-serif;
	font-size:		9pt;
	margin:			136px 16px 16px;
	padding:		0;
	text-shadow:	1px 1px 0 black;
	line-height:	150%;
}
body.waiting { cursor: progress !important; }
div#background {
	position:		fixed;
	top:			0;
	left:			0;
	width:			100%;
	height:			100%;
	background:		url('../images/bg.png') center center no-repeat;
	z-index:		-1;
	background-size:auto 100%;
}
div#loading {
	background:		url('../images/loading.gif') center center no-repeat;
	height:			64px;
	opacity:		1.0 !important;
}
div#overlay {
	position:		fixed;
	top:			0;
	left:			0;
	width:			100%;
	height:			100%;
	background:		white;
	opacity:		0.333;
	z-index:		500;
	display:		none;
}
div#loadingOverlay {
	position:		fixed;
	top:			0;
	left:			0;
	width:			100%;
	height:			100%;
	background:		url('../images/loading.gif') center center no-repeat;
	z-index:		505;
	display:		none;
}
div.popup {
	position:		fixed;
	background:		rgba(0,0,128,0.8);
	border-radius:	16px;
	box-shadow:		0 8px 16px rgba(0,0,0,0.75);
	z-index:		1000;
	display:		none;
}
div.popup > img {
	background:		url('../images/msgbox.png');
	position:		absolute;
	top:			-16px;
	left:			-19px;
	width:			72px;
	height:			72px;
}
div.popup > div.title {
	position:		absolute;
	top:			2px;
	left:			0;
	height:			36px;
	line-height:	36px;
	padding:		0 16px;
	font-size:		12pt;
	font-weight:	bold;
}
div.popup > div.content {
	position:		absolute;
	top:			0;
	left:			0;
	bottom:			0;
	right:			0;
	padding:		32px 16px 16px;
	text-align:		justify;
	font-size:		8pt;
}
div.popup > div.content.notitle {
	padding:		16px;
}
div.popup > div.content > div.error {
	background:		red;
	border-radius:	8px;
	padding:		0 8px;
	text-align:		center;
	display:		none;
}
div.popup > div.content > div.login_text {
	margin-bottom:		20px;
}
div.popup > div.content > div.login_input {
	position:			relative;
	margin-bottom:		4px;
	font-weight:		bold;
}
div.popup > div.content > div.login_input > input {
	width:				60%;
	position:			absolute;
	top:				0;
	right:				0;
}
div.popup > div.content > div.login_input > div {
	width:				50%;
	position:			absolute;
	top:				0;
}
div.popup > div.content > div.login_input > div.left {
	left:				0;
	text-align:			left;
}
div.popup > div.content > div.login_input > div.right {
	right:				0;
	text-align:			right;
}
div.popup > div.content > div.login_submit {
	margin-top:			40px;
	text-align:			center;
}
div.popup > div.content > div.content_wrap > div.error_popup {
	background:			url('/themes/shc2014/images/entries/error.png') no-repeat scroll 0 center;
	padding-left:		64px;
	min-height:			48px;
}
div.popup > div.content > div.content_wrap > div.popup_submit {
	text-align:			center;
}
div.popup > div.content > div.login_submit > div#login_submit, div.popup > div.content > div.content_wrap > div.popup_submit > div.popup_button {
	border-radius:		5px;
	margin:				4px;
	padding:			4px 12px;
	background: 		rgba(64,64,224,0.25);
	text-align: 		center;
	font-size: 			8pt;
	font-weight:		bold;
	display: 			inline-block;
	vertical-align: 		bottom;
	cursor: 			pointer;
	position: 			relative;
}
div.popup > div.content > div.login_submit > div#login_submit:hover, div.popup > div.content > div.content_wrap > div.popup_submit > div.popup_button:hover {
	background:			rgba(128,128,255,0.3);
}

input.text {
	font-size:			8pt;
	padding:			2px;
	background:			rgba(176,176,255,0.3);
	color:				white;
	text-shadow:		1px 1px 0 black;
	border-top:			0 none;
	border-left:		0 none;
	border-bottom:		1px solid black;
	border-right:		1px solid black;
}
input.radio, input.check {
	vertical-align:		middle;
	padding:			0;
	margin:				0 4px 0 0;
	background:			rgba(176,176,255,0.3);
	color:				white;
	text-shadow:		1px 1px 0 black;
	border-top:			0 none;
	border-left:		0 none;
	border-bottom:		1px solid black;
	border-right:		1px solid black;
}
input.button {
	font-size:			8pt;
	font-weight:		bold;
	background:			rgba(64,64,224,0.25);
	color:				white;
	text-shadow:		1px 1px 0 black;
	border-top:			0 none;
	border-left:		0 none;
	border-bottom:		1px solid black;
	border-right:		1px solid black;
	padding:			4px 8px 4px 8px;
	border-radius:		8px;
	cursor:				pointer;
}
input.button:hover {
	background:			rgba(128,128,255,0.3);
}
input.button:active {
	border-top:			1px solid black;
	border-left:		1px solid black;
	border-bottom:		0 none;
	border-right:		0 none;
}

div#userbar_bg, div#userbar {
	position:		fixed;
	top:			0;
	left:			0;
	width:			100%;
	min-width:		800px;
}
div#userbar_bg {
	height:			21px;
	border-bottom:	1px solid black;
	z-index:		100;
}
div#userbar_bg > div {
	width:			100%;
	min-width:		800px;
	height:			20px;
	background:		#1818A0;
	border-bottom:	1px solid white;
}
div#userbar {
	font-size:		8pt;
	color:			white;
	z-index:		100;
}
div#userbar > div {
	background:		#1818A0;
	position:		absolute;
	top:			0;
	height:			17px;
	padding:		1px 4px 2px;
	border-bottom:	1px solid white;
	z-index:		100;
}
div#userbar > div#leftLoading, div#userbar > div#rightLoading {
	width:			48px;
	background:		url('../images/loading.gif') center center no-repeat transparent;
	display:		none;
	border-bottom:	0 none;
	z-index:		99;
}
div#userbar > div#left, div#userbar > div#leftLoading {
	left:			0;
}
div#userbar > div#left img {
	width:			16px;
	height:			16px;
	vertical-align:	middle;
	position:		relative;
	top:			-1px;
}
div#userbar > div#right, div#userbar > div#rightLoading {
	right:			0;
}

div#header {
	position:		absolute;
	top:			2px;
	left:			0;
	width:			100%;
	min-width:		1016px;
	font-size:		10pt;
	font-weight:	bold;
	text-align:		center;
}
div#header img#logo_placeholder {
	vertical-align:	-56px;
	width:			256px;
	height:			136px;
	padding:		0 8px;
	position:		relative;
	z-index:		101;
	top:			-4px;
	cursor:			pointer;
}
div#header img#logo {
	position:		absolute;
	top: 			0;
	left: 			calc(50% - 216px);
	z-index:		100;
	background:		url('../images/titleS.png') center center no-repeat;
	width:			406px;
	height:			187px;
	pointer-events:	none;
}
div#header a {
	padding:		0 8px;
	position:		relative;
	z-index:		102;
}
div#header #teams, div#header #history, div#header #history_years {
	background-color: rgba(0,0,96,0.4);
}

div#body {
	background:		rgba(64,64,224,0.25);
	padding:		12px;
	border-radius:	7px;
	min-width:		960px;
}
div#body.overflow {
	overflow:		hidden;
}

div#footer {
	background:		rgba(64,64,224,0.25);
	padding:		4px;
	border-radius:	7px;
	min-width:		960px;
	margin-top:		8px;
	font-family:	"Small Fonts", Tahoma, Arial, sans-serif;
	font-size:		6pt;
	text-align:		center;
}

a {
	color:				white;
	font-weight:		bold;
	text-decoration:	none;
}
a:hover {
	text-decoration:	underline;
}

img.retro {
	background:		url('../images/retro.png') 0 0 no-repeat;
	vertical-align:	middle;
	width:			16px;
	height:			16px;
}
img.ssrg {
	background:		url('../images/ssrg.png') 0 0 no-repeat;
	vertical-align:	middle;
	width:			16px;
	height:			16px;
}
img.team {
	background:		url('../images/team.png') 0 0 no-repeat;
	vertical-align:	middle;
	width:			16px;
	height:			16px;
}
img.admin {
	background:		url('../images/admin.png') 0 0 no-repeat;
	vertical-align:	middle;
	width:			16px;
	height:			16px;
}
img.overlord {
	background:		url('../images/overlord.png') 0 0 no-repeat;
	vertical-align:	middle;
	width:			16px;
	height:			16px;
}
#history_container {
	position:		relative;
	display:		inline-block;
}
#history_years {
	position:		absolute;
	top:			-8px;
	left:			-12px;
	display:		none;
	z-index:		101;
}