/* @override 
	http://localhost:3000/stylesheets/corona.css
	http://localhost:3000/stylesheets/corona.css?1258485561
	http://haggai.local:3000/stylesheets/corona.css
	http://localhost:8888/wordpress/wp-content/themes/solar_stormwatch/style.css
	http://blogs.zooniverse.org/solarstormwatch/wp-content/themes/solar_stormwatch/style.css
*/

/* 
Solar Stormwatch CSS
(c) 2009, Royal Observatory Greenwich
*/

/* @group Framing */

html, body {
	background-color: #ebebeb;
	padding: 0;
	margin: 0;
}

body {
	font: 13px/21px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

#aphelion {
	background-color: #e2e2e2;
	padding: 0;
	margin: 0;
}

#aphelion .liner {
	width:  958px;
	position: relative;
	padding: 1px 0;
	margin: 0 auto;
}

#logo {
	
}

#logo span {
	position: absolute;
	display: block;
	width: 377px;
	height: 120px;
	top: 17px;
	left: 20px;
	background: url(/images/logos/solar_stormwatch.png) no-repeat top left;
}

#logo span a {
	display: block;
	width: 377px;
	height: 120px;
}

#logo.from-elsewhere span {
	background-image: url(/images/logos/solar_stormwatch-rog.png)
}

#logo.from-the-zoo span {
	background-image: url(/images/logos/solar_stormwatch-zoo.png)
}

#logo h1, #logo p {
	display: none;
}

#ssw-in-beta {
	background: url(/images/logos/ssw-beta.png);
	position: absolute;
	height: 54px;
	width: 56px;
	
	left: 382px;
	top: 44px;
}

#nav {
	margin: 0 0 0 543px;
	postion: relative;
	height:  156px;
}

#nav ul {
	float: right;
	padding: 0;
	width: 365px;
	margin: 20px 20px 0 0;
}

#nav li {
	display: block;
	width: 365px;
	height: 26px;
	padding: 0px;
	margin: 0px 0px 4px 0px;
	line-height: 13px;
	zoom: 1;
	background: #3aadf9;
}

.ie6 #nav li, .ie7 #nav li {
	margin-bottom: 1px;
}

#nav li a {
	display: block;
	width: 365px;
	height: 26px;
	line-height: 13px;
	padding: 0;
	margin: 0;
	zoom: 1;
	background: #666666;
}

#nav li.current a {
	background: #3aadf9;
}

#nav p {
	margin: 20px 0 0 0;
	float: left;
	width: 26px;
	height: 116px;
	background: #3aadf9;
}

#nav p a {
	display: block;
	width: 26px;
	height: 116px;
	line-height: 13px;
	padding: 0;
	margin: 0;
	zoom: 1;
	background: #666666;
}

#nav a:hover {
	background: #3aadf9;
}

#ecliptic {
	background-color: #f7f7f7;
	width:  918px;
	padding: 20px;
	margin: 0 auto;
}

.ie6 #ecliptic {
	width: 918px;
}


#login-controls {
	width: 26px;
	position: fixed;
	_position: absolute;
	right: 0px;
	/*top: 182px;*/
	
	z-index: 50;
}

#login-controls a {
	display: block;
	width: 26px;
	height: 212px;
	background: url(/images/my-solar-stormwatch/login-controls.png) no-repeat left top;
	padding: 0;
	margin: 0;
}

#login-controls span {
	display: none;
}

#login-controls #login-button {
	background-position: left -212px;
}

#login-controls #login-button:hover {
	background-position: right -212px;
}

#login-controls #my-solar-stormwatch-button:hover, #login-controls #my-solar-stormwatch-button.panel-open {
	background-position: right top;
}

#login-controls #logout-button {
	height: 92px;
	background-position: left bottom;
}

#login-controls #logout-button:hover {
	background-position: right bottom;
}


#login-controls p {
	/*position: relative;*/
	width: 26px;
	padding: 0;
	margin: 0 0 10px 0;
}

#login-controls p img.rollover {
	position: absolute;
	
	top: 0;
	left: 0;
	display: none;
}

/* @group Footer */

#perihelion {
	background-color: #666666;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

#perihelion .liner {
	width:  898px;
	padding: 1px 30px;
	margin: 0 auto;
}

#perihelion h2 {
	color: #3aadf9;
	font: 13px/16px "Arial Black", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0 0 6px 0;
	border-bottom: 1px solid #757575;
	margin: 0;
}

#perihelion .liner a {
	color: white;
}

#perihelion .liner a:hover {
	text-decoration: underline;
}

#quick-links, #follow-us, #brought-to-you-by {
	float:  left;
	width: 236px;
	margin: 30px 40px 0 0;
}

#brought-to-you-by {
	width: 346px;
	margin-right: 0;
}

#perihelion ul {
	color: white;
	padding: 0;
	margin: 13px 0 0 0;
}

#perihelion ul li {
	display: block;
	line-height: 26px;
}

#follow-us ul li {
	height:  40px;
	margin-top:  23px;
	line-height: 40px;
}

#follow-us li img {
	margin-right: 13px;
	float: left;
}

#brought-to-you-by li {
	margin-top: 23px;
}

#terms-and-conditions {
	color: white;
	clear: both;
	padding: 30px 0 10px 0;
	text-align:  right;
}

#terms-and-conditions a {
	color: white;
	text-decoration: none;
}

/* @end */
/* @end */

/* @group Utility things */

.clearance {
	clear: both;
}

.box {
	float: left;
	background: #eeeeee;
	padding: 0 10px 10px 10px;
	margin: 10px 10px 0 0;
	width:  898px;
}

.box.top-box {
	margin-top: 0;
}

.action {
	font-size: 11px;
	font-weight: bold;
}
.action a {
	display: inline-block;
	color: white;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 4px 3px 4px;
	background-color: #4e4e4e;
}

.action a:hover {
	background-color: #3aadf9;
	text-decoration: none;
}

.column h3 {
	position: relative;
}

.column h3 img {
	position: absolute;
	top: 0;
	right: 0;
}

#talk-about-it .triptych .column .panel {
	background-color: #eeeeee;
	margin-top: 0;
	padding: 10px;
}

#talk-about-it .triptych .column .panel + .panel {
	margin-top: 10px;
}



/* @end */


/* @group basics */

ul {
	margin: 15px 0 0 18px;
	padding: 0;
}

a {
	text-decoration: none;
	color: #ff7a00;
}

a:hover {
	text-decoration: underline;
}

p {
	margin: 15px 0 0 0;
}


/* @end */

/* @group Main profile panels */

#profile-panels .panel {
	background-color: #666666;
	color: white;
	
	font-size: 12px;
	line-height: 18px;
	
	border: 1px solid white;
	margin-bottom: 10px;
}

#profile-panels .panel h2 {
	position: relative;
	font: bold 13px/13px Arial, Helvetica, sans-serif;
	color: white;
	text-transform: uppercase;
	padding: 10px;
	margin: 0;
	border-bottom: 1px solid white;
}

.ie7 #profile-panels .panel h2 {
	padding: 9px 10px;
}

#profile-panels .panel h2 span {
	display: block;	
	position: absolute;
}

