/* Wrappers */
#Outer {
	background-image: url(../images/common/page-background.jpg);
	background-repeat: no-repeat;
	background-position: top center;	
}

#Wrapper {
	width: 85%;
	margin: auto;
	max-width: 1280px;
	min-width: 980px;
}

/* Header */
#Header {
	min-width: 980px;
	height: 167px;
	position: relative;
}

#Header .LogoLink {
	display: block;
	width: 500px;
	height: 140px;
	margin: auto;
}

#Header .LogoLink span {
	display: none;
}

#TopMenu {
	position: absolute;
	z-index: 10;
	top:108px;
	left: 10px;
	height: 34px;
}

#TopMenu ul {
	list-style: none;
	margin:0;
	padding:0;
}

#TopMenu ul li {
	float: left;
	height: 34px;
	background-image: url(../images/layout/topmenu-middle.png);
}

#TopMenu ul li a {
	float:left;
	height: 34px;
	line-height: 32px;
	background-image: url(../images/layout/topmenu-div.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 8px;
	padding-left: 8px;
	font-size: 10px;
	font-weight: bold;
	color: #bad8ff;
}

#TopMenu ul li a:hover {
	color: #ffffff;
}

#TopMenu ul li a span,
#TopMenu ul li a:hover span {
	cursor: pointer;
	float:left;
	height: 32px;
	background-repeat: no-repeat;
	background-position: left center;
}

#TopMenu ul li.Start {
	background-image: url(../images/layout/topmenu-start.png);
}

#TopMenu ul li.Start a {
	padding-left: 24px;
}

#TopMenu ul li.End {
	background-image: url(../images/layout/topmenu-end.png);
	background-position:  right;
}

#TopMenu ul li.End a {
	background-image: none;
	padding-right: 40px;
}

#TopMenu ul li a.Blog span {
	padding-left: 22px;
	background-image: url(../images/icons/book_open.png);
}

#TopMenu ul li a.Forums span {
	padding-left: 22px;
	background-image: url(../images/icons/group.png);
}

#TopMenu ul li a.Chat span {
	padding-left: 22px;
	background-image: url(../images/icons/comments.png);
}

#TopMenu ul li a.Donate span {
	padding-left: 22px;
	background-image: url(../images/icons/coins.png);
}

/* Container */
#ContainerTop {
	position: relative;
}

#ContainerTop .Left {
	padding-left: 10px;
	background-image: url(../images/layout/containertop-left.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#ContainerTop .Right {
	padding-right: 10px;
	background-image: url(../images/layout/containertop-right.png);
	background-repeat: no-repeat;
	background-position: top right;
}

#ContainerTop .Center {
	height: 27px;
	text-align: center;
	background-image: url(../images/layout/containertop-middle.png);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 1px;
}

#ContainerTop .LastVisited {
	position: absolute;
	top: 8px;
	left: 8px;
	background-image: url(../images/icons/bullet_orange.png);
	background-repeat: no-repeat;
	background-position: left -1px;
	font-size: 10px;
	font-weight: bold;
	padding-left: 15px;
}

#ContainerTop .LastVisited span {
	color: #bad8ff;
}

#ContainerTop .MiddleMenu {
	height: 27px;
}

#ContainerTop .MiddleMenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;

}

#ContainerTop .MiddleMenu li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}

#ContainerTop .MiddleMenu ul li.Start,
#ContainerTop .MiddleMenu ul li.End {
	width: 14px;
	height: 26px;
}

#ContainerTop .MiddleMenu ul li.Start span,
#ContainerTop .MiddleMenu ul li.End span {
	display:block;
	width: 14px;
    height: 26px;
	background-image: url(../images/layout/middlemenu-ends.png);	
}

#ContainerTop .MiddleMenu ul li.End span {
	background-position: right;
}

