/*
 * This template defines how webpages are usually presented on screen,
 * incorportating common templates to be used for section classes.
 */


/* ************************************************************************* */
/* Overall page background:                                                  */
/*	we have a standard style for the screen, and another for printing    */
/* ************************************************************************* */

body.page {
	text-align: center; /* IE bug for centering the page content */
        color: #fefefe;
	background: #000000 url(/layout/space.jpg) repeat fixed;
	font: 10pt arial,sans-serif;
        margin: 0; border: 0; 
	padding: 10px 0;
}

body.printmode {
        text-align: left;
        color: #000044;
	background: rgb(229,200,160) fixed; /* #e5c8a0 */
	font: 10pt arial,sans-serif;
        margin: 5px; border: 0; padding: 0;
}

div#outershell {
        position: relative;
        width: 982px;
	margin: 0 auto;
	border: 2px solid #880000;
        padding: 0;
        text-align: left; /* override the "center" used for div above */
        vertical-align: top;
        color: #000044;
	background: #000000;
}

#headerlogo {
        position: absolute;
	text-align: right;
        right: 1px; top: 0;
        margin: 0; padding: 0;
        width: 500px; height: 60px;
	border: 0;
}
#headerlogo a { text-decoration: none; }
#headerlogo img { 
	width: 480px; height: 60px; 
	padding: 0; margin: 0; border: 0;
	/* border-left: 1px solid #880000; */
	/* border-bottom: 1px solid #880000; */
}

#headerupdated {
        position: absolute;
        top: 51px; right: 485px;
        border: 0; margin: 0; padding: 0;
        font-size: 6pt;
        font-style: italic; 
        color: #cccccc;
        z-index: 10;
}

#headertitle {
        position: absolute;
        top: 2px; left: 2px;
        border: 0; margin: 0; padding: 0;
        width: 492px; height: 48px;
        text-align: center;
        vertical-align: middle;
        font-size: 18pt;
        font-variant: small-caps; 
        line-height: 18pt;
        color: #fefefe;
}

#menubar { margin: 0; border: 0; padding: 0; }
#menubar dl {
        margin: 0; padding: 0;
        list-style-type: none;
        z-index: 20;
        width: 1px;
}

#menuitem1 { position: absolute; top: 63px; left: 1px; }
#menuitem2 { position: absolute; top: 63px; left: 110px; }
#menuitem3 { position: absolute; top: 63px; left: 219px; }
#menuitem4 { position: absolute; top: 63px; left: 328px; }
#menuitem5 { position: absolute; top: 63px; left: 437px; }
#menuitem6 { position: absolute; top: 63px; left: 546px; }

#menuitem7 { position: absolute; top: 75px; left: 1px; }
#menuitem8 { position: absolute; top: 75px; left: 110px; }
#menuitem9 { position: absolute; top: 75px; left: 219px; }
#menuitem10 { position: absolute; top: 75px; left: 328px; }
#menuitem11 { position: absolute; top: 75px; left: 437px; }
#menuitem12 { position: absolute; top: 75px; left: 546px; }
#menuitem13 { position: absolute; top: 75px; left: 655px; }
#menuitem14 { position: absolute; top: 75px; left: 764px; }
#menuitem15 { position: absolute; top: 75px; left: 873px; }


dt.menutitle {
        margin: 0; padding: 0 0 0 0;
	border: 1px solid #880000;
        width: 105px; height: 20px; 
        list-style-type: none;
        cursor: pointer;
        text-align: center;
        vertical-align: middle;
        font-size: 10pt; font-weight: bold;
        color: #aaaaaa; background: #000000;
	white-space: nowrap; overflow: hidden;
}
dt.submenutitle {
        margin: 0; padding: 0;
	border: 1px solid #880000;
        width: 105px; height: 15px;
        list-style-type: none;
        cursor: pointer;
        text-align: left;
        vertical-align: middle;
        font-size: 8pt; font-weight: bold;
        color: #aaaaaa; background: #000000;
	white-space: nowrap; overflow: hidden;
}

dd.menuitem {
        margin: 0; padding: 2px 0;
	border: 1px solid #880000;
        width: 105px;
        list-style-type: none;
        display: none;
        text-align: center;
        font-size: 7pt; font-weight: bold;
        color: #aaaaaa; background: #000000;
}
dd.submenuitem {
        margin: 0; padding: 2px 0;
	border: 1px dotted #880000;
        min-width: 105px; 
        list-style-type: none;
        display: none;
        text-align: left;
        font-size: 7pt; font-weight: bold;
        color: #aaaaaa; background: #000000;
	position: relative; z-index: 1000; /* to ensure stays on top! */
}