#profile-panels .panel div {
	padding: 10px;
}

#profile-panels .panel h3 {
	font: bold 13px/13px Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #3aadf9;
	padding: 0;
	margin: 0;
	clear: both;
}

#profile-panels .achievements h2 span {
	background: url(/images/profile-panels/achievements.png);
	width: 25px;
	height: 32px;
	
	right: 9px;
	top: -5px;
}
.ie7 #profile-panels .achievements h2 span {
	top: -3px;
}

#profile-panels .achievements ul {
	clear: right;
}

#profile-panels .achievements li {
	width:  183px;
	padding: 0 5px;
	margin: 0;
	text-align: center;
}

#profile-panels .achievements li h4 {
	color: white;
	margin: 10px 0 5px 0;
}

#profile-panels .achievements li p {
	color: white;
	margin: 0 0 10px 0;
}


#profile-panels .groups-and-collaborators h2 span {
	background: url(/images/profile-panels/groups.png);
	width: 49px;
	height: 28px;
	
	right: 4px;
	top: 6px;
}

#profile-panels .groups-and-collaborators div {
	float: left;
}

#profile-panels .panel div.clearance {
	float: none;
	padding: 0;
}

#profile-panels .groups-and-collaborators ul {
	margin: 0 0 0 15px;
	padding: 0;
}

#profile-panels .groups-and-collaborators li {
	font-weight: bold;
	margin-top: 15px;
}

#profile-panels .favourite-storms h2 span {
	background: url(/images/profile-panels/favourites.png);
	width: 26px;
	height: 27px;
	
	right: 7px;
	top: 3px;
}

#profile-panels .favourite-storms ul {
	margin-left: 68px;
	padding: 0;
}

#profile-panels .favourite-storms li {
	display: block;
	float: left;
	
	padding: 0;
	margin:  0 55px 10px 0;
}

#profile-panels .panel div div {
	padding: 0;
}

#profile-panels .data-challenge-stats h2 span {
	background: url(/images/profile-panels/stats.png);
	width: 31px;
	height: 28px;
	
	right: 4px;
	top: 6px;
}

#profile-panels .data-challenge-stats h3 {
	text-transform: uppercase;
}

#profile-panels .data-challenge-stats .score {
	display: inline-block;
	width: 39px;
	height: 20px;
	background: url(/images/my-solar-stormwatch/score-background.png) no-repeat;
	color: #3aadf9;
	text-align: center;	
	font-weight: bold;
	padding: 3px 0 0 0;
	margin: 0 0 0 5px;
}

#profile-panels .data-challenge-stats .hero {
	background: url(/images/my-solar-stormwatch/score-background-hero.png) no-repeat;
	color: white;
}

#profile-panels .data-challenge-stats div {
	position: relative;
}

#profile-panels .data-challenge-stats p {
	margin: 15px 0 20px 0;
}

#profile-panels .data-challenge-stats p.action {
	position: absolute;
	top: 4px;
	right: 5px;
	margin: 0;
}

#profile-panels .forum {
	padding-bottom: 10px;
}

#profile-panels .forum h2 span {
	background: url(/images/profile-panels/forum.png);
	width: 35px;
	height: 25px;
	
	right: 5px;
	top: 5px;
}

#profile-panels .forum p {
	text-transform: uppercase;
	margin: 15px 0 18px 0;
}

#profile-panels .forum div div p {
	text-transform: none;
	margin: 15px 0 0 0;
}

#profile-panels .forum p.action {
	float: right;
}

#profile-panels .scientific-papers h2 span {
	background: url(/images/profile-panels/scientific-papers.png);
	width: 21px;
	height: 25px;
	
	right: 4px;
	top: 4px;
}

#profile-panels .scientific-papers ul {
	margin: 0 0 0 10px;
	padding: 0 10px 10px 15px;
}

#profile-panels .scientific-papers li {
	font-weight: bold;
	margin-top: 15px;
}

#profile-panels .videos h2 span {
	background: url(/images/profile-panels/videos.png);
	width: 20px;
	height: 19px;
	
	right: 5px;
	top: 7px;
}

#profile-panels .blog-posts h2 span {
	background: url(/images/profile-panels/blog-posts.png);
	width: 44px;
	height: 30px;
	
	right: 5px;
	top: 4px;
}

#profile-panels .blog-posts .action {
	text-align: right;
}

#profile-panels .action a {
	background-color: #4e4e4e;
}

#profile-panels .action a:hover {
	background-color: #3aadf9;
}

#profile-panels .data-challenge-stats p.action a {
	
}


/* @end */

/* @group Front page */

/* @group Sidebar */

.sidebar {
	float: right;
	width: 222px;
	padding: 0 0 0 10px;
	margin: 0;
}

.sidebar p {
	font-size: 12px;
	color: #333333;
	margin:  10px 10px 0 0;
}

.sidebar .panel {
	background: url(/images/sidebar_flag.png) no-repeat right top;
	margin: 10px 0 0 0;
	clear: both;
	overflow: hidden;
}

.sidebar .panel.top {
	margin-top: 0px;
}

.sidebar .panel h2 {
	color: #3aadf9;
	font: bold 18px/25px Arial, Helvetica, sans-serif;
	padding: 0 32px 2px 0;
	margin: 0 0 10px 0;
}
.sidebar .panel h3 {
	font-size: 12px;
	margin: 10px 0 0 0;
}

.sidebar .panel p.featured-member-avatar {
	/*margin-top: 0;*/
}

.sidebar .panel dl {
	font-size: 12px;
	padding: 0;
	margin: 10px 0 0 0;
}

.sidebar .panel dt {
	display: inline;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

.sidebar .panel dd {
	display: inline;
	padding: 0;
	margin: 0;
}

.achievements ul {
	padding: 0;
	margin: 5px 0 0 0;
}

.achievements li {
	float: left;
	width:  96px;
	display: block;
	padding: 0 5px;
	margin: 0;
	text-align: center;
}

.achievements li img {
	display: inline;
}

.sidebar .panel .action {
	margin-top: 10px;
}

/* @end */

#scientists-need-you {
	position: relative;
	background-image: url(/images/aye_corona.jpg);
	height: 231px;
	padding: 15px 0 0 21px;
}

#scientists-need-you h2 {
	color: white;
	font-family: "Arial Black", Arial, Helvetica;
	font-size: 24px;
	margin: 0;
}

#scientists-need-you p {
	color: white;
	font-size: 19px;
	line-height: 34px;
	width: 458px;
}

#scientists-need-you .action {
	position: absolute;
	right: 30px;
	bottom: 30px;
	width: 250px;
	padding: 0;
	margin: 0;
	text-align: right;
	height: 200px;
}

#scientists-need-you .action a {
	position: absolute;
	bottom: 0;
	right: 0;
	font-family: "Arial Black", Arial, Helvetica;
	padding: 0;
	width: 196px;
	height: 58px;
}

.guts {
	float: left;
	width: 686px;
	padding: 0;
	margin: 0;
}

.ie6 .guts {
	zoom: 1;
}

.guts .box {
	width: 313px;
}

