body {
	background:url(../images/shared/bgimg.gif) top left;
	font-family:Verdana,sans-serif;
	color:#333;
	font-size:0.70em;
	margin:0px;
	text-align: center;
}

A {
	color:#06c;
	text-decoration: none;
}
A:hover {
	text-decoration: underline;
}

A IMG {
	border:none;
}

p {margin:1em 0 0 0}

.notopmargin {
	margin-top: 0;
	padding-top: 0;
}

FORM {
	margin:0;
	padding:0;
}

h1 {
	font-size:1.70em;
	margin: 0px 0px 5px 0px;
}

h2 {
	font-size:1.40em;
	margin: 0px;
	padding: 0px;
	/*width:300px;*/
}
h3 {
	font-size:1.00em;
	/*margin: 0px 0px 5px 0px;*/
}
h1.nomargin,
h3.nomargin {
	margin:0;
}

SMALL {
	font-size:0.8em;
}

.rel {
	position:relative;
}

ul{
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none;
}

#myList {
	width:185px;
}

.topbuttons {
	width:100%;
	padding-bottom:20px;
	vertical-align:top;
}

.topbuttons a.print, .pagintro a.print{display:inline-block;font-weight:bold; padding: 0 0 4px 20px; }
.topbuttons a.back {
	display:inline-block;font-weight:bold; padding: 1px 0 4px 20px;
	color: #000; background:  url(../images/icons/back_icon.gif) 0 0 no-repeat;
}

.topbuttons a.print, .pagintro a.print {
	color: #ad3a61; background:  url(../images/icons/print_icon.gif) 0 0 no-repeat; float:right; top:0px; margin:0px;
}

.topofpage {
	background:url(../images/footer/dot.gif) repeat-x bottom left;
	padding-left:20px;
	padding-bottom:10px;
	width: 560px;
}

.welcomeMsg{
	width:720px;
	padding:10px;
	background-color:#f1e8eb;
	margin-top:20px;
}

div.pagedescription { width: 580px}
ol.mylist{
	margin:10px 0 10px 20px;
	padding:0px;
}
ol.mylist li {
	list-style-type:decimal;
	vertical-align:top;
	padding:6px 0px 6px 0px;
	clear:both;
	border-bottom:1px solid #b54e70;
}

ol.mylist li div.leftLiItem {width:165px;}
ol.mylist li div.rightLiItem {float:right;height:8px;}
ol.mylist li .delete			{cursor:pointer; border:none; background:none;display:block;float:left;height:8px;padding:40px 0 0 0;text-indent:-999em;width:9px;background:url(../images/icons/del_from_list.jpg) 0px 0px no-repeat;overflow:hidden;}
ol.mylist li .delete:hover		{text-decoration:none; cursor:pointer;}

ol.mylistspage, ol.mylistpage, ol.sharedlistpage{
	margin:10px 0 10px 30px;
	padding:0px;
}
ol.mylistpage, ol.mylistspage{
	width:560px;
}
ol.sharedlistpage{
	width:450px;
}

ol.mylistspage li, ol.mylistpage li, ol.sharedlistpage li{
	list-style-type:decimal;
	vertical-align:top;
	padding:10px 0px 10px 0px;
	clear:both;
}

ol.mylistspage li {	
	background:url(../images/footer/dot.gif) repeat-x bottom left;
} 

div.pagedescription ul, div.pagedescription ol, ol.mylistspage li ul, ol.mylistspage li ol , ol.mylistpage li ul, ol.mylistpage li ol {
	margin:10px 0 10px 30px;
	padding:0px;
}
div.pagedescription ul li, ol.mylistspage li ul li, ol.mylistpage li ul li {	
	background:none;
	list-style-type:disc;
	padding:0px;
}

div.pagedescription ol li, ol.mylistspage li ol li, ol.mylistpage li ol li {	
	background:none;
	list-style-type:decimal;
	padding:0px;
}