#menubar a, #submenubar a { 
	color: #aaaaaa; background-color: transparent; 
	text-decoration: none;
}
#menubar a:hover, #menubar a.menutitleactive { color: #fefefe; }
#submenubar a:hover, #submenubar a.menutitleactive { color: #fefefe; background-color: #000000; }

input.menusearchsubmit {
        position: absolute;
        left: 655px; top: 63px;
        width: 40px; height: 22px;
        color: #fefefe; background-color: #880000;
        font-size: 6pt;
        margin: 0; border: 0;
	padding: 0 1px;
}
input.menusearchbox {
        position: absolute;
        left: 695px; top: 63px;
        right: 2px; top: 63px;
        width: 171px; height: 20px;
        margin: 0;
	border: 1px solid #880000;
        padding: 0 0 0 3px;
        font-size: 7pt;
        color: #fefefe; background-color: #000000;
        font-style: italic;
}

#submenubar {
	margin: 0; border: 0; padding: 1px;
	z-index: 20;
	height: 19px;
	overflow: hidden;
	white-space: nowrap;
}
div.submenubar { 
	border: 1px solid #880000;
	border-style: dotted solid solid dotted;
	margin-right: 2px;
	background-color: #000000;
	font-size: 7pt;
	width: 92px; height: 12px;
	float: left;
	overflow: hidden;
	text-align: left;
}
#submenubar p { margin: 0; border: 0; padding: 0; }
#submenubar .raquo { font-size: 7pt; color: #880000; font-weight: bold; }
#submenubar a {
	font-size: 7pt;
	color: #aaaaaa; background-color: transparent;
	text-decoration: none;
}
#submenubar a:hover {
	color: #fefefe; 
}
#submenubar a.submenubaractive { 
	font-weight: bold;
	color: #fefefe; 
}

#headerlikebutton {
	position: absolute; top: 63px; left: 873px;
	border:0; margin:0; padding:0;
	height: 20px; overflow: hidden;
}
	

#headeroffset {
	margin: 0; padding: 0; 
        height: 91px;
        background-color: #000000;
	/* This is bizarre: if there is no border then Opera and Safari */
	/* leave a gap between two menu lines - if 1px then it doesn't! */
	border: 1px solid #000000;
}
#headeroffset p { margin: 0; border: 0; padding: 0; }


#bodysection {
        clear: both;
        margin: 0; border: 0;
        padding: 5px;
	background: rgb(229,200,160) url(/layout/lightleather.jpg);
}




/* This seems an oddity, but IE (at least) does not take up the BODY tag
 * font-size definition (though it does pick up the family!
 */
