/* basic css file for icue */

/* relative URLS will need updating when placed into production environment */
html {
	font-family: Arial, Helvetica;
	}

a {
	text-decoration: none;
	}

a img {
	border: 0px;
	}

* {
	margin: 0px;
	padding: 0px;
}

/* this is the bg used with the blue sections like games */
body {
	background-color: #2C3848;
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	}

/* this is the bg used with white tabbed sections..
..which we decided we're not going to vary from section to section

body.section {
	background-color: #2A3439;
	background-image: url(../images/body_bg_section.gif);
	}

body.ush {
	background-color: #2E260F;
	background-image: url(../images/body_bg_US_History.gif);
	}

body.eng {
	background-color: #00FF00;
	background-image: url(../images/body_bg_EN_Green.gif);
	}
*/

.disabled {
	filter: alpha(opacity=40);
	-moz-opacity: .40;
	opacity: .40;
	}

.allCaps { text-transform: uppercase; }
	
.left {
	float: left;
}

.right {
	float: right;
}

.centerText {
	text-align: center;	
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}
.invisible {
	visibility: hidden;
}

.li {
	list-style: none;
	list-style-image: none;
}

.buttonText {
	padding: 0 6px;
	font-family: 'Arial Narrow', Arial, Helvetica;
}

.blueText {
	color: #8dbae3;
}

.checked {
	background-image: url(../images/checkboxChecked.png);
}
.unchecked {
	background-image: url(../images/checkboxUnchecked.png);
}

select {
	width: 125px;
}
select.state {
	width: 145px;
}
select.year {
	width: 60px;
}
select.day {
	width: 45px;
}
select.month {
	width: 100px;
}
select.country {
	width: 235px;
}
select.education {
	width: 180px;
}

.autoHeight {
	height: auto !important;
	}

.pencilIcon {
	position:absolute; 
	z-index:1000; 
	float: left;
}


/* Header */

#headerArea {
	height: 100px;
	background: url(../images/header/headerBackgroundRepeat.png) top repeat-x;
	margin: 0px auto;
}

#header {
	background: url(../images/header/headerBackground.png) 0px 0px no-repeat;
	margin: 0px auto;
	width: 805px;
	height: 64px;
	text-align: left;
/*	padding-top: 20px;*/
	font-family: Arial;
	font-size: 12px;
	padding-left: 5px;
}
	#header ul, #header li {
		margin: 0;
		padding: 0;
	}
	#header a {
		text-decoration: none;
	}
	
	#header .icueLogo {
		float: left;
		margin-top: 5px;
	}
	
	#header .icueLogo .logoIcon, 
	#header .icueLogo .logoIconSilver {
		margin: 20px 0 0 0;
		width: 66px;
		height: 43px;
		float: left;
		font-size: 0px;
	}
/*	#header .icueLogo .logoIconSilver {
		background: url(../images/header/icueLogo_beta.png) no-repeat;
		background: url(../images/header/icueLogoSilver_beta.png) no-repeat;
	}*/
	#header .icueLogo .logoTextIcon, 
	#header .icueLogo .logoTextIconSilver {
/*		width: 230px;*/
		height: 13px;
		float: left;
		margin-left: 5px;
		padding-top: 32px;
	}
/*	#header .icueLogo .logoTextIconSilver {
		background: url(../images/header/icueLogoText.png) center no-repeat;
		background: url(../images/header/icueLogoTextSilver.png) 0px 13px no-repeat;
	}*/
	
	#header .nbcLogo {
		background: url(../images/header/nbcLogo.png) center no-repeat;
		width: 50px;
		height: 36px;
		margin: 20px 0 0 70px;
		float: left;
	}
	
	#header .searchArea {
		text-align: right;
		float: right;
		padding: 22px 5px 11px 0;
	}
	#header .searchArea a {
		color: #999999;
		text-align: right;
		font-weight: bold;
		padding-right: 5px;
	}
	
	
	#header .searchArea .searchBar {
		background: url(../images/header/searchBackground.png) top left no-repeat;
		width: 309px;
		height: 19px;
	}
	#header .searchBar input {
		float: left;
		font-size: 12px;
		cursor: text;
		background: transparent;
		border: none;
		padding-left: 25px;
		padding-top: 3px;
		width: 240px;
	}
	#header .searchBar .imgSelection {
		float: right;
		margin-top: 3px;
		margin-right: 7px;
	}
	
	#header .searchBar .searchDropDown {
		float: left;
		background: url(../images/header/searchArrow.png) 5px 5px no-repeat;
		width: 42px;
		height: 20px;
		cursor: pointer;
		font-size: 0px;
	}
	#header .searchBar .selected {
		background:url(../images/header/searchArrowDown.png) 5px 5px no-repeat;
	}
	
	#header .dropDownContent {
		position: absolute;
		display: none;
		list-style-type: none;
		font-size: 0px;
		margin-left: 190px;
		z-index: 101;
	}
		#header .dropDownContent a {
			color: #FFFFFF;
			text-decoration: none;
			font-weight: bold;
			font-size: 12px;
			padding: 0px 10px;
			float: left;
		}
		.dropDownContent img {
			float: right;
			margin-right: 7px;
		}
		.dropDownContent .cueCard, .dropDownContent .people {
			color: #FFFFFF;
			background-color: #999999;
			height: 15px;
			width: 119px;
			text-align: left;
			font-size: 0px;
			cursor: pointer;
			padding: 5px 0px;
		}

		.dropDownContent .selected {
			background-color: #666666;
		}
		
		
		.dropDownContent .first {
			background-image: url(../images/header/searchMenuTop.gif);
			background-position: bottom center;
			background-repeat: no-repeat;
			width: 119px;
			height: 9px;
			top: 19px;
			padding: 0; margin: 0;
		}
		.dropDownContent .last {
			background-image: url(../images/header/searchMenuBottom.gif);
			background-position: top center;
			background-repeat: no-repeat;
			width: 120px;
			height: 9px;
			padding: 0; margin: 0;
		}
	
	#header #goContainer {
		display: inline;
		position: relative;
		float: right;
		margin-right: -33px;
		width: 29px;
		}
	
	#header #goButton {
		width: 27px;
		height: 19px;
		position: relative;
		background-image: url(../images/header/go.gif);
		background-position: left 0px;
		background-repeat: no-repeat;
		float: right;
		padding: 0px;
		}
		#header #goButton:hover { background-position: center 0px; }
/*		#header #goButton.up { background-position: 0px 0px; }
		#header #goButton.over { background-position: -28px 0px; }
		#header #goButton.down { background-position: -56px 0px; }*/
	
	#headerNav {
		width: 800px;
	}
	
	#headerNav a {
		text-decoration: none;
	}
	
	#headerNav .textNav {
		float: left;
		width: 400px;
		overflow: hidden;
	}
	#headerNav .textNav .textItem, #header .textNav .textUserInfo {
		float: left;
		color: #999999;
		font-family: Arial;
		font-size: 12px;
		padding-top: 1px;
	}
	#headerNav .textNav .textUserInfo {
		color: #f4f4f4;
	}
	#headerNav .textNav .pipe {
		margin: 0px 5px;
		float: left;
		color: #999999;
	}
		
	#headerNav .courseButton {
		width: 310px;
		height: 20px;
		float: right;
		padding-top: 0px;
		text-align: left;
		color: #FFFFFF;
		text-transform: uppercase;
		font-weight: bold;
		cursor: pointer;
	}
	
	/* Home page style subnav */
	
	#homeSubNav h1 {
		font-family: 'Arial Narrow', Arial, Helvetica;
		padding-left: 10px;
		padding-bottom: 5px;
		font-size: 16px;
		font-weight: bold;
		color: #000000;
	}
	#homeSubNav h1 a {
		color: #000000;
		text-decoration: none;
	}
	#homeSubNav h1 a:hover, #landingPage #contentArea h1 a.selected {
		color: #b7cce1;
	}
	#homeSubNav h1 .pipe {
		margin: 0px 5px;
		font-size: 17px;
		color: #b7cce1;
	}

	/****************
		HOMEPAGE SUBNAVIGATION
		new version as of July 2009
	*/
	#homeSubNav {
		font-size: 16px;
		font-family: 'Arial Narrow', Arial, Helvetica;
		padding-left: 10px;
		padding-bottom: 7px;
		font-weight: bold;
		color: #000000;
		overflow: hidden;
		zoom: 1;
		}
		#homeSubNav ul{
			margin: 0;
			padding: 0;
			}
			#homeSubNav li{
				margin: 0;
				padding: 0;
				list-style: none;
				float: left;
				}
				#homeSubNav li a{
					color: #000;
					border-left: 2px solid #b7cce1;
					padding: 0 8px;
					font-weight: bold;
					}
				#homeSubNav li a:hover{
					color: #b7cce1;
					}
				#homeSubNav li:first-child a{
					background: none;
					border: none;
					}
/* Footer */

#footer {
	background: transparent;
	margin: 10px auto 15px auto;
	text-align: center;
	}
	#footer a, #footer p {
		text-decoration: none;
		color: #a0b2bc;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9px;
	}
	#footer .pipe {
		margin-left: 2px;
		color: #c7cbcc;
		font-size: 12px;
	}

/*-Category dropdown styles-*/

.sortMenuInitial, .sortMenuAlt, 
#header .courseMenuInitial, #header .courseMenuAlt {
	height: 19px;
	color: #000000;
	cursor: pointer;
	padding-left: 6px;
	padding-top: 1px;
}
.sortMenuInitial, .sortMenuAlt {
	width: 151px;
	background-position: top left;
	background-repeat: no-repeat;
}
#header .courseMenuInitial, #header .courseMenuAlt {
	width: 310px;
	background-position: top left;
	background-repeat: no-repeat;
}
.sortMenuInitial {
	background-image: url(../images/dropDownInit1.gif);
}
.sortMenuAlt {
	background-image: url(../images/dropDown1.gif);
}
#header .courseMenuInitial {
	background-image: url(../images/dropDownInit310.gif);
}
#header .courseMenuAlt {
	background-image: url(../images/dropDown310.gif);
}

.sortMenuDropDownList,
#header .courseMenuDropDownList {
	display: none;
	position: absolute;
	z-index: 1000;
}
	.sortMenuDropDownList ul, 
	#header .courseMenuDropDownList ul {
		list-style-type: none;
		list-style: none;
	}
	.sortMenuDropDownList li, 
	#header .courseMenuDropDownList li {
		color: #FFFFFF;
		font-weight: bold;
		font-size: 12px;
		background-color: #999999;
		height: 19px;
		padding: 2px 0px;
	}
	.sortMenuDropDownList li {
		width: 151px;
	}
	#header .courseMenuDropDownList li {
		width: 310px;
	}
		.sortMenuDropDownList li.selected, 
		#header .courseMenuDropDownList li.selected {
			background-color: #666666;
		}
		.sortMenuDropDownList li a, 
		#header .courseMenuDropDownList li a {
			color: #FFFFFF;
			padding-left: 5px;
			height: 20px;
			line-height: 20px;
			display: block;
		}
		.sortMenuDropDownList li a {
			width: 140px;
		}
		#header .courseMenuDropDownList li a {
			width: 299px;
		}
		li.sortMenuListCap, 
		#header li.courseMenuListCap {
			background-color: transparent;
			background-repeat: no-repeat;
			background-position: top left;
			height: 5px;
			line-height: 1px;
		}
		li.sortMenuListCap {
			width: 151px;
			background-image: url(../images/dropDownBottomCap.gif);
		}
		#header li.courseMenuListCap {
			width: 310px;
			background-image: url(../images/dropDownBottomCap310.gif);
				}
		li.topItem {
			border-top: 1px dotted #CCCCCC;
		}

/*-/Category dropdown styles-*/	


/* main content */
#mainContent {
	margin: 0px auto 0px auto;
	width: 800px;
	position: relative;
	}

#mainContent.gameWidth {
	width: 830px;
	}