#ContainerTop .MiddleMenu ul li a {
   display:block;
   padding-left: 10px;
   padding-right: 10px;
   text-decoration:none;
   line-height: 24px;
   height: 26px;
   font-size: 10px;
   font-weight: bold;
   color: #bad8ff;
   background-image: url(../images/layout/middlemenu-item-background.png);
}

#ContainerTop .MiddleMenu ul li a:hover {
	color: #ffffff;
}

#ContainerTop .RightMenu {
	position: absolute;
	right:1px;
	top:1px;
}

#ContainerTop .RightMenu ul {
	list-style: none;
	padding:0;
	margin:0;
}

#ContainerTop .RightMenu li {
	display:inline;
	padding:0;
	margin:0;
}

#ContainerTop .RightMenu li a {
	float:left;
	height: 26px;
	color: #bad8ff;
	font-size: 10px;
	font-weight: bold;
	line-height: 25px;
	padding-right: 10px;
	text-align: left;
   	background-image: url(../images/layout/rightmenu-middle.png);
}

#ContainerTop .RightMenu li a span,
#ContainerTop .RightMenu li a:hover span {
	cursor: pointer;
	float:left;
	height: 26px;
	background-repeat: no-repeat;
	background-position: left center;
}

#ContainerTop .RightMenu li.Start a {
	padding-left: 10px;
   	background-image: url(../images/layout/rightmenu-start.png);
   	background-repeat: no-repeat;
   	background-position: left;
}

#ContainerTop .RightMenu li.End a {
	padding-right: 20px;
   	background-image: url(../images/layout/rightmenu-end.png);
   	background-repeat: no-repeat;
   	background-position: right;
}

#ContainerTop .RightMenu a:hover {
	color: #ffffff;
}

#ContainerTop .RightMenu ul li a.Account span {
	padding-left: 20px;
	background-image: url(../images/icons/cog.png);
}

#ContainerTop .RightMenu li a.Logout span {
	padding-left: 20px;
	background-image: url(../images/icons/lock.png);
}

#ContainerTop .RightMenu li a.Messages span,
#ContainerTop .RightMenu li a.Messages-New span {
	padding-left: 28px;
	background-image: url(../images/icons/messages_none.png);
}

#ContainerTop .RightMenu li a.Messages-New span {
	background-image: url(../images/icons/messages_new.png);	
}


#ContainerTop .RightMenu li a.Register span {
	padding-left: 20px;
	background-image: url(../images/icons/user_add.png);
}

#ContainerTop .RightMenu li a.Login span {
	padding-left: 20px;
	background-image: url(../images/icons/key.png);
}

#ContainerTop .RightMenu li a.Donate span {
	padding-left: 20px;
	background-image: url(../images/icons/coins.png);
}

#ContainerTop .RightMenu li a.TubeGuardian span {
	padding-left: 20px;
	background-image: url(../images/icons/shield.png);
}

#ContainerBottom {
	position: relative;
	min-width: 980px;	
}