.ie6 .box {
	padding: 0 10px 10px 10px;
	margin: 10px 10px 0 0;
	zoom: 1;
}

.box.double {
	width: 666px;
	padding-right: 0;
}

.ie6 .double {
	width: 666px;
	padding: 0 0 10px 10px;
	margin: 10px 10px 0 0;
	zoom: 1;
}

.box.double .column {
	width: 313px;
	float: left;
	margin: 15px 30px 0 0;
}

.ie6 .column {
	padding: 0;
	zoom: 1;
}

.ie6 .double .second {
	margin: 15px 0 0 0;
}

.box.double .column.second {
	margin: 15px 10px 0 0;
}

.box.double .column .column-first {
	margin-top: 0;
}

.box h2 {
	color: #3aadf9;
	font: 16px/16px "Arial Black", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 8px 0 0 0;
	padding: 0;
	clear: both;
}

.box h3 {
	position: relative;
	font: bold 13px/21px Arial, Helvetica, sans-serif;
	margin: 23px 0 0 0;
}

.box h3 img {
	position: absolute;
	top: 0;
	right: 0;
}

.box h4 {
	font: bold 13px/21px Arial, Helvetica, sans-serif;
	color: #ff7a00;
	margin: 10px 0 0 0;
	padding: 0;
}

p.action, h3.action {
	margin-top: 19px;
	font-size: 11px;
	line-height: 11px;
}
span.action {
	font-size: 11px;
	line-height: 11px;
}

img {
	border: none;
	display: block;
}

p.section-promo {
	margin-top: 10px;
}

p.front-page-blog-summary {
	margin-top: 0;
}
p.front-page-blog-summary img {
	display: inline;
}

#latest-flickr ul {
	clear: both;
	padding: 0;
	margin: 15px 0 0 0;
}

#latest-flickr li {
	display: block;
	float: left;
	width: 75px;
	padding: 0;
	margin: 0 10px 10px 0;
}

#latest-flickr li span {
	font-size: 10px;
	line-height: 12px;
	display: block;
	
	margin: 10px 0 0 0;
}

#latest-flickr p.action {
	margin-top: 0;
	padding-top: 10px;
}
/* @end */

/* @group Front page (logged in) */

/* @group My Solar Stormwatch */

#my-solar-stormwatch-panel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: url(/images/my-solar-stormwatch/background.png) repeat;
	display: none;
	z-index: 100;
}

#my-solar-stormwatch {
	position: relative;
	width: 893px;
	background: #f7f7f7;
	margin: 48px auto;
	padding: 10px 10px 0 10px;
}

#my-solar-stormwatch h1 {
	font: 24px/24px "Arial Black", sans-serif;
	color: #3aadf9;
	text-transform: uppercase;
	padding: 0;
	margin: -5px 0 0 0;
}

#my-solar-stormwatch h1 span {
	position: absolute;
	background: url(/images/my-solar-stormwatch/close.png) 0 bottom;
	width: 72px;
	height: 73px;
	
	right: -31px;
	top: -21px;
	
	cursor: pointer;
}

#my-solar-stormwatch h1 span:hover {
	background-position: top;
}

#my-solar-stormwatch .name-panel, #my-solar-stormwatch #personal-statement {
		margin: 20px 0 23px 0;
}

#my-solar-stormwatch .name-panel {
	position: relative;
	float: left;
	width: 220px;
}

#my-solar-stormwatch .name-panel p {
	margin: 8px 0 0 58px;
}

.name-panel p.name {
	margin-top: 0;
	font: 16px/16px "Arial Black", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #3aadf9;
}

.name-panel p.member-since {
	margin-top:  8px;
	font-weight: bold;
}

.name-panel p.member-since span {
	font-weight: normal;
}

#my-solar-stormwatch .name-panel p.status {
	font: 16px/16px "Arial Black", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #ff7a00;
}

#my-solar-stormwatch div.name-panel p.avatar {
	position: absolute;
	
	top: 3px;
	left: 0;
	
	padding: 0;
	margin: 0;
}

#my-solar-stormwatch #personal-statement {
	width:  407px;
	float: left;
	
	padding: 0;
}

#my-solar-stormwatch #personal-statement-top {
	background: url(/images/my-solar-stormwatch/statement-top.png) no-repeat top;
	
	padding: 5px 10px 5px 27px;
}

#my-solar-stormwatch #personal-statement-bottom {
	height: 15px;
	background: url(/images/my-solar-stormwatch/statement-bottom.png) no-repeat bottom;
	padding: 0;
}

/*#my-solar-stormwatch .personal-statement div:last-child {
	background: url(/images/my-solar-stormwatch/statement-bottom.png) no-repeat 0 bottom;
	padding: 0;
	height: 15px;
}*/

#my-solar-stormwatch #personal-statement .statement {
	margin: 0 0 -15px 0;
}

#my-solar-stormwatch #personal-statement p {
	font-weight: bold;
	color:  #6e6e6e;
	margin: 0;
}

#my-solar-stormwatch #personal-statement p + p {
	margin-top: 18px;
}

#my-solar-stormwatch .panels.left {
	clear: left;
	float: left;
	width: 601px;
}

#my-solar-stormwatch .panels.right {
	float: left;
	width: 282px;
	margin-left: 10px;
}

/* @end */

#your-profile {
	position: relative;
	background: #eeeeee;
	width: 898px;
	margin: 0;
	/*padding: 0 10px 10px 10px;*/
}

#your-profile h2 {
	width: 798px;
	position: absolute;
	left: 68px;
}

#hey-there-you p {
	float: left;
	margin: 11px 0 10px 0;
}

#invite-friends {
	float: right;
	background: #666666;
	font: 12px/12px "Arial Black", Arial, Helvetica;
	padding: 16px 11px;
	margin: 10px 0;
}

#invite-friends a {
	text-transform: uppercase;	
	text-decoration: none;
	color: white;
}

/* @group Profile panels */

#your-profile .panels {
	clear: both;
	color: white;
}

#your-profile .panel {
	width: 215px;
	height: 252px;
	background: #666666;
	float: left;
	padding: 0;
	border: 1px solid white;
	margin-left: 0;
	overflow: hidden;
}

#your-profile .panel + .panel {
	margin-left: 10px;
}

#your-profile .panel h3 {
	font-size: 13px;
	margin: 0;
	text-transform: uppercase;
	padding: 10px 10px 9px 10px;
	border-bottom: 1px solid white;
}

#your-profile .panel-text {
	padding: 10px;
}

#your-profile .favourites ul {
	padding: 14px 0 7px 16px;
	margin: 0;
}

#your-profile .favourites li {
	display: block;
	margin: 7px 8px 8px 7px;
	float: left;
}

#your-profile .favourites li.clearance {
	display: block;
	float: none;
	clear: both;
	padding: 0;
	margin: 0;
}


#your-profile .achievements li {
	float: left;
	width:  96px;
	height: 90px;
	display: block;
	padding: 0 5px 5px 5px;
	font-size: 11px;
	line-height: 13px;
	margin: 5px 0 0 0;
	text-align: center;
}

#your-profile .achievements li p {
	margin: 0 0 5px 0;
}