/* tabs */
#mainTabs {
	position: relative;
	top: 0;
	left: 0;
	height: 21px;
	}
	
	#mainTabs div {
		background: url(../images/tab_bg.gif) no-repeat;
		width: 129px;
		height: 28px;
		float: left;
		vertical-align: top;
		text-transform: uppercase;
		font-family: arial, helvetica;
		font-weight: bold;
		font-size: 12px;
		position: relative;
		margin: 0px -7px -7px 0px;
		/* letter-spacing: -0.1em; */
		}

	#mainTabs div.unselectedTab {
		background: url(../images/tab_bg.gif) no-repeat;
		}
	
	#mainTabs div.selectedTab {
		background-image: url(../images/tab_bg_selected.gif);
		z-index: 101;
		}

	* html #mainTabs div { 
		letter-spacing: 0;
		}

	#mainTabs a.tabLabel {
		color: black;
		width: 115px;
		text-decoration: none;
		padding: 5px 0px 0px 7px;
		display: block;
		}
	
	#mainTabs a.tabLabel:hover {
		color: RGB(50,50,50);
		}

	#mainTab0 { z-index: 94; }
	#mainTab1 { z-index: 93; }
	#mainTab2 { z-index: 92; }
	#mainTab3 { z-index: 91; }
	#mainTab4 { z-index: 90; }

/*
#landingPage {
	position: relative;
}
*/
#landingPage #mainTabs, 
body.fake #mainContent #mainTabs {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 90;
}
#landingPage {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}
#landingPage #contentArea, 
body.fake #mainContent #contentArea {
	position: absolute;
	top: 21px;
	left: 0px;
	z-index: 100;
}
body.fake #mainContent #contentArea {
	width: 810px;
}
/* main box */
body #mainBox {
	width: 820px;
	padding: 0px;
	margin: 0px;
	border-collapse: true;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 100;
	}
body.section #mainBox {
	width: 810px;
	}
body#internal #mainBox, 
body#external #mainBox {
	width: 830px;
	}
body#external #mainBox .mainBox {
	width: 790px;
	}
	#mainBox tr.topRow, 
	#mainBox tr.botRow {
		line-height: 0px;
		}
	
	body #mainBox .corner {
		width: 9px;
		height: 9px;
		}
		
	body#external #mainBox #innerContainer .mainBox .topLeft, 
	body #mainBox .topLeft 			{background-image: url(../images/box/main/mainBox_blue.gif);
		background-position: top left;
		background-repeat: no-repeat;
		background-color: transparent;
		width: 9px;
		}
	body.ush#external #mainBox #innerContainer .mainBox .topLeft, 
	body.ush #mainBox .topLeft 		{background-image: url(../images/box/main/mainBox_orange.gif)}
	body.eng#external #mainBox #innerContainer .mainBox .topLeft, 
	body.eng #mainBox .topLeft 		{background-image: url(../images/box/main/mainBox_green.gif)}
	body#external #mainBox .topLeft, 
	body.section #mainBox .topLeft 	{background-image: url(../images/box/section/corner_tl.gif)}
	
	body#external #mainBox #innerContainer .mainBox .topRight, 
	body #mainBox .topRight 		{background-image: url(../images/box/main/mainBox_blue.gif);
		background-position: top right;
		background-repeat: no-repeat;
		background-color: transparent;
		width: 9px;
		}
	body.ush#external #mainBox #innerContainer .mainBox .topRight, 
	body.ush #mainBox .topRight 	{background-image: url(../images/box/main/mainBox_orange.gif);}
	body.eng#external #mainBox #innerContainer .mainBox .topRight, 
	body.eng #mainBox .topRight 	{background-image: url(../images/box/main/mainBox_green.gif);}
	body#external #mainBox .topRight, 
	body.section #mainBox .topRight {background-image: url(../images/box/section/corner_tr.gif);}
		
	body.section #mainBox .topLeftNoTabs {
		width: 9px;
		background: url(../images/box/section/corner_tl_noTabs.gif) no-repeat;
		}
	
	body#external #mainBox #innerContainer .mainBox .topCenter, 
	body #mainBox .topCenter 			{background-color: #3078BA;
		width: 100%;
		}
	body.ush#external #mainBox #innerContainer .mainBox .topCenter, 
	body.ush #mainBox .topCenter 		{background-color: #D49A2C;}
	body.eng#external #mainBox #innerContainer .mainBox .topCenter, 
	body.eng #mainBox .topCenter 		{background-color: #4E9A3F;}
	body#external #mainBox .topCenter, 
	body.section #mainBox .topCenter 	{background-color: RGB(245,245,245);}
	
	body#external #mainBox .mainBox .middle, 
	body #mainBox .middle 				{background-color: #3078BA;
		background-image: url(../images/box/main/bg.gif);
		background-repeat: repeat-x;
		background-position: bottom center;
		}
	body.ush#external #mainBox .mainBox .middle, 
	body.ush #mainBox .middle 			{background-color: #D49A2C;
		background-image: url(../images/box/main/bg_US_History.gif);
		}
	body.eng#external #mainBox .mainBox .middle, 
	body.eng #mainBox .middle 			{background-color: #4E9A3F;
		background-image: url(../images/box/main/bg_EN_Green.gif);
		}
	body#external #mainBox .middle, 
	body.section #mainBox .middle 		{background-color: RGB(245,245,245);
		background-image: none;
		}

	#mainBox .middleNoGradient 			{background-color: #3078BA;}
	body.ush #mainBox .middleNoGradient {background-color: #D49A2C;}
	body.eng #mainBox .middleNoGradient {background-color: #4E9A3F;}
	
	body#external #mainBox .mainBox .botLeft, 
	body #mainBox .botLeft 			{background-image: url(../images/box/main/mainBox_blue.gif);
		background-position: bottom left;
		background-repeat: no-repeat;
		width: 9px;
		}
	body.ush#external #mainBox .mainBox .botLeft, 
	body.ush #mainBox .botLeft 		{background-image: url(../images/box/main/mainBox_orange.gif);}
	body.eng#external #mainBox .mainBox .botLeft, 
	body.eng #mainBox .botLeft 		{background-image: url(../images/box/main/mainBox_green.gif);}
	body#external #mainBox .botLeft, 
	body.section #mainBox .botLeft 	{background-image: url(../images/box/section/corner_bl.gif);}
	
	#mainBox .botLeftNoGradient 	{background-image: url(../images/box/main/mainBox_blue-noGradient.gif);
		background-position: bottom left;
		background-repeat: no-repeat;
		width: 9px;
		}
	body.ush #mainBox .botLeftNoGradient {background-image: url(../images/box/main/mainBox_orange-noGradient.gif)}
	body.eng #mainBox .botLeftNoGradient {background-image: url(../images/box/main/mainBox_green-noGradient.gif)}
	
	body#external #mainBox .mainBox .botCenter, 
	body #mainBox .botCenter 		{background-color: #43a8d6;
		width: 100%;
		}
	body.ush#external #mainBox .mainBox .botCenter, 
	body.ush #mainBox .botCenter 	{background-color: #e6c13d;}
	body.eng#external #mainBox .mainBox .botCenter, 
	body.eng #mainBox .botCenter 	{background-color: #6AC156;}
	body#external #mainBox .botCenter, 
	body.section #mainBox .botCenter {background-color: #F5F5F5;}
	
	#mainBox .botCenterNoGradient 			{background: RGB(48,120,186);
		width: 100%;
		}
	body.ush #mainBox .botCenterNoGradient 	{background-color: #D49A2C;}
	body.eng #mainBox .botCenterNoGradient 	{background-color: #4E9A3F;}
	
	
	body#external #mainBox .mainBox .botRight, 
	body #mainBox .botRight 		{background-image: url(../images/box/main/mainBox_blue.gif);
		background-position: bottom right;
		background-repeat: no-repeat;
		width: 9px;
		}
	body.ush#external #mainBox .mainBox .botRight, 
	body.ush #mainBox .botRight 	{background-image: url(../images/box/main/mainBox_orange.gif);}
	body.eng#external #mainBox .mainBox .botRight, 
	body.eng #mainBox .botRight 	{background-image: url(../images/box/main/mainBox_green.gif);}
	body#external #mainBox .botRight, 
	body.section #mainBox .botRight {background-image: url(../images/box/section/corner_br.gif);}

	#mainBox .botRightNoGradient 		{background-image: url(../images/box/main/mainBox_blue-noGradient.gif);
		background-position: bottom right;
		background-repeat: no-repeat;
		width: 9px;
		}
	body.ush #mainBox .botRightNoGradient {background-image: url(../images/box/main/mainBox_orange-noGradient.gif);}
	body.eng #mainBox .botRightNoGradient {background-image: url(../images/box/main/mainBox_green-noGradient.gif);}
	
/* content container */
#contentContainer {width: 800px;
	clear: both;
	padding: 10px 0px 0px 0px;
	
	height: 650px;
	}
#mainBox .mainBox #contentContainer {width: 770px;}
	
#mainSubNav
{
	font-family: helvetica, arial;
	font-size: 9pt;
	font-weight: normal;
	color: RGB(102,102,102);
	height: 25px;
	float: left;
	padding: 5px 0px 0px 5px
}

#mainSubNav .mainSubNavSelected
{
	font-weight: bold;
	color: RGB(0,0,0);
	float: left;
	padding: 0px 15px 0px 0px;
}

#mainSubNav .mainSubNavUnselected
{
	float: left;
	font-weight: normal;
	color: RGB(102,102,102);
	float: left;
	padding: 0px 15px 0px 0px;
}

#mainSubNav .mainSubNavUnselected a
{
	color: RGB(102,102,102);
	text-decoration: none;
}

#mainSubNav .mainSubNavUnselected a:hover
{
	color: RGB(30,30,30);
	text-decoration: none;
}


#mainSubNav .mainSubNavSelected a
{
	text-decoration: none;
	color: RGB(0,0,0);
}

#mainSubNav .mainSubNavSelected a:hover
{
	color: RGB(20,20,20);
	text-decoration: none;
}

/* breadcrumb and page title area */
#titleAndSecondary {
	font-family: helvetica, arial;
	font-weight: bold;
	text-transform: uppercase;
	color: RGB(0,0,0);
	height: 25px;
	}

	body#external #titleAndSecondary .titleCategory, 
	 .titleCategory {
		float: left;
		font-size: 11pt;
		color: white;
		text-transform: uppercase;
		}

	body.section #titleAndSecondary .titleCategory {
		color: black;
		}
	
	body .titlePage 		{color: RGB(143,183,220);
		float: left;
		font-size: 13px;
		font-weight: bold;
		padding-left: 10px;
		text-transform: uppercase;
		}
	body.ush .titlePage 	{color: #FFE5B6;}
	body.eng .titlePage 	{color: #E0f2DD;}
	
	#titleAndSecondary #secondaryNav {
		display: none;
		float: right;
		}
	
		#titleAndSecondary #secondaryNav div {
			padding: 0px;
			margin: 0px 0px 0px 5px;
			text-transform: none;
			font-size: 8pt;
			font-family: helvetica, arial;
			font-weight: normal;
			height: 13px;
			width: 104px;
			float: left;
			
			}
			
			#titleAndSecondary #secondaryNav div span {
				padding: 0px 0px 0px 5px;
				margin: 0px;
				display: block;
				line-height: 13px;
				}
			
			div.secondaryWhite {
				color: RGB(48,120,186);
				background: url(../images/nav_whitebg.gif) no-repeat;
				}
			
			div.secondaryBlack {
				color: RGB(48,120,186);
				background: url(../images/nav_blackbg.gif) no-repeat;
				}
			
			div.secondaryBlue {
				color: RGB(0,0,0);
				background: url(../images/nav_bluebg.gif) no-repeat;
				}