div.showLessLink, div.showMoreLink {width:auto; margin-left:20px;border-bottom:1px solid #B54E70;margin-top:-6px; padding-bottom:6px; margin-bottom:10px; }
div.showLessLink a, div.showMoreLink a {color:#afe7fa;}
div.myListButtons {padding-top:10px;}

.welcomeMsg h3 {font-size:1.2em; color:#ad3a61; margin-top:0px;}
h2.noimg {display:inline; color:#540B23;}
ol.mylistspage li h4, ol.mylistpage li h4 {display:inline;margin:0 0 10px 0;}
ol.mylistpage li h4.darkPinkFont {font-weight:normal; margin-bottom:10px; display:inline-block;}
ol.mylistspage li h4.darkPinkFont {font-weight:normal; margin:10px 0px 10px 0px ;display:block;}
ol.mylistspage li h4.edit, ol.mylistpage li h4.edit {margin-bottom:10px;}
ol.mylistspage li a.edit, ol.mylistspage li a.delete, ol.mylistspage li a.share, ol.mylistpage li a.edit, ol.mylistpage li a.delete, ol.mylistpage li a.share, div.options a.share, div.options a.addexternal, .pagintro a.delete, .pagintro a.edit {display:inline-block; font-weight:bold; padding: 0 0 4px 20px; margin-left:10px;}
ol.mylistspage li a.edit, ol.mylistpage li a.edit, .pagintro a.edit {color: #ad3a61; background:  url(../images/icons/edit_icon.gif) 0 0 no-repeat;}
ol.mylistspage li a.delete, ol.mylistpage li a.delete, .pagintro a.delete {color: #999; background:   url(../images/icons/delete_icon.gif) 0 0 no-repeat;}
div.options a.share, ol.mylistspage li a.share, ol.mylistpage li a.share {color: #ad3a61; background:  url(../images/icons/share_icon.gif) 0 0 no-repeat; margin-left:0px;}
ol.mylistspage li a.share, ol.mylistpage li a.share {margin-left:0px;}
div.options a.share {margin-left:20px; padding-bottom:20px;}
div.options a.addexternal {color: #ad3a61; background:  url(../images/icons/customlink_icon.gif) 0 0 no-repeat;padding-bottom:20px; }

ol.mylistspage li h4 a.poem, ol.mylistpage li h4 a.poem {color: #ad3a60; background:none;}
ol.mylistspage li h4 a.poet, ol.mylistpage li h4 a.poet {color: #ff3399; background:none;}
ol.mylistspage li h4 a.external, ol.mylistpage li h4 a.external {color: #f26522; background:none;} padding: 0 0 4px 20px;
ol.mylistspage li h4 span.author, ol.mylistpage li h4 span.author {font-weight:normal; display:block;}


.listheaderwrapper {margin-bottom:10px;}
.topofpage input {width:100%; border:1px solid #CCCCCC; margin:0px 0px 10px 0px; padding:4px; width:554px; color:#540b23; font-size:1.9em; }
ol.mylistpage li textarea, .topofpage textarea {width:100%;}
.btnwrapper {padding-right:142px;}
h1.signupboxheading {display: inline-block; margin-top:10px; float:left;}
.btnwrapperTeacherpage {float:right; padding-top:10px;}
.btnwrapperTeacherpage a {padding-left:33px;padding-top:9px; padding-right:8px;text-decoration:none;font-size:1.1em;}

.recommend, .browsesite{width:340px; float:left; padding:0px 10px 20px 10px; color: #ad3a61;}
div.rightBox .browsesite {width:194px;}
.recommend { background-color:#f1e8eb; margin-right:15px; }
.browsesite {border:1px dashed #d7d7d7; }

.browsesite a {color: #ad3a61; background:  url(../images/icons/right_arrow.gif) 0 0 no-repeat; padding: 1px 0 4px 20px; display:block; margin:8px 0px; font-weight:bold;}

.recommend p.poem, .recommend p.poet {color:#ff3399;}
.recommend p.poem a, .recommend p.poet a {display:block; color:#000;font-weight: bold;  }

.mylistspage li div.summary, .mylistpage li span.description p, .mylistpage li ul.recent, .mylistpage li div.options {margin:0 0 14px 0; padding:0px;}
.mylistpage li span.description {padding-top: 13px; display:block;}
div.options { padding-top:12px;}
.mylistspage li ul.recent li {list-style:none; font-weight:bold; background:none; padding:0px; margin-bottom:4px;}
.mylistspage li li a {color:#000;}
.mylistspage li li a.poem {background:  url(../images/icons/poem_icon.gif) right 0 no-repeat; padding-right:38px;}
.mylistspage li a.poet{background:  url(../images/icons/poet_icon.gif) right 0 no-repeat; padding-right:34px;}
.mylistspage li a.external {background:  url(../images/icons/external_icon.gif) right 0 no-repeat; padding-right:48px;}
.mylistspage li .author {font-weight:normal;}		

span.description a.show:link {color: #ad3a61; background:  url(../images/icons/right_arrow.gif) 0 0 no-repeat; padding: 0 0 4px 20px; display:block; margin:8px 0px; font-weight:bold;}
span.description a.hide:link {color: #ad3a61; background:  url(../images/icons/close_pink.png) 0 0 no-repeat; padding: 4px 0 4px 20px; display:block; margin:8px 0px; font-weight:bold;}

.ui-widget-content a.forgotten,
.ui-widget-content a.refresh {color: #AD3A60; background: #F0E8EB  url(../images/icons/close_pink.png) 0 0 no-repeat; padding: 3px 0 5px 20px; line-height:270%; font-weight:bold;}

a.cancel {float:right; font-weight:bold; margin:22px 30px 0; padding:0 0 4px 22px; background:transparent url(../images/icons/delete_icon.gif) no-repeat scroll 0px; color:#999999;}

.bulletlist {
	padding-top: 5px;
}

.bulletlist li {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 15px;
	text-align: left;
	list-style: disc;
}





.asli {
	padding-left: 20px;
}

.clearLeft {
	clear: left;
}
.clear {
	clear: both;
}
.clr {
	clear:both;
	height:1px;
	overflow:hidden;
}
.printonly {
	display:none;
}

.dottedSeperator {
	background: url(../images/panels/dotted_3pix_horz.gif) repeat-x left;
	width: 212px;
	margin-top: 6px;
	margin-bottom: 6px;
}
/************************************************************************
 *
 *	--   HEADER  ---
 *
 */

#header	{
	float:left;
	display:block;
	background:#036 url(../images/shared/header.jpg) no-repeat left bottom;
	width:760px;
	margin: 0px;
	padding: 0px;
}
#header .homelink {
	display:block;
	width:205px;
	height:71px;
	margin:25px 9px 0 0;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/shared/palogo.png');
	text-indent: -999em;
}
#header .homelink[class] {
	background:url(../images/shared/palogo.png);
}
#header .homelink IMG {
	position:absolute;
}
#headerNav {
	float:left;
	display:block;
	width:525px;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	list-style: none;
}

#headerNav li {
	float: left;
	padding: 0px 10px 0px 10px;
	margin: 0px;
	color: #fff;
}

#headerNav li a {
	color: #fff;
	text-decoration: none;
	font-weight:bold;
}

#headerNav li a:hover, #headerNav li a:active {
	text-decoration: underline;
}


#bottomheadernav {
	float:left;
	display:block;
	width:760px;
	height:29px;
	margin: 0px;
	padding: 0px;
	background-color: #8AD3F5;
}



/************************************************************************
 *
 *	---   MAIN NAV   ---
 *
 *	The main navigation uses the CSS rollover techniques found at:
 *
 *	http://wd.mrclay.org/tests/rollovers/
 *
 */

#mainnav {
	padding:0;
	list-style:none;
	height:30px;
	width:760px;
	margin: 0px;
}

#mainnav li {
	height:30px;
	height: 30px;
	display:block;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	text-indent: -9999px;
}

#mainnav a {
	display:block;
	height:30px;
	text-indent: -9999px;
}

#mainnav li a:hover {
	background:transparent;
	text-decoration: none;
	height: 30px;
	display: block;
}


/* Background images and widths for mainnav list items */

li#navPoems {
	width: 71px;
	background:url(../images/nav/navbar/poems_over.gif) bottom left no-repeat;
}
li#navPoems a {background:url(../images/nav/navbar/poems_off.gif) bottom left no-repeat; }

li#navPoets {
	width: 63px;
	background:url(../images/nav/navbar/poets_over.gif) bottom left no-repeat;
}
li#navPoets a { background:url(../images/nav/navbar/poets_off.gif) bottom left no-repeat; }

li#navAboutUs {
	width: 85px;
	background:url(../images/nav/navbar/aboutus_over.gif) bottom left no-repeat;
}
li#navAboutUs a { background:url(../images/nav/navbar/aboutus_off.gif) bottom left no-repeat; }

li#navTeachers {
	width: 105px;
	background:url(../images/nav/navbar/teachers_over.gif) bottom left no-repeat;
}
li#navTeachers a { background:url(../images/nav/navbar/teachers_off.gif) bottom left no-repeat; }

li#navStudents {
	width: 106px;
	background:url(../images/nav/navbar/students_over.gif) bottom left no-repeat;
}
li#navStudents a { background:url(../images/nav/navbar/students_off.gif) bottom left no-repeat; }

li#navChildrensPA {
	width: 162px;
	background:url(../images/nav/navbar/childrenspa_over.gif) bottom left no-repeat;
}
li#navChildrensPA a { background:url(../images/nav/navbar/childrenspa_off.gif) bottom left no-repeat; }

li#navLinks {
	width: 69px;
	background:url(../images/nav/navbar/links_over.gif) bottom left no-repeat;
}
li#navLinks a  { background:url(../images/nav/navbar/links_off.gif) bottom left no-repeat; }

li#navSupportUs {
	width: 99px;
	background:url(../images/nav/navbar/supportus_over.gif) bottom left no-repeat;
}
li#navSupportUs a { background:url(../images/nav/navbar/supportus_off.gif) bottom left no-repeat; }

/* END MAIN NAVIGATION */


/************************************************************************
 *
 *	--   FOOTER  ---
 *
 */

#footerbg {
	width: 760px;
	margin-bottom: 0px;
	background:url(../images/shared/bgimg.gif) top left;
	display: block;
	float: left;
}

p.footer	{
	float:left;
	width:760px;
	background:url(../images/footer/dot.gif) repeat-x top left;
	padding: 10px 0px 0px 0px;
}

#footer	{
	float:left;
	width:760px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	list-style: none;
}

