 @charset "utf-8";
/* CSS Document */

body {
	background:		/*url(../_Images/page-bg.jpg)*/ no-repeat center top #000;
	text-align:		center;
	}

#PageWrapper {
	border:			1px solid #838689;
	border-top:		0px;
	margin:			0 auto;
	margin-bottom:	20px;
	text-align:		left;
	width:			960px;
	}

a {
	text-decoration:	none;
	}
a:hover {
	text-decoration:	underline;
	}

ol li {
	margin:				3px auto;
	}

.readMore {
	height:				20px;
	line-height:		20px;
	margin-top:			5px;
	padding-right:		15px;
	text-align:			right;
	}
.borderedImage {
	border:				1px solid #DDD;
	padding:			2px;
	}
img.floatedRight {
	float:				right;
	margin-left:		10px;
	margin-bottom:		5px;
	}
img.floatedLeft {
	float:				left;
	margin-right:		10px;
	margin-bottom:		5px;
	}
/*------------------------------------------Header---*/
#LoginForm {
	color:				#FFF;
	padding:			5px 10px 5px 10px;
	text-align:			right;
	float:				right;
	}
#LoginForm a {
	color:				#CCC;
	}
#LoginForm a:hover {
	color:				#FFF;
	}


/*------------------------------------------Header---*/
#Header {
	clear:					both;
	/*
	background-image:		url(../_Images/header-bg.jpg);
	background-image:		url(../_Images/header-image2.jpg);
	*/
	background-image:		url(../_Images/header-1.jpg);
	background-position:	right top;
	background-repeat:		no-repeat;
	border-top:				1px solid #555;
	height:					181px;
	}
#Logo1, #Logo2  {
	display:		block;
	float:			left;
	}

#HeaderImage {
	display:		block;
	float:			right;
	display:		none;
	visibility:		hidden;
	}


/*------------------------------------------Content---*/
#ContentContainer {
	background-image:	url(../_Images/content-container-bg.jpg);
	background-repeat:	repeat-x;
	background-color:	#FFF;
	padding:			10px;
	padding-top:		12px;
	}
#Content {
	background-image:		url(../_Images/content-bg.gif);
	background-repeat:		repeat-y;
	background-position:	right top;
	}

#MainContent {
	float:				left;
	width:				582px;
	/*background-color:	#006699;*/ /*testing*/
	}
#SideContent {
	float:				right;
	width:				357px;
	}

/*------------------------------------------Boxes---*/

.contentBoxWidth1 {
	float:					left;
	width:					178px;
	}
.contentBoxWidth2 {
	float:					left;
	width:					372px;
	}
.contentBoxWidth3 {
	width:					566px;
	float:					left;
	}
.contentBoxWidth4 {
	float:					left;
	width:					275px;
	}
.contentBoxWidth5 {
	width:					341px;
	}

.contentBoxContainer {
	border:				1px solid #BBB;
	margin-bottom:		10px;
	padding:			2px;
	}

.contentBoxContainer .contentBox {
	min-height:			50px;
	padding-top:		2px;
	}

#MainContent .contentBoxContainer {
	margin-right:		10px;
	}
#IELT7 #MainContent .contentBoxContainer {
	display:			inline; /*IEB1*/
	}

	
#SideContent .contentBoxContainer {
	margin-left:		10px;
	}

.contentBoxContainer .contentBoxHeader h2,
.contentBoxContainer .contentBoxHeader h1 {
	font-size:			30px;
	font-weight:		bold;
	height:				34px;
	}
.contentBoxContainer .contentBoxHeader {
	padding-left:		5px;
	}

/*------------------------------------------Main Box---*/
.contentBoxMain {
	background-color:		#FFF;
	color:					#333;
	width:					566px;
	}
.contentBoxMain a {
	color:					#333;
	}
.contentBoxMain .readMore {
	color:					#003399;
	}
.contentBoxMain .readMore a {
	color:					#003399;
	}