/* section inner container */
#mainBox #innerContainer, 
body#external #mainBox #innerContainer {
	position: relative;
	width: 100%;
	color: white;
	font-family: arial;
	font-size: 8pt;
	text-align: left;
	background: transparent;
	}

	#mainBox #innerContainer .top, 
	body#external #mainBox #innerContainer .top {
		float: left;
		background: RGB(0,0,0);
		font-size: 0px;
		width: 774px;
		height: 9px;
		}

	#mainBox #innerContainer .topLeft, 
	body#external #mainBox #innerContainer .topLeft {
		float: left;
		background: url(../images/box/section/corners_9radius_black.gif) RGB(245,245,245) top left no-repeat;
		width: 9px;
		height: 9px;
		font-size: 0px;
		}
	
	#mainBox #innerContainer .topRight, 
	body#external #mainBox #innerContainer .topRight {
		float: right;
		background: url(../images/box/section/corners_9radius_black.gif) RGB(245,245,245) top right no-repeat;
		width: 9px;
		height: 9px;
		font-size: 0px;
		}

	#mainBox #innerContainer .bottomLeft, 
	body#external #mainBox #innerContainer .bottomLeft {
		float: left;
		background: url(../images/box/section/corners_9radius_black.gif) RGB(245,245,245) bottom left no-repeat;
		width: 9px;
		height: 9px;
		font-size: 0px;
		}

	#mainBox #innerContainer .bottom,
	#mainBox #innerContainer .bottomGames, 
	body#external #mainBox #innerContainer .bottom,
	body#external #mainBox #innerContainer .bottomGames {
		background: RGB(0,0,0);
		font-size: 0px;
		height: 9px;
		width: 774px;
		float: left;
		}
	
	body#external #mainBox #innerContainer .bottom {
		width: 784px;
		}
	/* external game bottom fix */
	body #mainBox #innerContainer .bottomGames, 
	body#external #mainBox #innerContainer .bottomGames {
		width: 794px;
		}
	
	body #mainBox #innerContainer .bottomRight {
		float: right;
		background: url(../images/box/section/corners_9radius_black.gif) RGB(245,245,245) bottom right no-repeat;
		width: 9px;
		height: 9px;
		font-size: 0px;
		}

	body #mainBox #innerContainer .content {
		background: RGB(0,0,0);
		padding: 5px;
		}
	
	body #mainBox #innerContainer #flasGame,  {
		text-align: center;
	}
		

div.noContent {
	font-size: 8pt;
	text-align: center;
	font-family: Arial, helvetica;
	font-weight: normal;
	color: #FFFFFF;
	padding: 0px;
	width: 500px;
	height: 550px;
	margin: 0 auto 0 auto;
	margin-top: 20px;
	}

div.noContent h1 {
	color: #8dbae3;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	margin-bottom: 7px;
	}


/* right column module */
#rightColumn {
	width: 195px;
	color: white;
	font-family: arial;
	font-size: 8pt;
	text-align: left;
	float: right;
	}

	body#external #mainBox #innerContainer .mainBox #rightColumn .top, 
	body #rightColumn .top 		{background-color: #08131C;
		float: left;
		font-size: 0px;
		width: 186px;
		height: 9px;
		}
	body.ush#external #mainBox #innerContainer .mainBox #rightColumn .top, 
	body.ush #rightColumn .top 	{background-color: #171307;}
	body.eng#external #mainBox #innerContainer .mainBox #rightColumn .top, 
	body.eng #rightColumn .top	{background-color: #0C1A09;}

	body #rightColumn .bottom,
	body#external #mainBox #innerContainer .mainBox #rightColumn .bottom,
	body #essay #rightColumn .bottom 		{background-color: #08131C;
		font-size: 0px;
		height: 9px;
		width: 177px;
		float: left;
		}
	body.ush #rightColumn .bottom,
	body.ush#external #mainBox #innerContainer .mainBox #rightColumn .bottom, 
	body.ush#essay #rightColumn .bottom 	{background-color: #171307;}
	body.eng #rightColumn .bottom,
	body.eng#external #mainBox #innerContainer .mainBox #rightColumn .bottom, 
	body.eng#essay #rightColumn .bottom 	{background-color: #0C1A09;}
	
	body #rightColumn .topLeft,
	body#external #mainBox #innerContainer .mainBox #rightColumn .topLeft, 
	body#essay #rightColumn .topLeft 		{background-image: url(../images/box/main/corner9radius_bkBlue.gif);
		background-color: transparent;
		background-position: top left;
		background-repeat: no-repeat;
		float: left;
		width: 9px;
		height: 9px;
		font-size: 0px;
		}
	body.ush #rightColumn .topLeft,
	body.ush#external #mainBox #innerContainer .mainBox #rightColumn .topLeft, 
	body.ush#essay #rightColumn .topLeft 	{background-image: url(../images/box/main/corner9radius_bkOrange.gif);}
	body.eng #rightColumn .topLeft,
	body.eng#external #mainBox #innerContainer .mainBox #rightColumn .topLeft, 
	body.eng#essay #rightColumn .topLeft 	{background-image: url(../images/box/main/corner9radius_bkGreen.gif);}

	body #rightColumn .topRight,
	body#external #mainBox #innerContainer .mainBox #rightColumn .topRight, 
	body#essay #rightColumn .topRight 		{background-image: url(../images/box/main/corner9radius_bkBlue.gif);
		background-color: transparent;
		background-position: top right;
		background-repeat: no-repeat;
		float: right;
		width: 9px;
		height: 9px;
		font-size: 0px;
		}
	body.ush #rightColumn .topRight,
	body.ush#external #mainBox #innerContainer .mainBox #rightColumn .topRight, 
	body.ush#essay #rightColumn .topRight 	{background-image: url(../images/box/main/corner9radius_bkOrange.gif);}
	body.eng #rightColumn .topRight,
	body.eng#external #mainBox #innerContainer .mainBox #rightColumn .topRight, 
	body.eng#essay #rightColumn .topRight 	{background-image: url(../images/box/main/corner9radius_bkGreen.gif);}

	body #rightColumn .bottomLeft,	
	body#external #mainBox #innerContainer .mainBox #rightColumn .bottomLeft, 
	body#essay #rightColumn .bottomLeft 	{background-image: url(../images/box/main/corner9radius_bkBlue.gif);
		background-color: transparent;
		background-position: bottom left;
		background-repeat: no-repeat;
		float: left;
		width: 9px;
		height: 9px;
		font-size: 0px;
		}
	body.ush #rightColumn .bottomLeft,
	body.ush#external #mainBox #innerContainer .mainBox #rightColumn .bottomLeft, 
	body.ush#essay #rightColumn .bottomLeft 	{background-image: url(../images/box/main/corner9radius_bkOrange.gif);}
	body.eng #rightColumn .bottomLeft,
	body.eng#external #mainBox #innerContainer .mainBox #rightColumn .bottomLeft, 
	body.eng#essay #rightColumn .bottomLeft 	{background-image: url(../images/box/main/corner9radius_bkGreen.gif);}

	body #rightColumn .bottomRight,
	body#external #mainBox #innerContainer .mainBox #rightColumn .bottomRight, 
	body#essay #rightColumn .bottomRight 		{background-image: url(../images/box/main/corner9radius_bkBlue.gif);
		background-color: transparent;
		background-position: bottom right;
		background-repeat: no-repeat;
		float: right;
		width: 9px;
		height: 9px;
		font-size: 0px;
		}
	body.ush #rightColumn .bottomRight,
	body.ush#external #mainBox #innerContainer .mainBox #rightColumn .bottomRight, 
	body.ush#essay #rightColumn .bottomRight 	{background-image: url(../images/box/main/corner9radius_bkOrange.gif);}
	body.eng #rightColumn .bottomRight,
	body.eng#external #mainBox #innerContainer .mainBox #rightColumn .bottomRight, 
	body.eng#essay #rightColumn .bottomRight 	{background-image: url(../images/box/main/corner9radius_bkGreen.gif);}

	body #rightColumn .content,
	body#external #mainBox #innerContainer .mainBox #rightColumn .content, 
	body#essay #rightColumn .content 		{background-color: #08131C;}
	body.ush #rightColumn .content,
	body.ush#external #mainBox #innerContainer .mainBox #rightColumn .content, 
	body.ush#essay #rightColumn .content 	{background-color: #171307;}
	body.eng #rightColumn .content,
	body.eng#external #mainBox #innerContainer .mainBox #rightColumn .content, 
	body.eng#essay #rightColumn .content 	{background-color: #0C1A09;}

	#rightColumn p,
	#essay #rightColumn p {
		margin: 0px 0 10px 0;
		padding: 10px 7px 7px 7px;
		}
	
	#rightColumn .leftTabActive:hover, 
	#rightColumn .rightTabActive:hover {
		cursor: default;
		}
	#rightColumn .leftTabInactive:hover, 
	#rightColumn .rightTabInactive:hover {
		cursor: pointer;
		}

	body #rightColumn .activeTab,
	body #essay #rightColumn .activeTab,
	body #rightColumn .tab,
	body #essay #rightColumn .tab 		{background-image: url(../images/games_details/tab_active.gif);
		background-repeat: no-repeat;
		width: 93px;
		height: 13px;
		color: white;
		font-size: 8pt;
		font-weight: bold;
		font-family: arial, helvetica;
		text-align: left;
		padding: 2px 0px 0px 7px;
		}
	body.ush #rightColumn .activeTab,
	body.ush #essay #rightColumn .activeTab,
	body.ush #rightColumn .tab,
	body.ush #essay #rightColumn .tab 	{background-image: url(../images/games_details/tab_active_US_History.gif);}
	body.eng #rightColumn .activeTab,
	body.eng #essay #rightColumn .activeTab,
	body.eng #rightColumn .tab,
	body.eng #essay #rightColumn .tab 	{background-image: url(../images/games_details/tab_active_EN_Green.gif);}
	
	#rightColumn .tab {
		background: url(../images/games_details/tab.gif) no-repeat;
		}
	
	* html #rightColumn .activeTab {
		height: 14px;
		margin-bottom: -1px;
		}
	
	* html #rightColumn p {
		padding-bottom: 0px;
		}



/* calendar module */
#rightColumn .calendarDivStyle {
	margin: 0px 0px 0px 4px;
	padding: 0px;
	}


/* Game Details Module */
.gameDetails {
	margin: 5px 0px 0px 0px;
	padding: 3px 5px 3px 3px;
	width: 580px;
	height: 160px;
	}
	
	body .timeline 		{background-image: url(../images/games_details/backgroundImageTimeline.gif);
		background-repeat: no-repeat;
		background-position: left center;
		}
	body.ush .timeline 	{background-image: url(../images/games_details/backgroundImageTimeline_US_History.gif);}
	body.eng .timeline 	{background-image: url(../images/games_details/backgroundImageTimeline_EN_Green.gif);}
	
	body .connections 	{background-image: url(../images/games_details/backgroundImageConnections.gif);
		background-repeat: no-repeat;
		background-position: left center;
		}
	body.ush .connections 	{background-image: url(../images/games_details/backgroundImageConnections_US_History.gif);}
	body.eng .connections 	{background-image: url(../images/games_details/backgroundImageConnections_EN_Green.gif);}
	
	body .concentration {background-image: url(../images/games_details/backgroundImageConcentration.gif);
		background-repeat: no-repeat;
		background-position: left center;
		}
	body.ush .concentration {background-image: url(../images/games_details/backgroundImageConcentration_US_History.gif);}
	body.eng .concentration {background-image: url(../images/games_details/backgroundImageConcentration_EN_Green.gif);}

	.gameDetails img.gameImage {
		float: left;
		margin-right: 10px;
	}
	
	.gameDetails .textContainer {
		font-size: 0px;
		margin-top: 70px;
		margin-right: 10px;
		margin-left: 286px;
		height: 72px;
	}
	
	body .gameDetails .textTitle 		{border-bottom: 1px solid #4F8CC4;
		padding-bottom: 2px;
		margin-bottom: 2px;
		font-weight: bold;
		text-transform: uppercase;
		font-family: Helvetica;
		font-size: 12px;
	}
	body.ush .gameDetails .textTitle 	{border-bottom: 1px solid #DAAC56;}
	body.eng .gameDetails .textTitle 	{border-bottom: 1px solid #98CC8E;}

	.gameDetails .textBody {
	 	font-family: Arial;
		font-size: 10px;
		margin: 0; padding: 0;
	}
		
	.gameDetails .textDivider {
		vertical-align: middle;
		padding-top: 2px;
		padding-bottom: 2px;
		font-size: 0px;
	}/* v2v2v2 */

	body .gameDetails .detailButtons {background-image: url(../images/games_details/buttonLineLong.png);
		background-repeat: no-repeat;
		background-position: center left;
		/* background: url(../images/games_details/buttonLineLong.png) center left no-repeat;
		background: url(../images/games_details/buttonLine.png) center left no-repeat; */
		height: 14px;
		width: 290px;
		float: left;
		text-align: left;
		font-size: 10px;
		font-family: Arial;
		color: #FFFFFF;
	}
	body.ush .gameDetails .detailButtons {background-image: url(../images/games_details/buttonLineLong_US_History.png);}
	body.eng .gameDetails .detailButtons {background-image: url(../images/games_details/buttonLineLong_EN_Green.png);}
	
	.gameDetails .detailButtons a {
		text-decoration: none;
		color: #FFFFFF;
	}
	
	.gameDetails .detailButtons .buttonBlue {
		background-image: url(../images/games_details/buttonBlue.png);
		float: right;
		height: 14px;
		width: 66px;
		padding-left: 5px;
		cursor: pointer;
		line-height: 13px;
	}
	
	.gameDetails .detailButtons .buttonBlack {
		background-image: url(../images/games_details/buttonBlack.png);
		float: right;
		height: 14px;
		width: 96px;
		margin-left: 5px;
		padding-left: 5px;
		cursor: pointer;	
		line-height: 13px;
	}
	
	.gameDetails .detailButtons .paddedLeft {
		margin-left: 5px;
	}
	
/* Course Tree Outline */

body #courseOutline 		{background-image:url(../images/course_outline/treeBackground.png);
	float: right;
	padding: 5px;
	font-family: Arial;
	width: 186px;
	height: 538px;
	font-size: 0px;
	margin-left: 3px;
}
body.ush #courseOutline 	{background-image:url(../images/course_outline/treeBackground_US_History.png);}
body.eng #courseOutline 	{background-image:url(../images/course_outline/treeBackground_EN_Green.png);}

	#courseOutline a {
		color: #FFFFFF;
		text-decoration: none;
	}
	#courseOutlineTree li.collapsable a, 
	#courseOutlineTree li.expandable a {
		position: relative;
		left: 12px;
	}
	#courseOutlineTree li.nochildren a {
		position: relative;
		left: 12px;
	}
	#courseOutline li.collapsable span, 
	#courseOutline li.expandable span {
		padding-right: 12px;
	}
	#courseOutline li.nochildren span {
		padding-right: 12px;
	}
	#XXXcourseOutline li.expandable {
		padding-right: 12px;
	}