#footer li {
	float: left;
	padding-right: 10px;
}

#footer li a{
	color: #06c;
	text-decoration: none;
}

#footer li a:hover, #footer li a:active {
	text-decoration: underline;
}

.footerSeperator {
	border-right: 1px solid #999;
	padding-right: 10px;
}


/************************************************************************
 *
 *	--   LIST STYLES  ---
 *
 */

.whiteSpeakerList {
	padding-left: 0px;
	margin: 0px;
	list-style: none outside;
}
.whiteSpeakerList li {
	display: block;
	margin-left: 0px;
	margin-bottom: 5px;
	color:#fff;
}
.whiteSpeakerList A {
	color:#fff;
}

LI.redSpeakerList,
.redSpeakerList LI,
LI.redSpeakerListSpace,
.redSpeakerListSpace LI {
	margin:0;
	list-style: none outside;
	display: block;
	padding:1px 0 3px 20px;
}

A.redSpeaker,
UL.poetList LI A.redSpeaker,
UL.poetList LI A.redSpeaker:hover,
LI.redSpeakerList,
.redSpeakerList LI {
	background: url(../images/icons/speaker_red.gif) no-repeat left 3px;
}
A.redSpeaker,
UL.poetList LI A.redSpeaker {
	bbackground-position:left 2px;
	display:block;
	color:#f00;
	font-weight:normal;
	padding-left:18px;
}