#your-profile .achievements li img {
	margin: 0 16px;
}

.panel .panel-text {
	padding: 0 10px;
}

.panel .panel-text h4 {
	color: #3aadf9;
}

.panel .panel-text ul {
	font-size: 12px;
	
	padding: 10px 15px 0px 15px;
	margin: 0;
}

.panel .panel-text p {
	padding: 0;
	margin: 0;
}


/* @end */

/* @group Spot-and-track */

#spot-and-track-home.box h2 {
	margin-bottom: 4px;
}

#spot-and-track-home h3 {
	clear: both;
	text-transform: uppercase;
	padding: 14px 0 10px 0;
	margin: 0;
}

#spot, #track {
	position: relative;
}


#spot-and-track-home ol {
	position: relative;
	height: 36px;
	padding: 0;
	margin: 0;
}

#spot-and-track-home ol li {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/spot-and-track/game-locked.png) no-repeat;
	width: 105px;
	height: 36px;
	
	padding: 0 20px 0 28px;
	margin: 0;
}

#spot-and-track-home ol li.training {
	background-image: url(/images/spot-and-track/training-locked.png);
	width: 83px;
	padding: 0 30px 0 5px;
}

#spot-and-track-home ol li.unlocked {
	background: url(/images/spot-and-track/game-unlocked.png) no-repeat;
}

#spot-and-track-home ol li.training.unlocked {
	background-image: url(/images/spot-and-track/training-unlocked.png);
}

#spot-and-track-home ol li.g1 {
	left: 98px;
}
#spot-and-track-home ol li.g2 {
	left: 231px;
}
#spot-and-track-home ol li.g3 {
	left: 364px;
}
#spot-and-track-home ol li.g4 {
	left: 497px;
}
#spot-and-track-home ol li.g5 {
	left: 630px;
}

.ie7 #spot-and-track-home ol li.g0 {
	z-index: 5;
}
.ie7 #spot-and-track-home ol li.g1 {
	z-index: 4;
}
.ie7 #spot-and-track-home ol li.g2 {
	z-index: 3;
}
.ie7 #spot-and-track-home ol li.g3 {
	z-index: 2;
}
.ie7 #spot-and-track-home ol li.g4 {
	z-index: 1;
}


#spot-and-track-home span {
	display: block;
	height: 16px;
	font-size: 12px;
	padding: 12px 0 8px 0;
	color: #4e4e4e;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 12px;
	white-space: nowrap;
}

#spot-and-track-home .unlocked span, #spot-and-track-home .unlocked span a {
	color: white;
	white-space: nowrap;
}

#spot-and-track-home a {
	text-decoration: none;
}

#spot-and-track-home .coming-soon span {
	height: 14px;
	padding: 6px 0 0 0;
}

#spot-and-track-home span.coming-soon {
	color: #3aadf9;
	font: 10px "Arial Black";
	text-transform: uppercase;
	padding: 0 0 3px 0;
	height: 14px;
}

/*#spot-and-track-home .training span {
	padding-left: 5px;
}*/

#spot-and-track-home li img {
	display: block;
	position: absolute;
	right: 5px;
	top: -15px;
	padding: 0;
	margin: 0;
	width: 32px;
	height: 34px;
	z-index: 1;
}

/*.ie7 #spot-and-track-home li img {
	z-index: -100;
}*/

#spot-and-track-home .game-descriptions {
	clear: both;
}

#spot-and-track-home .game-descriptions div {
	padding: 0;
}


#spot-and-track-home .game-descriptions div p {
	position: absolute;
	top: 6px;
	width: 365px;
	background: url(/images/spot-and-track/game-description-bubble.png) no-repeat left -48px;
	font: bold 13px/30px Arial, Helvetica, sans-serif;
	color: white;
	line-height: 30px;
	text-align: center;
	margin: 0;
	padding: 0 5px;
	z-index: 15;
}
#spot-and-track-home .game-descriptions div.unlocked p {
	width: 470px;
	background-position: left -95px;
}
#spot-and-track-home .game-descriptions div.coming-soon p {
	width: 95px;
	background-position: left top;
}

#spot-and-track-home .game-descriptions div p.arrow {
	position: absolute;
	width: 19px;
	height: 17px;
	top: 36px;
	background: url(/images/spot-and-track/game-description-bubble_arrow.png) no-repeat left top;
	padding: 0;
	margin: 0;
}

/* the individual bubbles */
#spot-and-track-home .game-descriptions div.g0 p {
	left: 50px;
}
#spot-and-track-home .game-descriptions div.g0 p.arrow {
	left: 73px;
}

#spot-and-track-home .game-descriptions div.g1 p {
	left: 75px;
}
#spot-and-track-home .game-descriptions div.g1.coming-soon p {
	left: 116px;
}
#spot-and-track-home .game-descriptions div.g1 p.arrow {
	left: 160px;
}

#spot-and-track-home .game-descriptions div.g2 {
	left: 114px;
}
#spot-and-track-home .game-descriptions div.g2.unlocked p {
	left: 100px;
}
#spot-and-track-home .game-descriptions div.g2.coming-soon p {
	left: 249px;
}
#spot-and-track-home .game-descriptions div.g2 p.arrow {
	left: 293px;
}

#spot-and-track-home .game-descriptions div.g3 p {
	left: 230px;
}
#spot-and-track-home .game-descriptions div.g3.unlocked p {
	left: 125px;
}
#spot-and-track-home .game-descriptions div.g3.coming-soon p {
	left: 382px;
}
#spot-and-track-home .game-descriptions div.g3 p.arrow {
	left: 426px;
}

#spot-and-track-home .game-descriptions div.g4 p {
	left: 255px;
}
#spot-and-track-home .game-descriptions div.g4.unlocked p {
	left: 150px;
}
#spot-and-track-home .game-descriptions div.g4.coming-soon p {
	left: 515px;
}
#spot-and-track-home .game-descriptions div.g4 p.arrow {
	left: 559px;
}

#spot-and-track-home .game-descriptions div.g5 p {
	left: 380px;
}
#spot-and-track-home .game-descriptions div.g5.unlocked p {
	left: 275px;
}
#spot-and-track-home .game-descriptions div.g5.coming-soon p {
	left: 648px;
}
#spot-and-track-home .game-descriptions div.g5 p.arrow {
	left: 692px;
}

#spot-and-track-home .game-descriptions div.g0 {
	display: block;
}
#latest-challenge {
	position: relative;
	left: -36px;
	width: 262px;
	padding: 0;
	margin: 10px 0 0 0;
}

#latest-challenge h2 {
	margin: 0 0 0 26px;
	background: url(/images/spot-and-track/latest-challenge_top.png) no-repeat left top;
	font: 16px/16px "Arial Black", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: white;
	padding: 8px 12px 8px 12px;

}

#latest-challenge div {
	padding: 1px 12px 1px 42px;
	margin: 0;
	background: url(/images/spot-and-track/latest-challenge_background.png) no-repeat left top;
	color: white;
}