/*	#courseOutline li.collapsable a {
		margin-left: 12px;
	}
*/	
	#courseOutline a:hover { 
		color: #FFFFFF;
	}
	
	#courseOutline ul {
		margin: 0 0 0 10px;
		padding: 0;
	}
	
	#courseOutline li {
		color: #FFFFFF;
		font-size: 10px;
		font-weight: bold;
		margin: 0;
		padding: 0 0 0 3px;
	}
			
	#courseOutline .listItem {
		margin-left: 0px;
		margin-right: 5px;
	}
	body #courseOutline a.listHeader 		{color: #86accf;
		text-transform: uppercase;
		font-size: 12px;
		line-height: 12px;
		margin-left: 10px;
		margin-right: 5px;
	}
	body.ush #courseOutline a.listHeader 	{color: #dcceb4;}
	body.eng #courseOutline a.listHeader 	{color: #98cc8e;}

	body #courseOutline a.listHeader:hover, 
	body.ush #courseOutline a.listHeader:hover, 
	body.eng #courseOutline a.listHeader:hover 	{color: #FFFFFF;}
	
	body #courseOutline .outlineHeader 		{border-bottom:3px double #4F8CC4;
		font-size: 0px;
		height: 16px;
		margin-bottom: 2px;
	}
	body.ush #courseOutline .outlineHeader 	{border-bottom:3px double #DAAC56;}
	body.eng #courseOutline .outlineHeader 	{border-bottom:3px double #98CC8E;}
	
	#courseOutline .outlineHeaderText {
		color: #FFFFFF;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bold;
		float: left;
		text-align: left;
	}
	
	body #courseOutline #outlineTreeControl a 		{color: #86accf;
		font-size: 10px;
		float: right;
		text-decoration: none;
	}
	body.ush #courseOutline #outlineTreeControl a 	{color: #d49a2c;}
	body.eng #courseOutline #outlineTreeControl a 	{color: #4D9B3E;}

	#courseOutline .bottomLine {
		font-size: 0px;
	}

	/* Tree View */
	
	body #treeContainer 	{border-bottom:1px solid #4F8CC4;
		clear: both;
		height: 510px;
		overflow: auto;
		/* IE overflow fix, position must be relative or absolute*/
		position: relative;
	}
	body.ush #treeContainer 	{border-bottom:1px solid #DAAC56;}
	body.eng #treeContainer 	{border-bottom:1px solid #98CC8E;}
	
	#treeContainer ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	#treeContainer .treeContent li {
		list-style: none;
		list-style-image: none;
		
		line-height: 12px;
		margin-top: 3px;
		margin-bottom: 5px;
	}
		body #treeContainer .treeContent li .selected {color: #86accf;
			text-decoration: underline;
		}
		body.ush #treeContainer .treeContent li .selected {color: #DCCEB4;}
		body.eng #treeContainer .treeContent li .selected {color: #98CC8E;}
	
	#treeContainer .hitarea {
		list-style: none;
		list-style-image: none;
		height: 10px;
		width: 12px;
		float: left;
		cursor: pointer;
		margin-right: -12px;
		
	}
	/*
	* html #treeContainer .hitarea {
		margin-left: 0px;
		display: inline;
		float: none;
	}
	*/
	
	#treeContainer li {
		margin-bottom: 7px;
		}
	
	#treeContainer li.collapsable .hitarea { 
		background: url(../images/course_outline/selectArrowDown.png) -1px 2px no-repeat;
	}
	#treeContainer li.expandable .hitarea {
		background: url(../images/course_outline/selectArrow.png) 0px 1px no-repeat;
	}
	#treeContainer li.collapsable { 
		padding-left: 3px;
		margin-bottom: 7px;
		cursor: pointer;
	}
	#treeContainer li.expandable {
		padding-left: 3px;
		padding-bottom: 0px;
		cursor: pointer;
	}
	#treeContainer .treeview .listHeader {
		margin: 0;
/*		padding: 0;*/
	}
	/*
	* html #treeContainer li.collapsable { 
		background: transparent;
		list-style-image: url(../images/course_outline/selectArrow.png);
		list-style-position: inside;
		margin-left: -10px;
	}
	* html #treeContainer li.expandable {
		background: transparent;
		list-style-image: url(../images/course_outline/selectArrowDown.png);
		list-style-position: inside;
		margin-left: -10px;
	}
	*/
	
	#treeContainer li.lastCollapsable { list-style: none; list-style-image: none;}
	#treeContainer li.lastExpandable { list-style: none; list-style-image: none;}
	#treeContainer li.collapsable li, #treeContainer li.expandable li {
		margin-left: 12px;
	}	
	#treeContainer li.collapsable, #treeContainer li.expandable {
		padding-right: 12px;
	}	
	
/* Scroll Bar Styles */

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

body .vscrollerbase {background-image: url(../images/scrollbar/co_scrollbar_bg.png);
	background-repeat: no-repeat;
	width: 13px;
}
body.ush .vscrollerbase {background-image: url(../images/scrollbar/co_scrollbar_bg_US_History.png);}
body.eng .vscrollerbase {background-image: url(../images/scrollbar/co_scrollbar_bg_EN_Green.png);}

body .vscrollerbar {background-image: url(../images/scrollbar/co_scrollbar.png);
	background-repeat: no-repeat;
	width: 13px;
	height: 115px !important; /* fixed height */
	margin-top: 3px;
	padding-bottom: 12px;
}
body.ush .vscrollerbar {background-image: url(../images/scrollbar/co_scrollbar_US_History.png);}
body.eng .vscrollerbar {background-image: url(../images/scrollbar/co_scrollbar_EN_Green.png);}

/* pagination controls */
#ThumbViewPageNavGroup {
	float: left;
	width: 100%;
	}


/* reusable common elements */
.darkBlueLine {
	height: 1px;
	width: 100%;
	background: #083466;
	font-size: 0;
	}

.lightBlueLine {
	height: 1px;
	width: 100%;
	background: #afc1d1;
	font-size: 0;
	}

.doubleWhiteLine {
	background: url(../images/doubleWhiteLine.gif) repeat-x;
	width: 100%;
	height: 3px;
	font-size: 0;
	margin: 0px auto 0px auto;
	}
	
.doubleLightGrayLine {
	background: url(../images/doubleLightGrayLine.gif) repeat-x;
	width: 100%;
	height: 3px;
	font-size: 0;
	margin: 0px auto 0px auto;
	}

.doubleDarkGrayLine {
	background: url(../images/doubleDarkGrayLine.gif) repeat-x;
	width: 100%;
	height: 3px;
	font-size: 0;
	margin: 0px auto 0px auto;
}

.doubleOrangeLine {
	background: url(../images/doubleOrange.gif) repeat-x;
	width: 100%;
	height: 3px;
	font-size: 0;
	margin: 0px auto 0px auto;
	}

	
.dashedLine {
	background: url(../images/dashed_line.gif) repeat-x;
	width: 100%;
	height: 1px;
	font-size: 0;
	margin: 0px auto 0px auto;
	}

.darkGrayLine
{
	background: url(../images/single_gray_line.gif) repeat-x;
	width: 100%;
	height: 1px;
	font-size: 0;
	margin: 0px auto 0px auto;
}

.darkBlueGrayLine
{
	background: url(../images/dk_bluegray_line.gif) repeat-x;
	width: 100%;
	height: 1px;
	font-size: 0;
	margin: 0px auto 0px auto;
}

.doubleBlueLine
{
	background: url(../images/doubleBlueLine.gif) transparent repeat-x;
	height: 3px;
	font-size: 0;
	margin: 0px 5px 0px 5px;
	padding: 0px;
}

/* fades to black */
.darkBlueGrayGradient2 {
	background: url(../images/my_work/gradient_bg.gif) no-repeat;
}

/* actually, this one fades to true black */
.blueGradient {
	background: #000 url(../images/help/panelbg_blue.jpg) no-repeat;
	}

* html .blueGradient {
	height: 520px; /* this is for ie6 only! */
	}

/* fades to dark blue */
.darkBlueGrayGradient {
	background: url(../images/people/gradient_bg.jpg) no-repeat;
}

.darkBlueGrayBackground
{
	background-color: #0f1217;
}

.dkBrownLine
{
	background-color: #473c31;
	width: 100%;
	height: 1px;
	font-size: 0;
	margin: 0px auto 0px auto;
}