.redSpeakerListSpace LI.noSpace {
	padding-left:0px;
}
.redSpeakerListSpace DIV.speaker {
	float:left;
	width:17px;
	padding:2px 0 0 3px;
}
.redSpeakerListSpace DIV.speaker IMG {
	display:block;
}

.blueSpeakerList {
	margin: 0px;
	list-style: none outside;
	display: block;
	margin-left: 0px;
	padding-left: 20px;
	padding-bottom: 3px;
	padding-top: 1px;
	background: url(../images/icons/speaker_blue.gif) no-repeat left 3px;
}

.letterButtons {
	margin: 0px;
	padding: 10px 0px 0px;
	width: 185px;
	list-style: none;
	clear: left;
	float: left;
}
.letterButtons li {
	width: 1.0em;
	padding-right:1px;
	float: left;
	background-color: #ceedfb;
	margin: 0 0.16em 0.2em 0;
	text-align: center;
}
* html .letterButtons li {
	width: 1.1em;
	margin-right:2px;
	padding:0;
}

.letterButtons li a {
	color:#06c;
	font-weight: bold;
	text-decoration: none;
}
.letterButtons li a:hover, .letterButtons li a:active {
	text-decoration: underline;
}
/* For Interactive Glossary (IG) 6/2007 */
.browseByLetter{
	width: auto;
}
.browseByLetter li{
	font-size: 1.2em;
	background-color: #ffffff;
}

/* End IG code */

.underList {
	margin-left: -16px;
	display: block;
}

.underListSmall {
	margin-left: -11px;
	display: block;
}

.themeLinks {
	margin: 0px;
	padding: 10px 0px 0px;
	list-style: none;
	float: left;
	width: 185px;
}

.themeLinks li{
	float: left;
	padding-right: 5px;
}

.themeLinks li a {
	color: #333;
	text-decoration: none;
}

.themeLinks li a:hover, .themeLinks li a:active {
	text-decoration: underline;
}

.poetPic {
	color: #fff;
	display: block;
}

/* 2 poet pics */
.twoPoetPics {
	width: 232px;
	background:url(../images/components/doublePicsBG.gif) repeat-y;
}

 /* 4PoetPic */
