/* scrollbars */
#Scroller {
	position:relative;
	width:420px;
	height:240px;
	overflow:hidden;
}
.Scroller-Container {
	position:absolute;
}
#Scrollbar-Container {
	position:absolute;
	right:0px;
}
.Scrollbar-Up {
	cursor:pointer;
	position:absolute;
}
.Scrollbar-Track {
	width:11px;
	height:240px;
	position:absolute;
	top:10px;
	left:0px;
	background:transparent url(/lib/img/scrollbar-dragbackground.gif) repeat-y;
}
.Scrollbar-Handle {
	position:absolute;
	width:11px;
	height:28px;
}
.Scrollbar-Down {
	cursor:pointer;
	position:absolute;
	top:250px;
}
a.Scrollbar-Handle:link, a.Scrollbar-Handle:visited {
	display:block;
	width:11px;
	height:28px;
	overflow:hidden;
	text-indent:-2000px;
	text-decoration:none;
	background:transparent url(/lib/img/scrollbar-drag.gif) no-repeat;
	background-position:0px 0px;
}
a.Scrollbar-Handle:hover {
	background-position:0px -28px;	
}



#flashwelcome {
	width:400px;
	height:400px;
	position:absolute;
	z-index:100;
	top:0px;
	margin-top:-10px;
	left:0px;
}
#flashcontainer {
	position:relative;
	width:900px;
	margin:0px auto;
	border:1px solid transparent;
	_border:none;
}


#content.successContent { 
	height:335px;
	padding-bottom:0;
	padding-top:41px;
	width:430px;
	left:150px;
	overflow:visible;
}

#content.templateScroll { 
	height:335px;
	padding-bottom:0;
	padding-top:41px;
	width:430px;
	left:150px;
	overflow:visible;
}

#contentContainer #content.templateScroll h1 {
	padding-left:0px;
}


#contentContainer #content.successContent h1{
	width:auto;
	padding-left:0;
	font-size:16px;
	font-weight:bold;
}

#content.successContent p{
	padding:2px 0 4px 0;
	line-height:17px;
}

#content.successContent p#helpfultips{
	position:absolute;
	top:85px;
	left:-15px;
}

#content.successContent p strong{
	font-weight:normal;
	color:#000;
}

a#btnletsgetstarted{
	width:184px;
	height:46px;
	display:block;
	float:left;
	margin:20px 0 0 0;
	overflow:hidden;
	text-indent:-2000px;
	background:transparent url(/lib/img/button-letsGetStarted.gif) no-repeat;
	background-position:0px 0px;
}

a#btnletsgetstarted:hover{
	background-position:0px -46px;
}

a#btnhelpfulwritingtips{
	width:129px;
	height:29px;
	display:block;
	float:left;
	margin:10px 0 0 0;
	overflow:hidden;
	text-indent:-2000px;
	background:transparent url(/lib/img/button-helpfulWritingTips.gif) no-repeat;
	background-position:0px 0px;
}

a#btnstartyourworksheet, a#btnstartyourworksheethelp{
	width:139px;
	height:29px;
	display:block;
	float:left;
	margin:10px 0 0 10px;
	overflow:hidden;
	text-indent:-2000px;
	background:transparent url(/lib/img/button-startYourWorksheet.gif) no-repeat;
	background-position:0px 0px;
}

a#btnstartyourworksheethelp{
	position:absolute;
	top:305px;
	left:295px;
	z-index:10;
}

a#btndownloadyourworksheet{
	width:139px;
	height:29px;
	display:block;
	float:left;
	margin:10px 0 0 0;
	overflow:hidden;
	text-indent:-2000px;
	background:transparent url(/lib/img/button-downloadWorksheet.gif) no-repeat;
	background-position:0px 0px;
}

a#btnwriteyourstory{
	width:111px;
	height:29px;
	display:block;
	float:left;
	margin:10px 0 0 10px;
	overflow:hidden;
	text-indent:-2000px;
	background:transparent url(/lib/img/button-writeYourStory.gif) no-repeat;
	background-position:0px 0px;
}

a#btncontinue{
	width:81px;
	height:29px;
	display:block;
	margin:10px 0 0 10px;
	overflow:hidden;
	text-indent:-2000px;
	background:transparent url(/lib/img/button-continue.gif) no-repeat;
	background-position:0px 0px;
}