body .pageNav {
	font-size: 8pt;
	font-weight: bold;
	font-family: arial, helvetica;
	text-align: right;
	padding: 0px 0px 0px 5px;
}
body .pageNav, 
body .pageNav a {color: #80AFCA;}
body.ush .pageNav, 
body.ush .pageNav a {color: #DCCEB4;}
body.eng .pageNav, 
body.eng .pageNav a {color: #98CC8E;}

body .pageNav a:hover, 
body.ush .pageNav a:hover, 
body.eng .pageNav a:hover {color: #FFFFFF;}

.pageNav a
{
	border-style: none;
	text-decoration: none;
}

.pageNav a img
{
	border-style: none;
}

.pageNav a:hover img
{
	border-style: none;
}

.pageNav a:hover
{
	color: RGB(174,199,217);
	border-style: none;
}

.Gray
{
	color:#cccccc;
}
.Gray a
{
	color:#cccccc;
}
.Gray a:hover
{
	color:#aaaaaa;
}

.Teal
{
	color:#43eadf;
}
.Teal a
{
	color:#43eadf;
}
.Teal a:hover
{
	color:#c9fffb;
}

.Yellow
{
	color:#ffee33;
}
.Yellow a
{
	color:#ffee33;
}
.Yellow a:hover
{
	color:#ffffbb;
}


.Orange
{
	color:#ff7133;
}
.Orange a
{
	color:#ff7133;
}
.Orange a:hover
{
	color:#ff9668;
}


.Green
{
	color:#3bda25;
}
.Green a
{
	color:#3bda25;
}
.Green a:hover
{
	color:#79ff67;
}

.Purple
{
	color:#9e289d;
}
.Purple a
{
	color:#9e289d;
}
.Purple a:hover
{
	color:#ff41fd;
}


.Red
{
	color:#c61e1e;
}
.Red a
{
	color:#c61e1e;
}
.Red a:hover
{
	color:#ff2727;
}

#sharedTopNav {
	padding-left: 10px;
	margin-top: 2px;
	margin-bottom: 8px;
	font-family: Arial, Helvetica;
	font-size: 12px;
}
	
	#sharedTopNav a {
		float: left;
		text-decoration: none;
		color: #666666;
		padding-right: 15px;
	}
	#sharedTopNav .selected {
		color: #000000;
		font-weight: bold;
	}

/* Modal Base Styles */
	
.jqmWindow {
    display: none;
    position: fixed;
	left: 50%;
	background: transparent;
		/* top, width, and margin correction are set at a class level to support multiple modals per page */
}
/* IE FIX for fixed positioning */

* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.submitButton {
	background: transparent;
	border: thin none;
	cursor: pointer;
	text-align: left;
	font-size: 11px;
	line-height: 18px;
	font-family: 'Arial Narrow', Arial, Helvetica;
	font-weight: bold;
}

.dlgButtonText
{
	font-family: 'Arial Narrow', Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	padding: 0px 0px 0px 7px;
	cursor: pointer;
}

.jqmOverlay { 
	background-color: #000000; 
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm, .hiddenSelect {
	position: absolute;
	top:0;
	left:0;
	z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Modal Styles */
/* Base */

.smallModal {
	top: 40%;
	margin-left: -150px;
	width: 300px;
}

.mediumModal {
	top: 35%;
	width: 380px;
	margin-left: -190px;
}

.largeModal {
	top: 15%;
	width: 559px;
	margin-left: -280px;
}

.modalDialog {
	background: url(../images/modal/dialogBackground.gif) no-repeat;
	width: 290px;
	height: 140px;
	padding: 5px;
}

	.modalDialog h1 {
		font-size: 14px;
		padding-bottom: 4px;
		border-bottom: 4px double #d5bc2f;
		width: 290px;
	}
		.modalDialog h1 .errorIcon {
			background: url(../images/modal/dialogError.png) left bottom no-repeat;
			width: 20px;
			height: 17px;
			float: left;
		}
		.modalDialog h1 p {
			color: #000000;
			float: left;
			font-weight: bold;
			text-transform: uppercase;
			padding-top: 2px;
			padding-left: 2px;
		}
	
	.modalDialog .modalContent {
		font-size: 12px;
		color: #000000;
		padding: 5px;
		height: 88px;
		overflow: hidden;
	}
	
	.modalDialog .buttonArea {
		width: 290px;
		float: left;
		height: 14px;
		font-size: 12px;
		font-weight: bold;
		background: url(../images/modal/dialogBoxLine.png) left center no-repeat;
	}
	
	.modalDialog .shortLine {
		background: url(../images/modal/dialogBoxLineShort.png) left center no-repeat;
	}
	
	.modalDialog .modalTable {
		font-family: Arial;
	}
	.modalDialog .modalTable td {
		color: #333333;
		font-size: 12px;
		height: 29px; 
		padding-right: 5px;
	}
	.modalDialog .modalTable .leftColumn {
		width: 160px;
		text-align: left;
		font-weight: bold;
	}
	.modalDialog  .modalTable .standardFormField {
		width: 170px;
		background: #cccccc;
		border: none;
		height: 17px;
		font-size: 12px;
		padding: 2px 0px 0px 2px;
	}
		
		.modalDialog .button {
			color: #FFFFFF;
			width: 80px;
			font-family: 'Arial Narrow', Arial, Helvetica;
			height: 16px;
			font-size: 11px;
			line-height: 16px;
			float: right;
			margin-right: 5px;
			cursor: pointer;
		}
			.modalDialog .light {
				background: url(../images/modal/buttonLight.png) 0px 2px no-repeat;
			}
			.modalDialog .dark {
				background: url(../images/modal/buttonDark.png) 0px 2px no-repeat;
			}
			.modalDialog .submitButton {
				line-height: 16px;
			}
/* modal loginDialog and sign-in panel */
body.fake .jqmWindow {
	z-index: 1000;
}
#loginDialog, 
#loginDialog2 {
	top: 35%;
	margin-left: -150px;
	width: 293px;
}

.whiteModal {
	background: transparent;
	margin: 0 0;
	padding: 0 0;
	width: 293px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

.whiteModal .cornersTop, 
.whiteModal .cornersBot {
	clear: both;
	float: left;
	height: 6px;
	width: 293px;
}
.whiteModal .cornersTop div, 
.whiteModal .cornersBot div {
	float: left;
	height: 6px;
	line-height: 0px;
	font-size: 0px;
}
.whiteModal .cornersTop .left, 
.whiteModal .cornersTop .right, 
.whiteModal .cornersBot .left, 
.whiteModal .cornersBot .right {
	background-image: url(../images/modal/corners6white.gif);
	width: 6px;
}
.whiteModal .cornersTop .center, 
.whiteModal .cornersBot .center {
	width: 281px;
	height: 6px;
	background-color: #FFFFFF;
}
.whiteModal .cornersTop .left {
	background-position: top left;
}
.whiteModal .cornersTop .right {
	background-position: top right;
}
.whiteModal .cornersBot .left {
	background-position: bottom left;
}
.whiteModal .cornersBot .right {
	background-position: bottom right;
}

.whiteModal form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#loginPanel form {
	margin: 0 0 0 5px;
	padding: 0 0 0 0;
}

.whiteModal .content {
	clear: both;
	float: left;
	background-color: #FFFFFF;
	padding: 0 6px;
	font-size: 12px;
	width: 281px;
}
/*
* html #loginDialog.whiteModal .content {
	padding: 0 6px;
	width: 275px;
}
*/
.whiteModal .jqmClose {
	float: right;
	cursor: pointer;
}
.whiteModal h1 {
	background: none;
	padding: 0 0 3px;
	margin: 0 0 0.5em;
	border-bottom: 3px double #8FB7DC;
	font-size: 12px;
	text-transform: uppercase;
	color: #07121c;
}

.whiteModal p {
	clear: both;
	float: left;
	padding: 0 0.5em;
	color: #343d49;
}
#loginDialog .error, 
#loginPanel .error {
	float: left;
	width: 281px;
	text-align: center;
	color: #FF0000;
	font-size: 11px;
	margin: 0 0 0.3em;
}
#loginDialog div.inputs{
	clear: both;
	float: left;
	margin: 2em 0 0;
}
#loginPanel div.inputs {
	height: 101px;
	clear: both;
	float: left;
	margin: 0 0 0 0;
}
body.home #layout #loginPanel .content h2 {
	margin-bottom: 5px;
}
#loginPanel div.inputs div.output {
	height: 17px;
	width: 281px;
	display: block;
	clear: both;
	float: left;
	line-height: 15px;
}
#loginDialog div.inputs div.input, 
#loginPanel div.inputs div.input {
	clear: both;
	float: left;
	margin: 0 0 8px;
	width: 281px;
}
#loginDialog div.inputs div.input span.label, 
#loginPanel div.inputs div.input span.label {
	float: left;
	margin: 0 6px 0 0;
	width: 94px;
	text-align: right;
	font-weight: bold;
	color: #343d49;
	font-size: 12px;
}
#loginPanel div.inputs div.input span.label {
	color: #CCCCCC;
}
#loginDialog div.inputs div.input span.inputbox, 
#loginPanel div.inputs div.input span.inputbox {
	float: left;
	display: block;
}
#loginDialog div.inputs div.input span.inputbox .left, 
#loginPanel div.inputs div.input span.inputbox .left {
	float: left;
	display: block;
	background-image: url(../images/modal/inputbox19gray.gif);
	background-position: left;
	width: 9px;
	height: 19px;
}
#loginDialog div.inputs div.input span.inputbox .right, 
#loginPanel div.inputs div.input span.inputbox .right {
	float: left;
	display: block;
	background-image: url(../images/modal/inputbox19gray.gif);
	background-position: right;
	width: 9px;
	height: 19px;
}
body.home #layout #loginPanel .blue .left, 
body.home #layout #loginPanel .blue .right			{ background-image: url(../images/home/buttonHome15blueblack.gif);}
#loginPanel div.inputs div.input span.inputbox .left {
	background-image: url(../images/home/inputboxHome19grayblack.gif);
}
#loginPanel div.inputs div.input span.inputbox .right {
	background-image: url(../images/home/inputboxHome19grayblack.gif);
}
html #loginDialog div.inputs div.input span.inputbox input, 
html #loginPanel div.inputs div.input span.inputbox input {
	margin: 0 0;
	padding: 2px 0 0;
	float: left;
	height: 17px;
	width: 158px;
	line-height: 14px;
	font-size: 11px;
	border: none;
}
html #loginDialog div.inputs div.input span.inputbox input {
	background-color: #DDDDDD;
}
html #loginPanel div.inputs div.input span.inputbox input {
	background-color: #FFFFFF;
}
#loginDialog div.inputs div.submit, 
#loginPanel div.inputs div.submit {
	clear: both;
	width: 176px;
	margin: 0 4px 0 100px;
	font-size: 11px;
	line-height: 15px;
}
#loginDialog div.inputs div.submit span.submitbutton, 
#loginPanel div.inputs div.submit span.submitbutton {
	float: left;
	display: block;
	clear: none;
	margin: 0 2px 0 0;
	width: 86px;
	height: 15px;
}
#loginDialog div.inputs div.submit span.submitbutton .left, 
#loginPanel div.inputs div.submit span.submitbutton .left {
	float: left;
	display: block;
	background-image: url(../images/modal/submitbox15darkblue.gif);
	background-position: left;
	width: 7px;
	height: 15px;
}
#loginDialog div.inputs div.submit span.submitbutton .right, 
#loginPanel div.inputs div.submit span.submitbutton .right {
	float: left;
	display: block;
	background-image: url(../images/modal/submitbox15darkblue.gif);
	background-position: right;
	width: 7px;
	height: 15px;
}
#loginDialog  div.inputs div.submit span.submitbutton button, 
#loginPanel  div.inputs div.submit span.submitbutton button {
	margin: 0 0;
	padding: 0 0;
	float: left;
	height: 15px;
	width: 72px;
	border: none;
	background-color: #17242E;
	color: #FFFFFF;
	text-align: left;
	line-height: 15px;
	font-size: 11px;
	font-weight: bold;
	font-family: 'Arial Narrow', Arial, Helvetica;
	cursor: pointer;
}
#loginDialog div.inputs div.submit span.savelogin {
	float: left;
	margin: 0.9em 0 0.4em;
}
#loginPanel div.inputs div.submit span.savelogin {
	float: left;
	margin: 0 0 0.4em;
}
#loginDialog div.inputs div.submit span.savelogin input#rememberMe {
	margin: 0 0;
	padding: 0 0;
}
#loginDialog div.inputs div.submit span.savelogin label {
	color: #343d49;
}
#loginPanel div.inputs div.submit span.savelogin label {
	color: #CCCCCC;
}
#loginDialog div.inputs div.submit span.textlink, 
#loginPanel div.inputs div.submit  span.textlink {
/*	
	margin: 1.1em 0 0.35em 0;
*/
	display: block;
	width: 158px;
	clear: left;
	float: left;
}
#loginDialog div.inputs div.submit span.textlink a, 
#loginPanel div.inputs div.submit span.textlink a {
	color: #2E72A7;
	text-decoration: none;
}
#loginDialog div.inputs div.facebook {
	float: left;
	margin: 10px 0 0 9px;
	width: 266px;
}
* html #loginDialog div.inputs div.facebook {
	margin-left: 4px;
	width: 266px;
}
#loginPanel div.facebook {
	float: left;
	margin: 6px 0 0 24px;
	width: 257px;
}
* html #loginPanel div.facebook {
	margin-left: 12px;
}
#loginDialog div.inputs div.facebook .text, 
#loginPanel div.facebook .text {
	font-size: 10px;
}
#loginPanel div.facebook .text {
	color: #CCCCCC;
}
#loginDialog div.inputs div.facebook img, 
#loginPanel div.facebook img {
	float: right;
	margin: 3px 0 0 1em;
}

