/* CBC Temp CSS */

@import "http://www.cbc.ca/kids/includes/css/top_nav.css";


#TopNav{
	background: url('http://www.cbc.ca/kids/includes/images/reskin/spring/spring_banner.jpg') no-repeat;
}

#TopNav a.CBC_logo{
	background: transparent url('http://www.cbc.ca/kids/includes/images/reskin/spring/cbclogo_banner.jpg') no-repeat;
	top:12px;
}

#TopNav a.CBC_kids_link{	
	background: url('http://www.cbc.ca/kids/includes/images/reskin/spring/cbckids_link.jpg') no-repeat;
	margin-top:5px;
	margin-left:19px;
}

.hideText {
	
	display:none;

}

.clear {

	clear:both;

}

/* END CBC TEMP CSS */

body {
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, sans-serif; 
	font-size: 12pt;
	
	
}

img, .mainbody, .topnav, .pagecontent, embed {
	
	display: block;
	border: 0px;
	margin: 0px;
	padding: 0px;

}

#noflash {
	
	display: none;
	border: 5px dashed red;
	background-color: white;
	padding: 6px;
	width: 400px;
	margin-left: 160px;
	position: relative;
	top: 80px;
	text-align: center;
	
}

.floatleft {
	
	float: left;
	
}

.clearboth {
	
	clear: both;
	
}

.center {

	margin-left: auto;
	margin-right: auto;
	
}

.inline {
	
	display: inline;
	
}

a {

	outline: none !important;

}

.mainbody {
	
	width: 723px;
	margin-left: auto;
	margin-right: auto;
	background-color: #98EEFF;
	
}

.contentborder {
	
	border: 1px solid black;
	
}

#homepage_flash {

	width: 721px;
	height: 447px;	
	border: 0px;
	margin: 0px;
	padding: 0px;
	display: block;
	
}

#sitenav {
	
	width: 721px;
	height: 300px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	display: block;
		
}

.pagecontent {
	
	width: 721px;

}

.login_page {
	
	width: 721px;
	height: 566px; 
	background-image: url('../images/login-page.png');
	background-repeat: no-repeat;
	
}

.create_art_flash {

	border: 0px;
	margin: 0px;
	padding: 0px;	
	width: 721px;	
	height: 542px; 
	background-image: url('../images/container-create-art.png');
	display: block;
	background-repeat: no-repeat;

}

.create_art_flash_menu {

	border: 0px;
	margin: 0px;
	padding: 0px;		
	width: 721px;	
	height: 579px;
	background-image: url('../images/container-create-art-menu.png');
	display: block;
	background-repeat: no-repeat;

}

#treasure_hunt_flash, #sea_monster_maker_flash, #sculpture_studio_flash, #pirate_ship_builder_flash, #pirate_painter_flash, #leo_and_cleos_masterpiece_flash, #cave_painting_creator_flash {

	margin-top: 27px;
	margin-left: 15px;
	
}

#flash_create_art {

	margin-left: 60px;
	
}

#flash_project_menu {
	
	margin-left: 20px;	
	
}

#flash_gallery {
	
	width: 600px;
	height: 450px;
	margin-left: 60px;
	
}

.treasure_hunt {

	width: 721px;	
	height: 547px; 
	background-image: url('../images/treasure-hunt-flash-game-bg.jpg');
	background-repeat: no-repeat;

}

.gallery_menu {

	width: 721px;
	height: 810px;
	background-image: url('../images/container-gallery.png'); 
	background-repeat: no-repeat;
	
}

.gallery_title {

	padding: 0px;
	margin: 0px;		
	
}

.gallery_menu_flash {
	
	margin-left: 60px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 38px;
	
}

.gallery_personal {

	width: 721px;
	height: 868px;
	background-image: url('../images/container-gallery-personal.png'); 
	background-repeat: no-repeat;
	
}

