﻿/* Design */
body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #DCE5F3 url('images/design/bgtop.jpg') repeat-x scroll left top;
	font-family: "Trebuchet MS";
	font-size: 10pt;
	color: #333333;
}
	#parent
	{
		width: 936px;
		margin: 0px auto auto auto;
		height: 100%;
	}
		#topmenu
		{
			width: 100%; height: 36px;
			background-image: url('images/design/top.jpg');
		}
			#topmenuinner
			{
				width: 908px; height: 25px;
				margin: 11px 14px auto 14px;
				color: white;
			}
			.seperator
			{
				margin-left: 6px;
				margin-right: 8px;
				position: relative;
				top: 2px;
			}
			.toparrow
			{
				position: relative;
				top: -2px;
				margin-left: 2px;
			}
			.topdropdown
			{
				position: absolute; top: 21px; left: -5px;
				width: 131px;
				background: #333333 url('images/design/dropdown.jpg') repeat-x scroll bottom left;
				color: White;
				padding: 0px 4px 4px 4px;
				border: solid 1px #232323;
				border-top: none;
				text-align: left;
			}
			.topdropdown a
			{
				color: White;
			}
		#banner
		{
			width: 100%; height: 252px;
			background-image: url('images/design/banner.jpg');
		}
			#mcfadeouter
			{
				position: relative;
				
			}
				#mcfade
				{
					position: absolute;
					width: 154px; height: 474px;
					background-image: url('images/design/mcfade.jpg');
					background-repeat: no-repeat;
					top: -5px; left: 929px;
				}
		#maintable
		{
			width: 100%;
		}
		#maintable tr td
		{
		
		}
			#lborder
			{
				width: 8px;
				background-image: url('images/design/borders/left.jpg');
				vertical-align: top;
			}
				#lbordertop
				{
					width: 100%; height: 126px;
					background-image: url('images/design/borders/ltop.jpg');	
				}
			#menu
			{
				width: 160px;
				background-image: url('images/design/menu.jpg');
				vertical-align: top;
			}
				#menucontents
				{
					margin-left: 1px; margin-bottom: 4px;
				}
			#menuright
			{
				width: 6px;
				background-image: url('images/design/borders/menuright.jpg');
				vertical-align: top;
			}
				#menutopright
				{
					width: 100%; height: 261px;
					background-image: url('images/design/borders/menurighttop.jpg');
				}
			#main
			{
				background: white url('images/design/mainback2.jpg') no-repeat scroll left top;
				vertical-align: top;
			}
				#maincontents
				{
					margin: 0px 8px 20px 3px;
					z-index: 500;
				}
					#sitenav
					{
						font-size: 7pt;
					}
					#title
					{
						font-family: Cambria;
						font-size: 26pt;
						border-bottom: 1px #333333 solid;
						margin-bottom: 4px;
					}
			#rborder
			{
				width: 8px;
				background-image: url('images/design/borders/right.jpg');
				vertical-align: top;
			}
				#rbordertop
				{
					width: 100%; height: 126px;
					background-image: url('images/design/borders/rtop.jpg');	
				}
		#bottom
		{
			width: 100%; height: 70px;
			background-image: url('images/design/bottom.jpg');
		}
			#bottomcontents
			{
				width: 100%;
				margin: 0px 0px 0px 0px;
			}
				#bottommenu
				{
					position: relative; top: -6px; left: 17px;
					margin-left: 160px;
					width: 743px;
					text-align: center;
					color: #999999;
					border-top: solid 1px silver;
				}
				#bottommenu a
				{
					color: #999999;
				}
				#bottomcopyright
				{
					text-align: center;
					margin-top: 12px;
					color: #91ABF3;
					font-size: 8pt;
				}
/* Misc */
a {
	color: #336699;
	text-decoration: none;
}
a img {
	border: 0px white none;
}
a:hover {
	text-decoration: underline;
}
.topbar {
	background-image: url('images/design/bottomborder2.jpg'); background-position: left bottom; background-repeat: repeat-x;
}
.phNumResults
{
	margin-bottom: 6px;
	width: 100%;
	text-align: center;
	color: #666666;
}
.paging
{
	margin-top: 6px;
	width: 100%;
	text-align: center;
	color: #666666;
}
.adminblock
{
	width: 140px;
	position: absolute; right: 4px; top: 4px;
	background-color: #CCCCCC;
	border: solid 1px #666666;
}
.adminblocktop
{
	background-color: #333333;
	color: White;
	font-weight: bold;
	padding: 2px 2px 2px 4px;
}
.adminblockcontents
{
	padding: 2px 4px 4px 4px;
}
			