.contentBoxMain .contentBoxHeader {
	background-image:		url(../_Images/BoxBg/main-box.jpg);
	background-position:	right top;
	color:					#FFF;
	}

/*------------------------------------------Dark Boxes---*/
.contentBoxStyle1 h3 {
	color:				#F5F5F5;
	font-size:			1.2em;
	font-weight:		bold;
	margin-bottom:		0.5em;
	}
.contentBoxStyle1 h3 a {
	color:				#F5F5F5;
	text-decoration:	none;
	}
.contentBoxStyle1 h3 a:hover {
	color:				#F5F5F5;
	text-decoration:	none; /* IEB 4*/
	}

.contentBoxStyle1,
.contentBoxStyle1 a, 
.contentBoxStyle1 a:hover {
	color:					#FFFFFF;
	}
.contentBoxStyle1 .contentBoxHeader {
	background-position:	right top;
	color:					#FFF;
	}
.contentBoxStyle1Width1 .contentBoxHeader {
	background-image:		url(../_Images/BoxBg/dark-box1.jpg);
	}

.contentBoxStyle1Width2 .contentBoxHeader {
	background-image:		url(../_Images/BoxBg/dark-box2.jpg);
	}

.contentBoxStyle1Width4 .contentBoxHeader {
	background-image:		url(../_Images/BoxBg/dark-box-4.jpg);
	}

.contentBoxStyle1Width5 .contentBoxHeader {
	background-image:		url(../_Images/BoxBg/dark-box5.jpg);
	}

.contentBoxStyle1 .contentBox {
	background-color:	#333333;
	padding:			4px;
	padding-top:		8px;
	}

.contentBoxStyle1 .readMore {
	color:				#FFF;
	}
.contentBoxStyle1 .readMore a {
	color:				#FFF;
	font-weight:		bold;
	font-size:			0.9em;
	}

/*------------------------------------------Light Boxes---*/
.contentBoxStyle2 h3 {
	font-size:			1.2em;
	font-weight:		bold;
	margin-top:			0.5em;
	margin-bottom:		0.5em;
	}

.contentBoxStyle2 {
	color:				#333;
	}
.contentBoxStyle2 .contentBoxHeader {
	background-position:	right top;
	color:					#FFF;
	}
.contentBoxStyle2Width1 .contentBoxHeader {
	background-image:		url(../_Images/BoxBg/light-box4.jpg);
	}

.contentBoxStyle2Width2 .contentBoxHeader {
	background-image:		url(../_Images/BoxBg/light-box2.jpg);
	}

.contentBoxStyle2Width3 .contentBoxHeader {
	background-image:		url(../_Images/BoxBg/light-box4.jpg);
	}

.contentBoxStyle2Width4 .contentBoxHeader {
	background-image:		url(../_Images/BoxBg/light-box4.jpg);
	}

.contentBoxStyle2 a {
	color:				#333;
	}
.contentBoxStyle2 .readMore {
	color:				#003399;
	}
.contentBoxStyle2 .readMore a {
	color:				#003399;
	}

/*------------------------------------------Special Boxes---*/
#SeasonTicketsAnnouncementContainer .contentBox {
	background-image:	url(../_Images/Boxes/season-tickets-announcement.jpg);
	height:				172px;
	line-height:		1.4em;
	}

#SeasonTicketsAnnouncementContainer2 .contentBox {
	background-image:	url(../_Images/Boxes/season-tickets-announcement.png);
	line-height:		1.4em;
	background-repeat:	no-repeat;
	}

/*------------------------------------------Footer---*/
#Footer {
	border-top:			1px solid #ccc;
	background-color:	#fff;
	margin:				0 auto;
	text-align:			center;
	}
#IELT7 #Footer {
	height:				1%;
	}
#Atomo {
	color:				#999999;
	font-size:			0.9em;
	margin:				0 auto;
	line-height:		40px;
	}

