﻿@charset "utf-8";

@import "reset.css";
@import "base.css";

#LRColumn,
#HeaderLogo{display:none;}


input{ color: #0033FF; text-decoration: none;}
input:hover{ color: #FF0066; text-decoration: none;}

/* **************************************************************-************************************************************** */

.toystError{margin:10px auto 0 auto;}

/* login page */


.toystTop{
     background: transparent url("/images/top/toyst_top.jpg") no-repeat 0 0;
     width:804px;
     height:557px;
     margin:10px auto 0 auto;
    }
  
    
.toystTopLeft{
    width:200px;
    float:left;
}

.toystTopRight{
    width:245px;
    float:right;
}


/*left*/



.parents{
     display:block;
     background: transparent url("/images/interface/title_parents.gif") no-repeat 0 0;
     width:216px;
     height:60px;
     margin:80px 0 0 25px;
}
.parents:hover{
    background-position:0px -60px;
}

.toystEntry{
     display:block;
     background: transparent url("/images/interface/title_entry.gif") no-repeat 0 0;
     width:130px;
     height:104px;
     margin:20px 0 0 30px;
}

.toystEntry:hover{
    background-position:0px -104px;
}

.toystMobile{
     display:block;
     background: transparent url("/images/interface/title_mobile.gif") no-repeat 0 0;
     width:179px;
     height:118px;
     margin:130px 0 0 30px;
     text-decoration:none;
}

.toystMobile:hover{
    background-position:0px -118px;
     text-indent:-9999px;
}


/*right*/
.whatstoyst{
     display:block;
     background: transparent url("/images/interface/title_whats.gif") no-repeat 0 0;
     width:149px;
     height:120px;
     margin:35px 0 0 20px;
}

.whatstoyst:hover{
    background-position:0px -120px;
}
.loginArea{
    margin:110px 0 0 0;
    font-size:1.2em;
}
.loginArea #login,
.loginArea #password{width:200px;}

.loginArea .errorRed{
    width:210px;
    margin:0 auto;
}
.loginArea .listImg{
    background: transparent url("/images/icon/list_primary.png") no-repeat 0 0;
    padding-left:13px;
}

/** new diary **/

#DiaryGallary{
    background: transparent url("/images/interface/newDiaryBalloon.gif") no-repeat 50% 50% ;
    width:800px;
    height:185px;
	position: relative;
	top: -48px;
	margin:0 auto;
}

.newDiary{ /*portal.css*/   
    width:790px;
    margin:0 auto;
}
.newDiaryTitle{
    padding:0 30px 0 180px;
}
.newDiaryTitle h1{
	float:left;
    margin-top:62px;
    margin-right:30px;
}

.newDiaryTitle .morelink{
	float:right;
    margin-top:55px;
    margin-left:30px;
	font-size:1.2em;
	width:5em;
}

/*** campaing ***/
.campaignTitle{
     display:block;
     background: transparent url("/images/campaign/mathers/title.png") no-repeat 0 0;
     width:387px;
     height:157px;
	 position: relative;
	 top: -465px;
	 left:190px;
	}
.campaignTitle:hover{
    background-position:0px -157px;
}