#latest-challenge .challenge-link {
	margin: 0 0 0 26px;
	background: url(/images/spot-and-track/latest-challenge_bottom.png) no-repeat left bottom;
	padding: 8px 12px 19px 12px;
	text-align: center;
}

#latest-challenge div p {
	font-size: 13px;
	color: white;
}


#latest-challenge .challenge-link a {
	background: #4e4e4e;
	padding: 10px 15px;
	font: 12px/34px "Arial Black", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: white;
}

#latest-challenge .challenge-link a:hover {
	background: #d3d3d3;
	color: #4e4e4e;
}
/* @end */

/* @group Latest Discovery */
.discovery-details p img {
	float: left;
	margin-right: 15px;
	margin-left: -90px;
}
.discovery-details p {
	font-weight: bold;
	margin-top: 15px;
	margin-left: 90px;
}

/*.discovery-details p:first-child {
	margin-top: 0;
}*/

.discovery-details .discovery-time {
	font-weight: normal;
	font-style: italic;
}

.discovery-details span {
	font-weight: normal;
	font-style: normal;
}

/* @end */

/* @end */

/* @group Spot-and-track page */

.box .column {
	width: 444px;
	float: left;
	margin: 0;
}

.box .column + .column {
	margin-left: 10px;
}

.column ul:first-child {
	margin-top: 0px;
}

.landing-page p.cme, .landing-page p.splash {
	float: left;
	width: 434px;
	padding: 0;
	margin: 10px 0 0 20px;
}

.landing-page p.intro {
	font-size: 18px;
	line-height: 32px;
	width: 444px;
	margin: 18px 0 0 0;
	
}

.landing-page h2 {
	color: #3aadf9;
	font: 24px/24px "arial black", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 8px 0 0 0;
	padding: 0;
	clear: both;
}

.landing-page h3 {
	color: #3aadf9;
	font: 16px/16px "arial black", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 8px 0 0 0;
	padding: 0;
	clear: both;
}

.landing-page h3.incoming {
	font: 16px/25px "arial black", Arial, Helvetica, sans-serif;
}


.landing-page .spot, .landing-page .track {
	background: white;
	padding: 0 10px;
	width:  424px;
	margin-top: 20px;
}

.spot p, .track p {
	font-weight: bold;
}

.game {
	position: relative;
	left: -10px;
	width: 424px;
	height: 139px;
	padding: 15px 10px 0 10px;
}

.game + .game {
	height: 143px;
	padding-top: 37px;
	background: url(/images/spot-and-track/landing-page-divider.png) no-repeat left top;
}

.game + .game p.go {
	top: 37px;
}

.game p {
	margin-top: 27px;
	font-weight: normal;
}

.game h4 {
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #3aadf9;
	text-transform: uppercase;
	margin: 10px 0 0 0;
}

.game .coming-soon {
	position: absolute;
	right: 0;
	bottom: 0;
	
	width: 160px;
	height: 160px;

	background: url(/images/spot-and-track/coming-soon.png);
	
	margin: 0;
	padding: 0;
}

.game p.go {
	position: absolute;
	top: 15px;
	right: 10px;
	
	background-color: #d3d3d3;
	width: 101px;
	color: #6e6e6e;
	font: 12px/12px "Arial Black", Arial, Helvetica;
	padding: 14px;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}

.game p.go a {
	display: block;
	width: 101px;
	top: 0;
	right: 0;
	padding: 14px;
	
	position: absolute;
	background: #4e4e4e;
	color: white;
	text-decoration: none;
}

.game p.go a:hover {
	background: #3aadf9;
}

#spot-and-track p.go span {
	display: block;
	position: absolute;
	right: 5px;
	top: -15px;
	padding: 0;
	margin: 0;
	width: 32px;
	height: 34px;
	
	background: url(/images/spot-and-track/lock.png);
}

#spot-and-track .landing-page p.intro {
	margin-bottom: 18px;
}


#whats-up {
	overflow: hidden;
}

#whats-up div p {
	margin-top: 10px;
}

#whats-up h3 {
	padding: 0;
	margin: 0;
}

#whats-up p.controls {
	margin-top: 10px;
}

#whats-up p.controls span {
	display: block;
	position: relative;
	height: 15px;
	width: 15px;
	float: left;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

#whats-up p.controls span img {
	display: block;
	position: absolute;
	height: 15px;
	width: 15px;
	top: 1px;
	left: 0;
}

#whats-up p.controls span img.rollover {
	display: none;
}

#whats-up p.controls a {
	float: left;
	height: 11px;
	line-height: 11px;
	padding: 4px 5px 3px 5px;
	margin: 0 5px;
}

#whats-up p.controls a.current {
	background-color: #3aadf9;
}

#whats-up #back {
	margin-right: 5px;
}

#whats-up #forward {
	margin-left: 5px;
}

/* @group Incoming game CSS */

fieldset, #incArch {
	border:none;
	padding: 0;
	margin: 0;
	width: 656px;
	min-height: 500px;
}
#incArch {
	position: relative;
	float:left;
	overflow: hidden;
	background-color:#ddd;
	padding: 10px;
	margin: 0;
	background-color: #eee;
}
#feedback {
	padding-top: 23px;
	clear: both;
}

#feedback ul li {
	line-height: 2;
}
#incArch em, #game-sidebar em {
	text-transform:uppercase;
	font-style:normal;
	font-weight: bold;
}
#rightCol {
	padding: 10px;
	width: 205px;
	float:left;
	overflow:hidden;
}
#ecliptic {
overflow:hidden;
}
legend {
	position: absolute;
	left: -1000px;
	margin-top: -1000px;
}
#incArch h2 {
	font-size:24px;
	margin-top: 0;
}
#feedback h2 {
	font-size: 16px;
}
#incArch fieldset h3 {
	font-family: "Arial Black",Arial,Helvetica,sans-serif;
	font-weight: normal;
	margin: 20px 0 0;
	padding:2px 10px;
	color: #fff;
	background-color:#39adf8;
	text-transform:uppercase;
	overflow: hidden;
	font-size: 18px;
}

