/* NORTHWESTERN -- SCREEN -- CSS Document */

/*	==============================
				GENERAL
	============================== */
body	{
	background-color: black;
	padding: 0 ;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	}
a img {
	border: 0;
	}
#logo 	{display: none;}
p	{
	margin: 10px 0;
	font-size: 1.2em;
	line-height: 1.5em;
	}
ol, ul	{
	margin:  0 0 0 15px;
	padding: 0 0 0 10px;
	line-height: 1.5em;
	}
ul.errorBox {
	padding: 10px;
	margin: 0;
	background-color: #FFDE6C;
	color: black;
	width: 75%;
	}
ul.errorBox li {
	margin-left: 20px;
	padding-left: 5px;
	}	
a	{
	color: #ccc;
	text-decoration: underline;
	}
a:hover	{
	background-color: #FFDE6C;
	text-decoration: none;
	font-weight: bold;
	color: black;
	}
.alreadyRegistered {
	padding: 10px 15px;
	margin: 0;
	background-color: #EFC754;
	color: black;
	font-size: 1em;
	line-height: 1.5em;
	}
.alreadyRegistered a {
	color: black;
	}	

/*	==============================
				LAYOUT
	============================== */
.wrapper {
	width: 1000px;
	margin: 0 auto;
	background-color: #1E1E1E;
	}
.wrapperBlank {
	width: 1000px;
	margin: 0 auto;
	background-color: #0f0f0f;
	}	
.wrapperFloat {
	float: left;
	width: 1000px;
	margin: 0 auto;
	background: #1E1E1E url("images/bckLiquidRepeat_03.jpg") repeat-y top left;
	}
.liquidWrapper {
	float: left;
	width: 1000px;
	background: url("images/bckLiquidTop_03.jpg") no-repeat top left;
}
.liquidWrapperSub {
	float: left;
	width: 1000px;
	background: url("images/bckLiquidSub_03.jpg") no-repeat top left;
}
.liquidWrapperClose {
	clear: both;
	float: left;
	height: 9px;
	padding: 0;
	margin: 0;
	line-height: 0;
	font-size: 0;
	width: 1000px;
	background: url("images/bckLiquidBottom.jpg") no-repeat top left;
}
.liquidWrapperClose2 {
	clear: both;
	height: 37px;
	width: 1000px;
	background: url("images/bckLiquidBottom.jpg") no-repeat top left;
}

/* UTILITY NAV */
.utilityWrapper {
	height: 14px;
	margin: 0 auto;
	padding: 13px 0 0 0;
	width: 922px;
	color: #969696;
	font-size: .85em;
}
.utilityWrapper a {
	color: #969696;
	text-decoration: none;
}
.utilityClock {
	float: left;
}
.utilityClock .yellow {
	color: #FFDE6C;	
}
.times {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}
.utilityNav {
	float: right;
}
.utilityNav a:hover {
	text-decoration: underline;
	background-color: #1E1E1E;
}