#loginPanel .forgotpw {
	position: absolute;
	top: 0px;
	right: 11px;
	font-size: 11px;
}
#loginPanel .forgotpw a {
	color: #80AFCA;
}
#loginDialog .buttonArea, 
#loginPanel .buttonArea {
	clear: both;
	float: left;
	height: 24px;
	width: 280px;
	text-align: center;
	margin-top: 1em;
}
* html #loginDialog .buttonArea {
	margin-left: 2px;
	line-height: 0px;
}

.confirmTextDialog {
	background: transparent;
	height: auto; width: auto;
}		
	.confirmTextDialog h1 {
		background: url(../images/modal/confirmText_top.gif) bottom no-repeat;
		width: 559px;
		height: 29px;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		border-bottom: none;
	}
		.confirmTextDialog h1 p {
			color: #000000;
			padding-left: 12px;
			line-height: 28px;
		}
	.confirmTextDialog .contentArea {
		height: 283px;
		width: 559px;
		overflow: hidden;
		margin: 0; 
		padding: 0;
		background: #fffef5;
	}
		.confirmTextDialog .contentArea .modalContent {
			background: #fffef5;
			height: 270px;
			width: 515px;
			overflow: auto;
			margin: 3px 0px;
			padding-left: 30px;
		}

	.confirmTextDialog .buttonArea {
		background: url(../images/modal/confirmText_bottom.gif) center no-repeat;
		width: 559px;
		height: 29px;
	}
		.confirmTextDialog .longline {
			background: url(../images/modal/confirmText_bottom_longline.gif) center no-repeat;
		}	 
		.confirmTextDialog .button {
			margin-top: 8px;
			font-weight: bold;
			font-size: 11px;
			font-family: 'Arial Narrow', Arial, Helvetica;
		}
		.confirmTextDialog .button.rightMost {
			margin-right: 5px;
		}

/* Scroll Bar Styles - Modal Scrolling Text */

.confirmTextDialog .scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
	}

.confirmTextDialog .vscrollerbase {
	width: 11px;
	background: #d5bc2e no-repeat;
	/* height: 140px !important; */
	}
.confirmTextDialog .vscrollerbasebeg {
	width: 11px;
	height: 4px;
	background: url(../images/scrollbar/modal_scrollbar_bg_top.gif) no-repeat;
	/* height is auto set to fill the base */
	}

.confirmTextDialog .vscrollerbaseend {
	width: 11px;
	height: 4px;
	background: url(../images/scrollbar/modal_scrollbar_bg_bottom.gif) no-repeat;
	}
	
	
.confirmTextDialog .vscrollerbar {
	width: 9px;
	background: #FFFFFF no-repeat;
	margin-left: 1px;
	}
.confirmTextDialog .vscrollerbarbeg {
	height: 4px !important;
	width: 9px;
	background: url(../images/scrollbar/modal_scrollbar_top.gif) no-repeat;
	}

.confirmTextDialog .vscrollerbarend {
	height: 4px !important;
	width: 9px;
	background: url(../images/scrollbar/modal_scrollbar_bottom.gif) no-repeat;
	}
	
.genericDialog {
	background: transparent;
	height: auto; width: auto;
	padding: 5px;
	font-family: Arial, Helvetica;
}
	.genericDialog h1 {
		background: url(../images/modal/genericDialogTop.gif) no-repeat;
		color: #000000;
		padding: 2px 0px 4px 2px;
		width: 379px;
		height: 23px;
		border: none;
	}
	.genericDialog h1 p {
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
	}
		
	.genericDialog .modalContent {
		background: #FFFFFD;
		font-size: 12px;
		color: #000000;
		height: auto;
		width: 369px;
		overflow: auto;
	}
		.genericDialog .modalContent p {
			color: #000000;
			padding: 5px 0px 0px 5px; 
		}
		
			.genericDialog .modalContent p.error {
				color: #c61e1e;
				font-weight: bold;
				}
			.genericDialog .modalContent p.yellow {
				color: #d5bc2f;
			}
		.genericDialog .modalContent a {
			color: #000000;
		}
	
	.genericDialog textarea {
		border: none;
		border-top: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		background: #CCCCCC;
		width: 357px;
		height: 70px;
		font-weight: bold;
		padding: 0px 5px;
		margin: -1px 0px -1px 1px;
		overflow: auto;
	}
	.genericDialog .textAreaTop {
		background: url(../images/modal/dialogBGMediumTop.gif) bottom no-repeat;
		width: 368px;
		height: 8px;
		font-size: 0px;
	}
	.genericDialog .textAreaBottom {
		background: url(../images/modal/dialogBGMediumBottom.gif) top no-repeat;
		width: 368px;
		height: 8px;
		font-size: 0px;
	}
	
	.genericDialog input {
		border: none;
		background: #CCCCCC;
		width: 270px;
		margin-top: 5px;
		margin-left: 5px;
		overflow: auto;
	}
	
	.genericDialog .bottom {
		background: url(../images/modal/genericDialogBottom.gif) no-repeat;
		width: 379px;
		height: 29px;
	}
		.genericDialog .bottom .buttonArea {
			width: 379px;
			float: left;
			height: 14px;
			font-size: 12px;
			font-weight: bold;
			background: url(../images/modal/buttonLineMedium.gif) 5px 8px no-repeat;
		}		

.blackSubNav
{
	float: left;
	margin: 7px 0px 3px 0px;
	padding: 0px;
	width: 780px;
}

.blackSubNav .externalHeadderMenu
{
	float: left;
	margin: 7px 0px 0px 0px;
	padding: 0px;
}

.blackSubNav .profileImage
{
	float: left;
	margin: 0px 5px 0px 18px;
}

* html .blackSubNav .profileImage {
	margin-left: 9px;
	}

.blackSubNav .profileMenu
{
	float: left;
	font-family: Arial, Helvetica;
	font-weight: normal;
	font-size: 12px;
	color: RGB(105,141,169);
	padding: 2px 0px 0px 10px;
}


.blackSubNav .profileMenu span
{
	float: left;
	color: RGB(105,141,169);
	padding: 0px 6px 0px 6px;
	font-size: 11px;
}

.blackSubNav .profileMenu a
{
	float: left;
	color: RGB(105,141,169) !important;
	text-decoration: none;
}

.blackSubNav .profileMenu a:hover
{
	float: left;
	color: RGB(105,141,169);
	text-decoration: none;
}

.blackSubNav .profileMenu .selected
{
	color: RGB(255,255,255);
	font-family: Arial, Helvetica;
	font-size: 12px;
	padding: 0px;
}


.blackSubNav .profileName
{
	float: left;
	font-family: 'Arial Narrow', Arial, Helvetica;
	font-weight: bold;
	font-size: 14px;
	color: RGB(204,204,204);
}


.blackSubNav #findNewButton
{                  	
	float: right;
	background: url(../images/my_friends/findNewButton.gif) no-repeat;
	width: 140px;
	height: 15px;
	margin: 7px 0px 0px 0px;
}

.blackSubNav  a
{    
	text-decoration: none;      
	color: RGB(204,204,204);    
}

.blackSubNav a:hover
{    
	text-decoration: none;        
	color: RGB(204,204,204);    
}

.blackSubNav #findNewButton #buttonText
{
	font-family: 'Arial Narrow', Arial, Helvetica;
	font-weight: bold;
	font-size: 10px;
	padding: 0px 0px 0px 10px;
	width: 150px;    
}

/* Modal Test Page */

.modalTest a {
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin-left: 10px;
}
	
#titleAndSecondary #secondaryNav.gamesNav
{
	display: block;
}


#titleAndSecondary #secondaryNav.gamesNav div span {
	line-height: 11px;
}
	
#titleAndSecondary .gamesNav .secondaryWhite span {
	font-family: 'Arial Narrow', Arial, Helvetica;
	font-weight: bold;
	font-size: 12px;
	color: #3078ba;
}

#titleAndSecondary .gamesNav .secondaryBlack span {
	font-family: 'Arial Narrow', Arial, Helvetica;
	font-weight: bold;
	font-size: 12px;
	color: #8fb7dc;
}

#titleAndSecondary .gamesNav .secondaryBlue span {
	font-family: 'Arial Narrow', Arial, Helvetica;
	font-weight: bold;
	font-size: 12px;
	color: #08131c;
}

/* HELP ===== */
#mainContent.help {
	margin-top: 5px;
	}

#help { }

* html #help .blueGradient {
	height: auto; /* this is for ie6 only! */
	}

#helpContent {
	font-size: 11px;
	}
	
#helpContent.helpIndex h1 {
	margin-bottom: 5px;
	}

#helpContent.helpIndex .column div {
	width: 188px;
	height: 20px;
	padding-bottom: 5px;
	}

#helpContent.helpIndex .column div.tall {
	height: 30px;
	}

#helpContent.helpIndex .column div.tallest {
	height: 40px;
	}

#helpContent.helpIndex .column a {
	float: left;
	width: 150px;
	}

#helpContent.helpIndex .column img {
	float: left;
	}

#help .header img {
	vertical-align: top;
	margin: 3px 7px 3px 15px;
	}

#help .header .topic {
	color: #ccc;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	top: 14px;
	font-size: 10pt;
	}

#help .column, #help .faqColumn {
	width: 188px;
	float: left;
	height: auto;
	margin-left: 5px;
	}

#help .faqColumn {
	width: 254px;
	}

#help .column img {
	vertical-align: top;
	margin: 0px 5px 7px 5px;
	}

#help .column a {
	position: relative;
	top: 2px;
	color: #8dbae3;
	}

#help .column a:hover {
	color: #daedff;
	}

#help b {
	color: #ff9;
	}

#help h1 {
	margin: 0px 0px 15px 15px;
	padding-top: 15px;
	text-transform: uppercase;
	font-size: 10pt;
	font-weight: bold;
	}

#help .column h1 {
	margin-left: 0px;
	}

#help .faqColumn h1 {
	margin-left: 0px;
	padding-left: 0px;
	text-transform: none;
	}

/* help system requirements table */
#help #systemReqs {
	width: 725px;
	margin-left: 40px;
	}

#help a {
	color: #8dbae3;
	}

#help a:hover {
	color: #c0e1ff;
	}

#help #systemReqs th.col1, #help #systemReqs th.col2, #help #systemReqs th.col3 {
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
	font-weight: bold;
	text-transform: uppercase;
	color: #8dbae3;
	padding: 5px 5px 5px 10px;
	}

#help #systemReqs td {
	padding: 5px 5px 5px 10px;
	color: #ccc;
	line-height: 18px;
	}

#help #systemReqs .odd {
	background-color: #0e1113;
	}

#help #systemReqs .col1, #help #systemReqs .col2, #help #systemReqs .col3 {
	border: 1px solid black;
	}

#help #systemReqs .col1 {
	vertical-align: top;
	width: 165px;
	font-weight: bold;
	}

#help #systemReqs .col2 {
	width: 200px;
	}
	
#help #systemReqs .col3 {
	width: 360px;
	}

#help h3 {
	font-size: 9pt;
	font-weight: bold;
	margin: 10px 0px 5px 0px;
	}

#help p {
	margin: 5px 0px 5px 0px;
	}

#help ul, #help ol {
	list-style: auto;
	margin: 7px 0px 7px 10px;
	padding-left: 15px;
	}

#help li {
	margin-bottom: 3px;
	}

#help ul li {
	list-style: disc outside;
	}

#help ol li {
	list-style: decimal outside;
	}

#help ul.faqTopics {
	margin-left: 20px;
	}

#help ul.faqTopics li {
	list-style-image: url(../images/help/bullet_caret.gif);
	margin-bottom: 5px;
	}

#help ol.alphaList li {
	list-style: lower-alpha outside;
	}

/* friend results */
.searchPeopleContent {
	overflow: hidden;
	background-color:transparent;
	padding: 15px 0px 0px 0px;
	}

.searchPeopleContent .searchPeopleRow {
	padding: 0px 0px 0px 0px;
	float: left;
	}