fieldset div.instructions, fieldset div.question {
	width: 323px;
	margin-right: 10px;
	float: left;
	overflow:hidden;
}
fieldset div.instructions {
	margin-right: 0;
}
fieldset div.answers {
	clear:left;
	width: 100%;
}
fieldset div.answers h3 {
	width: 303px;
}
fieldset div.answers div {
	float:left;
	overflow:hidden;
	width: 313px;
}
fieldset div.answers div.camB {
	width: 323px;	
	margin-right: 20px;
}
fieldset #player {
	width: 100%;
	overflow: hidden;
	clear: both;
}
fieldset #player #assetViewer {
	float: left;
}
fieldset #progress {
	width: 132px;
	margin-left: 10px;
	padding: 10px 0;
	background-color: #fff;
	float: left;
}
fieldset #progress h3 {
	font-family: Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	color: #000;
	background-color: #fff;
	font-weight: bold;
	margin: 0 10px;
	padding: 0;
	font-size: 13px;
}
fieldset #progress ul {
	list-style-type: none;
	margin: 0;
	text-indent: 0;
	padding: 0;
}
fieldset #progress li {
	color: #3aadf9;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	padding: 0 10px 30px;
	margin-bottom: 10px;
	background-image: url("/images/track_it_back/video-divider.png");
	background-position: bottom left;
	background-repeat: no-repeat;
}
fieldset #progress li.last {
	background-image: none;
	padding-bottom: 0;
}
fieldset #progress li abbr {
	text-decoration: none;
	border: none;
}
fieldset #progress button {
	font-family: Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 10px;
	width: auto;
	height: auto;
	display: block;
	margin: 10px 0;
	padding: 2px 5px;
	min-width: 0;
}
.question p, .instructions p, .answers p {
	margin: 10px;
}
.answers p.label {
	font-family: "Arial Black",Arial,Helvetica,sans-serif;
	color: #39adf8;
	font-size: 16px;
	text-transform:uppercase;
	margin-bottom: 15px;
}
.answers .camB p {
	margin-left: 10px;
}
span.output {
	font-family: "Arial Black",Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #4e4e4e;
	text-transform: uppercase;
	min-width: 15em;
	margin-left: 5px;
}
.prev, .next {
	background-color:#ff7b00;
	color:#fff;
	text-decoration:none;
	border: none;
	padding: 0;
	margin-top: 20px;
}
.next {
	float:right;
}
.next span {
	font-size: 18px;
	line-height: 12px;
	vertical-align: middle;
}
#which input {
	position: absolute;
	left: -9000px;
}
#which label {
	font-family: "Arial Black",Arial,Helvetica,sans-serif;
	display: inline-block;
	text-align:center;
	color: #fff;
	background-color:#4e4e4e;
	width: 129px;
	padding: 10px 0;
	text-transform:uppercase;
	margin-right: 6px;
	font-size: 12px;
	cursor: pointer;
}
#classify #which label {
	width: 109px;
}
#which input:checked + label {
	background-color:#39adf8;
}
#which label.selected, #which label:hover, #which label:focus, #which label:active {
	background-color:#39adf8;
}
#which .answers ul, ul.picker {
	margin: 20px 0 0;
	padding: 0;
	text-indent:0;
	list-style-type:none;
}
ul.picker {
	margin: 20px 0 0 10px;
}
#which .answers li, ul.picker li {
	display: inline;
}
button, #nextGame li a, #incArch fieldset h3.button {
	font-family: "Arial Black",Arial,Helvetica,sans-serif;
	color: #fff;
	background-color:#4e4e4e;
	min-width: 109px;
	height: 41px;
	padding: 0 10px;
	line-height:12px;
	text-transform:uppercase;
	border: none;
	font-size: 12px;
	vertical-align: middle;
	cursor: pointer;
}
#stormPicker button {
	min-width: 144px;
}
h3.button {
	clear:left;
	float:left;
}
button.next[disabled] {
	display:none;
	background-color: #ccc;
	color: #000;
}
#hints div {
	margin: 0 0 0 15px;
	background-image:url(/images/hintsTipsBG.gif);
	background-repeat:no-repeat;
	background-position: 5px top;
	min-height: 200px;
	}

#hints a.narrow-popin img {
		float: left;
}
#extra div {
	margin: 0 0 0 15px;
	background-image:url(/images/extraInfoBG.gif);
	background-repeat:no-repeat;
	background-position: 5px top;
	min-height: 200px;
	}
#game-sidebar {
	padding: 0;
	width: 232px;
}
#game-sidebar .panel {
	margin: 0 0 10px;
}
#game-sidebar .panel h2 {
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 35px;
	vertical-align:middle;
}
#game-sidebar .panel h3 {
	margin-top: 20px;
}
#game-sidebar .panel p {
	font-size: 12px;
	margin-top: 5px;
	color: #333;
}
#game-sidebar .panel ul {
	list-style-type:square;
	color: #39adf8;
	text-indent: 0;
	margin-left: 0;
	padding: 0;
}
#game-sidebar .panel ul ul {
	text-indent: 0;
	color: #333;
	font-size: 12px;
	list-style-type: none;
}
#game-sidebar .panel li {
	margin-bottom: 15px;
	font-size: 1.2em;
	clear: left;
}
#game-sidebar .panel li span {
	color: #333;
	font-size: 12px;
	overflow:hidden;
}
#game-sidebar .panel li span.screencast {
	font-weight: bold;
}
#game-sidebar .panel li span img {
	margin: 10px 5px 0 -5px;
}
#game-sidebar .panel a.label {
	display: inline-block;
	padding-top: 35px;
}
#extra h2 {
	background-image: url(/images/infoIcon.png);
}
#hints h2 {
	background-image: url(/images/hintsIcon.png);
}
#recordMore, #saveResults {
	width: 190px;
}
#recordMore {
	background-color: #4e4e4e;
	margin-right: 20px;
}
button:hover, button:focus, button:active, #recordMore:hover, #recordMore:active, #recordMore:focus, #nextGame li a:hover, #nextGame li a:focus, #nextGame li a:active {
	color: #fff;
	background-color:#39adf8;
	text-decoration: none;
}
button[disabled], button.disabled {
	background-color:#4e4e4e;
	opacity: 0.7;
}
p.subtitle {
	font-size: 18px;
}
#nextGame {
	text-indent: 0;
	margin: 20px 0;
	padding: 0;
	list-style-type: none;
}
#nextGame li {
	display: inline;
	margin-right: 10px;
}
#nextGame li a {
	display: inline-block;
	line-height: 41px;
	vertical-align: middle;
	text-align: center;
}
ul.controls {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
	overflow: hidden;
	width: 150px;
	float: left;
}
ul.controls li {
	margin: 10px;
}
#yourStorms p {
	margin-left: 240px;
}
.thumbList {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
	overflow: hidden;
	width: 340px;
	margin-left: 240px;
}
.thumbList li {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}
/* @end */

/* @group What's That? CSS */
#features .answers ul {
	list-style-type: none;
	text-indent: 0;
	margin: 20px 0 0;
	padding: 0;
	vertical-align: bottom;
	overflow: hidden;
}
.ie7 #features .answers ul {
	vertical-align: bottom;
}
#features .answers li {
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	vertical-align: bottom;
}
.ie7 #features .answers li {
	display: block;
	float: left;
}
#features .answers li.answer {
	width: 68px;
	margin-right: 48px;
	font-weight: bold;
	font-size: 12px;
}
.ie #features .answers li.answer {
	overflow:hidden;
}
#features .answers label {
	font-family: "Arial Black",Arial,Helvetica,sans-serif;
	font-weight: normal;
	color: #39adf8;
	width: 100%;
	display:block;
	margin-bottom: 10px;
}
.ie7 #features .answers li button {
	width: 135px;
}
#features .answers li.answer button {
	width: 68px;
	min-width: 68px;
}
#features .answers li.answer button {
	background-image: url(/images/recordButton.png);
}
#features .answers li.answer button:hover {
	background-position: -68px top;
}
button img {
	display:inline;
	vertical-align: bottom;
}
#features .answers h4.output {
	font-family: "Arial Black",Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #4e4e4e;
	text-transform: uppercase;
	clear:left;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
	width: 608px;
}
#features .answers div.output {
	width: 93px;
	min-height: 20px;
	margin-right: 25px;
	float:left;
}
#features .answers div.output ul {
	margin: 0;
}
#features .answers div.output li {
	text-align: left;
	text-transform: uppercase;
	color: #4e4e4e;
	width: 100%;
	padding: 0;
	line-height: 19px;
	vertical-align: middle;
	margin-bottom: 5px;
	font-size: 12px;
	position: relative;
}
.answers button.delete {
	width: 18px;
	min-width: 18px;
	padding: 0;
	height: 18px;
	background-color: #4e4e4e;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: normal;
}
.ie7 .answers button.delete {
	position: relative;
}
/* @end */