#ContainerBottom .Left {
	padding-left: 10px;
	background-image: url(../images/layout/containerbottom-left.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#ContainerBottom .Right {
	padding-right: 10px;
	background-image: url(../images/layout/containerbottom-right.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#ContainerBottom .Center {
	height: 16px;
	text-align: center;
	background-image: url(../images/layout/containerbottom-middle.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

/* Body */
#Body {
	background-image: url(../images/layout/container-background.png);
	border: 1px solid #2764B8;
	border-top: none;
	border-bottom: none;
	min-width: 978px;	
}

#Body-Inner {
	border: 1px solid #00193c;
	border-top: none;
	border-bottom: none;
	min-height: 300px;	
}

/* Breadcrumbs */
.Breadcrumbs {
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 10px;
}

.Breadcrumbs .Left {
	padding-left: 20px;
	background-image: url(../images/layout/breadcrumbs-left.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.Breadcrumbs .Right {
	padding-right: 8px;
	background-image: url(../images/layout/breadcrumbs-right.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.Breadcrumbs .Center {
	height: 20px;
	padding-left: 2px;
	line-height: 19px;
	background-color: #00103E;
	color: #ffcc00;
}

.Breadcrumbs .Center .Links {
	float:right;
}

.Breadcrumbs .Center .Links a {
	margin-left: 10px;
}

.Breadcrumbs a {
	color: #bad8ff;
}

.Breadcrumbs a:hover {
	color: #ffffff;
}


/* Content */
#Content {
	padding: 10px;
}

/* ContentBox */
.ContentBox {
	margin-bottom: 10px;
}

.ContentBox .Header {
	
}

.ContentBox .CBHeader a {
	color: #ffffff;
}

.ContentBox .CBHeader a:hover {
	color: #ffcc00;
}

.ContentBox .CBHeader .CBHeaderLeft {
	background-image: url(../images/layout/contentbox-header-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 19px;
}

.ContentBox .CBHeader .CBHeaderRight {
	background-image: url(../images/layout/contentbox-header-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 19px;
}

.ContentBox .CBHeader .CBHeaderCenter {
	height: 25px;
	line-height:  25px;
	padding-left: 6px;
	background-image: url(../images/layout/contentbox-header-middle.gif);
	font-weight: bold;
	font-size: 12px;
	position: relative;
}

.ContentBox .CBHeader .CBHeaderCenter .Links {
 	position:absolute;
 	right: 0;
 	top:0;
}

.ContentBox .CBHeader .CBHeaderCenter .Links a {
	color: #bad8ff;	
	font-size: 11px;
}

.ContentBox .CBHeader .CBHeaderCenter .Links a:hover {
	color: #ffffff;
}

.ContentBox .CBBody {
	border: 1px solid #000e22;
	border-top: none;
	background-color: #00103e;
}

.ContentBox .CBBody .CBBodyInner {
	padding: 10px;
}

.ContentBox ul {
	margin:0;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* InfoBox */
.InfoBox {
	margin-bottom: 10px;
}

.InfoBox .IBHeaderLeft {
	padding-left: 10px;
	background-image: url(../images/layout/infobox-header-left.gif);
	background-repeat: no-repeat;
}

.InfoBox .IBHeaderRight {
	padding-right: 10px;
	background-image: url(../images/layout/infobox-header-right.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.InfoBox .IBHeaderCenter {
	height: 10px;
	overflow:hidden;
	line-height:10px;
	background-image: url(../images/layout/infobox-header-middle.gif);
}


.InfoBox .IBBody {
	padding-left: 10px;
	padding-right: 10px;
	background-color: #00103E;
	border-left: 1px solid #00103E;
	border-right: 1px solid #00103E;
	overflow: hidden;
}

.InfoBox .IBBody h1 {
	margin: 0;
	padding:0;
	color: #ceeaff;
	font-size: 14px;
	border-bottom: 1px dotted #0042A3;
	padding-bottom: 2px;
	margin-bottom:  5px;
}

.InfoBox .IBBody h2 {
	margin: 0;
	padding:0;
	color: #ceeaff;
	font-size: 12px;
	padding-bottom: 2px;
	margin-bottom:  5px;
}

.InfoBox .IBFooterLeft {
	padding-left: 10px;
	background-image: url(../images/layout/infobox-footer-left.gif);
	background-repeat: no-repeat;
}

.InfoBox .IBFooterRight {
	padding-right: 10px;
	background-image: url(../images/layout/infobox-footer-right.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.InfoBox .IBFooterCenter {
	height: 10px;
	overflow:hidden;
	line-height:10px;
	background-image: url(../images/layout/infobox-footer-middle.gif);
}

/* AnnounceBox extends InfoBox */
.AnnounceBox {

}

.AnnounceBox .IBHeaderLeft {
	background-image: url(../images/layout/announcebox-header-left.gif);
}

.AnnounceBox .IBHeaderRight {
	background-image: url(../images/layout/announcebox-header-right.gif);
}

.AnnounceBox .IBHeaderCenter {
	background-image: url(../images/layout/announcebox-header-middle.gif);
}

.AnnounceBox .IBBody {
	background-color: #000938;
	border-color: #0090FF;
}

.AnnounceBox .IBBody h1 {
	color: #ceeaff;
	border-color: #5d98ff;
}

.AnnounceBox .IBFooterLeft {
	background-image: url(../images/layout/announcebox-footer-left.gif);
}

.AnnounceBox .IBFooterRight {
	background-image: url(../images/layout/announcebox-footer-right.gif);
}

.AnnounceBox .IBFooterCenter {
	background-image: url(../images/layout/announcebox-footer-middle.gif);
}

/* AlertBox extends InfoBox */
.AlertBox {

}

.AlertBox .IBHeaderLeft {
	background-image: url(../images/layout/alertbox-header-left.gif);
}

.AlertBox .IBHeaderRight {
	background-image: url(../images/layout/alertbox-header-right.gif);
}

.AlertBox .IBHeaderCenter {
	background-image: url(../images/layout/alertbox-header-middle.gif);
}

.AlertBox .IBBody {
	background-color: #380000;
	border-color: #b00000;
}

.AlertBox .IBBody h1 {
	color: #ffb3b3;
	border-color: #9c0000;
}

.AlertBox .IBFooterLeft {
	background-image: url(../images/layout/alertbox-footer-left.gif);
}

.AlertBox .IBFooterRight {
	background-image: url(../images/layout/alertbox-footer-right.gif);
}

.AlertBox .IBFooterCenter {
	background-image: url(../images/layout/alertbox-footer-middle.gif);
}

/* ListTable */
.ListTable {
	
}

.ListTable th {
	border: 1px solid #2459a4;
	border-bottom-color: #001b4e;
	border-right-color: #001b4e;
	background-color: #093271;
	background-image: url(../images/layout/listtable-header-background.gif);
	background-position: top;
	background-repeat: repeat-x;
	height: 20px;
	line-height: 20px;
}

.ListTable td {
	border: 1px solid #0F3B7F;
	border-bottom-color: #000C1F;
	border-right-color: #000C1F;
	background-color: #00174b;
	background-image: url(../images/layout/listtable-cell-background.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding: 5px;
}

.ListTable td.Detail {
	text-align: center;
}

.ListTable td.Detail img {
	vertical-align: middle;
}

.ListTable td span.Description {
	font-size: 10px;
	display:  block;
	font-weight: bold;
}

.ListTableInner td {
	border:none;
	padding:0;
	background: transparent;
}

/* FormTable */
.FormTable {
	
}

.FormTable th {
	text-align: left;
	vertical-align: top;
	padding: 3px;
	border-right: 1px dotted #0042A3;
}

.FormTable .Detail {
	display: block;
	font-size: 10px;
	font-weight: normal;
	color: #8FC0FF;
}

.FormTable td {
	padding: 3px;
}

.FormTable td td {
	padding: 2px;
	
}

/* Tabs */
.Tabs {
	padding-left: 10px;
}

.Tabs ul {
	list-style: none;
	margin:0;
	padding:0;
	height: 25px;
}

.Tabs ul li {
	display: inline;
}

.Tabs ul li a {
	float: left;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	background-color: #001949;
	margin-right: 2px;
}

.Tabs ul li a span {
	display: block;
	height: 25px;
	line-height: 24px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}

.Tabs ul li.Active a {
	background-color: #00103E;
	color: #ffffff;
}

/* Copyright */
.Copyright {
	margin-top: 10px;
	font-size: 10px;
	color: #2459A4;
	font-weight: bold;
	text-align: center;
}

.Copyright a,
.Copyright a:hover,
.Copyright span {
	color: #3B74BF;
}