.gallery_personal_artwork {
	
	width: 450px;
	height: 350px; 
	position: relative; 
	top: 153px; 
	left: 134px;
		
}

.gallery_personal_menu {
	
	width: 590px; 
	margin-top: 290px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
		
}

.gallery_thumb {
	
	width: 90px; 
	height: 70px; 
	display: inline; 
	border: 2px solid #cccccc;
	margin: 2px;
	margin-top: 0px;
	vertical-align: top;
	margin-top: 2px;
	
}

.gallery_public_menu {
	
	width: 540px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	
}

.gallery_public_thumbs {

	width: 410px; 
	float: left; 
	margin-top: 3px;
	margin-right: 2px;
			
}
	
.gallery_public_top {

	width: 721px;
	height: 487px;
	background-image: url('../images/container-gallery-public-top.png'); 
	background-repeat: no-repeat;
	
}

.gallery_public_artwork {
	
	width: 450px;
	height: 350px; 
	position: relative; 
	top: 137px; 
	left: 134px;
		
}

.gallery_public_bottom {

	width: 721px;
	height: 299px;
	background-image: url('../images/container-gallery-public-bot.jpg'); 
	background-repeat: no-repeat;
	
}

.projects_menu {

	/* For list of all projects */
	width: 721px;
	height: 1410px;
	background-image: url('../images/container-projects.png'); 
	background-repeat: no-repeat;
	
}

.project_menu {

	/* For one project */
	overflow: auto; 
	padding-left: 62px; 
	padding-right: 62px;
	padding-top: 60px; 
	background-image: url('../images/container-projects-endless.png'); 
	background-repeat: no-repeat;
	
}

img.step_number_image, img.step_thumb {
	
	display: inline;
	vertical-align: top;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	
}

.project_menu_bottom {

	height: 277px;
	width: 721px;
	background-image: url('../images/container-projects-bot.jpg'); 
	background-repeat: no-repeat;
	
}

#video_player_1, #video_player_2, #video_player_3, #video_player_4, #video_player_5, #video_player_6, #video_player_7, #video_player_8, #video_player_9, #video_player_10, #video_player_11, #video_player_12, #video_player_13, #video_player_14, #video_player_15, #video_player_16 {
	
	margin-left: 0px;
	
}

.step_thumb, .project_step {
	
	float: left;
	display: block;
	
}

.project_step {
	
	width: 380px;
	margin-bottom: 10px;
	float: left;
	
}

.step_number {
	
	margin-top: 30px;
	margin-right: 10px;
	float: left;
	display: block;
	
}

.step_number_1 {
	
	margin-left: 36px;

}

.step_number_2, .step_number_5, .step_number_8 {
	
	margin-left: 23px;

}
.step_number_3 {

	margin-left: 22px;

}
.step_number_4, .step_number_6, .step_number_9 {
	
	margin-left: 21px;
	
}

.step_number_7 {
	
	margin-left: 24px;
	
}

.step_number_10 {
	
	margin-left: 10px;

}
.step_number_11 {

	margin-left: 26px;
	
}
.step_number_12, .step_number_13 {
	
	margin-left: 13px;
	
}

.linebreak, .project_title {

	margin-top: 10px;
	margin-bottom: 10px;	
	display: block;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	
}

.project_title {
	
	margin-top: 20px;
	margin-bottom: 20px;	
		
}

#login_button {
	
	margin: 0px;
	padding: 0px;
	border: 0px dashed red;
	vertical-align: bottom;

}

#piratename {
	
	vertical-align: top;
	margin: 0px; 
	margin-top: 2px;
	text-align: center; 
	font-size: 18px; 
	color: black; 
	border: 1px solid #018500; 
	background-color: #EDFFF3; 
	height: 34px; 
	width: 250px;
	
}
	
.form_content {

	width: 400px;
	margin-top: 100px;
	margin-left: 160px;
	text-align: center;
	font-weight: bold;
	color: #666666;
	
}