#SponsorsContainer {
	text-align:			center;
}
#SponsorsContainer li {
	display:			inline;
	margin-left:		20px;
	margin-right:		20px;
}
/*------------------------------------------Content Formatting---*/
.contentBox ul {
	margin:				10px 0 10px 5px;
	}
		
.contentBox ul li {
	list-style-image:	url(/_Images/dotted-bullets.gif);
	margin:				0 0 0 15px;
	}

.contentBoxMainBody ul {
	margin:				0 0 15px 25px;
	}
		
.contentBoxMainBody ul li {
	list-style-image:	url(/_Images/dotted-bullets.gif);
	margin:				0 0 0 35px;
	}

.contentBoxMainBody {
	padding:			0px 5px 5px;
	}
.contentBoxMainBody1 { 
	float:				right;
	width:				372px;
	padding:			0;
	padding-bottom:		5px;
	}
.contentBoxMainBody h1 {
	font-size:			1.5em;
	line-height:		1.7em;
	margin-bottom:		10px;
	}
.contentBoxMainBody h2 {
	font-size:			1.3em;
	font-weight:		bold;
	line-height:		1.4em;
	margin-bottom:		10px;
	}
.contentBoxMainBody h3 {
	font-size:			1.2em;
	font-weight:		bold;
	margin-top:			0.5em;
	margin-bottom:		0.5em;
	}
.contentBoxMainBody h4 {
	color:				#003366;
	font-size:			1em;
	font-weight:		bold;
	margin:				5px 0px;
	}
.contentBoxMainBody h4 a {
	color:				#003366;
	}

.contentBoxMainBody p {
	padding:			0px;
	margin-bottom:		10px;
	}
.contentBoxMainBody .subHeader {
	color:				#888;
	font-style:			italic;
	margin:				0;
	}

/*------------------------------------------Related Items---*/
.relatedItemsContainer {
	float:				left;
	width:				178px;
	margin-right:		16px;
	}

.relatedItemsContainer h3 {
	font-size:			1.3em;
	font-weight:		bold;
	line-height:		1.8em;
	margin-top:			10px;
	}
.relatedItemsContainer h3.firstItem {
	margin-top:			0px;
	}

.relatedItemsList div.item {
	border:				1px solid #000;
	background-color:	#303030;
	cursor:				pointer;
	height:				42px; /*54 - 12px*/
	margin-top:			2px;
	padding:			5px;
	overflow:			hidden;
	}
.relatedItemsList div.firstItem {
	margin-top:			0px;
	}

.relatedItemsList div.selected {
	background-color:	#1F4676;
	}

.relatedItemsList div img {
	border:				1px solid #DDD;
	float:				left;
	margin-right:		5px;
	}

.relatedItemsList div h4 {
	color:				#FFF;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			0.9em;
	line-height:		13px;
	font-weight:		bold;
	}
.relatedItemsList div h4 a {
	color:				#FFF;
	text-decoration:	none;
	}
.relatedItemsList div h4 a:hover {
	text-decoration:	none;
	}

/*------------------------------------------General Items List---*/
.generalItemsList .item {
	border:				1px solid #DDD;
	background-color:	#F2F2F2;
	cursor:				pointer;
	float:				left;
	height:				42px; /*54 - 12px*/
	margin-left:		16px;
	margin-top:			2px;
	overflow:			hidden;
	padding:			5px;
	width:				166px;
	}
.generalItemsList .selected {
	border:				1px solid #888;
	background-color:	#E8E8E8;
	}
.generalItemsList .firstItem {
	margin-left:		0px;
	}
#IELT7 .generalItemsList .item {
	display:			inline; /*IEB 1*/
	}

.generalItemsList img {
	border:				1px solid #333;
	float:				left;
	margin-right:		5px;
	}
.generalItemsList h4 {
	margin:				0px;
	}
.generalItemsList a, .generalItemsList a:hover {
	text-decoration:	none;
	}