.searchPeopleContent .searchPeopleRowSeperator {
	padding: 0px 0px 0px 0px;
	}

.searchPeopleContent .searchPeopleRow .searchPeopleItem {
	float: left;
	padding: 0px 0px 0px 10px;
	}

* html .searchPeopleContent .searchPeopleRow .searchPeopleItem {
	float: left;
	padding: 0px 0px 0px 5px;
	}

	.searchPeopleContent .searchPeopleRow .searchPeopleItem a img {
		border: none;
		}

.searchPeopleContent .searchPeopleRow .searchPeopleItem .friendName {
	color: RGB(128,175,202);
	font-size: 8pt;
	font-weight: normal;
	font-family: arial, helvetica;
	text-align: center;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	width: 120px;
	display: block;
	}

* html .searchPeopleContent .searchPeopleRow .searchPeopleItem .friendName {
	width: 115px;
	}

.searchPeopleContent .searchPeopleRow .searchPeopleItem {
	width: 120px;
	}

.searchPeopleContent .searchPeopleRow .searchPeopleItem .friendItemRow1  {
	height: 17px;
	}

.searchPeopleContent .searchPeopleRow .searchPeopleItem .friendItemRow2 {
	height: 69px;
	text-align: center;
	}

.searchPeopleContent .searchPeopleRow .searchPeopleItem .friendItemRow3 {
	height: 15px;
	text-align: center;
	}

.searchPeopleContent .searchPeopleRow .searchPeopleItem .friendItemRow4 {
	text-align: center;
	color: #C0C0C0;
	}

.searchPeopleContent .searchPeopleRow .actionItem {
	text-align: right;
	padding-right: 15px;
	}
	
	.searchPeopleContent .searchPeopleRow .actionItem a img {
		border: 0px;
		}

/* guest header buttons */
#headerNav .roundButtons {
	margin-top: 7px;
}
#headerNav .roundButtons .roundButton {
	float: left;
	display: block;
	clear: none;
	margin: 0 2px 0 0;
	width: 96px;
	height: 15px;
}
#headerNav .roundButtons .roundButton .left {
	float: left;
	display: block;
	background-position: left;
	width: 7px;
	height: 15px;
}
#headerNav .roundButtons .roundButton .right {
	float: left;
	display: block;
	background-position: right;
	width: 7px;
	height: 15px;
}
#headerNav .roundButtons .roundButton .center {
	margin: 0 0;
	padding: 0 0;
	float: left;
	height: 15px;
	width: 82px;
	border: none;
	background-color: #17242E;
	text-align: left;
	line-height: 15px;
	font-size: 11px;
	font-weight: bold;
	font-family: 'Arial Narrow', Arial, Helvetica;
	cursor: pointer;
}
#headerNav .roundButtons .blueArrow .right {
	width: 12px;
}
#headerNav .roundButtons .blueArrow .center {
	width: 77px;
}

#headerNav .roundButtons .gray, 
#headerNav .roundButtons .gray a 		{ color: #181E21;}
#headerNav .roundButtons .blue, 
#headerNav .roundButtons .blue a, 
#headerNav .roundButtons .blueArrow, 
#headerNav .roundButtons .blueArrow a	{ color: #FFFFFF;}

#headerNav .roundButtons .gray .left, 
#headerNav .roundButtons .gray .right		{ background-image: url(../images/home/button15gray.gif);}
#headerNav .roundButtons .blue .left, 
#headerNav .roundButtons .blue .right		{ background-image: url(../images/home/button15blue.gif);}
#headerNav .roundButtons .blueArrow .left, 
#headerNav .roundButtons .blueArrow .right	{ background-image: url(../images/home/button15blueArrow.gif);}

body.ush #headerNav .roundButtons .gray .left, 
body.ush #headerNav .roundButtons .gray .right		{ background-image: url(../images/home/button15gray-ush.gif);}
body.ush #headerNav .roundButtons .blue .left, 
body.ush #headerNav .roundButtons .blue .right		{ background-image: url(../images/home/button15blue-ush.gif);}
body.ush #headerNav .roundButtons .blueArrow .left, 
body.ush #headerNav .roundButtons .blueArrow .right	{ background-image: url(../images/home/button15blueArrow-ush.gif);}

#headerNav .roundButtons .gray .center		{ background-color: #CCCCCC;}
#headerNav .roundButtons .blue .center, 
#headerNav .roundButtons .blueArrow .center	{ background-color: #22679F;}


#mainContent img.fake {
	cursor: help;
}
#mainContent div.ribbon {
	position: absolute;
	top: 11px;
	left: 288px;
	width: 240px;
	height: 77px;
}
body.section #mainContent div.ribbon {background-image: url(../images/fake/ribbon.gif);
	/*right: 65px;*/
}

body.ush #mainContent div.ribbon {
}
body.eng #mainContent div.ribbon {
}
body.d08 #mainContent div.ribbon {
/*	left: 532px;*/
}
body.ush #mainContent div.ribbon {background-image: url(../images/fake/ribbon-ush.gif);}
body.d08 #mainContent div.ribbon {background-image: url(../images/fake/ribbon-d08.gif);}
body.eng #mainContent div.ribbon {background-image: url(../images/fake/ribbon-eng.gif);}

body #mainContent div.ribbon#profile {background-image: url(../images/fake/ribbon-profile.gif);}
body #mainContent div.ribbon#stack {background-image: url(../images/fake/ribbon-stack.gif);}
body #mainContent div.ribbon#work {background-image: url(../images/fake/ribbon-work.gif);}
/* misc pages */
#miscPageContent {
	padding: 0 100px 0px 20px;
	border-bottom: 1px solid #000;
	margin-bottom: -5px;
	}

#miscPageContent h1 {
	font-size: 15px;
	margin-left: 0px;
	padding: 20px 0 0px 0;
	}

#miscPageContent h3 {
	font-size: 13px;
	margin: 0;
	padding: 15px 0 0 0;
	}

#miscPageContent p {
	font-size: 12px;
	margin: 5px 0 10px 0;
	}


#courseOutlineTree .noChildren {
	margin: 0px 0px 7px 12px;
	}
#courseOutlineTree li li .noChildren {
	margin: 0px 0px 7px 0;
	}

* html #courseOutlineTree .noChildren {
	margin: 0px 0px 7px 12px;
	}
* html #courseOutlineTree li li .noChildren {
	margin: 0px 0px 7px 0;
	}

.essaySourceTip, .courseSourceTip {
	font-size: 10px;
	text-align: right;
}
body .essaySourceTip 		{color: #5089B6;}
body .courseSourceTip 		{color: #8FB7DC;}
body.ush .essaySourceTip 	{color: #523E19;}
body.ush .courseSourceTip 	{color: #D49A2C;}
body.eng .essaySourceTip 	{color: #449235;}
body.eng .courseSourceTip 	{color: #4D9B3E;}






/*
	 home 2.0 
*/
body.home #landingPage #layout {
	margin: 0 0 0 5px;
	padding: 0 0;
}

body.home #layout .column1, 
body.home #layout .column2, 
body.home #layout .column1 .column2 {
	float: left;
}
body.home #layout .column1 {
	width: 490px;
	margin: 0 0 0 0;
}
body.home #layout .column2 {
	width: 293px;
	padding: 0 0 0 5px;
	margin: 0 0 0 0;
}
body.home #layout .column1 .column1 {
	width: 240px;
	margin: 0 0 0 0;
}
body.home #layout .column1 .column2 {
	width: 245px;
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
}
body.home #layout .column1 .panel, 
body.home #layout .column2 .panel {
	margin: 0 0 5px 0;
}
body.home #layout .panel {
}



body.home #layout .panel h2 {
	margin: 0 5px 10px;
	padding: 0 5px 2px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	border-bottom: 3px double #488bc8;
}
body.home #layout .panel p {
	margin: 0 10px 10px;
	font-size: 11px;
	line-height: 13px;
	color: #CCCCCC;
}
body.home #layout .panel h2 .icue {
	text-transform: none;
}
body.home #layout .panel .line {
	clear: both;
	display: block;
	margin: 0 5px 9px;
	height: 1px;
	border-bottom: 1px dotted #576777;
}



/*  flash tour panel */
body.home #flashPanel {
	width: 490px;
	height: 354px;
}

/*  "select a course" panel */
body.home #layout #coursePanel {margin-bottom: 0;}

body.home #layout #coursePanel .content {
	margin-bottom: 0;
	width: 240px;
}

* html body.home #layout #coursePanel .content {height: 497px;}

body.home #coursePanel .cornersTop .center, 
body.home #coursePanel .cornersBot .center {width: 222px;}
body.home #layout #coursePanel .content a.course img {
	margin: 0 0 5px 5px;
}
body.home #layout #coursePanel .content a.bottom img {
	margin-top: 36px;
}

/*  "join the icue community" panel */
body.home #communityPanel {height: 220px;}
body.home #communityPanel .content {
	height: 202px;
	width: 245px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
body.home #communityPanel .center {width: 227px;}
body.home #layout #communityPanel p {
	clear: both;
	float: left;
	width: 225px;
	margin: 0 0 7px;
	padding: 0 10px;
}

/*  "top scorers" panel */
body.home #layout #scoresPanel {		height: 261px;
	margin-bottom: 0;
}

/*
* html body.home #layout #scoresPanel {	height: 256px;}
*/

body.home #layout #scoresPanel h2 {
/*	width: 225px;*/
}

body.home #layout #scoresPanel .content {
	height: 243px;
	height: 284px;
	width: 245px;}

/*
* html body.home #layout #scoresPanel .content {height: 238px;}
*/

body.home #scoresPanel .center {width: 227px;}

body.home #scoresPanel .content .pageNav {
	margin: 0 10px 0 0;
	float: right;
	font-size: 11px;
}
body.home #scoresPanel .content .friends {
	margin: 0 0;
	padding: 0 5px;
	float: left;
	width: 235px;
}
body.home #scoresPanel .content .friend {
	margin: 0 0;
	padding: 0 1px;
	float: left;
	width: 115px;
	height: 111px;
	text-align: center;
	line-height: 15px;
}
body.home #scoresPanel .content .friend .name {
	margin: 3px 0 1px;
	width: 115px;
	color: #80AFCA;
	font-family: arial,helvetica;
	font-size: 8pt;
	font-weight: normal;
	overflow: hidden;
}
body.home #scoresPanel .content .friend .score {
	color: #C0C0C0;
	font-size: 11px;
}
/*  "sign in" panel */
body.home #loginPanel {height: 198px; position: relative;}
body.home #loginPanel .center {width: 275px;}
body.home #loginPanel .content {height: 180px;
	width: 293px;
}
* html body.home #loginPanel .content {height: 188px;}


#loginPanel .subpanel {
	float: left;
}
#loginPanel .mywhitepanel {
	margin: -4px 5px 0 5px;
}
* html #loginPanel .mywhitepanel {
	margin: 0px 5px 0 5px;
}
#loginPanel .myinfopanel{
	width: 196px;
	margin: 0 0 0 0;
}
* html #loginPanel .myinfopanel {
	width: 191px;
}


#loginPanel .mywhitepanel .cornersTop, 
#loginPanel .mywhitepanel .cornersBot {
	clear: both;
	float: left;
	height: 7px;
}
#loginPanel .mywhitepanel .cornersTop div, 
#loginPanel .mywhitepanel .cornersBot div {
	float: left;
	height: 7px;
	line-height: 0px;
	font-size: 0px;
}
body.home #loginPanel .mywhitepanel .center {width: 73px;}
body.home #loginPanel .mywhitepanel .content {
	clear: both;
	float: left;
	width: 69px;
	height: 133px;
	padding: 2px 9px;
}
#loginPanel .mywhitepanel .cornersTop .left, 
#loginPanel .mywhitepanel .cornersTop .right, 
#loginPanel .mywhitepanel .cornersBot .left, 
#loginPanel .mywhitepanel .cornersBot .right {
	float: left;
	width: 7px;
}
#loginPanel .mywhitepanel .cornersTop .left, 
#loginPanel .mywhitepanel .cornersTop .right, 
#loginPanel .mywhitepanel .cornersBot .left, 
#loginPanel .mywhitepanel .cornersBot .right {background-image: url(../images/home/button15white.gif);}