/* MAIN NAV */
.mainNavWrapper {float: right; margin: 0; height: 47px; padding: 17px 47px 0 0;}
.mainNav {width: 592px; height: 47px; padding: 0; margin: 0;}
.mainNavHome {width: 518px; height: 47px;}
a.buttonHome {display: block; float: left; width: 74px; height: 47px; background: #3b0048 url("images/b__06.jpg") no-repeat left top;}
a.buttonHome:hover {background: #3b0048 url("images/b__06.jpg") no-repeat -74px top; }
a.buttonLive {display: block; float: left; width: 113px; height: 47px; background: #3b0048 url("images/b__07.jpg") no-repeat left top;}
a.buttonLive:hover, a.buttonLiveOver {display: block; float: left; width: 113px; height: 47px; background: #3b0048 url("images/b__07.jpg") no-repeat -113px top; }
a.buttonChat {display: block; float: left; width: 75px; height: 47px; background: #3b0048 url("images/b__08.jpg") no-repeat left top;}
a.buttonChat:hover, a.buttonChatOver {display: block; float: left; width: 75px; height: 47px; background: #3b0048 url("images/b__08.jpg") no-repeat -75px top; }
a.buttonPanos {display: block; float: left; width: 81px; height: 47px; background: #3b0048 url("images/b__09.jpg") no-repeat left top;}
a.buttonPanos:hover, a.buttonPanosOver {display: block; float: left; width: 81px; height: 47px; background: #3b0048 url("images/b__09.jpg") no-repeat -81px top; }
a.buttonPhotos {display: block; float: left; width: 89px; height: 47px; background: #3b0048 url("images/b__10.jpg") no-repeat left top;}
a.buttonPhotos:hover, a.buttonPhotosOver {display: block; float: left; width: 89px; height: 47px; background: #3b0048 url("images/b__10.jpg") no-repeat -89px top; }
a.buttonNote {display: block; float: left; width: 77px; height: 47px; background: #3b0048 url("images/b__11.jpg") no-repeat left top;}
a.buttonNote:hover, a.buttonNoteOver {display: block; float: left; width: 77px; height: 47px; background: #3b0048 url("images/b__11.jpg") no-repeat -77px top; }
a.buttonGames {display: block; float: left; width: 83px; height: 47px; background: #3b0048 url("images/b__12.jpg") no-repeat left top;}
a.buttonGames:hover, a.buttonGamesOver {display: block; float: left; width: 83px; height: 47px; background: #3b0048 url("images/b__12.jpg") no-repeat -83px top; }

/* Home button on Live Stream page */
a.buttonHomeLive {display: block; float: left; width: 74px; height: 47px; background: #3b0048 url("images/b__06.jpg") no-repeat left top; margin-left: 400px;}
a.buttonHomeLive:hover {background: #3b0048 url("images/b__06.jpg") no-repeat -74px top; }

/* 	================================
		LIVE STREAM PAGE CONTENT 
	================================	*/
.liveWrapper {
	background: #1E1E1E url("images/bckLiveInauguration5_03.jpg") no-repeat top left;
	width: 1000px;
	height: 590px;
}
.liveStream {
	float: right;
	width: 400px;
	height: 325px;
	margin: 87px 0 0 0;
	padding: 0 79px 0 0 ;
	text-align: left;
}
.liveChat {
	float: left;
	width: 290px;
	height: 250px;
	margin: 200px 0 0 0;
	padding: 0 0 0 124px;
	color: white;
}
.liveWrapperInauguration {
	background: #1E1E1E url("images/bckLiveInauguration2_03.jpg") no-repeat top left;
	width: 1000px;
	height: 590px;
}
.liveStreamInauguration {
	float: left;
	width: 450px;
	height: 325px;
	margin: 149px 0 0 0;
	padding: 0 0 0 309px;
	text-align: left;
}
.liveChat h1 {
	margin:  0;
	font-size: 1.85em;
	line-height: 1.5em;
	color: white;
}
table.liveChatContent {
	padding: 0;
	margin: 0;
}
table.liveChatContent td {
	padding: 0;
	margin: 0;
}


/* 	================================
			LIQUID PAGE CONTENT 	(e.g. pre-registration, registration, login, feedback)
	================================	*/

/* NO LOGO PAGE */
.liquidBlankContent { 
	float: left;
	margin: 0;
	padding: 45px 45px 50px 0;
	width: 1000px;
	color: white;
}
.liquidBlank {
	float: left;
	width: 1000px; 
	padding: 15px 0 0 0; 
	margin: 0;
}
/* ENTER EVENT BUTTON */
a.enterEventButton {
	background: #1e1e1e url("images/bEnterEvent.jpg") no-repeat top left;
	margin: 0 auto;
	display: block;
	border: 0;
	height: 65px;
	width: 268px;
}
a.enterEventButton:hover {
	background: #1e1e1e url("images/bEnterEvent.jpg") no-repeat -268px top;
}
/* FEEDBACK FORM BUTTON */
a.feedbackButton {
	background: #2C003D url("images/bFeedback.jpg") no-repeat top left;
	margin: 20px auto;
	display: block;
	border: 0;
	height: 65px;
	width: 268px;
}
a.feedbackButton:hover {
	background: #2C003D url("images/bFeedback.jpg") no-repeat -268px top;
}			


/* LARGE LOGO PAGE: registration pages, login */
.liquidContentRight { 
	float: right;
	margin: 0;
	padding: 45px 45px 50px 0;
	width: 520px;
	color: white;
}
.liquidContent {
	float: left;
	width: 520px; 
	padding: 15px 0 0 0; 
	margin: 0;
}
.liquidContent h1 {
	color: white;
	padding: 30px 0 0 0;
	margin: 0;
	font-size: 1.4em;
	line-height: 1.5em;
}

.liquidContent h3 {
	color: white;
	padding: 15px 0 0 0;
	margin: 0;
	font-size: 1.15em;
	line-height: 1.5em;
}

/* PREREGISTER FLASH CHECK */
#ie_historyFrame { width: 0px; height: 0px; display:none }
#firefox_anchorDiv { width: 0px; height: 0px; display:none }
#safari_formDiv { width: 0px; height: 0px; display:none }
#safari_rememberDiv { width: 0px; height: 0px; display:none }


/* SMALL LOGO PAGE: feedback */
.liquidContentRightSub { 
	float: right;
	margin: 0;
	padding: 0 45px 30px 0; 
	width: 594px;
	color: white;
}
.liquidContentSub { 
	float: left;
	background-color: #3b0048; 
	width: 570px; 
	padding: 11px 11px 0 11px; 
	margin: 12px 0 0 0;
	color: white;
}
.liquidContentSub h2 {
	margin: 0;
	padding: 0 0 3px 0;
	font-size: 1.5em;
	text-align: left;
}

/* NOTE */
.liquidContentRightNote {
	float: right;
	margin: 0;
	padding: 0 45px 0 0; 
	width: 594px;
	color: white;
}
.liquidContentNote {
	float: left;
	width: 590px; 
	padding: 11px 11px 0 0; 
	margin: 12px 0 0 0;
}


/* 	================================
			LOG IN CONTENT 
	================================	*/
.loginWrapper {
	background: #1E1E1E url("images/bckLogin.jpg") no-repeat top left;
	width: 1000px;
	height: 490px;
}
.loginContentRight {
	float: right;
	margin: 0;
	padding: 45px 45px 0 0;
	width: 520px;
}
.loginContent {
	/*background-color: #3b0048; */
	width: 480px; 
	height: 387px; 
	padding: 10px 20px 0 20px; 
	margin: 12px 0 0 0;
	color: white;
}
.loginContent h1 {
	color: white;
	padding: 5px 0;
	margin: 0;
	font-size: 1.4em;
}

/*	LOGIN TABLE */	
table.loginTable {
	padding: 10px 0 0 0;
}
table.loginTable td.loginLeft {
	text-align: left;
	color: white;
	font-size: 1.1em;
	line-height: 1.5em;
	vertical-align: top;
	padding: 7px 5px 7px 0;
	font-weight: bold;
}
table.loginTable td.loginRight {
	text-align: left;
	padding: 5px;
}


/* 	================================
			HOME PAGE CONTENT
	================================	*/
.homeWrapper {
	background: #1E1E1E url("images/bckHome_03.jpg") no-repeat top left;
	width: 1000px;
	height: 475px;
}
.homeContentLeft {
	margin: 298px 0 0 0;
	padding: 0 0 0 88px;
	float: left;
	width: 280px;
}
a.purpleLiveButton {
	background: #3b0048 url("images/bPurpleLive.jpg") no-repeat top left;
	margin: 0 auto;
	display: block;
	border: 0;
	height: 95px;
	width: 280px;
}
a.purpleLiveButton:hover {
	background: #3b0048 url("images/bPurpleLive.jpg") no-repeat -280px top;
}
.homeContentLeft h1 {
	margin: 0;
	padding: 55px 0 0 0;
	font-size: 1.85em;
	line-height: 1.5em;
	color: white;
}
.homeContentRight {
	float: right;
	margin: 0;
	padding: 0 45px 0 0;
	width: 520px;
}
.homeContent {
	background-color: #3b0048; 
	width: 480px; 
	height: 334px; 
	padding: 11px 20px 0 20px; 
	margin: 12px 0 0 0;
}
.homeAsset {
	background-color: #033; 
	width: 498px; 
	height: 280px;
}
.homeAssetList {
	margin: 11px 0 0 0; 
	width: 498px;
}


/* 	================================
			SUB PAGE CONTENT
	================================	*/
.subWrapper {
	background: #1E1E1E url("images/bckSub.jpg") no-repeat top left;
	width: 1000px;
	height: 590px;
	color: white;
	text-align: center;
	}
.subContentLeft {
	margin: 0;
	padding: 0 0 0 70px; 
	float: left;
	width: 250px;
	text-align: center;
}
.subContentLeft h1, .subContentLeftChat h1 {
	margin: 0;
	padding: 280px 0 0 0;
	font-size: 1.85em;
	line-height: 1.5em;
	color: white;
}
.subContentLeft p {
	padding: 0 15px;
	color: white;
}
.subContentRight {
	float: right;
	margin: 0;
	padding: 0 45px 0 0; 
	width: 594px;
	color: white;
}
.subContent {
	clear: right;
	background-color: #3b0048; 
	width: 570px; 
	height: 439px; 
	padding: 11px 11px 0 11px; 
	margin: 12px 0 0 0;
}
.subContent h2 {
	margin: 0;
	padding: 0 0 3px 0;
	font-size: 1.5em;
	text-align: left;
}
.subContent h3 {
	margin: 0;
	padding: 15px 0 5px 0;
	font-size: 1.15em;
	text-align: left;
}
.subContent p {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: .85em;
	text-align: left;
}
.subAsset {
	background-color: #3b0048;
	width: 570px; 
	height: 340px;
	padding-top: 7px;
}
.subAssetList {
	height: 77px;
	margin: 11px 0 0 0;
	padding: 0 0 11px 0;
	width: 570px;
}

/* 	================================
			CHAT CONTENT
	================================	*/	
.subWrapperBlank {
	background: #1E1E1E url("images/bckChat_03.jpg") no-repeat top left;
	width: 1000px;
	height: 590px;
	color: white;
	text-align: center;
}
.subContentLeftChat {
	margin: 0;
	padding: 0 0 0 70px; 
	float: left;
	width: 220px;
	text-align: center;
}
.subContentRightChat {
	float: right;
	width: 640px;
	margin: 0;
	padding: 11px 31px 0 0;
}
table.chatContent {
	padding: 0;
	margin: 0;
}
table.chatContent td {
	padding: 0;
	margin: 0;
}


/* 	================================
			ACTIVITY NAV
	================================	*/
.Activities {
	background: #1E1E1E url("images/bckHomeActivities.jpg") no-repeat top left;
	float: left;
	width: 1000px;
	height: 145px;
}
.ActivitiesContent {
	background: #555555 url("images/aBck.gif") repeat-x top left;
	margin: 0 auto;
	padding: 0;
	width: 916px;
	height: 114px;
}

.ActivitiesContent a.activityLive {display: block; float: left; width: 124px; height: 112px; background: black url("images/b-live.jpg") no-repeat left top;}
.ActivitiesContent a.activityLive:hover {background: black url("images/b-live.jpg") no-repeat -124px top; }
.ActivitiesContent a.activityChat {display: block; float: left; width: 152px; height: 112px; background: black url("images/b-chat.jpg") no-repeat left top;}
.ActivitiesContent a.activityChat:hover {background: black url("images/b-chat.jpg") no-repeat -152px top; }
.ActivitiesContent a.activityTours {display: block; float: left; width: 152px; height: 112px; background: black url("images/b-tours.jpg") no-repeat left top;}
.ActivitiesContent a.activityTours:hover {background: black url("images/b-tours.jpg") no-repeat -152px top; }
.ActivitiesContent a.activityPhotos {display: block; float: left; width: 183px; height: 112px; background: black url("images/b-photos.jpg") no-repeat left top;}
.ActivitiesContent a.activityPhotos:hover {background: black url("images/b-photos.jpg") no-repeat -183px top; }
.ActivitiesContent a.activityNote {display: block; float: left; width: 152px; height: 112px; background: black url("images/b-note.jpg") no-repeat left top;}
.ActivitiesContent a.activityNote:hover {background: black url("images/b-note.jpg") no-repeat -152px top; }
.ActivitiesContent a.activityGames {display: block; float: left; width: 152px; height: 112px; background: black url("images/b-games.jpg") no-repeat left top;}
.ActivitiesContent a.activityGames:hover {background: black url("images/b-games.jpg") no-repeat -152px top; }

.ActivitiesContent a img {
	padding: 2px 0;
	margin: 0;
	border: 0;
}
.ActivitiesContent a:hover{
	border: 0;
	background-color: transparent;
}

/* 	================================
				FOOTER
	================================	*/
.footer {
	clear: both;
	background-color: #1E1E1E;
	width: 1000px;
	height: 500px;
	}
.clock {
	margin: 0 auto 70px auto;
	background: #1e1e1e url("images/clockBck.gif") no-repeat top center;
	text-align: center;
	width: 600px;
	height: 135px;
	color: #7D7D7D;
	font-size: 1.1em;
	padding: 35px 0 15px 0;
	font-family: "Times New Roman", Times, serif;
	line-height: 1.95em;
	}
.logos {
	margin: 0 auto;
	text-align: center;
	width: 500px;
	height: 150px;
	color: #585858;
	font-size: .85em;
	}
a.clockButton {
	background: #131313 url("images/bLiveEvent.jpg") no-repeat top left;
	margin: 0 auto;
	display: block;
	border: 0;
	height: 65px;
	width: 268px;
}
a.clockButton:hover {
	background: #131313 url("images/bLiveEvent.jpg") no-repeat -268px top;
}
/*.clock a:hover, .clockFloat a:hover {
	background-color: transparent;
	border: 0;
	height: 66px;
	width: 312px;
}
.clock a img, .clockFloat a img {
	background-color: transparent;
	border: 0;
	height: 66px;
	width: 312px;
}
*/
/* 	================================
			FOOTER FLOAT			(for liquid pages)
	================================	*/
.footerFloat {
	clear: both;
	float: left;
	background-color: #1E1E1E;
	width: 1000px;
	height: 500px;
	}
.clockFloat {
	clear: both;
	float:left;
	margin: 0 auto 20px auto;
	background: #1e1e1e url("images/clockBck.gif") no-repeat top center;
	text-align: center;
	width: 1000px;
	height: 135px;
	color: #7D7D7D;
	font-size: 1.1em;
	padding: 35px 0 15px 0;
	font-family: "Times New Roman", Times, serif;
	line-height: 1.95em;
	}
.logosFloat {
	clear: both;
	float: left;
	margin: 50px auto 0 auto;
	text-align: center;
	width: 1000px;
	height: 150px;
	color: #585858;
	font-size: .85em;
	}
	
/* 	================================
			HERSON GROUP
	================================	*/
.hersonGroup {
	clear: left;
	margin: 0 auto;
	padding: 30px 0 0 0;
	text-align: left;
	width: 1000px;
	height: 50px;
	color: #585858;
	font-size: .85em;
	background-color: black;
	}
.hersonGroup a {
	color: #585858;
	}

/* 	================================
				GAME NAV
	================================	*/
ul.gameNav {
	list-style-type: none;
	padding: 10px 0 0 0;
	margin: 0;
}
ul.gameNav li {
	margin: 0 0 3px 0;
	padding: 0;
	border: 1px solid #3b0048;
}
ul.gameNav li a {
	display: block;
	text-decoration: none;
	padding: 9px;
	margin: 0;
	font-size: 1.1em;
	background-color: #3b0048;
}
ul.gameNav li a.gameLinkOver {
	text-decoration: none;
	font-weight: bold;
	background-color: #EFC754;
	color: black;
}
ul.gameNav li a:hover {
	text-decoration: none;
	font-weight: bold;
	background-color: #EFC754;
	color: black;
}

/* 	================================
			GAME BRIDGE LIST
	================================	*/
a.gameListLink {
	background-color: #3b0048;
	border: 0;
}
a.gameListLink:hover {
	background-color: #3b0048;
	border: 0;
}
img.gameListIcon {
	background-color: #3b0048;
	border: 0;
}

/* 	================================
			FEEDBACK TABLE
	================================	*/
table.feedbackTable {
	padding: 0 0 10px 0;
}
table.feedbackTable td {
	vertical-align: top;
	padding: 10px 10px 10px 0;
	line-height: 1.5em;
}