table { color: #000044; font-size: 10pt; } 

/* this makes the margin between paragraphs consistent across browsers */
/* p { margin: 0; border: 0; padding: 0; } */
.nobr { white-space: nowrap; } /* replace the <nobr> tag */
.clear { clear: both; } /* clear any floating objects */
.underline { text-decoration: underline; }
.u { text-decoration: underline; }


a:link, a:visited, a:active { 
	color: #000088; background-color: transparent; text-decoration: none;
	border-color: #000000; border-width: 0; border-style: none;
}
a:hover { 
	color: rgb(229,200,160); background-color: #000044; 
	border-color: #000000; border-width: 0; border-style: none;
}

p.placedescription { margin: 13px 0; }
p.placeupdate { font-style: italic; margin: 13px 0; }


p.locnotetitle {
	font-size: 8pt; font-weight: bold;
	margin: 0; border: 0; padding: 0;
	margin-top: 15px;
	text-decoration: underline;
}
p.locnoteicon {
	float: left;
	width: 12px;
	margin: 0; border: 0; padding: 0;
	font-size: 8pt;
	text-align: right;
	/* z-index: 20; */
}
p.locnotetext {
	font-size: 8pt;
	line-height: 8pt;
	margin: 0; border: 0; padding: 0;
	padding-left: 15px;
	margin-bottom: 4px;
}




.pagecontenttitle {
        margin: 0; border: 0; padding: 0;
        font-weight: bold; font-size: 16pt;
        }
.pagecontentsubtitle {
        margin: 0; border: 0; padding: 0;
        font-style: italic; font-size: 8pt;
        }
div.pagecontentarticle {
        font-size: 10pt;
        }

span.text {
        font-family: arial, sans-serif;
        font-size: 10pt;
        }




.editorial { font-size: 8pt; color: #008000 }

.editorial a:link {
        color: #00A000;
        background-color: transparent;
        text-decoration: none;
        }
.editorial a:visited {
        color: #00A00C;
        background-color: transparent;
        text-decoration: none;
        }
.editorial a:hover {
        color: #00FF00;
        background-color: transparent;
        text-decoration: underline;
        }
.editorial a:active {
        color: #00FF00;
        background-color: transparent;
        text-decoration: none;
        }

div.editorial, div.editorsnote {
        margin-top: 20px;
	max-width: 1000px;
	border: 2px solid #cc9933;
        font-style: italic;
        font-size: 8pt;
	padding: 0 10px; 
        color: #000044;
        text-align: center;
        background-color: rgb(229,200,160);
        clear: both;
        }



div.newstitle {
	margin-bottom: 0 ;
	border: 1px solid #880000;
        border-bottom-style: none;
        color: #cccccc;
	background: #600000;
        font-weight: bold;
        padding-left: 10px;
	clear: both;
}
div.newstitle p { margin: 0; padding: 0; border: 0; } 
div.newsbreak { }
div.newsarticle { margin-top: 15px }
span.newstype {
	font-style: italic;
	font-size: 8pt;
	float: right;
	padding-right: 2px;
}
div.newsitem {
	margin-top: 0;
	border: 1px solid #600000;
	padding: 0 20px;
        font-size: 8pt;
	background-color: rgb(229,200,160);
}
/* div.newsitem p { margin: 0 0 auto 0; border: 0; padding: 0; } */
a.newslink:link, a.newslink:visited, a.newslink:active { 
	color: #c0c0c0; background-color: transparent; text-decoration: none;
	border-color: #000000; border-width: 0; border-style: none;
}
a.newslink:hover { 
	color: #fefefe; background-color: transparent; 
	border-color: #000000; border-width: 0; border-style: none;
}

/* ************** ANNIVERSARY SIDEBAR *************** */

div.anniversary {
	border: 1px solid #880000;
	margin: 0; padding: 0;
}
div.anniversaryheader {
		margin: 0; border: 0; padding: 0;
}
span.anniversaryheader {
	text-decoration: underline;
	font-variant: small-caps;
	font-size: 10pt;
}
span.showstudioanniversaries {
	font-size: 7pt;
	color: #800000;
	float: right;
}
div.anniversaryitem {
	clear: both;
	padding: 0;
}
p.anniversaryitemdate {
	float: left;
	text-align: right;
	font-size: 8pt;
	width: 25px;
	border: 0; padding: 0;
	margin: 0;
}
p.anniversaryitem {
	margin: 0 0 0 26px;
	text-align: left;
	font-size: 8pt;
	line-height: 10px;
	border: 0; padding: 0 0 4px 5px;
}


/* ******** SIDEBOX *********** */

div.sidebox {
        text-align: center; border: 1px solid #800000;
        overflow:hidden; /* background-color: transparent; width: 250px; */
        background-color: rgb(229,200,160);
	margin-bottom: 10px;

}
div.sideboxtitle {
        margin-bottom: 0 ;
        border: 1px solid #880000;
        border-bottom-style: none;
        color: #cccccc;
        background-color: #800000;
        font-weight: bold;
        clear: both;
}
div.sideboxinner {
        padding: 2px; border: 1px solid #800000; margin: 3px;
        background-color: white;
}


/* ******** LOCATION SPECIFIC SETTINGS *********** */


div.locationstory { 
	padding-bottom: 20px; 
	width: 920px;
	margin: 0 auto;
}

table.locationheader { 
	width: 920px; 
	margin: 0; padding: 0;
	border-spacing: 0;
}
td.locationstory { 
	/* width: 265px; */
	background-color: #000000; color: #fefefe; 
	font-variant: small-caps; font-weight: bold;
	padding-left: 10px; 
}
td.locationbroadcast { 
	/* width: 300px; */ text-align: right;
	background-color: #000000; color: #fefefe; 
	font-size: 8pt 
}
td.locationdwm { 
	width: 40px; background-color: #000000; color: #fefe00; 
	font-size: 8pt; text-align: right
}

table.locationstory {
	width: 920px;
	margin: 0;
	border: 1px solid #000000;
	padding: 0;
	border-spacing: 0;
}
tr.locationstory {
	vertical-align: top;
}
a.locationstory { color: #fefefe; background-color: #000000; }
a.locationstory:visited { color: #fefefe; background-color: #000000; }
a.locationstory:hover { color: #fefe00; background-color: #000000; }
a.locationstory:active { color: #fefe00; background-color: #000000; }

td.locationstorydetails {
	width: 50%; /* 302px; */
	font-size: 8pt;
	border: 1px solid #000000;
	vertical-align: top; /* text-top; */
}
td.locationstoryimage {
	width: 50px; 
	border: 1px solid #000000;
}
img.locationstoryimage {
	/* width: 72px; height: 54px; */
	border: 0; float: right;
}


table.locationitem { 
	width: 920px;
	margin: 0; padding: 0;
	border: 1px solid #000000;
	border-spacing: 0;
}
tr.locationitem { 
	border: 1px solid #000000;
	vertical-align: top;
}
td.locationfilming { 
	width: 160px; font-size: 8pt; 
	background-color: rgb(229,200,160);
	border: 1px solid #000000;
	text-align: right; padding-right: 5px; 
}
td.locationplace { 
	width: 500px; 
	background-color: rgb(229,200,160);
	border: 1px solid #000000;
	padding-left: 5px; 
}
span.locationplaceaddress {
	font-size: 8pt;
}
td.locationstatus { 
	width: 90px; font-size: 8pt; font-variant: small-caps; 
	background-color: rgb(229,200,160);
	border: 1px solid #000000;
	text-align: center; 
}
td.locationwhen { 
	width: 30px; font-size: 8pt; font-variant: small-caps; 
	background-color: rgb(229,200,160);
	border: 1px solid #000000;
	text-align: center; 
}

table.studiolist { 
	padding: 0; margin: 0; width: 750px;
	font-size: 8pt; line-height: 8pt; 
	/* border: 2px solid #000000; */
	text-align: left; 
	border-spacing: 0; 
}
table.studiolist tr { vertical-align: top; }






.locationformername {
	margin: 0; border: 0; padding: 0;
	font-size: 10pt; /* was 10pt originally */
	font-style: italic;
	font-weight: normal;
	color: #008800;
}

.locationunconfirmed {
	margin: 0; border: 0; padding: 0;
	font-style: italic;
	font-weight: normal;
	color: #880000;
}

.locationaka {
	margin: 0; border: 0; padding: 0;
	font-style: italic;
	font-size: 10pt; /* was 10pt originally */
	font-weight: normal;
	color: #008800;
}

.admission { font-size: 8pt; }
.parking { font-size: 8pt; margin-top: 0; line-height: 8pt; }
.where { font-size: 8pt; margin-top: 0; line-height: 8pt; }
img.parking { vertical-align: middle; width: 12px; height: 12px; }
img.where { vertical-align: middle; width: 12px; height: 12px; }

iframe.googlemap3dviewer {
	width: 600px; height: 500px;
	margin: 0; border: 0; padding: 0;
}


div.locdetails {
	width: 300px; float: right;
	border: 1px dashed #880000;
	margin: 0 0 10px 4px;
	overflow: hidden;
	white-space: nowrap;
}
div.locationmap {
	width: 300px; height: 250px;
	/* float: right; */ /* removed seemed to break map detail for Firefox */
}
iframe.locationmap {
	width: 300px; height: 250px;
	border:0; margin: 0; padding: 0;
	display: none;
}
p.locdetailsfield {
	float: left;
	width: 130px;
	margin: 0; border: 0; padding: 0;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	color: #880000;
	/* z-index: 20; */
}
p.locdetailsinfo {
	font-size: 8pt;
	font-weight: normal;
	margin: 0; border: 0; padding: 0;
	padding-left: 132px;
}



p.locusage { font-style: italic }
table.locusagesummary {
	width: 180px; float: right;
	border: 1px dashed #880000;
	line-height: 8pt;
}
table.locusagesummary td {
	color: #AA0000; font-size: 8pt; font-style: normal;
}
td.locusagefield { width: 70px; font-weight: bold; }
td.locusageinfo { width: 110px }

table.locroutes {
	font-size: 8pt; line-height: 8pt;
}
table.locroutes tr { vertical-align: top }

table.locnotes { border: 0; padding: 0; margin: 0; margin-top: 10px; border-spacing: 0; font-size: 8pt; line-height: 8pt; }
table.locnotes tr { vertical-align: top; }

table.locnote { border: 0; padding: 0; margin: 0; margin-top: 10px; border-spacing: 0; font-size: 8pt; line-height: 8pt; clear: both; }
table.locnote tr { text-align: left; vertical-align: top; }
td.locnotetitle { font-weight: bold; text-decoration: underline }


div.areaphotos {
	width: 920px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #000000;
	text-align: left;
	color: #000044; background-color: transparent;
	margin: 10px auto 0 auto;
	clear: both;
}

p.areatitle { 
	margin: 0; border: 0; padding: 2px; font-size: 14px; 
	text-align: center;
	vertical-align: middle;
	color: #fefefe; background-color: #000000;
}
span.areaaccess { float: left; font-size: 8pt; }
span.areastatus { float: right; font-size: 8pt; }
p.areatitle a { color: #fefefe; }

p.areaphoto { 
	margin: 0; border: 0; padding: 0;
	text-align: center; font-size: 8pt; line-height: 10pt;
	float: left;
}
img.areaphoto { margin: 0; border: 0; padding: 0; vertical-align: top; }

span.areaphotoleftarrow { 
	margin: 0; border: 0; padding: 0; 
	float: left; font-size: 16pt; display: inline;
} 
span.areaphotorightarrow { 
	margin: 0; border: 0; padding: 0; 
	float: right; font-size: 16pt; display: inline; 
}
img.areaphotoarrow { margin: 0; border: 0; padding: 0; }
a.areaphotoarrow { color: #000000; background-color: transparent; }
a.areaphotoarrow:hover { color: #000000; background-color: transparent; }
a.areaphotoarrow:visited { color: #000000; background-color: transparent; }

div.areaphoto { 
	margin: 0; border: 0; padding: 0;
	vertical-align: top; text-align: center; font-size: 8pt; 
	line-height: 10pt; float: left;
	clear: both;
}
p.areaphotodetail { 
	text-align: center; vertical-align: top;
	margin: 0; border: 0; padding: 0; 
	clear:both;
}

span.photoby { color: #AA0000; font-style: italic; white-space: nowrap; }
span.photodetail { color: #AA0000; font-style: italic; }

p.areagap { 
	clear: both; margin: 10px 0 0 0;
	border: 0; padding: 0;
	/* border: 0; border-bottom: 1px dotted #000000; */
}
p.areascreenshot { 
	/* width: 160px;  --- now overidden */
	/* clear: right;  --- set in locations, album doesn't want to! */
	font-size: 8pt; line-height: 9pt; 
	margin: 0; border: 0; padding: 0;
	margin-bottom: 5px; 
	float: right; 
}
img.areascreenshot { margin: 0; border: 0; padding: 0; }
span.areafilmed { color: #cc0000; }


div.areashotlist {
	width: 920px; 
	margin: 10px auto;
	padding: 0;
	border: 1px solid #000000;
	clear: both;
	color: #000044; background-color: transparent;
}
p.areashot {
	margin: 2px 0 1px 2px;
	border: 1px dashed #000000;
	padding: 0 2px 0 2px;
	width: 145px; height: 140px;
	float: left;
	font-size: 8pt;
	overflow: hidden;
}
p.areashotgap {
	clear: both; margin: 0 0 0 0; border: 0; padding: 0;
}
span.areashotdetail {
	font-style: italic;
}
span.areashotcomment {
	font-style: italic;
	color: #800000;
}
div.areashotreport {
	width: 920px; height: 15px;
	margin: 0 auto; padding: 0;
	border: 1px solid #000000;
	text-align: center;
	color: #fefefe; background-color: #000000;
	font-size: 8pt;
	text-transform: uppercase;
}
p.areashotreport { margin: 0; border: 0; padding: 0; }
div.areashotreport a { color: #fefefe; text-decoration: none; }
div.areashotreport a:hover { 
	color: #fefe00; background-color: transparent;
	text-decoration: none; 
}
p.areashotnotetitle {
	clear: both;
	font-size: 8pt; font-weight: bold;
	margin: 0; border: 0; padding: 0;
	text-decoration: underline;
}



.notedate { color: #800000 }
.notepretext { font-weight: bold; }
.noteposttext { font-style: italic; }
.notepostsource { font-style: italic; color: #880088; }
.routeunverified { color: #800000; font-style: italic; }
.notetext { }


table.locationsearch { 
	clear: both;
	margin: 5px auto; 
	width: 550px;
	border: 3px double #880000; 
}
td.locationsearch { font-variant: small-caps; text-align: right; }
td.locationsearchentry { text-align: left; }
input.locationsearchinput {
	background-color: transparent;
	width: 200px;
}
input.locationsearchsubmit {
	background-color: rgb(229,200,160);
}
img.locationsearchselect {
	/* float: right; 
	padding-right: 1px; */
	position: relative; top: 2px; right: 38px;
	vertical-align: top;
}
div.locationmapselect {
	float: right; 
	display: inline;
	width: 0;
	vertical-align: top;
	z-index: 25;
}
div.locationmapsubmit {
	/* float: right; */
	text-align: center;
}
img.flagicon {
	vertical-align: text-top;
}

.searchdirectionerror {
	margin: 10px;
	padding: 10px;
	border: 1px solid #cc0000;
	color: #cc0000;
	background-color: rgb(229,200,160);
	text-align: center;
	font-size: 16pt;
}

.searchdirectionerror a {
	color: #cc0000; background-color: transparent;
	text-decoration: none; 
}


.routedistance {
	font-style: italic;
	white-space: nowrap;
}
	


div.displaymap { 
	text-align: center;
	width: 950px; height: 450px;
	border: 1px solid #000000;
	margin: 0 auto;
}
div.displaymaproute {
	width: 400px; /* googlemap misprints against displaymap! */
	border: 1px solid #000000;
	background-color: #fefefe;
	font-size: 7pt;
	float: left;
}
div.displaymaproute td { font-size: 7pt; }



p.privatenote { 
	clear: both;
	padding: 1px; 
	margin: 5px 1px 1px 1px;
	width: 920px;
	font-size: 9pt; 
	border: 3px double #880000;
	/* border-spacing: 0; */
}
div.privatenote { 
	clear: both;
	padding: 1px; 
	margin: 5px 1px 1px 1px;
	font-size: 9pt; 
	border: 3px double #880000;
	/* border-spacing: 0; */
}
span.privatenote {
	color: #AA0000; font-variant: small-caps;
}

p.photonote { 
	clear: both;
	padding: 1px; 
	margin: 5px 1px 1px 1px;
	font-size: 9pt; 
	border: 3px double #880000;
	/* border-spacing: 0; */
}
span.photonote {
	color: #AA0000; font-variant: small-caps;
}

div.areanotes {
	width: 625px;
	margin: 0 auto;
}
table.areanote { 
	padding: 0; margin: 0; width: 625px;
	border-spacing: 0; 
	font-size: 8pt; line-height: 8pt; 
	border: 1px solid #000000;
	border-top-width: 0;
}
table.areanote tr { vertical-align: top; }



td.areashots {
	text-align: center;
	font-variant: small-caps;
	background-color: #000000;
	color:  rgb(229,200,160);
	font-size: 10pt; /* was 10pt originally */
	line-height: 11pt;
}

td.areashots a { color: rgb(229,200,160); }
td.areashots a:hover { 
	color: rgb(255,200,160); background-color: transparent; }

td.raquo { width: 7px; }

div.storysynopsis { font-size: 8pt; margin-top:10px; }
div.storysynopsisurl { font-size: 8pt; margin-top: 10px; margin-bottom: 10px }
div.storylocationsincomplete { color: #008000; font-style: italic; margin-top: 0px }



span.addtoplanner {
        background-color: #008000; color: #ffff00;
        font-size: 6pt; padding: 1px;
}

a.addtoplanner {
        background-color: #008000; color: #ffff00;
        font-size: 6pt; padding: 1px;
}
a.addtoplanner:hover {
        background-color: #008000; color: #fefefe;
        font-size: 6pt; padding: 1px;
}


div.listsection {
	clear: both;
	width: 100%;
	text-align: center;
	font-size: 18pt; color: #fefefe; background-color: #000000;
	border: 1px solid #000000;
	margin-top: 20px; margin-bottom: 0;
}
div.listsection p { margin: 0; border: 0; padding: 0; }

div.listchoices {
	width: 100%;
	text-align: center;
}


p.pagevisitcount {
	font-size: 7pt;
	font-style: italic;
	color: #fefefe;
	text-align:center;
}


div.album_page_display {
	color: #000000;
	font-size: 10px;
	float:right;
}
/*
a.album_pagecount { color: #444444; }
a.album_pagecount:hover { color: #000044; }
a.album_pagecountactive { color: #000000; font-weight: bold; }
a.album_pagecountactive:hover { color: #0000ff; font-weight: bold; }
*/