#loginPanel .mywhitepanel .cornersTop .center, 
#loginPanel .mywhitepanel .cornersBot .center {
	float:	left;
	height: 7px;
}
#loginPanel .mywhitepanel .content, 
#loginPanel .mywhitepanel .center {background-color: #FFFFFF;}
#loginPanel .mywhitepanel .cornersTop .left {
	background-position: top left;
}
#loginPanel .mywhitepanel .cornersTop .right {
	background-position: top right;
}
#loginPanel .mywhitepanel .cornersBot .left {
	background-position: bottom left;
}
#loginPanel .mywhitepanel .cornersBot .right {
	background-position: bottom right;
}

#loginPanel .mywhitepanel .friend .icon {
	margin: 0 0 2px 0;
}
#loginPanel .mywhitepanel .friend .label {
	margin: 0 0 0 0;
	text-transform: uppercase;
	color: #2e72a7;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	border-bottom: 1px solid #2e72a7;
}
#loginPanel .mywhitepanel .friend .score {
	color: #080808;
	font-size: 18px;
	text-align: center;
}

.subpanel .label, 
.subpanel .value {
	font-size: 11px;
	line-height: 12px;
}
.subpanel .label {
	margin: 0 10px 0;
	font-weight: bold;
	text-transform: uppercase;
	color: #8fb7dc;
}
.subpanel .label .icue {
	text-transform: none;
}
.subpanel .value {
	margin: 0 10px 8px;
	color: #FFFFFF;
}
#loginPanel .content {
	position: relative;
}
#loginPanel .darkblueArrow {
	position: absolute;
	bottom: -4px;
	right: 4px;
}
body.home #layout #loginPanel .darkblueArrow {
	margin: 0 0 0 0;
	width: 186px;
}
body.home #layout #loginPanel .darkblueArrow .center {
	width: 168px;
}
body.home #layout #loginPanel .content .darkblueArrow				{ color: #FFFFFF;}
body.home #layout #loginPanel .content .darkblueArrow .left, 
body.home #layout #loginPanel .content .darkblueArrow .right		{ background-image: url(../images/home/buttonHome15darkblueArrow.gif);}
body.home #layout #loginPanel .content .darkblueArrow .center		{ background-color: #22679F;}


#loginPanel .blueblackArrow {
	position: absolute;
	bottom: -4px;
	right: 4px;
}
#externalHeaderGoesHere .blueblackArrow {
	position: absolute;
	top: 21px;
	right: 4px;
}
#externalHeaderGoesHere .blueblackArrow, 
body.home #layout #loginPanel .content .blueblackArrow {
	margin: 0 0 0 0;
	width: 186px;
}
#externalHeaderGoesHere .blueblackArrow .center, 
body.home #layout #loginPanel .content .blueblackArrow .center {
	width: 168px;
}
#externalHeaderGoesHere .blueblackArrow, 
body.home #layout #loginPanel .content .blueblackArrow				{ color: #FFFFFF;}
#externalHeaderGoesHere .blueblackArrow .left,
body.home #layout #loginPanel .content .blueblackArrow .left, 
#externalHeaderGoesHere .blueblackArrow .right, 
body.home #layout #loginPanel .content .blueblackArrow .right		{ background-image: url(../images/home/buttonHome15blueblackArrow.gif);}
#externalHeaderGoesHere .blueblackArrow .center, 
body.home #layout #loginPanel .content .blueblackArrow .center		{ background-color: #22679F;}



/*  "featured videos and resources panel */

body.home #layout .column2 #featuredPanel {
	margin-bottom: 0;
	height: 642px;
	height: 696px;
	overflow: hidden;
}
* html body.home #layout .column2 #featuredPanel {
	height: 663px;
	}


body.home #featuredPanel .center {width: 275px;}

body.home #featuredPanel .content {
	width: 293px;
	height: 624px;
	height: 678px;
}
* html body.home #featuredPanel .content {
	height: 645px;
	}

body.home #layout #featuredPanel h2 {
	margin-bottom: 0px;
}
#featuredPanel .AccordionPanel .AccordionPanelTab {
	background-repeat: no-repeat;
	height: 25px;
	padding: 10px 2px 0px 19px;
}
#featuredPanel .AccordionPanelOpen .AccordionPanelTab {
	background-image: url(../images/home/accordionTabOpen.jpg);
	background-position: center left;
}
#featuredPanel .AccordionPanelClosed .AccordionPanelTab {
	background-image: url(../images/home/accordionTabClosed.jpg);
	background-position: center left;
}
#featuredPanel .AccordionPanel .firstAPT {
	border-top: none;
}
#featuredPanel .AccordionPanel .AccordionPanelTab .pageNav {
	float: right;
	margin-right: 5px;
}
#featuredPanel .AccordionPanel .AccordionPanelTab h3 {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #CCCCCC;
}
#featuredPanel .AccordionPanel .AccordionPanelTab h3 .icue {
	text-transform: none;
}
body.home #featuredPanel .AccordionPanelContentLarge {
	width: 293px;
	height: 425px;
}
/*#featuredPanel .AccordionPanelContentLarge .items {
	width: 100%;
}*/
#featuredPanel .AccordionPanelContentLarge .items tr td {
	height: 85px;
	vertical-align: middle;
	font-size: 11px;
	line-height: 13px;
	color: #CCCCCC;
}
#featuredPanel .AccordionPanelContentLarge .items tr td a {
	font-size: 11px;
	line-height: 13px;
	color: #CCCCCC;
}
#featuredPanel .AccordionPanelContentLarge .items tr.odd td {
	background-color: #2A323B;
}
#featuredPanel .AccordionPanelContentLarge .items tr td.text {
	padding: 0 10px;
	width: 181px;
}
#featuredPanel .AccordionPanelContentLarge .items tr td.thumbnail span {
	margin: 0 0 0 10px;
	padding: 4px 0 0 2px;
	display: block;
	width: 79px;
	height: 63px;
	background-image: url(../images/home/thumbFrame.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#featuredPanel .AccordionPanelContentLarge .items tr td.thumbnail span img {
	display: block;
	width: 74px;
	height: 57px;
}



/* common panels */
.panel .cornersTop, 
.panel .cornersBot {
	clear: both;
	float: left;
	height: 9px;
}
.panel .cornersTop div, 
.panel .cornersBot div {
	float: left;
	height: 9px;
	line-height: 0px;
	font-size: 0px;
}
.panel .content {
	clear: both;
	float: left;
}
.panel .cornersTop .left, 
.panel .cornersTop .right, 
.panel .cornersBot .left, 
.panel .cornersBot .right {
	float: left;
	width: 9px;
}
#loginPanel .cornersTop .left, 
#loginPanel .cornersTop .right, 
#loginPanel .cornersBot .left, 
#loginPanel .cornersBot .right, 
.panel1 .cornersTop .left, 
.panel1 .cornersTop .right, 
.panel1 .cornersBot .left, 
.panel1 .cornersBot .right {background-image: url(../images/home/corners9panel1.gif);}
.panel2 .cornersTop .left, 
.panel2 .cornersTop .right, 
.panel2 .cornersBot .left, 
.panel2 .cornersBot .right {background-image: url(../images/home/corners9panel2.gif);}
.panel3 .cornersTop .left, 
.panel3 .cornersTop .right, 
.panel3 .cornersBot .left, 
.panel3 .cornersBot .right {background-image: url(../images/home/corners9panel3.gif);}

.panel .cornersTop .center, 
.panel .cornersBot .center {
	float:	left;
	height: 9px;
}

#loginPanel .content, 
#loginPanel .center, 
.panel1 .content, 
.panel1 .center {background-color: #080808;}
.panel2 .content, 
.panel2 .center {background-color: #1e2329;}
.panel3 .content, 
.panel3 .center {background-color: #343D49;}
.panel .cornersTop .left {
	background-position: top left;
}
.panel .cornersTop .right {
	background-position: top right;
}
.panel .cornersBot .left {
	background-position: bottom left;
}
.panel .cornersBot .right {
	background-position: bottom right;
}




body.home #layout .panel .xxx {
	margin-top: 7px;
}
body.home #layout .panel .roundButton {
	float: left;
	display: block;
	clear: both;
	margin: 0 0 4px 4px;
	width: 126px;
	height: 15px;
	cursor: pointer;
}
#externalHeaderGoesHere .blueblackArrow, 
body.home #layout #loginPanel .roundButton {
	cursor: pointer;
}
body.home #layout .panel .blue {
	float: right;
	width: 81px;
}
#externalHeaderGoesHere .blueblackArrow .left, 
body.home #layout .panel .roundButton .left {
	float: left;
	display: block;
	background-position: left;
	width: 6px;
	height: 15px;
}
#externalHeaderGoesHere .blueblackArrow .right, 
body.home #layout .panel .roundButton .right {
	float: left;
	display: block;
	background-position: right;
	width: 12px;
	height: 15px;
}
#externalHeaderGoesHere .blueblackArrow .center, 
body.home #layout .panel .roundButton .center {
	margin: 0 0;
	padding: 0 0;
	float: left;
	height: 15px;
	border: none;
	text-align: left;
	line-height: 15px;
	font-size: 11px;
	font-weight: bold;
	font-family: 'Arial Narrow', Arial, Helvetica;
}
body.home #layout .panel .roundButton .center {
	width: 108px;
	background-color: #17242E;
}
#externalHeaderGoesHere .blueblackArrow .center button, 
body.home #layout .panel .roundButton .center button {
	margin: 0 0;
	padding: 0 0;
	float: left;
	height: 14px;
	width: 67px;
	border: none;
	background-color: transparent;
	background-image: none;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	font-family: 'Arial Narrow', Arial, Helvetica;
	color: #2A323B;
	cursor: pointer;
}
body.home #layout .panel .blue .right {
	width: 7px;
}
body.home #layout .panel .blue .center {
	width: 67px;
}

body.home #layout .panel .yellowArrow	{ color: #2A323B;}
body.home #layout .panel .orangeArrow	{ color: #2A323B;}
body.home #layout .panel .blue, 
body.home #layout .panel .blueArrow		{ color: #2A323B;}

body.home #layout .panel .yellowArrow .left, 
body.home #layout .panel .yellowArrow .right	{ background-image: url(../images/home/buttonHome15yellowArrow.gif);}
body.home #layout .panel .orangeArrow .left, 
body.home #layout .panel .orangeArrow .right	{ background-image: url(../images/home/buttonHome15orangeArrow.gif);}
body.home #layout .panel .blue .left, 
body.home #layout .panel .blue .right			{ background-image: url(../images/home/buttonHome15blue.gif);}
body.home #layout .panel .blueArrow .left, 
body.home #layout .panel .blueArrow .right		{ background-image: url(../images/home/buttonHome15blueArrow.gif);}


body.home #layout .panel .yellowArrow .center	{ background-color: #FDB813;}
body.home #layout .panel .orangeArrow .center	{ background-color: #F36F21;}
body.home #layout .panel .blue .center, 
body.home #layout .panel .blueArrow .center		{ background-color: #8FB7DC;}



#adleaderboard {
	padding: 0 0;
	margin: 0 0;
	height: 100px;
	/*display: none;*/
	display: block;
	background-color: #101415;
	text-align: center;
}
#adleaderboard .ad {
	padding: 10px 0 0;
	margin: 0 auto;
	height: 90px;
	width: 805px;
}
#adleaderboard img {
	height: 90px;
	width: 728px;
	border: none;
}
#adleaderboard a {
}

#adfooterleader {
	padding: 0 0;
	margin: 10px 0;
	height: 90px;
	/*display: none;*/
	display: block;
	text-align: center;
}
#adfooterleader .ad {
	padding: 0 0;
	margin: 0 auto;
	height: 90px;
	width: 805px;
}
#adfooterleader img {
	height: 90px;
	width: 728px;
	border: none;
}
#adfooterleader a {
}


#adskyscraper {
	width: 160px;
	height: 600px;
	background-color: #101415;
	position: absolute;
	top: 21px;
	right: -0px;
	display: none;
}

body.home #layout #extraPanel {
	display: none;
}