/*********************************************************************************************************/
/*										TAGS.CSS										*/
/*********************************************************************************************************/
/*
Background-color, text-color, font-family, and font-size are all set from the 
common.css file (which is included in every page)
*/


/************************************** GENERAL STYLES **************************************************/
h1.hide, h2.hide {
	display:none;
}

ul li a span {
	display:none;
}

ul a li span {
	display:none;
}

a span {
	display:none;
}
/*********************************** End of General styles **********************************************/


/****************************************** FORM STYLES *************************************************/
form {
	position: relative;
}

form p {
	padding: 3px;
	margin: 2px 0;
}

form p label {
	float: left;
	width: 125px;
	padding: 2px;
	margin: 0 5px 0 0;
	border-bottom: 1px dashed #FFFFFF; 
}

form p.submit_but {
	padding: 0;
	margin: 5px 0;
}

form p.submit_but input {
	padding: 3px 20px;
	color: #FFFFFF;
	background-color: #DF7C1B;
	border: 2px solid #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;
}
/********************************* End of Form styles *************************************************/


/******************************************* HEADER.TPL ***********************************************/
a#link_to_home {
	background-image: url('/images/728x90_title.gif');
	background-repeat: no-repeat;
	position: relative;
	top: 20px;
	display: block;
	margin-left: 50px;
	height: 90px;
	margin-bottom:10px;
}
a#link_to_home span {
	display:none;
}
/**************************************** End of Header ***********************************************/


/************************************** LEFT MENU STYLES **********************************************/
/* Styles of links buttons in the left menu */
a#story_btn {
	background-image:url(/images/buttons/story_btn.gif);
	background-repeat: no-repeat;
}

a#game_btn {
	background-image:url(/images/buttons/game_btn.gif);
	background-repeat: no-repeat;
}

a#download_btn {
	background-image:url(/images/buttons/stuff_btn.gif);
	background-repeat: no-repeat;
}

a#link_btn {
	background-image:url(/images/buttons/linktous_btn.gif);
	background-repeat: no-repeat;
}

a#ecard_btn {
	background-image:url(/images/buttons/ecard_btn.gif);
	background-repeat: no-repeat;
}

a#more_btn {
	background-image:url(/images/buttons/more_stuff_btn.gif);
	background-repeat:no-repeat;
	width:180px;
	height:100px;
	display:block;
}
a#more_btn:hover {
	background-position:0 -100px;
}

a#more_ecards_btn {
	background-image:url(/images/buttons/more_ecards_btn.gif);
	background-repeat:no-repeat;
	width:180px;
	height:100px;
	display:block;
}
a#more_ecards_btn:hover {
	background-position:0 -100px;
}
/************************************** End of Left Menu styles ****************************************/


/*************************************** DOWNLOAD.TPL *************************************************/
/* Download GIF Button */
a.btn_download_gif {
	position: relative;
	width:200px;
	height: 30px;
	display: block;
	background-image: url(/images/download/download_btn.gif);
	background-repeat: no-repeat;
	border:1px solid #FFFFFF;
}
a.btn_download_gif:hover {
	background-position: 0 -30px;
}

/* Download Wallpaper Button */
a.btn_download_gif_wallpaper {
	position: relative;
	width:200px;
	height: 30px;
	display: block;
	background-image: url(/images/download/download_wp_btn.gif);
	background-repeat: no-repeat;
	border:1px solid #FFFFFF;
}
a.btn_download_gif_wallpaper:hover {
	background-position: 0 -30px;
}

/* Download Coloring Book Button */
a.btn_download_gif_cb {
	position: relative;
	width:80px;
	height: 30px;
	display: block;
	background-image: url(/images/download/download_cb_btn.gif);
	background-repeat: no-repeat;
	border:1px solid #FFFFFF;
}
a.btn_download_gif_cb:hover {
	background-position: 0 -30px;
}
/************************************* End of Download ************************************************/


/****************************************** STORY.TPL *************************************************/
/* Back */
a#back_btn_story {
	height:70px;
	width:70px;
	background-image: url('/images/story/buttons/story_back.gif');
	display:block;
	background-repeat:no-repeat;
	text-decoration: none;
}
a#back_btn_story:hover {
	background-position: 0 -70px;
}

/* Next */
a#next_btn_story{
	height:70px;
	width:70px;
	background-image: url('/images/story/buttons/story_next.gif');
	display:block;
	background-repeat:no-repeat;
	text-decoration: none;
}
a#next_btn_story:hover {
	background-position: 0 -70px;
}

/* Link to us button */
a#btn_link_to_us {
	position: relative;
	width:160px;
	height: 30px;
	display: block;
	background-image: url(/images/story/link_tous_btn.gif);
	background-repeat: no-repeat;
	border:1px solid #FFF3C8;
}
a#btn_link_to_us:hover {
	background-position: 0 -30px;
}

/*Button next story (2 choices by depend of story)*/
a#next_story_btn_1, a#next_story_btn_2 {
	background-repeat: no-repeat;
	display:block;
	width:180px;
	height:100px;
}
a#next_story_btn_1:hover, a#next_story_btn_2:hover {
	background-position:0 -100px;
}
a#next_story_btn_1 {
	background-image:url(/images/buttons/next_story1_btn.gif);
}
a#next_story_btn_2 {
	background-image:url(/images/buttons/next_story2_btn.gif);
}
/************************************* End of Story *************************************************/