/* --- [ Result Style Sheets - should have no effect on overall styles ] --- */
.bar-graph-content{ border:solid 1px #00f; clear:both; }
@import "results/block-graph.css"; /* Horizontal Bar Graph styles */
@import "results/pie-chart.css"; /* Pie Chart Styles */
@import "results/vertical-bar.css"; /* Vertical Bar Graph Styles */


/* --- [ basic html tags ] -------------------------------------*/
	html { margin:0; background:#fff url('../images/overall-background.gif') top center repeat-y; }
	body { margin:0px; font-family: Trebuchet MS, verdana,tahoma,arial,sans-serif; color:#000; font-size:10pt; }  
	p { margin:0 0 10px 0; }
	p.intro { font-weight:bold; }

/* --- [ headings ] --------------------------------------*/
	h1, h2, h3, h4, h5, h6 { 
		font-family:  Arial,Trebuchet MS,verdana,sans-serif; }

	h1 {
		margin:0 0 10px 0;
		font-weight: bold;
		font-size: 18pt;
		padding:0 5px 1px 2px;
		border-bottom:solid 2px #000; }
	h1.with-sub-nav {
		margin:0 0 20px 0; }
	h2 {
		margin: 10px 0;
		padding:0 0 1px 0;
		font-weight: bold;
		font-size: 14pt;
		color: #000;
		border-bottom:solid 1px #666; }
	h2.sign-up {
		margin: 10px 0 15px 0;
		font-size: 10pt; 
		border-bottom:0px; }
	h3 {
		font-size: 11pt;
		color: #000;
		margin:0 0 10px 0;
		padding:0 0 3px 0;
		border-bottom:dotted 1px #666; }
	h4 {
		margin: 0 0 5px 0;
		padding: 2px 0px 0px 5px;
		font-weight: bold;
		font-size: 10pt;
		color: #000;
		border-bottom:solid 1px #000; }
		
	h5 {
		margin: 0 0 2px 0;
		font-weight: bold;
		font-size: 10pt;
		color: #000; }

/* --- [ images ] ----------------------------------------*/
    img { border:0px; }
    img.profile-pic { display:block; width:190px; padding:5px; border:dotted 1px #000; }
    img.user-pic { display:block; width:200px;height:200px; }
    img.further { display:block; width:90px; height:25px; float:right; }

/* --- [ general links ] -----------------------------------------*/
    a { color: #c30; text-decoration:none; }
    a:visited { color: #c30; text-decoration:none; }
    a:hover { color: #c90; text-decoration:underline; }
    a:active { color: #c90; text-decoration:underline;  }
	/* NOTE - Specific links are associated below where required in their relevant styles */

/* --- [ page layout ] -----------------------------------------*/
	/* Overall container for the site, keeps it central on the page */
	#container { position:relative; display:block; width:1000px; margin:10px auto; background:#fff; } 
	/* Header area */
	#header { display:block; width:1000px; height:140px; margin:0; background:#fff url('../images/header/header.gif') left top no-repeat; }
	#header-loggedin { display:block; width:1000px; height:140px; margin:0; background:#fff url('../images/header/header.gif') left top no-repeat; }
	/* Main Content Area - Main body and Character Summaries */
	#cols-wrap { display:block; width:850px; min-height:600px; margin:10px 150px 10px 0; padding:0; color:#000; }
	#cols-wrap .cols-body { display:block; width:640px; margin:0; color:#000; float:right; }
	#cols-wrap .cols-right { display:block; width:200px; margin:0; color:#000; float:left; }
	/* Contains Login form in Public Facing and User Summary in Registered Users */
	#sub-nav { display:block; position:absolute; top:150px; right:0; width:140px; margin:0; padding:0; color:#7CFC00; }
	/* Contains footer elements */
	#footer { display:block; width:1000px; margin:0 auto; padding:5px 0 0 0; text-align:center; font-size:90%; color:#aaa; background:#000 url('../images/footer/background.gif') center top no-repeat; }
    #footer a,#footer a:visited { color:#aaa; text-decoration:none; }
    #footer a:hover,#footer a:active { text-decoration:underline; }


/* -- [ Sign-in/register public facing page] -----------------------------------------*/
	.two-cols-wrap { display:block; width:640px; margin:10px 0; }
	.two-cols-left { display:block; width:360px; margin:0 30px 0 0; color:#000; float:left; border:solid 0px #000 }
	.two-cols-right { display:block; width:250px; margin:0; color:#000; float:right; border:solid 0px #00f }

	.four-cols-wrap { display:block; width:640px; margin:10px 0; }
	.four-cols-person { display:block; width:160px; margin:0; float:left; border:solid 0px #000 }
	.four-cols-stuff { display:block; width:150px; margin:0; color:#000; float:left; border:solid 0px #00f }
	.four-cols-stuff h3.eve { display:block; width:144px; height:50px; margin:15px 0 0 0; border:0; background:url('../images/h3-eve.gif') left top no-repeat; }
	.four-cols-stuff h3.isambard { display:block; width:144px; height:50px; margin:15px 0 0 0; border:0; background:url('../images/h3-isambard.gif') left top no-repeat; }
	.four-cols-stuff h3 span { display:none; }

/* -- [ countdown/point blocks ] ------------------------------------*/
	/* #countdown is for the days left of the trial/project */
	#countdown { position:absolute; top:112px; left:0; display:block; width:200px; height:24px; margin:0; padding:0; color:#000; font-weight:bold; font-size:12pt; text-align:center; }
	#countdown br,#mission-countdown br { margin:0; padding:0; }
	#countdown img { width:24px; height:24px; margin:0; }
	#countdown img.days-left { width:130px; height:24px; margin:0; }
	#countdown br { display:none; }

	/* .mission-countdown is for the days left of the missions */
	.mission-countdown { display:block; width:0px; height:75px; margin:0 0 0 0; padding:0; text-align:center; float:right; }
	.mission-countdown img { width:48px; height:48px; margin:5px 2px 0 2px; }
	.mission-countdown img.hours-left, .mission-countdown img.days-left { width:66px; height:19px; margin:0; }

	/* .points is for the point value of the missions */
	.points { display:block; width:117px; height:65px; margin:0px 0px 1px 0px; padding:0; text-align:center; float:left; }
	.points-detail { display:block; width:175px; height:100px; margin:20px auto; text-align:center; border:dotted 1px #000; }
	.points-detail p { margin:0; font-size:120%; font-weight:bold; }
	/*.points img, .points-detail img { width:107px; height:45px; margin:5px 2px 0 2px; }*/
	.points img.points, .points-detail img.points { width:105px; height:14px; margin:0 auto; border:0; float:none; }
	
	/* .minipoints is for the point value of the missions */
	.minipoints { display:block; width:48px; height:24px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:0; text-align:center; float:left; }
	/*.points img, .points-detail img { width:107px; height:45px; margin:5px 2px 0 2px; }*/
	.minipoints img.minipoints, .minipoints-detail img.minipoints { width:48px; height:12px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:0; float:none; }
	

/* --- [ Navigation - Adapted from one on CSS Play ] -------------*/
	.menu { position:absolute; top:109px; left:210px; z-index:100; }
	
	/* remove all the bullets, borders and padding from the default list styling */
	.menu ul {display:block; padding:0; margin:0; list-style-type:none; text-align:center;}
	.menu ul ul {text-align:center;}
	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	.menu li {float:left; position:relative; text-align:center;}
	/* style the links for the top level */
	.menu ul li a {display:block; width:159px; height:20px; padding:7px 0px 3px 0px; font-weight:bold;}
	.menu ul ul li a {display:block; width:159px; height:20px; padding:7px 0px 3px 0px; font-weight:bold; border-top:2px solid white;}
	
	.menu ul li.red a, .menu ul li.red a:visited {font-size:12px; text-decoration:none; color:#000; background:#ff4040 url('../images/navigation/red-block.gif') left top repeat-x; }
	.menu ul li.red a:hover, .menu ul li.red a:active { background:url('../images/navigation/red-block.gif') left top repeat-x; }
	.menu ul ul li.sub-red a, .menu ul ul li.sub-red a:visited {font-size:12px; text-decoration:none; color:#000;  background:#ff4040; text-decoration:none; font-weight:bold; }
	.menu ul ul li.sub-red a:hover, .menu ul ul li.sub-red a:active {font-size:12px; text-decoration:none; color:#000;  background:#ff4040; text-decoration:underline; font-weight:bold; }
	.menu ul li.green a, .menu ul li.green a:visited {font-size:12px;text-decoration:none; color:#000; background:#a2ca4d url('../images/navigation/green-block.gif') left top repeat-x; }
	.menu ul li.green a:hover, .menu ul li.green a:active { background:url('../images/navigation/green-block.gif') left top repeat-x; }
	.menu ul ul li.sub-green a, .menu ul ul li.sub-green a:visited {font-size:12px; text-decoration:none; color:#000; background:#a2ca4d; text-decoration:none; font-weight:bold;}
	.menu ul ul li.sub-green a:hover, .menu ul ul li.sub-green a:active {font-size:12px; text-decoration:none; color:#000; background:#a2ca4d; text-decoration:underline; font-weight:bold;}
	.menu ul li.yellow a, .menu ul li.yellow a:visited {font-size:12px; text-decoration:none; color:#000; background:#f4d151 url('../images/navigation/yellow-block.gif') left top repeat-x; }
	.menu ul li.yellow a:hover, .menu ul li.yellow a:active { background:url('../images/navigation/yellow-block.gif') left top repeat-x; }
	.menu ul ul li.sub-yellow a, .menu ul ul li.sub-yellow a:visited {font-size:12px; text-decoration:none; color:#000; background:#f4d151; text-decoration:none; font-weight:bold;}
	.menu ul ul li.sub-yellow a:hover, .menu ul ul li.sub-yellow a:active {font-size:12px; text-decoration:none; color:#000; background:#f4d151; text-decoration:underline; font-weight:bold;}
	.menu ul li.blue a, .menu ul li.blue a:visited {font-size:12px; text-decoration:none; color:#000; background:#4f94cd url('../images/navigation/blue-block.gif') left top repeat-x; }
	.menu ul li.blue a:hover, .menu ul li.blue a:active { background:url('../images/navigation/blue-block.gif') left top repeat-x; }
	.menu ul ul li.sub-blue a, .menu ul ul li.sub-blue a:visited {font-size:12px; text-decoration:none; color:#000; background:#4f94cd; text-decoration:none; font-weight:bold;}
	.menu ul ul li.sub-blue a:hover, .menu ul ul li.sub-blue a:active {font-size:12px; text-decoration:none; color:#000; background:#4f94cd; text-decoration:underline; font-weight:bold;}

	/* GARY COMMENT - YOU SHOULDN'T NEED TO ALTER THE BITS BELOW AT ALL */
		/* style the second level background */
		.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 149px center;}
		/* style the second level hover */
		.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 149px center; }
		.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 149px center; }
		/* style the third level background */
		.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
		/* style the third level hover */
		.menu ul ul ul a:hover {background:#b2ab9b;}
		
		
		/* hide the sub levels and give them a positon absolute so that they take up no room */
		.menu ul ul {visibility:hidden; position:absolute; height:0; top:30px; left:0; width:159px; border-top:0px solid #000;}
		/* another hack for IE5.5 */
		* html .menu ul ul {top:29px; top:30px;}
		
		/* position the third level flyout menu */
		.menu ul ul ul{left:159px; top:-1px; width:159px;}
		
		/* position the third level flyout menu for a left flyout */
		.menu ul ul ul.left {left:-159px;}
		
		/* style the table so that it takes no part in the layout - required for IE to work */
		.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
		
		/* style the second level links */
		/*.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 0px; width:159px;}*/
		
		/* style the top level hover */
		.menu a:hover, .menu ul ul a:hover{color:#000; background:#f00; }
		.menu :hover > a, .menu ul ul :hover > a {color:#000;  }
		
		/* make the second level visible when hover on first level list OR link */
		.menu ul li:hover ul,
		.menu ul a:hover ul{visibility:visible; }
		/* keep the third level hidden when you hover on first level list OR link */
		.menu ul :hover ul ul{visibility:hidden;}
		/* make the third level visible when you hover over second level list OR link */
		.menu ul :hover ul :hover ul{ visibility:visible;}
	/* GARY COMMENT - END OF BIT TO LEAVE ALONE! */

/* --- [ sub-navigation styles ] ----------------------------------*/
	.sub-menu {position:absolute; display:block; width:640px; top:180px; left:210px; z-index:90; border-top:solid 2px #000; background:#eee; }
	.sub-menu ul {display:block; padding:0; margin:0; list-style-type:none; }
	.sub-menu li {float:left; position:relative; display:block; padding:2px 10px 2px 10px; font-weight:bold; border-right: solid 1px #000; }
	.sub-menu ul li a, .sub-menu ul li a:visited { color:#000; text decoration:none; }
	.sub-menu ul li a:hover, .sub-menu ul li a:active { color:#000; text decoration:underline; }


/* --- [ home page styles ] ----------------------------------*/
	.sting-holder {display:block; width:640px; height:140px; margin:10px 0; border:solid 1px #000; color:#000; background:#eee }
	.sting-holder h3 { margin:10px 10px 5px 10px; }
	.sting-holder .content { display:block; margin:0 10px 0 185px; }
	.sting-holder .content h2 { margin:10px 0; font-size:12pt; }
	.sting-holder .content p { margin:0 0 5px 0; }
    .sting-holder .content a { color: #fff; text-decoration:none; background:none; }
    .sting-holder .content a:visited { color: #fff; text-decoration:none; background:none; }
    .sting-holder .content a:hover { color: #fff; text-decoration:underline; background:none; }
    .sting-holder .content a:active { color: #fff; text-decoration:none;  background:none; }
    
    .sting-holder .content-eve { display:block; margin:0 10px 0 185px; }
	.sting-holder .content-eve h2 { margin:10px 0; font-size:12pt; }
	.sting-holder .content-eve p { margin:0 0 5px 0; }
    .sting-holder .content-eve a { color: #fff; text-decoration:none; background:none; }
    .sting-holder .content-eve a:visited { color: #fff; text-decoration:none; background:none; }
    .sting-holder .content-eve a:hover { color: #fff; text-decoration:underline; background:none; }
    .sting-holder .content-eve a:active { color: #fff; text-decoration:none;  background:none; }
    
    .missions-sting-holder {display:block; width:638px; min-height:360px; max-height:360px; margin:10px 0; border:solid 1px #000; color:#000; background:#eee }
	.missions-sting-holder h3 { margin:10px 10px 5px 10px; }
	.missions-sting-holder .content { display:block; margin:0 10px 0 185px; min-height: 140px; }
	.missions-sting-holder .content h2 { margin:10px 0; font-size:12pt; }
	.missions-sting-holder .content p { margin:0 0 0 0; }
    .missions-sting-holder .content a { text-decoration:none; }
    .missions-sting-holder .content a:visited { text-decoration:none; }
    .missions-sting-holder .content a:hover { text-decoration:underline; }
    .missions-sting-holder .content a:active { text-decoration:none; }
    .missions-sting-holder .library-holder { display:block; width:640px; min-height:180px; max-height:180px; margin-left:5px; margin-right:5px; bottom: 0px; top: auto; }
    .missions-sting-holder .library-item { display:block; width:198px; min-height:180px; margin:5px; border:none; background:none; float:left; }
    
	.home-banner { background:#15b7a8 url('../images/banners/home/Michaela_Banner.jpg') left top no-repeat; }

	.ripped-panel { margin:0 0 10px 0; padding:5px; background:#f7f7f7; }

/* --- [ media player page styles ] ----------------------------------------------*/
	.media-player-holder { display:block; width:640px; margin:10px 0px; }
	.media-player-left { display:block; width:320px; margin:0px 10px 0px 0px; color:#000; float:left; text-align: center; }
	.media-player-right { display:block; width:290px; margin:0; color:#000; float:right; }
	.media-player-left img { max-width:320px; }
	.media-player-left p { width:320px; border: solid 1px black; }
	/* Plain Grey Block to indicate where video could go on page */
	.video-holder { display:block; width:318px; min-height:238px; border:solid 1px #000; color:#000; background:#eee; }

/* --- [ show videos in rows of three for missions etc ] --------------------*/
	.library-holder { display:block; width:640px; margin:0px 0px 10px 0px; }
	.library-item { display:block; width:200px; min-height:200px; margin:4px; border:dotted 1px #000; background:#eee; float:left; }
	.library-item img { display:block; width:160px; height:120px; margin:10px 20px 5px 20px; background:#888; }
	.library-item p { margin:2px 20px 5px 20px; }

/* -- [ the bickers ] -------------------------------------------------------*/
	/* Coloured blocks on 'The Bickers' Intro Pages */
	.michaela { padding:0; color:#fff; background:url('../images/banners/michaela.jpg') left top no-repeat; }
	.michaela h2 { color:#fff; border-bottom:solid 1px #fff; }
	.eve { padding:0; color:#fff; background:url('../images/banners/eve.jpg') left top no-repeat; }
	.eve h2 { color:#fff; border-bottom:solid 1px #fff; }
	.isambard { padding:0; color:#fff; background:url('../images/banners/isambard.jpg') left top no-repeat; }
	.isambard h2 { color:#fff; border-bottom:solid 1px #fff; }
	
	.michaela-large { padding:0; color:#000; background:#1d9594 url('../images/banners/missions_michaela.jpg') left top no-repeat; }
	.eve-large { padding:0; color:#000; background:#eeefe9 url('../images/banners/missions_eve.jpg') left top no-repeat; }
	.isambard-large { padding:0; color:#000; background:#f5b120 url('../images/banners/missions_isambard.jpg') left top no-repeat; }
	
	.toptrumpsmichaela-item { display:block; width:375px; padding:2px 5px 2px 5px; border-top:6px solid white; background:url('../images/characters/toptrumps-michaela.gif'); float:left; }
	.toptrumpseve-item { display:block; width:375px; padding:2px 5px 2px 5px; border-top:6px solid white; background:url('../images/characters/toptrumps-eve.gif'); float:left; }
	.toptrumpsisambard-item { display:block; width:375px; padding:2px 5px 2px 5px; border-top:6px solid white; background:url('../images/characters/toptrumps-isambard.gif'); float:left; }

	
	/*display:block; background:#eee;*/

	/* Content Pages in 'Home' and 'The Bickers'*/
	.michaela-content-white { padding:5px 250px 5px 5px; color:#000; background:url('../images/characters/medium-michaela.gif') right top no-repeat; }
	.michaela-content { position:relative; padding:15px 250px 300px 5px; color:#000; min-height:620px; background:url('../images/characters/large-michaela.gif') right top no-repeat;}
	.michaela-content-1 { position:relative; padding:15px 250px 300px 5px; color:#000; min-height:620px; background:url('../images/characters/large-michaela-1.gif') right top no-repeat;}
	.michaela-content-2 { position:relative; padding:15px 250px 300px 5px; color:#000; min-height:620px; background:url('../images/characters/large-michaela-2.gif') right top no-repeat;}
	.michaela-content-3 { position:relative; padding:15px 250px 300px 5px; color:#000; min-height:620px; background:url('../images/characters/large-michaela-3.gif') right top no-repeat;}
	.eve-content { position:relative; padding:15px 250px 300px 5px; color:#000; min-height:620px; background:url('../images/characters/large-eve.gif') right top no-repeat; }
	.isambard-content { position:relative; padding:15px 250px 300px 5px; color:#000; min-height:620px; background:url('../images/characters/large-isambard.gif') right top no-repeat; }

	/* Top right corner element on Public Facing pages - is generic and asks to pick sides */
	#pick-sides { position:absolute; top:0px; right:0; display:block; width:140px; height:140px; border:solid 0px #f00; text-align:center; background:url('../images/header/pick-sides.gif') center top no-repeat; }
	#pick-sides p, #pick-sides h2 { display:none; }

	/* Title on public home page */
	#time-to-pick-sides { display:block; width:640px; height:50px; margin:0 0 10px 0; background: #f7f7f7 url('../images/time-to-pick-sides.gif') left top no-repeat; }
	
	/* Top right corner element on registered users pages - shows who is being supported by the user */
	#who-supporting { position:absolute; top:0px; right:0; display:block; width:150px; min-height:140px; height:140px; border:solid 0px #f00; text-align:center;  }
	#who-supporting .supporting-small-eve { display:block; width:150px; height:150px; padding:80px 0 0 0; color:#000; background:url('../images/characters/small-eve.gif') left top no-repeat; }
	#who-supporting .supporting-small-isambard { display:block; width:150px; height:150px; padding:80px 0 0 0; color:#000; background:url('../images/characters/small-isambard.gif') left top no-repeat; }
	#who-supporting h2 { display:none; }
	#who-supporting p span { display:none; }

	/* container for character summaries in public facing (used for all) and registered users area (michaela and character supporting) */
	.who-supporting-summary { display:block; width:200px; background:#fff; }
	.who-supporting-summary h2.isambard { display:block; width:150px; height:50px; padding:10px 0 0 55px; margin:10px 0 -5px 0; color:#000; font-size:12pt; text-align:left; border:solid 0px #000; background:url('../images/characters/200-isambard.gif') left top no-repeat; }
	.who-supporting-summary h2.eve { display:block; width:150px; height:50px; padding:10px 0 0 55px; margin:10px 0 -5px 0; color:#000; font-size:12pt; text-align:left; border:solid 0px #000; background:url('../images/characters/200-eve.gif') left top no-repeat; }
	.who-supporting-summary h2.michaela { display:block; width:150px; height:50px; padding:10px 0 0 55px; margin:0 0 -5px 0; color:#000; font-size:12pt; text-align:left; border:solid 0px #000; background:url('../images/characters/200-michaela.gif') left top no-repeat; }
	.who-supporting-summary span { display:none }
	
	/* container for character summary not supporting in registered users area */
	.who-not-supporting-summary { display:block; width:200px; text-align:left; border-bottom:dotted 1px #000; }
	.who-not-supporting-summary h2 { font-size:11pt; margin:0 0 5px 0; }
	.who-not-supporting-summary p { margin:0 0 5px 0; }
	.who-not-supporting-summary a { font-weight:bold; }

/* -- [ the missions - public ] -------------------------------------------*/
	.missions-wrap { display:block; width:640px; margin:10px 0 5px 0; color:#000; }
	.missions-michaela { display:block; width:640px; min-height:150px; margin:0 0 10px 0; background:#1d9594 url('../images/characters/mission-head-michaela.gif') left top no-repeat; }
	.missions-michaela .content { padding:5px 10px 5px 140px; }
	.missions-michaela h2 { margin:5px 0 10px 0; }
	.missions-michaela p { margin:0 0 5px 0; }
	.missions-eve { display:block; width:315px; min-height:100px; margin:0 0 10px 0; background:#eeefe9 url('../images/characters/mission-head-eve.gif') center top no-repeat; float:left; }
	.missions-isambard { display:block; width:315px; min-height:100px; margin:0 0 10px 0; background:#f5b120 url('../images/characters/mission-head-isambard.gif') center top no-repeat; float:right; }
	.missions-plain-left { display:block; width:315px; min-height:100px; margin:0 0 10px 0; float:left; }
	.missions-plain-right { display:block; width:315px; min-height:100px; margin:0 0 10px 0; float:right; }
	.missions-eve .content,.missions-isambard .content,.missions-plain-left .content,.missions-plain-right .content { padding:210px 10px 5px 10px; }
	.missions-eve .content img,.missions-isambard .content img { width:315px; height:100px; }
	.missions-plain-left img,.missions-plain-right img { height:100px; }
	
	.missions-highlight-holder { display:block; width:180px; margin:0 0 10px 0; padding:10px; text-align:left; border:dotted 1px #000; }
	.missions-highlight-holder img { display:block; width:160px; height:120px; background:#999; }
	.missions-small-highlight-holder { display:block; width:200px; margin:0; margin-bottom:5px; text-align:left; background-color: #f6f6f6; }
	.missions-small-highlight-holder h3 { margin:0px; border-bottom: none; }
	.missions-small-highlight-holder img { display:block; width:48px; height:48px; margin:0 5px 0px 0; float:left; }
	.missions-small-highlight-holder p { margin:0px; }
	
	.missions-leftpad { display:block; width:320px; margin:-55px 0px 10px 65px; padding:0px; text-align:left; }
	
/* -- [ the missions - registered ] -------------------------------------------*/
	/* *** Note some styles are used from the public facing styles above *** */
	img.large-banner { display:block; width:640px; height:140px; margin:0 0 10px 0; }

	table.generic-layout { width:640px; border-top:dotted 1px #ccc; }
	table.generic-layout th { display:none; }
	table.generic-layout td { vertical-align:top; padding:5px 0; border-bottom:dotted 1px #ccc; }
	table.generic-layout td.col-1 { width:50px;}
	/*table.generic-layout td.col-1 img { width:48px; height:48px; }*/
	table.generic-layout td.col-2 { width:370px; padding:5px 5px; text-align:left; }
	table.generic-layout td.col-3 { width:210px; text-align:center; }
	table.generic-layout td.col-2 p, table.generic-layout td.col-3 p { margin:0 0 5px 0; }

/* --- [ michaela's top ten - public and registered ] --------------------------------*/
	.topten-holder { position:relative; display:block; width:380px; margin:0 0 10px 0; border:solid 1px #888; clear:both }
	.topten-holder img { display:block; width:160px; height:120px; margin:10px; background:#888; float:left; }
	.topten-holder p { margin:0 5px; }
	.topten-holder p.first { margin:70px 5px 0 5px; }
	.topten-holder p.name { font-size:9pt; font-weight:bold; }
	.topten-holder span { display:none; }

	.number-1 { background:#eee url(../images/top-ten/01.gif) right top no-repeat; }
	.number-2 { background:#eee url(../images/top-ten/02.gif) right top no-repeat; }
	.number-3 { background:#eee url(../images/top-ten/03.gif) right top no-repeat; }
	.number-4 { background:#eee url(../images/top-ten/04.gif) right top no-repeat; }
	.number-5 { background:#eee url(../images/top-ten/05.gif) right top no-repeat; }
	.number-6 { background:#eee url(../images/top-ten/06.gif) right top no-repeat; }
	.number-7 { background:#eee url(../images/top-ten/07.gif) right top no-repeat; }
	.number-8 { background:#eee url(../images/top-ten/08.gif) right top no-repeat; }
	.number-9 { background:#eee url(../images/top-ten/09.gif) right top no-repeat; }
	.number-10 { background:#eee url(../images/top-ten/10.gif) right top no-repeat; }
	
	.topten-holder .rating-0 { float:left; left:175px; display:block; width:106px; height:24px; background:#eee url(../images/top-ten/rating/00.gif) right top no-repeat; } 
	.topten-holder .rating-1 { float:left; left:175px; display:block; width:106px; height:24px; background:#eee url(../images/top-ten/rating/01.gif) right top no-repeat; } 
	.topten-holder .rating-2 { float:left; left:175px; display:block; width:106px; height:24px; background:#eee url(../images/top-ten/rating/02.gif) right top no-repeat; } 
	.topten-holder .rating-3 { float:left; left:175px; display:block; width:106px; height:24px; background:#eee url(../images/top-ten/rating/03.gif) right top no-repeat; } 
	.topten-holder .rating-4 { float:left; left:175px; display:block; width:106px; height:24px; background:#eee url(../images/top-ten/rating/04.gif) right top no-repeat; } 
	.topten-holder .rating-5 { float:left; left:175px; display:block; width:106px; height:24px; background:#eee url(../images/top-ten/rating/05.gif) right top no-repeat; } 

/* --- [ michaela's media mashup ] --------------------------------*/
	.media-mashup-holder { position:relative; display:block; width:385px; height:900px; }
	.media-mashup-holder img { display:block; width:48px; height:48px; padding:0 7px 7px 0; float:left; }
	.media-mashup-next { margin:10px 0 0 0; padding:5px 0 0 0; border-top:solid 1px #000; }
	
/* --- [ you ] ---------------------------------------------------*/
	#you-summary { display:block; width:140px; margin:0 auto; padding:0; color:#000; background:#f7f7f7 url('../images/you-summary/background.gif') left top repeat-y; }
	#you-summary h2 {  margin:5px 0 10px 0; font-size:11pt; color:#369; border-bottom:0 #5a91cc;  }
	#you-summary h3 { margin:0; padding:3px 2px; font-size:11pt; color:#fff; border:0; background:#ccc; }
	#you-summary h4 { margin:0 0 5px 0; padding:5px 0px; font-weight:bold; color:#FFF; background-color: #d3d3d3;}
	#you-summary img { width:140px; }
	#you-summary img.full-details { width:80px; height:24px; }
	#you-summary img.logout { width:140px; height:24px; }
	#you-summary p.mission-list { display:block; width:130px; min-height:100px; margin:0 5px 10px 5px; }
	#you-summary p.mission-list a { font-size:80%; color:#777; margin-bottom: 10px;}

	.you-profile-wrap { display:block; width:640px; margin:10px 0; }
	.you-profile-image { display:block; width:210px; margin:0; color:#000; float:left; border:solid 0px #000 }
	.you-profile-other { display:block; width:420px; margin:0; color:#000; float:right; border:solid 0px #000 }
	
	table.friend-list { width:640px; border-top:dotted 1px #ccc; }
	table.friend-list th { display:none; }
	table.friend-list td { vertical-align:top; padding:10px 0; border-bottom:dotted 1px #ccc; }
	table.friend-list td.col-1 { width:120px; text-align:center; }
	table.friend-list td.col-1 img { width:100px; height:100px; }
	table.friend-list td.col-2 { width:450px; text-align:left; }
	table.friend-list td.col-2 p { margin:0 0 5px 0; }
	table.friend-list td.col-3 { width:100px; text-align:left; }
	table.friend-list td.col-3 p { margin:0 0 5px 0; }

	/* Shows who friends are supporting in the table as a graphic */
	.supporting-eve { display:block; width:200px; height:260px; padding:0; color:#000; background:url('../images/characters/transparent-eve.gif') center top no-repeat; }
	.supporting-isambard { display:block; width:200px; height:260px; padding:0; color:#000; background:url('../images/characters/transparent-isambard.gif') center top no-repeat; }
	.supporting-small-eve { display:block; width:48px; height:48px; margin:0; padding:0; color:#000; background:url('../images/characters/Ev_01.gif') center top no-repeat; }
	.supporting-small-isambard { display:block; width:48px; height:48px; margin:0; padding:0; color:#000; background:url('../images/characters/Is_01.gif') center top no-repeat; }
	.supporting-small-eve-isambard { display:block; width:60px; height:80px; margin:0; padding:0; color:#000; background:url('../images/characters/small-eve-isambard.gif') center top no-repeat; }
	.supporting-small-eve p, .supporting-small-isambard p { display:none }

/* --- [ ratings ] -----------------------------------------------*/

	.your-rating-holder { /* Rating Area for Media Player Pages */
		height: 24px;
		background:url('../images/ratings/ratingstars_unsel.gif') 5px 0 no-repeat;
	}
	.your-rating-holder p { /* In Weekly Mission Review - Other Respnses Lisiting - Contains number of ratings */
		text-align:right;
		margin:2px 0 0 0;
	}
	.your-rating-holder-review { /* Rating Area for Weekly Mission Review - Other Responses Detail Page */
		height: 24px;
		background:url('../images/ratings/ratingstars_unsel.gif') 95px 0 no-repeat;
	}
	.your-rating-holder-review p { /* In Weekly Mission Review - Other Respnses Detail - Contains number of ratings */
		text-align:left;
		margin:0 5px;
	}
	.show-1 { /* Rating Area - 1 Star */
		background:url('../images/ratings/ratingstars_one.gif') no-repeat;
	}
	.show-2 { /* Rating Area - 2 Star */
		background:url('../images/ratings/ratingstars_two.gif') no-repeat;
	}
	.show-3 { /* Rating Area - 3 Star */
		background:url('../images/ratings/ratingstars_three.gif') no-repeat;
	}
	.show-4 { /* Rating Area - 4 Star */
		background:url('../images/ratings/ratingstars_four.gif') no-repeat;
	}
	.show-5 { /* Rating Area - 5 Star */
		background:url('../images/ratings/ratingstars_five.gif') no-repeat;
	}

	
/*--- [ form styles ] --------------------------------------------*/  
    form {
		margin:0;
    }
    form label{
		width: 120px;
		font-weight: bold;
		float: left;
    }
    form label.narrow {
		width: 100px;
    }
    form label.make-invite {
		width: 230px;
		float:none;
    }
    form label.isambard {
		display:block;
		width: 100px;
		height:48px;
		padding:30px 0 0 70px;
		background:url('../images/characters/Is_01.gif') left center no-repeat;
		float: left;
    }
    form label.eve {
		display:block;
		width: 100px;
		height:48px;
		padding:30px 0 0 70px;
		background:url('../images/characters/Ev_01.gif') left center no-repeat;
		float: left;
    }
    form label.confirm {
		display:block;
		width: 130px;
		height:20px;
		padding:0 0 5px 25px;
		background:url('../images/users/confirm.gif') left top no-repeat;
		float: left;
    }
    form label.reject {
		display:block;
		width: 130px;
		height:20px;
		padding:0 0 5px 25px;
		background:url('../images/users/reject.gif') left top no-repeat;
		float: left;
    }
    form input {
		width: 230px;
		margin-bottom: 5px;
    }
    form input.narrow {
		width: 140px;
    }
    form input.checkbox {
		width: 20px;
    }
    form input.pick-checkbox {
		margin:5px 0 0 0;
		width: 20px;
    }
    form input.invite-checkbox {
		margin:0;
		width: 20px;
    }
    form select {
		margin-bottom: 5px;
    }
    form textarea{
		width: 250px;
		height: 100px;
    }
    form textarea.textarea-answer {
		width: 630px;
		height: 100px;
    }
	form fieldset {
		border:solid 1px #000;
		margin:5px;
		padding:10px;
	}
	form fieldset .content {
		margin:10px;
	}
	form fieldset legend {
		padding:3px 10px;
		font-weight:bold;
		border:solid 1px #000;
	}
    form br{
		clear: left;
    }  
	form .submit-container {
		width:220px;
		padding:0px 0px 5px 130px; 
		margin-bottom:5px;
		}  
	form .submit-container-narrow {
		width:220px;
		padding:0px 0px 5px 110px; 
		margin-bottom:5px;
		}  
	form .submit-left {
		float:left;
		width:120px;
		margin:0;
		}
	form .submit-right {
		float:right;
		width:230px;
		margin:0;
		}
	
	/* Signin form on Public Facing Pages */
   #sub-nav form {
		width:140px;
		background:#fff;

    }
   #sub-nav form h2 {
		margin:0;
		padding:3px 3px;
		font-size:11pt;
		color:#fff;
		border:0;
		background:#b4243f;
    }
   #sub-nav form img.no-profile {
		display:block;
		width:140px;
		height:40px;
    }
   #sub-nav form div {
		display:block;
		width:140px;
		height:23px;
		padding:2px 0 0 0px;
		text-align:left;
		font-weight:bold;
		font-size:12pt;
		border:0;
		border-bottom:solid 1px #f7f7f7;
    }
   #sub-nav form .mp-block1 {
		background:#f7f7f7 url('../images/sign-in/points-background.gif') left top no-repeat;
    }
   #sub-nav form .mp-block2 {
		margin:0 0 5px 0;
		border-bottom:solid 5px #d3d3d3;
		background:#f7f7f7 url('../images/sign-in/missions-background.gif') left top no-repeat;
    }
   #sub-nav form p {
		margin:0 0 5px 0;
    }
   #sub-nav form p a {
		color:#999;
		font-size:80%;
    }
   #sub-nav form label {
		font-weight: bold;
		color:#999;
    }
    #sub-nav form input {
		width: 130px;
		margin-bottom: 5px;
    }
    #sub-nav form input.signin-button {
		width: 140px;
		height:23px;
		border:0;
		background:url('../images/sign-in/signin-button.gif') left top no-repeat; 
		margin-bottom:5px;
    }
	#sub-nav form .submit-container {
		width:130px;
		padding:0; 
		margin:0 0 5px 0;
		text-align:right;
		}  

/* --- [ miscellaneous classes ] ----------------------------------*/

	.clear	{clear:both; }
    .requiredField,.requiredfield {color:#f00; }
    .warningText {color: red; margin:0 0 0 5px; }
    .messageText {color: black; margin:0 0 0 5px; }
    .noDisplay { display:none }
    .align-left { text-align:left; }
    .align-center { text-align:center; }
    .align-right { text-align:right; }
	.float-left { float:left; }
	.float-right { float:right; }
	.float-none { float:none; }
    .text-normal { font-weight:normal; }
	.small { font-size:8pt; font-weight:bold; } 
	.smallish { font-size:9pt;} 
	.bit-bigger { font-size:120%; font-weight:bold; } 
	.big-name { font-size:160%; font-weight:bold; } 
	.take-part { font-size:160%; font-weight:bold; margin:10px 0 20px 0; padding:5px 0; text-align:center; border-top:solid 1px #000; border-bottom:solid 1px #000;} 
	.normal { font-weight:normal; } 
	.back-white { background:#fff; }
	.error {color: red;}

/* --- [ mission/points blocks classes ] ----------------------------------*/
   .ripped-panel .four-cols-wrap .four-cols-stuff div,#you-summary div,#sub-nav form div {
		display:block;
		width:135px;
		height:23px;
		padding:2px 0 0 4px;
		text-align:left;
		font-weight:bold;
		font-size:12pt;
		border:0;
		border-bottom:solid 1px #f7f7f7;
    }
  .mp-block1 {
		background:#f7f7f7 url('../images/sign-in/points-background.gif') left top no-repeat;
    }
   .mp-block2 {
		margin:0 0 5px 0;
		border-bottom:solid 5px #d3d3d3;
		background:#f7f7f7 url('../images/sign-in/missions-background.gif') left top no-repeat;
    }
	.mp-block1 span,.mp-block2 span { display:none; }