/* @end */

/* @group Storm pages */

.storm-detail {
	margin-top: 20px;
	padding-bottom: 10px;
}

/* @end */

/* @group Why Scientists need you page */

.why-box {
	float: left;
	position: relative;
	width: 435px;
	
	padding: 0;
	margin: 0 0 10px 0;
}

.why-box.right {
	margin-left: 28px;
}

.why-box.last {
	margin-bottom: 0;
}

.why-box h3 {
	position: absolute;
	left: 210px;
	width: 235px;
}

.why-box p {
	margin-top: 10px;
}

.why-box .why {
	position: absolute;
	
	left: 210px;
	top: 30px;
	
	margin: 0;
	
}

#why-scientists span.action {
	display:block;
	margin-top: 19px;
}

#why-video {
	margin-top: -10px;
}

#why-video .sidebar .panel h3 {
	color: #3aadf9;
	font: bold 18px/18px Arial, Helvetica, sans-serif;
	padding: 10px 0 0 0;
	margin: 0;
}

#why-video .transcript {
	padding: 0 10px 0 0;
	margin: 0;
}

#why-video .sidebar ul {
	padding: 0;
	margin: 10px 0 0 0;
}

.sidebar ul.actions {
	padding: 0;
	margin: 10px 0 0 0;
}

#why-video .sidebar #why-video-credits p {
	font-weight: bold;
}



#why-video .sidebar #why-video-credits ul {
	list-style-type:square;
	color: #39adf8;
	margin: 0 0 20px 15px;
}

#why-video .sidebar #why-video-credits li {
	margin: 10px 0 0 0;
	font-size: 1.2em;
}

#why-video .sidebar #why-video-credits li a {
	font-size: 12px;
}

.sidebar .action {
	display: block;
	float: left;
	clear: both;
	margin: 10px 0 0 0;
	line-height: 13px;
	width: 100%;
}

.sidebar .action a {
	display: block;
	float: left;
	border-top: 1px solid #f7f7f7;
	margin-right: 10px;
}

.sidebar .action img.network-logo {
	display: block;
	float: left;
	
}

/* @end */

/* @group Mission briefings */

.triptych {
	width: 918px;
	float: left;
	margin: 10px 0 0 0;
}

.triptych .column {
	
	width: 279px;
	padding: 10px;
	float: left;
	background: #eeeeee;
	margin: 0 10px 0 0;
}

#talk-about-it .triptych .multi-panel {
	background: transparent;
	width: 299px;
	padding: 0;
}
.triptych #profiles, .triptych .last-column {
	width: 280px;
	margin-right: 0;
}

.triptych .column h3 {
	color: #3aadf9;
	font: 16px/16px "arial black", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: -2px 0 0 0;
	padding: 0 0 8px 0;
	clear: both;
}

#profiles li {
	margin-top: 10px;
	float:left;
	width: 50%;
}

#briefing p.instructions {
	font-weight: bold;
}

#briefing p.action {
	margin-top: 10px;
}

.briefing-container {
	padding: 0;	
	margin: 15px 0 0 0;	
}

ul.screencast-buttons {
	padding: 0;
	text-indent: 0;
	list-style-type: none;
	margin-left: -30px;
}

ul.screencast-buttons li {
	width: 279px;
	height: 81px;
	margin-left: 30px;
	margin-bottom: 10px;
	float: left;
}

.sidebar ul.screencast-buttons li {
	width: 222px;
	height: 81px;
	margin: 10px 0 0 0;
	float: left;
}

/* @end */

/* @group Scientist profile */

#profile-panels.triptych .column {
	padding: 0;
	width:  292px;
	margin-right: 0;
}

#scientist-profile .name-panel {
	margin: 20px 0 0 0;
}

#scientist-profile .name-panel p.image {
	float: left;
	width: 182px;
	margin: 0 10px 0 0;
}

#scientist-profile .name-panel div.name {
	float: left;
	height: 182px;
	width: 149px;
	margin: 0 10px 0 0;
}

#scientist-profile .name-panel .statement {
	float: left;
	width: 546px;
	padding: 0;
	color: #6d6d6d;
	font-weight: bold;
}

#scientist-profile .name-panel .statement strong {
	color: black;
}

#scientist-profile .name-panel .statement div {
	background: url(/images/scientist-profiles/statement-top.png) no-repeat left 5px;
	padding: 1px 10px 0 30px;
	margin: -5px 0 0 0;
	min-height: 70px;

}

#scientist-profile .name-panel .statement .end {
	background: url(/images/scientist-profiles/statement-bottom.png) no-repeat left bottom;
	height: 12px;
	min-height: 0;
	padding: 0;
	margin: 0;
}

#scientist-profile .panel-text {
	padding: 10px;
}

#profile-panels .blog-posts h4 {
	margin-top: 0;
}

#profile-panels.triptych .last {
	width: 293px;
}

#profile-panels.triptych .favourite-storms {
	padding-bottom: 10px;
}

#profile-panels.triptych .favourite-storms ul {
	margin: 0 0 0 22px;
}

#profile-panels.triptych .favourite-storms li {
	margin:  10px 10px 0 0;
}

#profile-panels .videos ul {
	margin: 0 0 0 10px;
	padding: 10px 0;
}

#profile-panels .videos ul li {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	text-align: center;
}
#profile-panels .videos ul li p {
	margin: 0;
}

#profile-panels .videos ul li p.title {
	margin: 8px 0;
}

#profile-panels .videos .clearance {
	padding: 10px;
}
/* @end */

/* @group Legal */

#legal .box h3 {
	margin-top: 33px;
}

#legal .double {
	padding-right: 10px;
}

#legal blockquote {
	background-color: white;
	margin: 10px 0 0 0;
	padding: 10px;
}

#legal blockquote p {
	font-style: italic;
}

#legal blockquote p:first-child {
	margin-top: 0;
}

/* @end */

/* @group Blog */

#blog-sidebar .panel + .panel {
	margin-top: 20px;
}

#blog-subscribe-panel p {
	margin-top: 20px;
}

#blog-main {
	width: 656px;
	position: relative;
	padding: 0 10px 10px 10px;
}

#blog-main h2 {
	margin-right: 106px;
}

#blog-home-link {
	position: absolute;
	top: 10px;
	right: 10px;
	
	height: 31px;
	color: white;
	font: 12px/30px "Arial Black", Arial, Helvetica, sans-serif;
	
	padding: 0;
	margin: 0;
}