a#btnlogin{
	width:56px;
	height:29px;
	display:block;
	float:left;
	margin:10px 0 0 0;
	overflow:hidden;
	text-indent:-2000px;
	background:transparent url(/lib/img/button-login.gif) no-repeat;
	background-position:0px 0px;
	position:absolute;
	right:30px;
	top:-16px;
}
a#btnlogin:hover, a#btncontinue:hover, a#btnhelpfulwritingtips:hover, a#btnstartyourworksheet:hover, a#btnstartyourworksheethelp:hover, #btndownloadyourworksheet:hover, #btnwriteyourstory:hover{
	background-position:0px -29px;
}

#createAccount{
	width:401px;
	border-bottom:1px solid #bebcbc;
	padding-bottom:45px;
	margin-bottom:10px;
}

#createAccount p{position:relative; clear:both;}
#createAccount label{
	position:absolute;
	width:70px;
	text-align:right;
	color:#444444;
}

#createAccount input{
	margin-left:78px;
	width:212px;
	border:1px solid #bebcbc;
	line-height:16px;
	font-size:10px;
}

#login a{color:#765d9c;}
#login a:hover{color:#000;}

#login p{position:relative;}
#login input{
	margin-right:5px;
	width:162px;
	line-height:16px;
	border:1px solid #bebcbc;
	font-size:10px;
}

/*
* * * * * * * *
* * * Ink * * *
* * * * * * * *
*/
#container.successwelcome { background:transparent url(/lib/img/background-ink-success-welcome.gif) no-repeat; background-position:bottom center; }
#container.successwhat { background:transparent url(/lib/img/background-ink-success-what.gif) no-repeat; background-position:bottom center; }
#container.successhelp { background:transparent url(/lib/img/background-ink-success-help.gif) no-repeat; background-position:bottom center; }
#container.successwriting { background:transparent url(/lib/img/background-ink-success-writing.gif) no-repeat; background-position:bottom center; }
#container.successlogin { background:transparent url(/lib/img/background-ink-success-login.gif) no-repeat; background-position:bottom center; }
#container.successresults { background:transparent url(/lib/img/background-ink-success-results.gif) no-repeat; background-position:bottom center; }

/*
* * * * * * * * * * *
* * FlashPeople * * *
* * * * * * * * * * *
*/
#flashpeoplesuccess {
	width:824px;
	height:456px;
	background:transparent url(/lib/img/outline-woman.gif) no-repeat;
	background-position:0px 0px;
	position:absolute;
	left:50%;
	margin-left:-362px;
	/*top:60px;*/
	bottom:230px;
	z-index:3;
}

/*
* * * * * * * * * * * * *
* * * SearchResults * * *
* * * * * * * * * * * * *
*/
a#searchagain {
	position:absolute;
	top:27px;
	right:26px;
	color:#3EADE3;
}
a#searchagain:hover {
	color:#000000;
}
#contentContainer #content.searchresults h1 {
	font-weight:bold;
	font-size:16px;
}
.searchresults .pagination {
	margin-top:6px;
	border-top:1px solid #BEBCBC;
	border-bottom:1px solid #BEBCBC;
	width:775px;
	margin-bottom:1px;
	overflow:auto;
	margin-left:27px;
	font-size:11px;
}
.searchresults .pagination span.pages {
	width:50%;
	float:left;
	padding:8px 0px;
}
.searchresults .pagination span.pages b, .searchresults .pagination span.pages a {
	margin:0px 6px;
}
.searchresults .pagination span.pages a:link, .searchresults .pagination span.pages a:visited {
	color:#47B8E9;
	text-decoration:underline;
}
.searchresults .pagination span.pages a:hover {
	color:#000000;
}
.searchresults .pagination span.listing {
	width:40%;
	float:right;
	padding:8px 6px;
	text-align:right;
}
.searchresults table {
	margin-left:27px;
	width:775px;
}
.searchresults td {
	padding:3px 5px;
}
.searchresults td.icon {
	padding:3px 0px;
}
.searchresults tr.titlerow td {
	background:#E4F2FB none;
	font-weight:bold;
	padding:6px 5px;
	border-bottom:1px solid #FFFFFF;
}
.searchresults tr.firstrow td {
	border-top:1px solid #BEBCBC;
	padding-top:8px;
}
.searchresults span.pname {
	color:#000000;
	font-weight:bold;
}