/* Menus */
.menul1 {
	font-weight: bold;
	padding: 4px 4px 4px 6px;
	background-image: url('images/design/menuitem.jpg');
}
.menul2 {
	padding-left: 12px;	padding-bottom: 4px;	
	background-image: url('images/design/bottomborder.jpg'); background-position: left bottom; background-repeat: repeat-x;
}
.menul2 a {
	color: #333333;
}
.menubtn {
	position: relative; top: -1px;
}
#menu_search {
	margin-top: 0px; margin-bottom: 0px;
	padding-left: 6px; padding-right: 6px;
}
#topmenuinner tr td a {
	color: white;
	text-decoration: none;
}
#topmenuinner tr td a:hover {
	text-decoration: underline;
}
.gray {
	color: #333333;
}
.white {
	color: #FFFFFF;
}


/* From old Pages */
.gold {
	color: #666666;
}
a.gold:hover {
	color: #FF9900;
}
.bigtext{
	font-size: 14pt;
	font-weight: bold;
}
.biggesttext {
	font-family: Cambria;
	font-size: 24pt;
}
.smalltext {
	font-size: 8pt;
}
input.smaller, select.smaller {
	font-family: Verdana, Sans-Serif;
	font-size: 8pt;
}
.toptable {
	background-color: #333333;
	color: White;
	font-weight: bold;
	text-align: left;
}

/* Thumbnails */
.thumbtop {
	position: relative;
	z-index: 100;
}
.filmthumb{
	position: absolute;
	left: 0px;
	top: -101px;
	z-index: 50;
}
.mapthumb {
	position: absolute;
	left: 0px;
	top: -84px;
	z-index: 50;
}
.mapthumbcustom {
	position: absolute;
	left: 0px;
	top: -79px;
	z-index: 50;
}
.gametypeoverlay {
	position: absolute;
	left: 10px;
	top: -68px;
	z-index: 110;
}
.gametypetext {
	font-size: 8pt;
	text-align: right;
	width: 130px;
	position: relative;
	left: 0px;
	top: -7px;
	z-index: 120;
}

/* Tables */
.filmthumbcontainer {
	width: 130px;
	height: 97px;
}
.bottomborder {
	border-bottom: solid 1px silver;
	vertical-align: top;
}
.leftaccount {
	font-weight: bold;
	text-align: right;
	width: 262px;
}
.leftmessage {
	font-weight: bold;
	vertical-align: top;
	width: 140px;
}
.alert {
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	background-color: #FFFF99;
	border-color: #FFDB0D;
	color: Black;
}
/*
.blueborder {
	border-top: solid 1px silver;
	border-left: solid 1px silver;
	padding-left: 4px;
	padding-top: 4px;
}
.bluebordertext {
	border-top: solid 1px silver;
	border-left: solid 1px silver;
	padding-left: 4px;
	padding-top: 2px;
}*/
.blueborder {
	border-top: solid 1px silver;
	padding-top: 4px;
	/*border-bottom: solid 1px silver;
	padding-bottom: 4px;*/
}
.bluebordertext {
	border-top: solid 1px silver;
	padding-top: 2px;
	/*border-bottom: solid 1px silver;
	padding-bottom: 2px;*/
}
.lightbluebg {
	background-color: #336699;
	color: White;
}
.lightbluebg a {
	color: White;
}
#frontpageouter th, #frontpageouter td {
	font-weight: bold;
	vertical-align: top;
}
.frontpagebox {
	width: 100%;
	height: 100%;
	background-color: #CCCCCC;
}
.fadedtext {
	color: #999999;
}
.bottomborderw {
	border-bottom: solid 1px white;
}