#blog-home-link a {
	display: block;
	color: white;
	background-color: #666666;
	text-transform: uppercase;
	padding: 0 8px;
	margin: 0;
}

#blog-home-link a:hover {
	background-color: #3aadf9;
	text-decoration: none;
}

#blog-main .post {
	margin: 20px 0 0 0;
}

#blog-main .post h2 {
	color: #3aadf9;
	font: 18px/18px "Arial Black", Arial, Helvetica, sans-serif;
	padding: 10px 0 0 0;
	margin: 0;
}
#blog-main .date-box {
	height: 53px;
	width: 53px;
	border: 1px solid #666666;
	padding: 0;
	margin: 0;
	background-color: white;
}

#blog-main .date-box p.month {
	height: 18px;
	line-height: 18px;
	font-weight: bold;
	padding: 0 0 0px 0;
	margin: 0;
	text-align: center;
	color: white;
	background: #666666;
}

#blog-main .date-box p.day {
	height: 32px;
	font: bold 24px/24px Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 6px 0 0 0;
	padding: 0;
	color: #666666;
}

#blog-main .post h3 {
	font: bold 13px/21px Arial, Helvetica;
	color: #ff7a00;
	text-transform: none;
}

#blog-nav-previous {
	float: left;
}

#blog-nav-next {
	float: right;
}

#blog-navigation {
	position: relative;
	margin-right: 10px;
}

#blog-subscribe-panel p img {
	float: left;
	margin-right: 10px;
}

#blog-search-panel p {
	margin: 20px 0 0 0;
}

#blog-search-panel #s {
	display: block;
	float: left;
	width: 141px;
	height: 29px;
	background-color: #e4eff7;
	border: 1px solid #333333;
	padding: 0;
	margin: 0 10px 0 0;
}

#blog-search-panel #searchsubmit {
	display: block;
	float: left;
	width: 69px;
	height: 31px;
	background-color: #666666;
	color: white;
	font: 12px "Arial Black", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border: none;
	padding: 0;
	margin: 0;
}

#blog-search-panel #searchsubmit:hover {
	background-color: #3aadf9;
}

/* @group Comments */

#blog-comments-block div {
	margin-top: 20px;
}

#blog-comments-block ul.comments-list {
	padding: 0;
	margin: 0;
}

#blog-comments-block ul.comments-list li {
	display: block;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #c4c4c4;
}

#blog-comments-block .comment-author {
	font-weight: bold;
}

#blog-comments-block .comment-author small {
	float: right;
	font-size: 13px;
	color: #3aadf9;
	text-align: right;
}

#blog-comments-block .action {
	position: relative;
	height: 18px;
}

#blog-comments-block .action a {
	position: absolute;
	right: 0;
}


#blog-comments-block .comment-body {
	
}

#blog-comments-form .required-field {
	color: red;
}

#blog-comments-form p {
	margin: 13px 0 0 0;
}

#blog-comments-form .hiddens {
	display: none;
}

#blog-comments-form input, #blog-comments-form textarea {
	display: block;
	background-color: #e4eff7;
	border: 1px solid #333333;
	padding: 2px 5px;
	height: 19px;
	width: 241px;
}

#blog-comments-form input[type=hidden] {
	display: none;
}

#blog-comments-form textarea {
	width: 341px;
	height: 146px;
}

#blog-comments-form label {
	display: block;
	margin: 0 0 5px 0;
}

#blog-comments-form .hiddens {
	padding: 0;
	margin: 0;
	height: 0;
	width: 0;
}

#blog-comments-form #comment-submit {
	margin-top: 20px;
}

#blog-comments-form #comment-submit-button {
	display: block;
	background-color: #4e4e4e;
	color: white;
	font-family: "Arial Black", Arial, Helvetica;
	text-transform: uppercase;
	
	width: 59px;
	height: 27px;
	margin-left: 294px;
	border: none;
}


/* @end */

/* @end */
/*------------------------------------------------------------------------------
    CSS Document (http://www.w3.org/Style/CSS/)

    project:    majx JavaScript Library http://code.google.com/p/majx-js/
    license:    New BSD License http://www.opensource.org/licenses/bsd-license.php
    author:     Copyright (c) 2009
                Yves Van Goethem and Vincent Valentin
                All rights reserved.

    module:     customizable popins (modal boxes)
    summary:    POPIN
----------------------------------------------------------------------------- */

/* =POPIN
------------------------------------------------------------------------------*/
#cache {
    position:fixed;
    _position:absolute; /* let's give IE6 absolute, rewrite it as you like if you want to avoid this hack ;) */
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    color:inherit;
    display:none;
}

#popin, #narrow-popin, #video-popin, #asset-popin {
    position:fixed;
    _position:absolute; /* let's give IE6 absolute, rewrite it as you like if you want to avoid this hack ;)  */
    
    /* default dimensions and positions */
    top:370px;
    left:46.5%;
    margin-left:-400px;
    margin-top:-225px;
    width:677px;
		padding: 0;
    
    /* styles */
    background-color: transparent;
		background-image: url(/images/infoPopUpTop.png);
		background-position: left top;
		background-repeat: no-repeat;
    color:inherit;
    display:none;
}
#narrow-popin, #asset-popin {
	left: 50%;
	margin-left: -60px;
	top: 145px;
	margin-top: 0;
	background-image: url('/images/infoPopUpNarrowTop.png');
	width: 293px;
}
#asset-popin {
	background-image: url('/images/videoPopUpTop.png');
	width: 400px;
}
#video-popin {
	width: 656px;
	top: 50%;
	left: 50%;
	background-image: none;
}
#popin div {
	background-color:#3aadf9;
	color: #fff;
	width: 640px;
	padding: 0 10px;
	min-height:300px;
}
#narrow-popin div {
	background-color:#3aadf9;
	color: #fff;
	width: 256px;
	padding: 0 10px;
	min-height:256px;
}
#asset-popin div {
	background-color:#3aadf9;
	color: #fff;
	width: 375px;
	padding: 0 10px;
	min-height:256px;
}
#popin:focus, #narrow-popin:focus, #asset-popin:focus {
    outline:0;
}

#popin .lb-bottom, #narrow-popin .lb-bottom, #asset-popin .lb-bottom {
	width: 677px;
	padding: 0;
	min-height: 13px;
	background-image: url(/images/infoPopUpBottom.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	
}
#narrow-popin .lb-bottom {
	width: 293px;
	background-image: url('/images/infoPopUpNarrowBottom.png');
}
#asset-popin .lb-bottom {
	width: 400px;
	background-image: url('/images/videoPopUpBottom.png');
}
#close {
    position:absolute;
    top:-13px;
    right:5px;
    margin:5px;
    padding:5px;
    color:inherit;
}

#close li {
    list-style-type:none;
}

#popin #pop-content {
    margin:0 10px;
}

/* favourites page */
#favourites {
	margin-top: 0;
}
#favourites ul {
	list-style-type: none;
	margin: 10px 0;
	text-indent: 0;
	padding: 0;
	overflow: hidden;
}
#favourites li {
	float:left;
	height: 75px;
	width: 75px;
	margin: 10px 10px 0 0;
}
#faourites li img {
	display: inline;
}