/*------------------------------------------Lite List---*/
.liteList {
	border:				1px solid #DDD;
	background-color:	#F2F2F2;
	padding:			4px;
	color:				#000;
	}
.liteList .item {
	border-bottom:		1px dashed #AAA;
	line-height:		15px;
	padding:			4px;
	}

.liteList .item h4 {
	font-weight:		normal;
	font-size:			1em; /*IEB 3*/
	}
.liteList .selected h4 {
	font-weight:		bold;
	}

.liteList .item a {
	text-decoration:	none;
	display:			block;
	color:				#000;
	}
.liteList .item a:hover {
	color:				#003399;
	text-decoration:	none;
	}
.liteList .disabled h4,
.liteList .disabled a {
	color:				#888;
	}
.liteList .disabled {
	border-bottom:		1px dashed #CCC;
	}


/*------------------------------------------Detailed General List---*/
.detailedGeneralList .item {
	border-bottom:		1px dashed #BBB;
	margin-bottom:		15px;
	padding-bottom:		8px;
	}
.detailedGeneralList p {
	margin-bottom:		0px;
	}

/*------------------------------------------Tables---*/
.listTable td {
	border-bottom:		1px dashed #BBB;
	}
.listTable th {
	border-bottom:		1px dashed #BBB;
	height:				25px;
	line-height:		25px;
	}

/*------------------------------------------Paged List---*/
.PageListContainer {
	margin-top: 		10px;
	margin-bottom: 		10px;
	text-align: 		center;
	font-weight:		bold;
	font-size:			0.9em;
	cursor:				default;
	}
.PageListContainer .PagesContainer a {
	margin: 			3px;
	padding-left:		3px;
	padding-right:		3px;
	border:				1px solid #DDD;
	text-decoration:	none;
	}
.PageListContainer .PagesContainer a:hover {
	border:				1px solid #BBB;
	background-color:	#F6F6F6;
	color:				#444;
	/*
	border:				1px solid #444;
	background-color:	#444;
	color:				#FFFFFF;
	*/
	}
.PageListContainer .PagesContainer .current {
	padding-left:		3px;
	padding-right:		3px;
	border:				1px solid #444;
	background-color:	#444;
	color:				#FFF;
	/*
	border:				1px solid #AAA;
	background-color:	#F6F6F6;
	*/
	}
.PageListContainer .NextPrevious {
	width:				60px;
	}

/*------------------------------------------Ancada Banners---*/
#SideContent #AncadaBanner {
	border-top:			1px solid #444;
	font-style:			italic;
	font-weight:		bold;
	height:				57px;
	margin-top:			10px;
	padding-left:		4px;
	padding-top:		5px;
}
#SideContent #AncadaBanner span {
	float:				left;
	line-height:		14px;
	padding-top:		22px;
	width:				240px;
}
#SideContent #AncadaBanner a {
	background:			url(../_Images/Banners/ancada-3.jpg) no-repeat;
	float:				left;
	height:				36px;
	overflow:			hidden;
	text-indent:		-1000px;
	width:				82px;
}

#MainContent #AncadaBanner {
	border:				1px solid #ddd;
	color:				#333;
	font-style:			italic;
	margin-bottom:		20px;
	overflow:			hidden;
	padding:			20px 10px;
}
#IELT7 #MainContent #AncadaBanner {
	height:				1%;
	overflow:			visible;
} 

#MainContent #AncadaBanner span {
	display:			block;
	font-weight:		bold;
	line-height:		18px;
	padding-left:		10px;
	margin-bottom:		8px;
}
#MainContent #AncadaBanner .highlight {
	font-size:			14px;
	margin-bottom:		6px;
	padding-left:		0px;
}
#MainContent #AncadaBanner a {
	background:			url(../_Images/Banners/ancada-4.jpg) no-repeat;
	float:				right;
	height:				38px;
	overflow:			hidden;
	text-indent:		-1000px;
	width:				88px;
}