/* Images */
.bigload {
	width: 65px; height: 55px;
	margin: 65px auto 65px auto;
}
.easybg {
	background: transparent url('images/shields/easywhite.gif') no-repeat scroll center right;
	border-bottom: solid 1px silver;
	font-weight: bold;
}
.normalbg {
	background: transparent url('images/shields/normalwhite.gif') no-repeat scroll center right;
	border-bottom: solid 1px silver;
	font-weight: bold;
}
.heroicbg {
	background: transparent url('images/shields/heroicwhite.gif') no-repeat scroll center right;
	border-bottom: solid 1px silver;
	font-weight: bold;
}
.legendarybg {
	background: transparent url('images/shields/legendarywhite.gif') no-repeat scroll center right;
	border-bottom: solid 1px silver;
	font-weight: bold;
}
.roundedwtl {
	background-image: url('images/design/borders/roundedwtl.gif');
	background-position: left top;
	background-repeat: no-repeat;
}
.roundedwtr {
	background-image: url('images/design/borders/roundedwtr.gif');
	background-position: right top;
	background-repeat: no-repeat;
}
.roundedwbl {
	background-image: url('images/design/borders/roundedwbl.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
}
.roundedwbr {
	background-image: url('images/design/borders/roundedwbr.gif');
	background-position: right bottom;
	background-repeat: no-repeat;
}
.roundedw2tl {
	background-image: url('images/design/borders/roundedw2tl.gif');
	background-position: left top;
	background-repeat: no-repeat;
}
.roundedw2tr {
	background-image: url('images/design/borders/roundedw2tr.gif');
	background-position: right top;
	background-repeat: no-repeat;
}
.roundedw2bl {
	background-image: url('images/design/borders/roundedw2bl.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
}
.roundedw2br {
	background-image: url('images/design/borders/roundedw2br.gif');
	background-position: right bottom;
	background-repeat: no-repeat;
}
.roundedw2t
{
	background-image: url('images/design/borders/w2t.jpg');
	background-position: left top;
	background-repeat: repeat-x;
}
.roundedw2r
{
	background-image: url('images/design/borders/w2r.jpg');
	background-position: right top;
	background-repeat: repeat-y;
}
.roundedw2b
{
	background-image: url('images/design/borders/w2b.jpg');
	background-position: left bottom;
	background-repeat: repeat-x;
}
.roundedw2l
{
	background-image: url('images/design/borders/w2l.jpg');
	background-position: left top;
	background-repeat: repeat-y;
}
.roundedgtl {
	background-image: url('images/design/borders/roundedgtl.gif');
	background-position: left top;
	background-repeat: no-repeat;
}
.roundedgtr {
	background-image: url('images/design/borders/roundedgtr.gif');
	background-position: right top;
	background-repeat: no-repeat;
}
.roundedgbl {
	background-image: url('images/design/borders/roundedgbl.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
}
.roundedgbr {
	background-image: url('images/design/borders/roundedgbr.gif');
	background-position: right bottom;
	background-repeat: no-repeat;
}
.roundedg2tl {
	background-image: url('images/design/borders/roundedg2tl.gif');
	background-position: left top;
	background-repeat: no-repeat;
}
.roundedg2tr {
	background-image: url('images/design/borders/roundedg2tr.gif');
	background-position: right top;
	background-repeat: no-repeat;
}
.button {
	background-image: url('images/buttonbg2.jpg');
	background-repeat: repeat-x;
	background-position: left center;
	border-left: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	color: #333333;
}
.button a {
	color: #333333;
}
.textarea
{
	font-family: Trebuchet MS;
	font-size: 10pt;
}

/* Pages */
	/* Agents/Ajax/List.aspx */
	.Agents_Ajax_List_Emblem
	{
		width: 32px;
		height: 32px;
	}
	.Agents_Ajax_List_EmblemLarge
	{
		height: 57px;
	}
	/* Challenge.aspx */
	.Challenge_Emblem
	{
		width: 35px; height: 35px;
		position: absolute; left: 0px; top: -17px;
	}
	/* Memberlist.aspx */
	.Memberlist_Emblem
	{
		width: 32px; height: 32px;
	}
	/* Team.aspx */
	.Team_Playlist
	{
		position: absolute;
		top: -10px;
		width: 300px;
	}
	.Team_Challenge
	{
		position: absolute;
		top: 34px;
		height: 20px;
		width: 100px;
	}