.fourPoetPics {
	width: 474px;
	background:url(../images/components/4PicsBG.gif) repeat-y;
}
.twoPoetPics,
.fourPoetPics {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.twoPoetPics ul,
.fourPoetPics ul {
	float:left;
}
.twoPoetPics li,
.fourPoetPics li {
	float:left;
	display:inline;
	margin-left:10px;
	width: 111px;
	overflow: hidden;
	background:#333 no-repeat left top;
}
.twoPoetPics li.first,
.fourPoetPics li.first {
	margin-left:0;
}
.twoPoetPics DIV,
.fourPoetPics DIV {
	clear:left;
	height:1px;
	overflow:hidden;
}
.twoPoetPics li a,
.fourPoetPics li a {
	color: #fff;
	display: block;
	padding: 118px 6px 9px 18px;
	background: url(../images/nav/arrows/basic_red_arrow.gif) no-repeat 8px 122px;
}
.twoPoetPics li a:hover,
.fourPoetPics li a:hover,
.singlePoetPic li a:hover {
	background-image: url(../images/nav/arrows/basic_white_arrow.gif);
}

.mediaPlayerPoets li {
	margin: 0;
	padding: 0;
	border: 1px solid #333;
}

.mediaPlayerPoets li a {
	margin-top: 3px;
	margin-bottom: 3px;
}


UL.poetList,
UL.poetList li {
	list-style: none;
	padding:0;
	display: block;
}
UL.poetList li {
	width:100%;
}
A.poetLink,
UL.poetList li A,
UL.arrowList li {
	display:block;
	background: url(../images/nav/arrows/basic_red_arrow.gif) no-repeat 0px 4px;
}
A.poetLink,
UL.poetList A {
	padding-left:10px;
}
A.poetLink:hover,
UL.poetList A:hover {
	background-image:url(../images/nav/arrows/basic_black_arrow.gif);
}

UL.poetList li {
	margin: 2px 0;
}
UL.arrowList li {
	padding: 0px 6px 10px 10px;
}
UL.arrowList li.extra {
	margin-top: 10px;
	padding-bottom: 0px;
}

A.poetLink,
UL.poetList A {
	color: #ff0099;
	font-weight: bold;
}
.mediaplayerHome UL.poetList A {
	color: #fff;
	font-weight: normal;
}
.mediaplayerHome UL.poetList A:hover {
	background-image:url(../images/nav/arrows/basic_white_arrow.gif);
}
UL.poetList .leftpart,
UL.poetList .rightpart {
	display:block;
	float:left;
	width:290px;
}
UL.poetList .rightpart {
	width:170px;
}

.resultsPaging .leftpart {
	float:left;
	width:294px;
}
.resultsPaging .rightpart {
	float:right;
	text-align:right;
	width:200px;
}
.books{
	padding-top: 10px;
}

.books li {
	padding-bottom: 10px;
	display: block;
}

.books li {
	display: block;

}

.bluelinks, .blueLinksVertical {
	margin: 0px;
	padding-top: 17px;
	list-style: none;
}

.bluelinks li{
	display: inline;
	padding-right: 10px;
	vertical-align: bottom;
}

.bluelinks li a {
	vertical-align: bottom;
	line-height: 30px;
}




.rightListValueCol	{
	display:inline;
	float:right;
	margin:-16px 4px 0px 0px;
}

.rightListValueMainXtra	{
	display:inline;
	float:right;
	margin:-24px 70px 0px 0px;
}

.rightListValueMain	{
	display:inline;
	float:right;
	margin:-14px 70px 0px 0px;
}



/************************************************************************
 *
 *	--   LINK STYLES  ---
 *
 */

a.viewAll,
a.darkBlueBgViewAll  {
	display: block;
	clear: both;
	color: #333;
	font-weight: bold;
	padding: 8px 0 2px 0;
	margin: 0px;
}

a.greylink {
	color:#333;
	text-decoration: none;
}
a.greylink:hover, a.greylink:active {
	color:#06c;
	text-decoration: none;
}
a.redlink {
	color:#eb2323;
	text-decoration: none;
}
a.redlink:hover, a.redlink:active { color:#06c; }

a.whitelink {
	color:#fff;
	text-decoration: none;
}
a.whitelink:hover, a.whitelink:active {
	color:#fff;
	text-decoration: underline;
}
a.whitelinkB, a.whitelinkB:hover, a.whitelinkB:active	{ color:#fff;font-weight:bold; }
a.yellowlink, a.yellowlink:hover, a.yellowlink:active	{color:#fdf57a;text-decoration: none;}

.arrowdownload {
	display:block;
	background: url(../images/nav/arrows/reddownarrow_gbg.gif) no-repeat right top;
	margin: 0px 0px 0px 0px;
}
.arrowdownload:hover {
	background: url(../images/nav/arrows/reddownarraob_wbg.gif) no-repeat right top;
}

.noarrowlink, .noarrowlink:hover {
	display:block;
	margin: 0px 0px 0px 0px;
}

.arrowlink {
	display:block;
	background: url(../images/nav/arrows/redarrow.gif) no-repeat right top;
	margin: 0px 0px 0px 0px;
}
.arrowlink:hover {
	background: url(../images/nav/arrows/redarrow_on.gif) no-repeat right top;
}
.arrowlinkGreyBG {
	display:block;
	background: url(../images/nav/arrows/redarrowGreyBG.gif) no-repeat right top;
	margin: 0px 0px 0px 0px;
}
.arrowlinkGreyBG:hover {
	background: url(../images/nav/arrows/redarrowGreyBG_on.gif) no-repeat right top;
}

.noarrowlink:hover img, .arrowlink:hover img, .bluearrowlink:hover img, .greenarrowlink:hover img, .arrowlinkGreyBG:hover img, .arrowdownload:hover img {
	visibility:hidden;
}

.arrowlink:hover span, .noarrowlink:hover span, .bluearrowlink:hover span, .greenarrowlink:hover span, .arrowlinkGreyBG:hover span {
	display:block;
}

* html .arrowlink:hover, .noarrowlink:hover, .bluearrowlink:hover, .greenarrowlink:hover {
	height:1%;
}

a.bluearrowlink {
	display:block;
	background: url(../images/nav/arrows/smallRightArrow_blue.gif) no-repeat right top;
	margin: 0px 0px 0px 0px;
}

a.bluearrowlink:hover, a.bluearrowlink:active {
	background: url(../images/nav/arrows/smallRightArrow_blue_on.gif) no-repeat right top;
}


a.greenarrowlink {
	display:block;
	background: url(../images/nav/arrows/smallRightArrow_green.gif) no-repeat right top;
	margin: 0px 0px 0px 0px;
}

a.greenarrowlink:hover, a.greenarrowlink:active {
	background: url(../images/nav/arrows/smallRightArrow_green_on.gif) no-repeat right top;
}

a.whitearrowlink {
	display:block;
	background: transparent  url(../images/nav/arrows/pinkarrow_off.gif) no-repeat right top;
	margin: 0px 0px 0px 0px;
}

a.whitearrowlink:hover, a.whitearrowlink:active {
	background: transparent url(../images/nav/arrows/pinkarrow_on.gif) no-repeat right top;
}


.redarrowlink {
	display:block;
	background: url(../images/nav/arrows/smallRightArrow.gif) no-repeat left top;
	margin: 0px 0px 0px 0px;
}

.redarrowlink:hover, .redarrowlink:active {
	display:block;
	background: url(../images/nav/arrows/smallRightArrow_on.gif) no-repeat left top;
	margin: 0px 0px 0px 0px;
}

a.smallDownArrowlink {
	display:block;
	background: url(../images/nav/arrows/smallDownArrow.gif) no-repeat left top;
	margin: 4px 0px -3px 0px;
	padding: 0px 0px 0px 16px;
}
a.smallDownArrowlink:hover, a.smallDownArrowlink:active	{
	background: url(../images/nav/arrows/smallDownArrow_on.gif) no-repeat left top;
	margin: 4px 0px -3px 0px;
	padding: 0px 0px 0px 16px;
}


a.bluelink {
	display: block;
	padding-top:10px;
	color:#06c;
	text-decoration: none;
}

.b {
	font-weight:bold;
}
a.magentalink, a.magentalinkB {
	color:#f09;
	text-decoration: none;
}
a.magentalinkB {
	font-weight:bold;
}
a.magentalinkB:hover, a.magentalinkB:active,
a.magentalink:hover, a.magentalink:active {
	text-decoration: underline;
	color:#f09;
}




/************************************************************************
 *
 *	--   BACKGROUND COLOURS  ---
 *
 */

.whiteBg {background-color:white;}
.greyBg { background-color:#d6d6d6; }
.darkGreyBg { background-color:#333333; }
.lightGreyBg { background-color:#f3f3f1; }
* html .lightGreyBg {height:1px}
.blueBg { background-color:#3cb6ef; }
.greenBg { background-color:#d0e44a; }
.darkBlueBg { background-color:#0066cc; }
.lightGreenBg { background-color:#f3fcf3; }
.redBg { background-color: #EB2323; }
.lightBlueBG { background-color: #CEEDFB; }
.darkBlueBg { background-color: #0066CC; }
.pinkBg { background-color: #ad3a60; }
.lightpinkBg { background-color: #fcebf0; }

/************************************************************************
 *
 *	--   FONT COLOURS  ---
 *
 */

.redFont					{color:#eb2323;}
.whiteFont					{color:#fff;}
.yellowFont					{color:#fdf57a;}
.blueFont					{color:#3cb6ef;}
.lightblueFont				{color:#ceedfb;}
.darkblueFont				{color:#0066cc;}
.pinkFont					{color:#ff0099;}
.greyFont					{color:#333;}
.greenFont					{color:#339933;}
.lightGreenFont				{color:#339933;}
.darkPinkFont				{color:#ad3a60;}


/************************************************************************
 *
 *	--   HR STYLES  ---
 *
 */

hr.pinkHr {
	border: 0;
	color: #b54e70;
	background-color: #b54e70;
	height: 1px;
}



/************************************************************************
 *
 *	--   FORM STYLES  ---
 *
 */


select {
	margin-top:12px;
}

.inputTextRight {
	width: 159px;
	border:1px solid #858585;
	vertical-align: top;
	padding-left:2px;
	margin: 0 5px 0 0;

}

.textArea, .inputText {
	width: 224px;
	background-color: #fafafa;
	border:1px solid #858585;
	overflow: hidden;
	padding: 2px;
	float:right;
}

div.contentPanelleft label {
	font-weight:bold;
	margin:1em 0 0;
	display:block;
}

.loginForm label,
.registerForm label,
.saveToListDialog label,
.saveNewListDialog label {
	color: #333333;
	font-weight: bold;
}

.saveNewListDialog label {
	display: block;
	margin-top: 10px;
}

.loginForm label,
.registerForm label {
	width: 80px;
	display: inline-block;
}

.inputTextFull {
	width: 320px;
	background-color: #fafafa;
	border:1px solid #858585;
	overflow: hidden;
	padding: 2px;
}

.inputTextHalf {
	width: 192px;
	background-color: #fafafa;
	border:1px solid #858585;
	overflow: hidden;
	padding: 2px;
}

.button {
    border: none;
    background: url(../images/nav/buttons/sign_up2.jpg) no-repeat top left;
   /* width:85px;*/
	height:32px;
	padding-left:28px;
	color:#ffffff;
	font-weight:bold;
	float:right;
	margin-right:14px;
}


.ui-widget-content a.saveInNew{
    border: none;
    background: url(../images/nav/buttons/sign_up2.jpg) no-repeat top left;
	height:25px;
	padding-left:28px;
	color:#ffffff;
	font-weight:bold;
	margin-top:4px;
	display:block;
	padding-top:9px;
	width:140px;
}


.button.extrpadd {
	margin-top: 12px;
}

.buttonAdd, .buttonAdded {
    border: none;
	height:32px;
	padding-left:28px;
	color:#ffffff;
	font-weight:bold;	
	cursor:pointer;
	outline:none;
}


div.addPoet .buttonAdd, div.addPoet .buttonAdded { width:180px;}
.buttonAdd {
    background: url(../images/nav/buttons/button_add.jpg) no-repeat top left;
}
.buttonAdded {
    background: url(../images/nav/buttons/button_add.jpg) no-repeat top left;
}

.saveToList, .manageLists {
    border: none;
    background: url(../images/nav/buttons/save_1.jpg) repeat-x top left;
    /*width:50px;
	height:32px;*/
	padding:9px;
	color:#ffffff;
	font-weight:bold;
	float:right;
}

a.signupnow  { color: #ffffff; 
	float:right;
	background: #c67590 url(../images/nav/arrows/right_arrow2.gif) 8px 50% no-repeat; padding: 0 0 4px 20px; 
	display:block; 
	margin:8px 0px; 
	font-weight:bold;
	padding:10px 8px 10px 30px;}

.button:hover, .button1:hover{
	cursor:pointer;
}

.wideTextArea, .wideInputText {
	width: 400px;
	background-color: #fafafa;
	border:1px solid #858585;
	overflow: hidden;
	padding: 2px;
	float:right;
}


.captchaContainer {
	width:320px;
	border:1px solid #e3e2e2;
	margin:12px 0px;
	text-align:center;
	background-color:#ffffff;
}

.formContainer {
	width: 410px;
	vertical-align: top;
}

.wideFormContainer {
	width: 550px;
	vertical-align: top;
}

.formField	{
	width: 170px;
	padding:3px 0 0 0;
	display: block;
	text-align: left;
}

.goButton {
  vertical-align:top;
	margin-top:1px;
}
* html .goButton {
	margin-top:2px;
}
.sendButton {
  width: 48px;
  height: 18px;
  border: 0;
  padding: 0;
  margin-top: 10px;
  display: block;
  float:right;
  text-indent: -9999em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.signUpButton {
  width: 58px;
  height: 18px;
  border: 0;
  padding: 0;
  margin-top: 10px;
  display: block;
  float:right;
  text-indent: -9999em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#registerNewContainer{
	margin-top:-3px;
	width:310px;
	float: left;
	padding-left: 10px;
}

#registerNewSignup{
	margin-top:-8px;
	width:68px;
	float: left;
	padding-left: -10px;
}

/************************************************************************
 *
 *	--   WEIGHTED THEME STYLES  ---
 *
 *
 */
.themeWeight1{ font-size: 11px;	}
.themeWeight2{ font-size: 14px;	}
.themeWeight3{ font-size: 16px;	}
.themeWeight4{ font-size: 18px;	}
.themeWeight5{ font-size: 20px;	}
.themeWeight6{ font-size: 22px;	}
.themeWeight7{ font-size: 24px;	}
.themeWeight8{ font-size: 26px;	}
.themeWeight9{ font-size: 28px;	}
.themeWeight10{ font-size: 30px;}



/************************************************************************
 *
 *	--   OTHER COMMON STYLES  ---
 *
 *
 */

.left {display:block; float:left}
.right {display:block; float:right}

.dotted {
	display:block;
	background:url(../images/footer/dot.gif) repeat-x top left;
	width: 100%;
	height: 1px;
	overflow:hidden;
	margin: 0px;
	padding-bottom: 10px;
	border-top: 10px solid white;
}

.whiteBorderTop { border-top: 1px solid #fff; }
.marginTop {
	margin-top: 10px;
	display: block;
}
.marginTopSml {
	margin-top:5px;
	display:block;
}

.rightWhiteBorder { border-right: 1px solid #fff; }
.rightmargin { margin: 0px 1px 0px 0px; }

.poetThumb {
	display: block;
	float: left;
	padding-right: 10px;
	padding-bottom: 5px;
}

#bookshop img.title {
	display: block;
}
#bookshop .arrowlink:hover img.title {
	/* override inherited hover hide */
	visibility: visible;
}
#bookshop p {
	width: 60%;
}

.videoImage	{
	background:url(../images/icons/video.gif) no-repeat top left;
	padding:0px 0px 0px 20px;
}

.videoBlackImage {
	background:url(../images/icons/video_black.gif) no-repeat top left;
	padding:0px 0px 0px 20px;
}

* HTML .videoImage .videoLink {
	height:27px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/home/watchintro.png');
}
.videoImage	.videoLink[class] {
	height:27px;
	background:url(../images/home/watchintro.png) no-repeat left top;
}
* HTML .videoImage .videoLinkWhite {
	height:27px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/home/watchintro-white.png');
}
.videoImage	.videoLinkWhite[class] {
	height:27px;
	background:url(../images/home/watchintro-white.png) no-repeat left top;
}

* HTML #quotefirstline,
* HTML #quotesecondline,
* HTML #quoteauthor {
	text-indent:-9999px;
}
#quotefirstline[id] DIV,
#quotesecondline[id] DIV,
#quoteauthor[id] DIV {
	text-indent: -9999px;
}

.hiddenText {
	position:absolute;
	left: -9999px;
}

.left {
	float: left;
}

.leftspace {
	margin-left: 10px;
	float: left;
}

.copyright {
	font-size:0.9em;
	margin-bottom:1em;
}
.copyright H3 {
	font-size:1em;
	margin:0;
	padding:0;
}

.errorborder {
	border-width: 2px;
	border-color: red;
	border-style: solid;
	margin-bottom: 3px;
}

.errorMessage {
	font-weight: bold;
	color: red;
}

.poem {
	outline:none;
}

/************************************************************************
 *
 *	---   ADMIN SECTION STYLES ---
 *
 */

 #adminbody	{
	display:block;
	background-color: white;
	width:760px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
}

.adminpara {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	text-align: left;
}

.adminpreviewpara {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width:60%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}


.adminlist {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 30px;
	text-align: left;
	list-style: disc;
}

.admintd {
	padding: 5px;
	text-align: left;
	background-color: #eeeeee;
}

.admincode {
	text-align: left;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 5px 5px 5px 5px;
	color: inherit;
	background-color: #eeeeee;
	border: 1px dotted #003366;
	font-family: courier, courier new, monospace;
	font-size: 12px;
	line-height: 100%;
	white-space: pre;
	width: 98%;
	overflow: auto;
}

.adminerror {
	font-weight: bold;
	color: red;
}

/* Additions for Glossary 6/2007 */
h3.ternoftheday a{
	font-size:1.30em;
	margin: 0px;
}
.glossaryFooter .dottedColBox{
	margin-right: 10px;
}


/* Accordion Styles */
.accordion .headings {
	background: url(../images/home/closed_arrow.png) no-repeat right 1px;
	height: 11px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.accordion .headings.active {
	background: url(../images/home/open_arrow.png) no-repeat right 1px;
}

/* Homepage hero panel */
#heroPanel {
	display: none;
	height: 210px;
}

#heroPanel {
	font-family: Arial,sans-serif;
}

#heroPanel .slide {
	position: relative;
	height: 210px;
	width: 740px;
}

#heroPanel .subText {
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 190px;
	padding: 10px;
	line-height: 1.5em;
	color: #FFFFFF;
	background: url(../images/home/transparency.png) repeat;
}

#heroPanel .subText p {
	width: 200px;
	margin: 0;
	font-weight: bold;
}

#heroPanel .mainText p {
	width: 300px;
	padding: 13px 10px 10px 13px;
	margin: 0;
	color: #FFFFFF;
	font-size: 2em;
	font: Arial, sans-serif;
}

#heroPanel .mainText .subTitle {
	position: absolute;
	bottom: 28px;
	left: 0;
	padding: 10px 10px 10px 13px;
	color: #F9F03B;
	font-size: 1.5em;
}

#heroPanel .linkText {
	position: absolute;
	bottom: 0;
	left: 520px;
	width: 215px;
	height: 20px;
	padding: 6px 0 0 5px;
	z-index: 1;
	font-weight: bold;
	background: url(../images/home/transparency.png) repeat;
}

#heroPanel .linkText a.link {
	background: url(../images/home/slideLink.gif) no-repeat;
	padding: 0 0 0 15px;
	color: #FFFFFF;
}

#heroPanel .pager {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 520px;
	height: 16px;
	overflow: hidden;
	z-index: 99;
	padding: 5px 0;
	background: url(../images/home/transparency.png) repeat;
}

#heroPanel .pager a {
	float: left;	display: inline;
	width: 16px;
	height: 16px;
}

#heroPanel .pager a.prevPage {
	background: url(../images/home/pagePrev.png) no-repeat;
	margin: 0 0 0 10px;
}

#heroPanel .pager a.nextPage {
	background: url(../images/home/pageNext.png) no-repeat;
	margin: 0 4px;
}

#heroPanel .pager .pages a.pageOff {
	background: url(../images/home/pageOff.png) no-repeat;
}

#heroPanel .pager .pages a.pageOn {
	background: url(../images/home/pageOn.png) no-repeat;
}

#heroPanel .pager .pages a:hover {
	background: url(../images/home/pageOn.png) no-repeat;
}

#heroPanel .pager .pages a.activeSlide {
	background: url(../images/home/pageOn.png) no-repeat;
}

/*MY ARCHIVE */
a.createList {
	background: url(../images/icons/create_icon.gif) no-repeat;
	padding:1px 0px 3px 20px;
	font-weight:bold;
	color:#000;
}