/**
* @author    SW - Javelin Group
* @version   1.0
* @media     screen
*
* @info      All microsite elements for ELC
*
* @contents
* =1: Common microsite left navigation
* 	=1.1: Inspiration Centre Navigation
* 	=1.2: Kids Zone Navigation
*/

/**
* =1: Common microsite left navigation
*
* @info: Shared between Insp. Centre and Kids Zone
*/
.pt_minisite_inspiration-centre .navgroup h3,
.pt_minisite_kids-zone .navgroup h3 { padding-top: 0; }
.pt_minisite_inspiration-centre .navgroup h3 span,
.pt_minisite_kids-zone .navgroup h3 span {
	border: 0;
	position: absolute;
	left: -999em;
	top: -999em;
}
.pt_minisite_inspiration-centre .navgroup a,
.pt_minisite_kids-zone .navgroup a {
	padding: 3px 12px;
	width: 155px;	
}
.pt_minisite_inspiration-centre .navgroup a:hover,
.pt_minisite_kids-zone .navgroup a:hover { color: #fff; }
.pt_minisite_inspiration-centre .navgroup p.parentlink a, 
.pt_minisite_kids-zone .navgroup p.parentlink a,
.pt_minisite_inspiration-centre .navgroup p.parentlink-categories a, 
.pt_minisite_kids-zone .navgroup p.parentlink-categories a {
	padding: 10px 0 10px 12px;
	width: 167px;
	background-position: 2px center;
	background-repeat: no-repeat;
}


/**
* =1.1: Inspiration Centre Navigation
*
* @info: Custom left navigation for Inspiration centre. 
*		 Inherits from .pt_minisite.
*/
.pt_minisite_inspiration-centre .navgroup h3 {
	height: 72px;
	background-image: url(../images/backgrounds/bg-leftnav-inspcentre-top.png);
}
.pt_minisite_inspiration-centre .navgroup a { color: #008a5e; }
.pt_minisite_inspiration-centre .navgroup a:hover { background: #0b8944 url(../images/icons/icon-arrow-inspcentre-white-right.png) 170px center no-repeat; }
.pt_minisite_inspiration-centre .navgroup p.parentlink a,
.pt_minisite_inspiration-centre .navgroup p.parentlink-categories a { background-image: url(../images/icons/icon-arrow-inspcentre-green-left.png); }
.pt_minisite_inspiration-centre .navgroup p.parentlink a:hover,
.pt_minisite_inspiration-centre .navgroup p.parentlink-categories a:hover { background-image: url(../images/icons/icon-arrow-inspcentre-white-left.png); }


/**
* =1.2: Kids Zone Navigation
*
* @info: Custom left navigation for Kids Zone
*		 Inherits from .pt_minisite.
*/
.pt_minisite_kids-zone .navgroup { background: url(../images/backgrounds/bg-leftnav-kidszone-btm.png) bottom left no-repeat; }
.pt_minisite_kids-zone .navgroup h3 {
	height: 59px;
	background-image: url(../images/backgrounds/bg-leftnav-kidszone-top.png);
}
.pt_minisite_kids-zone .navgroup ul { width: 181px; }
.pt_minisite_kids-zone .navgroup ul li { border-bottom: 1px solid #74b3d0; }
.pt_minisite_kids-zone .navgroup ul li.last { border-bottom: 0; }
.pt_minisite_kids-zone .navgroup ul,
.pt_minisite_kids-zone .navgroup p.parentlink,
.pt_minisite_kids-zone .navgroup p.parentlink-categories {
	padding: 0 3px;
	border-width: 0 1px;
	border-color: #ace2ff;
	background-color: #d1efff;
}
.pt_minisite_kids-zone .navgroup p.parentlink-categories span { border-color: #74b3d0; }
.pt_minisite_kids-zone .navgroup a { color: #359e3a; }
.pt_minisite_kids-zone .navgroup a:hover { background: #68ABCC url(../images/icons/icon-arrow-kidszone-white-right.png) 170px center no-repeat; }
.pt_minisite_kids-zone .navgroup p.parentlink a,
.pt_minisite_kids-zone .navgroup p.parentlink-categories a { background-image: url(../images/icons/icon-arrow-kidszone-green-left.png); }
.pt_minisite_kids-zone .navgroup p.parentlink a:hover,
.pt_minisite_kids-zone .navgroup p.parentlink-categories a:hover { background-image: url(../images/icons/icon-arrow-kidszone-white-left.png); }


/**
* = 2: Kids Zone Tell Your Own Story game
*/
.your-story {
	width: 774px;
	min-height: 380px;
	height: auto !important;
	height: 380px;	
	margin-left: 10px;
	background-image: url(../images/games/adventure/elc_games_backgrounds_step2.jpg); 
	background-repeat: no-repeat;
	padding-top: 210px;
	text-align: center;
}
.your-story .intro {
	position: relative;
	top: 110px;
}
.your-story form p { float: none; }	
.your-story .intro label { 
	position: absolute; 
	left: -9999em;
}
.your-story .intro .textinput { 
	border: 0; 
	margin: 10px 0 20px; 
	text-align: center;
}
.your-story p.header, .your-story p.theend {
	font-size: 150%;
	font-style: italic;
}
.your-story .intro .input {
	border: 0px;
	margin-bottom: 20px;
	width: 260px;
	text-align: center;
}
.your-story h2 {
	padding-left: 20px;
}
.your-story p {
	width: 500px;
	padding: 5px;
	padding-left: 10px;
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	position: relative;
}
.story-full {
	background-image: url(../images/games/adventure/elc_games_backgrounds_long.jpg) !important; 
	background-color: #F0CDDA;
}
.story-start {
	background-image: url(../images/games/adventure/elc_games_backgrounds_step1.jpg) !important; 
}
.your-story fieldset.sendtofriend  { width: auto; }
.your-story fieldset.sendtofriend p {
	font-size: 1em;
	width: 550px;
}
.your-story fieldset.sendtofriend label {
	width: 230px;
}
.your-story fieldset.sendtofriend p.send { padding-left: 130px; }
.pt_generic .your-story {
	margin: 0 auto;	
	min-height: 1390px;
	height: auto !important;
	height: 1390px;	
}
.pt_generic form p { 
	width: 55%; 
	padding: 20px 0 0;
}