﻿#page-specific-content-holder #bottom-image
{
	background: url(http://persil.com/img/page_template/im_bot_mid.png) no-repeat;
}
* html #page-specific-content-holder #bottom-image
{
	background:transparent ;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://persil.com/img/page_template/im_bot_mid.png',sizingMethod='scale');
}

#section-nav li#echtr a{background: url(../../img/global/bt_echtr_on.png) no-repeat;}
* html #section-nav li#echtr a{background:transparent ;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://persil.com/img/global/bt_echtr_on.png',sizingMethod='scale');}


#page-specific-content-holder #page-title 
{
	height: 113px; 
}

#page-title img 
{
	padding-top: 66px; 
}

.headerimage 
{
	padding-left: 14px; 
}

#page-specific-content-holder #breadcrumb
{
    padding-left: 15px; padding-bottom: 16px;
}

#page-specific-content-holder #breadcrumb.thirty-three-things
{
	padding-left:30px;
	padding-bottom: 4px;
}

.btnEnterComp
{
    margin-left: 290px;
}
.btnEnterPWUL
{
    margin-left: 325px;
}

/**********************/
/*-------> Login <-----/
/**********************/

.pnl_login
{
	min-height:380px !important;
	height:auto;
}

a.print
{
	display:block;
	border:1px solid #ccc;
	font-weight:bold;
	width:80px;
	padding:5px;
	float:right;
	text-align:center;
}

table
{
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
}

table td
{
	border:0 !important;
}

 input.login_input
 {
 	width:105px;
 	margin-bottom:5px;
 }
 
.login_box
 {
 	color:#118EAE;
 }
 
p.login_box_text
{
	padding:0 !important;
	margin:5px 0 !important;	
}

p.login_box_text a, .box_scrapbook a, a.login_link
{
	text-decoration:underline !important;
	color:#1A9346 !important;
	display:block;
	margin:3px 0;
}

#scrapbook_main a
{
	color:#1A9346 !important;
}

.error
{
	color:#d00000 !important;
	display:block;
}

.pass_success
{
	padding:5px;
	border:1px solid #f1f1f1;
	margin:10px 0;
}

/**********************/
/*-------> Layout <-----/
/**********************/

.error_summary ul
{
	border:1px solid #d00000;
	padding:10px;
}

.error_summary ul li 
{
	color:#d00000;
	margin-left:10px;
}

img.playday
{
	float:left;
	margin:0 5px 5px 0;
}

ul.terms
{
	margin-left:40px;
}

ul.terms li
{
	color:#333;
}

.clear
{
	clear:both;
}

.main_img_wrapper
{
	text-align:center !important;
}

.home_bottom
{
	text-align:center;
	margin:10px 0 0 10px;
}

#scrapbook_main
{
	aborder:solid 2px orange;
	padding:12px;
}

#scrapbook_left
{
	width:265px;
	float:left;
}

#scrapbook_right
{
	width:120px;
	float:left;
	margin-left:5px;
	border:1px solid #118EAE;
	padding:5px;
}

.box_scrapbook
{
	width:115px;
	border:1px solid #118EAE;
	padding:5px;
	margin-right:5px;
	float:left;
	color:#108DAD;
}

.box_scrapbook div
{
	padding:10px 0;
}

.align_left
{
	text-align:left !important;
	margin-left:15px;
}

.tips
{
	padding:0 !important;
	margin:15px 0 0 15px !important;
}

#scrapbook_main p.text
{
	margin:5px 0 0 0 !important;
	padding:0 !important;
}

/**********************/
/*-------> Form <-----/
/**********************/

.sep_reg
{
	color:#444;
	font-size:14px;
	font-weight:bold;
	margin:10px 0;
}

.child_box
{
	margin:10px 0;
	background-color:#fafafa;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
}

.form_element label
{
	width:120px;
	display:-moz-inline-box;
	display: inline-block;
	color:#118EAE;
	margin:5px 0;
	font-size:11px;
	
}

.errorClass
{
	color:#d00000 !important;
}

.form_element input
{
	width:255px;
	height:16px;
	margin:5px 0;
	font-size:11px;
}

.form_element span.ckbx input
{
	width:20px !important;
	height:16px;
	margin:5px 0;
	font-size:11px;
}

.form_element span.ckbx label
{
	width:350px !important;
}

.form_element select
{
	height:20px;
	padding:0;
	margin:0;
	font-size:11px;
}

.form_element input.btn_confirm
{
	width:130px;
	height:20px;
	background-color:#777;
	color:#fff;
	border:1px solid #444;
	margin:2px 0 0 0;
}

.form_element select.dobs
{
	width:60px;
	height:18px;
}

.form_element label.dobs_label
{
	margin:10px 0 0 0;
	width:60px;
}

p.form_text
{
	margin:20px 0 10px 0 !important;
	padding:0 !important;
}

.checkbox
{
	margin:10px 0;
	font-weight:bold;
}

.checkbox input
{
	margin-right:10px;
}


.change_pass input
{
	margin:3px 0;
}

/**********************/
/*-------> Tabs <-----/
/**********************/

#tabs
{
	width:417px;
	/*background-color:#777;*/
}

#tabs ul li a
{
	color:#000 !important;
	text-decoration:none;
	padding:12px 0 0 23px;
	font-size:11px;
}

#tabs ul li a.play
{
	background: transparent url('../images/nav1_off.gif') top left scroll no-repeat;
	width:37px;
	height:29px;
	border-right:1px solid #777;
	border-bottom:1px solid #777;
}

#tabs ul li a.play:hover, .tabs-nav .tabs-selected a.play
{
	background: transparent url('../images/nav1_on.gif') top left scroll no-repeat !important;
	text-decoration:underline;
}

#tabs ul li a.explore
{
	background: transparent url('../images/nav2_off.gif') top left scroll no-repeat;
	width:59px;
	height:29px;
	border-right:1px solid #777;
	border-bottom:1px solid #777;
}

#tabs ul li a.explore:hover,  .tabs-nav .tabs-selected a.explore
{
	background: transparent url('../images/nav2_on.gif') top left scroll no-repeat !important;
	text-decoration:underline;
}

#tabs ul li a.create
{
	background: transparent url('../images/nav3_off.gif') top left scroll no-repeat;
	width:52px;
	height:29px;
	border-right:1px solid #777;
	border-bottom:1px solid #777;
}

#tabs ul li a.create:hover,  .tabs-nav .tabs-selected a.create
{
	background: transparent url('../images/nav3_on.gif') top left scroll no-repeat !important;
	text-decoration:underline;
}

#tabs ul li a.imagine
{
	background: transparent url('../images/nav4_off.gif') top left scroll no-repeat;
	width:58px;
	height:29px;
	border-right:1px solid #777;
	border-bottom:1px solid #777;
}

#tabs ul li a.imagine:hover,  .tabs-nav .tabs-selected a.imagine
{
	background: transparent url('../images/nav4_on.gif') top left scroll no-repeat !important;
	text-decoration:underline;
}

#tabs ul li a.experiment
{
	background: transparent url('../images/nav5_off.gif') top left scroll no-repeat;
	width:86px;
	height:29px;
	border-bottom:1px solid #777;
}

#tabs ul li a.experiment:hover,  .tabs-nav .tabs-selected a.experiment
{
	background: transparent url('../images/nav5_on.gif') top left scroll no-repeat !important;
	text-decoration:underline;
}

.tabs-nav .tabs-selected a {
    color: #000;
    text-decoration:underline !important;
}

#fragment-1, #fragment-2, #fragment-3, #fragment-4, #fragment-5
{
	width:400px;
	min-height:498px;
	height:auto;
	margin-top:-1px;
}

#fragment-1
{
	background: transparent url('../images/nav01_bg.gif') top left scroll repeat-y;
}

#fragment-2
{
	background: transparent url('../images/nav2_bg.gif') top left scroll repeat-y;
}

#fragment-3
{
	background: transparent url('../images/nav3_bg.gif') top left scroll repeat-y;
}

#fragment-4
{
	background: transparent url('../images/nav4_bg.gif') top left scroll repeat-y;
}

#fragment-5
{
	background: transparent url('../images/nav5_bg.gif') top left scroll repeat-y;
}

/********************************************/
/*-------> Specific pages backgrounds <-----/
/*******************************************/

.playdays_main
{
	background: transparent url('../images/playday_bg.gif') bottom left scroll no-repeat;
	width:408px;
	min-height:298px;
	height:auto;
	padding-bottom:180px !important;
}

.playdays_bottom 
{
	background: url('../images/playday_bot.png') no-repeat;
}

* html .playdays_bottom
{
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://persil.com/scrapbook/images/playday_bot.png',sizingMethod='scale');
}

.scrapbook_bg
{
	background: transparent url('../images/scrapbook_bg.gif') top left scroll no-repeat;
	width:408px;
	height:621px;
}

.scrapbook_bottom 
{
	background: url('../images/scrapbook_bot.png') no-repeat;
}

* html .scrapbook_bottom
{
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://persil.com/scrapbook/images/scrapbook_bot.png',sizingMethod='scale');
}

.home_bottom_bg
{
	background: url('../images/echtr_bot.png') no-repeat;
}

* html .home_bottom_bg
{
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://persil.com/scrapbook/images/echtr_bot.png',sizingMethod='scale');
}

.email_sign_up 
{
	background: url('../images/register_bg.gif') bottom no-repeat !important;
	width:408px;
	min-height:294px;
	height:auto;
	padding-bottom:200px !important;
}

.email_sign_up_bottom_bg
{
	background: url('../images/register_btm.png') no-repeat;
}

* html .email_sign_up_bottom_bg
{
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://persil.com/scrapbook/images/register_btm.png',sizingMethod='scale');
}

/*****************************/
/*-------> How it works <-----/
/*****************************/

.how_it_works
{
	width:400px;
	margin:10px 0 0 10px;
}

.how_it_works .number
{
	font-size:50px;
	font-weight:bold;
	float:left;
	margin-right:10px;
	color:#118DAE;
}

.how_it_works .text
{
	font-size:12px;
	float:left;
	width:360px;
}

.how_it_works .text strong
{
	display:block;
	font-size:14px;
	margin:4px 0;	
}

/*****************************/
/*-------> Tips ul bullets <-----/
/*****************************/

ul.play li { list-style-image: url('../images/bullet_play.gif'); }
ul.explore li { list-style-image: url('../images/bullet_explore.gif'); }
ul.create li { list-style-image: url('../images/bullet_create.gif'); }
ul.imagine li { list-style-image: url('../images/bullet_imagine.gif'); }
ul.experiment li { list-style-image: url('../images/bullet_experiment.gif'); }

ul.play li, ul.explore li, ul.create li, ul.create li, ul.imagine li, ul.experiment li
{
	color:#333 !important;
	margin:20px 0 15px 30px;
}

ul.play li a, ul.explore li a, ul.create li a, ul.create li a, ul.imagine li a, ul.experiment li a
{
	padding:0 !important;
}

ul.play li.list, ul.explore li.list, ul.create li.list, ul.imagine li.list, ul.experiment li.list
{
	margin:5px 0 5px 30px !important;
}

ul.media
{
	margin-left:30px;
}

ol.facts
{
	margin-left:20px;
}

ol.facts li
{
	color:#333 !important;
	margin:5px 0;
}

ul.media li
{
	color:#333 !important;
	padding:5px 0;
}

ul.media li a
{
	color:#118DAE;
}

#scrapbook_main a.scrapbook_link, a.scrapbook_link
{
	color:#118DAE !important;
	text-decoration:underline !important;
}

.promotion-text-scrapbg
{
	background: #ffffff url(../images/promo_scrap_bg.gif) no-repeat;
	width:134px;
	float:left;
	text-align:center;
}

.promotion-text-scrapbg img.title
{
	padding-top:8px;
}
.promotion-text-scrapbg p
{
	text-align:left;
	margin:5px 14px 8px 14px;
}
.promotion-text-scrapbg a
{
	text-decoration:none;
	color:#118eae;
}

.promotion-text-robo
{
	background: #ffffff;
	width:134px;
	float:left;
	text-align:center;
}
.promotion-text-robo img.title
{
	padding-top:8px;
}
.promotion-text-robo p
{
	text-align:left;
	margin:5px 14px 8px 14px;
}
.promotion-text-robo a
{
	text-decoration:none;
	color:#118eae;
}

#echtr-home-center-promo
{
	text-align:left;
	margin-left:4px;
	margin-right:0px;
	background:url(../images/scrapbook_bg.jpg) no-repeat;
	height:186px;
}
#echtr-home-center-promo .content
{
	padding-top:15px;
	margin-left:195px;
	text-align:left;
}
#echtr-home-center-promo .content img
{
	margin:8px 0;
}
#echtr-home-center-promo .content p
{
	margin:0;
	padding:0;
	width:170px;
}