/* ****************** Index of sections below ******************************** */
/* ***************** Style for basic default unstyled body ******************** */
/* ************ Style for basic unstyled default html ************************ */
/* *********************** Section by section style *************************** */
/* **************************************************************************** */
/* ************************** Style for Body variations ********************** */
/* ********* special column modes THREECOL,THREECOLBLG,TWOCOL,TWOCOLMR ******** */
/* ***************************** style for pagefultop1 ************************ */
/* ***************************** style for pagefultop2 ************************ */
/* ***************************** style for left side homelogo ***************** */
/* ************************ style for right side page main logo *************** */
/* *********************** style for hardfullspacer *************************** */
/* ***************************** style for page main title include ************ */
/* ***************************** style for search function ******************** */
/* ***************************** style for breadcrumbs bar ******************** */
/* ************************ style for second left sidemenu logo *************** */
/* ***************************** style for menu section *********************** */
/* ***************************** style for menu announce section ************** */
/* ***************************** style for page innersite nav ***************** */
/* ***************************** style for page inner local nav *************** */
/* ***************************** style for page subarea nav ******************* */
/* ***************************** style for main text area (1) ***************** */
/* ************** styles for the static page includes in /pages *************** */
/* ***************************** style for page side content 1 *************** */
/* ***************************** style for page side subarea nav ************* */
/* ***************************** style for more content1 ********************** */
/* ***************************** style for more content1 sidearea ************* */
/* ***************************** style for NS4 post text content ************** */
/* ***************************** style for optional left bottom stuff ********* */
/* ***************************** style for bottom page next buttons *********** */
/* ***************************** style for page full bottom1 ****************** */
/* ***************************** style for page full bottom2 ****************** */
/* ******************* styles for the catalog database views ****************** */
/* ******************* styles for the shopping cart views ********************* */
/* ********* styles for the 'announce' included view of the main database ***** */
/* ****************** Useful styles for use within the text ******************* */
/* ************ styles for the included views of the mini databases *********** */
/* for test code */
div.test {display:none;}
span.test {display:none;}
/* temporary work in progress, if used put at end of file */
/*
<!-- #include virtual="floatpics.css" -->
<!-- #include virtual="picsthentxt.css" -->
<!-- #include virtual="pics3fixed.css" -->
<!-- #include virtual="pics3auto.css" -->
*/
/* *********** Notes ************ */
/* References to graphics must be relative, */
/* (../graphics instead of /stdinc/v0/graphics/) */
/* so that proper graphic is used when a page uses a different skin */
/* Include basic color scheme, set some important spacing */
/* this is commented out for style, but still sets the variables */
/* note the relative access */
/*
<!-- begin set standard stylesheet includes and tablecolor includes -->
<!-- first one small bit of housekeepig, set the homelogo name -->
<!-- #set var="HOMELOGONAME" value="logo.gif" -->
<!-- set all the standard colors used here -->
*/
/*
*/
/* ***************** Style for basic default unstyled body *************** */
/* this is not normally used except as defaults, see specific ones below */
body {
/* background: #ffffff; */
background: #ffffff url("../graphics/bodypagegraphic.jpg");
/* background-repeat: repeat ; */ /* this is the normal default, both ways */
background-repeat: no-repeat ;
/* font-family: Geneva,Arial,Verdana,Helvetica,Chicago,sans-serif; */
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
color: #000000;
margin: 0 0 0 0;
padding:0 0 0 0 ;
border: 0; /* remove border in older IEversions */
/* width: 100%; */ /* This can cause problems when margin is used on divs */
background: #ffffff;
min-width: 750px; /* for mobile users */
}
/* ************ Style for basic unstyled default html ******************** */
/* set to see all divs */
/*
div {
border: 2px solid red;
}
*/
p {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
margin: 0 0 0 0;
padding: 10px 6px 2px 6px
}
p.p1:first-letter {
font-size: 150%;
font-family: serif;
}
H1 {
font-size: 165%;
margin: 0 0 0 0;
padding: 8px 10px 0px 10px ;
}
H2 {
/* font-size: 18px; */
font-size: 135%;
margin: 0 0 0 0;
padding: 8px 10px 0px 10px ;
}
H3 {
/* font-size: 16px; */
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size: 110%;
margin: 0 0 0 0;
/* border: 1px solid black;*/
padding: 8px 10px 0px 10px ;
}
H4 {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size: 100%;
margin: 0 0 0 0;
padding: 8px 10px 0px 10px ;
}
H5 {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size: 85%;
margin: 0 0 0 0;
padding: 8px 10px 0px 10px ;
}
H6 {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size: 75%;
/* text-indent: 1em; */
/* border: 1px solid black; */
margin: 0 0 0 0;
padding: 8px 10px 0px 10px ;
}
img {
/* border: 1px solid black; this affects positioning in netscape 4 */
border: 0 ;
padding: 0 0 0 0 ;
/* margin 0 ;*/ /* recently added bad code */
}
/* this solves some compatibility problems between Firefox and Opera */
/* the default on Opera seems to be text centered, width way large */
table {
text-align: left;
margin-left: auto;
margin-right: auto;
/* border: 1px solid green; */
width:auto; /* the width problem may be due to the header, not the table */
}
/* fix default links color etc which were overridden above */
/*
a {text-decoration: underline;}
a:link {color:blue}
a:visited {color: #000066;}
a:active {color:red;text-decoration: none;}
a:hover {color:#663333;}
*/
/* or use variables for defaults by our standard color scheme */
a {text-decoration: underline;}
a:link {color:#333399;}
a:visited {color: #6666cc;}
a:active {color:#ccccff;
text-decoration: none;
}
a:hover {color:#ff3333;}
/* horizontal rule */
hr {
background: #eeeeff;
}
/* *********************** Section by section style ****************************/
/* In approximate order of appearance on the page. These are organized by */
/* include file, and by fixed id divs. */
/* *************************************************************************** */
/* ************************** Style for Body variations ********************** */
/* include stdbodytag.html */
body.full {
/* background: #fffFFe url("../graphics/WebPage05.jpg") ; */
/* background: #ffffff; */
background: #ffffff url("../graphics/bodypagegraphic.jpg");
background-repeat: no-repeat ;
color: #000000;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
background-repeat: repeat-y ; /* added to allow top menu with base layout */
}
body.sidebar,body.microbase,body.blogbase,body.homepage,body.purchasebase,body.threecol,body.threecolblg,body.twocol,body.twocolmr,body.secthead,body.custom {
/* background: #fffFFe url("../graphics/WebPage05.jpg") ; */
/* background: #ffffff; normal */
background: #ffffff url("../graphics/bodypagegraphic.jpg");
background-repeat: no-repeat ;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
color: #000000;
/* below for testing only, properly goes into include file */
/* background: #00cc00 ; */
background-repeat: repeat-y ;
/* background-repeat: repeat-x ; */
/*cursor: crosshair ;*/
/*cursor: help ;*/
/* min-width:400px; */
}
body.xsecthead {
background: #ffffff url("/stdinc/(none)/graphics/bodypagegraphic.jpg");
background-repeat: no-repeat ;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
color: #000000;
}
/* *** ************************************************************************** */
/* ********* special column modes THREECOL,THREECOLBLG,TWOCOL,TWOCOLMR ******** */
/* **** Based upon Matthew James Taylor method: http://matthewjamestaylor.com/ *** */
/* pagepanelwrap.html pagepanelwrapend.html pre and post content also used */
/* also stuff in pagemainmenu.html */
/* correspondence between his divs and mine (note my content1 is second,
not first div for historical reasons ):
(his) = (mine)
colmask=colmask
colmid=colmid
colleft=colleft
col1wrap=col1wrap
col3=col3
col1=#content1 (content2col,content2colmr)
col2=#sidemainmenupost (sidemainmenupostmr)
*/
/*
This is where the main content goes in each of these:
div.content1panels = 3col content
div.content1panelsblg = 3colblog mode
div.content2panel = 2col mode
div.content2panelmr = 2colmr mode
*/
/* Style for the individual file includes special mode for the left,right columns */
div#leftcolpartswrapper{
width: 99%;
overflow: auto;
}
div#rightcolpartswrapper{
width: 99%;
overflow: auto;
}
/* wraps around all in page third column */
div#pagecolumn3 {
}
/* ******************* special 3 column mode *************** */
div.colmask {
position:relative; /* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
/* set background colors for right hand column */
margin: 0 0 0 0;
background: #ccccff;
border-bottom: 2px solid #ccccff;
}
div.colmid {
float:left;
width:200%;
margin-left:-200px; /* Width of right column */
position:relative;
right:100%;
/* set background for the center panel */
background: #ffffff;
}
div.colleft {
/* float:left; */ /* this works on the base site, but does not work on the cityhall site */
/* for reasons I cannot seem to find */
width:100%;
/* margin-left:-50%; */
position:relative;
margin-left:-50%;
left:400px; /* Left column width + right column width */
/* set background color for left hand column */
background: #ccccff;
background: #eeeeff;
}
div.col1wrap {
float:left;
width:50%;
position:relative;
right:200px; /* Width of left column */
background: transparent;
}
div.content1panels,div#content1panels { /* Primary Content goes here */
/* float: left; */ /* this causes the content to go all the way left for IE6 */
/* Does not seem to be needed for others as well */
position:relative;
overflow:hidden;
margin:0 215px 0 215px; /* Centre column side padding:
Left padding = left column width + centre column left padding width
Right padding = right column width + centre column right padding width */
left:200%;
background: transparent;
/* this is probably not the right solution */
/* min-width:150px; */
}
div.sidemainmenupost {
margin: 0;
float:left;
float:right; /* This overrides the float:left above */
width:170px; /* Width of left column content (left column width minus left
and right padding) */
position:relative;
right:15px; /* Width of the left-had side padding on the left column */
}
div.col3 {
float:left;
float:right; /* This overrides the float:left above */
width:170px; /* Width of right column content
(right column width minus left and right padding) */
margin-right:45px; /* Width of right column right-hand padding +
left column left and right padding */
position:relative;
left:50%;
}
/* ******************* end special 3 column mode **************** */
/* ******************* special 3 column blog mode *************** */
/* only changed ones shown */
div.colmaskblg {
position:relative; /* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
/* background color for right hand column */
background: #ccccff;
margin: 0 0 0 0;
border-bottom: 2px solid #ccccff;
}
div.colmidblg { /* same */
float:left;
width:200%;
margin-left:-200px; /* Width of right column */
position:relative;
right:100%;
/* background for the main menu */
background: #eeeeff;
background: #eeeeff;
}
div.colleftblg { /* changed */
float:left;
width:100%;
/* position:relative; */
margin-left:-200px;
/*left:400px; */ /* Left column width + right column width */
/* background color for main text column */
background: #ffffff;
}
div.col1wrapblg { /* changed */
float:left;
width:50%;
background: transparent;
}
div.content1panelsblg,div#content1panelsblg { /* changed */ /* Primary Content goes here */
/* float: left; */
position:relative;
overflow:hidden;
margin:0 15px 0 415px; /* Centre column side padding:
Left padding = left column width + centre column left padding width
Right padding = right column width + centre column right padding width */
left:100%;
background: transparent;
}
div.sidemainmenupostblg { /* changed */
margin: 0;
float:left;
float:right; /* This overrides the float:left above */
width:170px; /* Width of left column content (left column width minus left
and right padding) */
position:relative;
left:185px; /* Width of the left-had side padding on the left column */
}
div.col3blg { /* changed */
float:right;
width:170px; /* Width of right column content
(right column width minus left and right padding) */
position:relative;
left:555px;
}
/* ******************* end special 3 column blog mode **************** */
/* ******************* special 2 column mode **************** */
/* just the differences between this and three column mode above */
/* div order for 2 col modes */
/* his div order */
/*
<div class="colmask leftmenu"> = colmask
<div class="colright"> = colleft2panel
<div class="col1wrap"> = col1wrap2
<div class="col1"> = content2panel
- text -
</div>
</div>
div class="col2" = sidemainmenupost2
menu
/div
/div
/div
*/
div.colmask2panel {
position:relative; /* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
/* background color for right hand column */
background: #eeeeff;
margin: 0 0 0 0;
border-bottom: 2px solid #ccccff;
}
div.colmid2panel { } /* this is not used in this layout */
div.colleft2panel {
float: left;
width: 200%;
position: relative;
left:200px; /* Left column width + right column width */
/* background color for main text column */
background: #ffffff;
}
div.col1wrap2 {
float:right;
width:50%;
position:relative;
right:200px; /* Width of left column */
background: transparent;
}
div.content2panel,div#content2panel { /* Primary Content goes here */
/* float: left; */ /* this causes the content to go all the way left for IE6 */
/* Does not seem to be needed for others as well */
position:relative;
overflow:hidden;
margin:0 15px 0 215px; /* Centre column side padding:
Left padding = left column width + centre column left padding width
Right padding = right column width + centre column right padding width */
right:100%;
background: transparent;
}
div.sidemainmenupost2 {
float:left;
width:170px;
position:relative;
right:185px;
}
/* ***************** Special 2 column right side mode */
/* div order for 2 col modes */
/*
div class="colmask"
div class="colmid2panel"
div class="colleft2panel"
div class="col1wrap"
div class="content2panel"
-CONTENT-
/div content2panel
/div> end col1wrap
-sidemenut items
/div> end colleft2panel
/div> end colmid2panel
/div end colmask
*/
/* his div order */
/*
div class="colmask rightmenu" = colmask
div class="colleft" = colleft2panelmr
div class="col1wrap" = col1wrapmr
div class="col1" = content2panelmr
-- text --
/div
/div
div class="col2" = sidemainmenupostmr
menu
/div
/div
/div
*/
div.colmask2panelmr {
position:relative; /* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
/* background color for right hand column */
background: #ccccff;
margin: 0 0 0 0;
border-bottom: 2px solid #ccccff;
}
div.colmid2panelmr { /* may not be required */
float:right;
width:200%;
margin-left: 0px; /* Width of right column */
position:relative;
/* right:100%; */
background: #eeeeff;
/* background for the center panel above */
}
div.colleft2panelmr { /* contains menu after content */
float: left;
width: 200%;
margin-left: -200px;
position: relative;
right: 100% ;
/* background color for right hand column */
background: #ffffff;
/* background: transparent; */
}
div.col1wrapmr { /* contains content */
/*display: none; */
float: left;
width: 50%;
position:relative;
left: 50%; /* Width of left column */
background: #ffffff;
}
div.content2panelmr,div#content2panelmr { /* Primary Content goes here */
/* float: left; */ /* this causes the content to go all the way left for IE6 */
/* Does not seem to be needed for others as well */
/* position:relative; */
overflow:hidden;
margin:0 15px 0 215px; /* Centre column side padding:
Left padding = left column width + centre column left padding width
Right padding = right column width + centre column right padding width */
overflow:hidden;
}
div.sidemainmenupostmr { /* change to mr */
/* margin: 0; */
/* float:left; */
float:right; /* This overrides the float:left above */
width:170px; /* Width of left column content (left column width minus left and right padding) */
position:relative;
left:185px; /* Width of the left-had side padding on the left column */
}
/* ******************* end special 2 column modes **************** */
/* ***************************** style for pagefultop1 ************************ */
/* include pagefulltop1.html */
/* normally off but used for banner ads or emergency messages */
#fulltop1 {
float: left;
clear: both;
/* width: 98%; */
/* margin-left: 1%; */ /* use this to center by splitting the width remainder in half */
width: 100%;
margin: 0 0 0 0; /* (order: ) */
/* height: 50px; */
/* border: 3px solid #ff3333; */
padding: 0px;
/* color: black; */
color: #000000;
background: #ffffff;
font-size: 18px;
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
/* background: transparent; */
}
/* ***************************** style for pagefultop2 ************************ */
/* include pagefulltop2.html */
/* typically used only for FULL view */
/* this is used for the main menu in full page view mode */
#fulltop2 {
float: left;
clear: both;
/* width: 98%;*/
/* margin-left: 1%; *//* use this to center by splitting the width remainder in half */
width: 100%;
margin: 0 0 0 0; /* (order: ) */
/* height: 20px; */
/* border: 3px solid blue; */
padding: 0px;
/* margin: 0 0 0 0; */ /* (order: ) */
color: #000000;
/* font-size: 18px; */
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
/* background: #ffffff ; */
background: #ffffff;
}
/* ***************************** style for the logo surround div ***************** */
/* This surrounds the entire title/logo area */
/* It is directly on the pages */
div#logosurround {
float:left;
clear:both;
width:100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
/* border:1px solid red; */
background: transparent;
/* border: 2px solid blue; */
/* height: 110px; */ /* this will not fix the ie6 problem */
}
/* ***************************** style for left side homelogo ***************** */
/* include pagehomelogo.html */
#homelogo {
float: left;
clear: left;
width: 138px;
/* height: 90px; */
padding: 0 0 0 0 ;
padding-left: 0px; /* added to line up homelogo with menu */
margin: 0 0 0 0; /* (order: ) */
color: #000000;
font-size: 14px;
text-align: left; /* */
vertical-align: text-bottom;
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
/* cursor: crosshair ; */
}
div#homelogo {
/* background: #6666ff; */
background: transparent;
margin: 0 0 0 0;
padding: 0 0 0 0;
/* height must be set here and maybe on image to get rid of extra space under image */
height: 110px;
border:none;
}
/* use this to fine tune position of home logo */
img.homelog {
margin: 0 0 0 0;
padding: 0 0 0 0;
border:none;
/* border: 2px solid black; */
/* width: 104px;
/* height: 110px; */
/* css 3 code to set transparency */
/* for IE */
/* filter:alpha(opacity=60); */
/* CSS3 standard */
/* opacity:0.6; */
}
/* optional txt for short company name and 'home' that can be positioned here over the logo */
span.homelogotextcompname {
color:#ffffff;
position: absolute;
left: 6px;
/* top: 84px; */
top: 40px;
font-size: 135%;
display:inline;
font-weight: bold;
display:none;
}
span.homelogotext {
color: #ffffff;
position: absolute;
left: 80px;
/* top: 84px; */
top: 40px;
font-size: 135%;
display:inline;
font-weight: bold;
display: none;
}
/* ************************ style for right side page main logo *************** */
/* include pagemainlogo.html */
#mainlogosecthead {
float: right;
clear: right;
/* width: 454px; old nia*/
width: 438px;
/* height: 80px; */
/* border: 1px solid black; */
padding: 0px 0px 0px 0px;
margin: 0 0 0 0; /* (order: ) */
color: #000000;
/* font-size: 22px; */
text-align: left; /* */
vertical-align: baseline ; /* baseline middle sub super text-top text-bottom top bottom */
/* background: #ffffff; */
/* background: transparent url("../graphics/pagegraphic.jpg") ; netscape 4 */
/* background-repeat: no-repeat ; netscape 4 */
background: transparent url(../graphics/pagegraphic.gif) no-repeat scroll bottom right; /* trying this shorthand */
}
#mainlogosidebar,#mainlogohomepage,#mainlogosecthead {
/* This is used to center the titles */
float: none;
/* must use this kind of check here because one in stdlayouttypedefs does not work here */
width: 100%;
/* border: 1px solid red; */
/* width: 100%; */ /* this causes this div to appear on the next line in ie6 */
/* but is required for the others for title centering to work properly */
/* height: 90px; */
height: 110px;
padding: 0px 0px 0px 0px; /* padding here will cause excess on right side */
margin: 0 0 0 0; /* (order: ) */
color: #000000;
text-align: left; /* text to left, graphic to right */
vertical-align: baseline ; /* baseline middle sub super text-top text-bottom
top bottom */
background: transparent url(../graphics/pagegraphic.gif) no-repeat scroll bottom right;
/* width: 80%; */ /* This will fix the ie6 problem down to screen size 800 x 600 */
}
/* may not be used */
#mainlogo {
float: right;
clear: right;
/* width: 138px; */
height: 81px;
border: 1px solid green;
padding: 0 0 0 0 ;
margin: 0 0 0 0; /* (order: ) */
color: #000000;
/* font-size: 22px; */
text-align: center; /* */
vertical-align: bottom; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
/* height: 110px; */
}
/* may not be used */
#mainlogotest {
float: right;
clear: right;
width: 460px;
height: 80px;
/* border: 1px solid black; */
padding: 0px 0px 0px 0px;
margin: 0 0 0 0; /* (order: ) */
color: #000000;
/* font-size: 22px; */
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
/* background: #ffffff; */
background: transparent url("../graphics/carlosdancebar2X.jpg") ;
background-repeat: no-repeat ;
}
div#mainlogotitles {
/* encloses only the titles */
/* width: 64%; */
width:600px;
/*
position: relative;
left: 25%;
top: -6px;
*/
/* border: 2px solid white; */
/* background: blue; */
margin-left: auto;
margin-right: auto;
}
/* NOT NEEDED NOW no longer in code. inside the other, to aid centering */
div#mainlogotitlesinner {
/*display:inline; */
border: 2px solid blue;
margin-left: auto;
margin-right: auto;
width: 100%;
/*margin-left: 50%;*/
text-align:left;
/*margin-left: 250px; */
/*
position: relative;
left: -8px;
*/
}
table.toptitles
{
padding: 0 0 0 0;
margin: 0 0 0 0;
/* border: 1px solid green; */
border-collapse:collapse;
min-width:50px;
width: auto;
margin-left: auto;
margin-right: auto;
}
td.toptitles,th.toptitles,tr.toptitles {
padding: 0 0 0 0;
margin: 0 0 0 0;
/* background:yellow; */
/* border: 1px solid green; */
}
/* *********************** style for hardfullspacer *************************** */
/* normally used just to insure a full width horiz break after the floated logos */
div.hardfullspacer {
/* float: left; */
clear: both;
width: 100%;
/* height: 20px; */
/* border: 1px solid red; */
}
/* ***************************** style for page main title include ************ */
/* include pagemaintitle.html */
h1.pagetitlesechead {
font-size: 28px;
font-family: Helvetica,Arial,Geneva,Chicago,Verdana,sans-serif;
/* font-family: cursive; */
/* border: 1px solid black; */
padding: 0 0 0 0 ;
border: 0 ;
/* color: black; */
color: #000000;
/* margin: 20px 0 0 0 ;*/ /*This was origianl centered */
/* margin: 45px 0 0 0 ; this sets it down a bit change jan 08 */
margin: 6px 0 0 0 ; /* this works with search */
}
h1.pagetitle1 { /* main title on sidebar pages */
font-size: 28px;
font-family: Helvetica,Arial,Geneva,Chicago,Verdana,sans-serif;
/* font-family: cursive; */
/* border: 1px solid black; */
padding: 0 0 0 0 ;
border: none ;
/* color: black; */
color: #000000;
/* margin: 20px 0 0 0 ;*/ /*This was origianl centered */
/* margin: 45px 0 0 0 ; this sets it down a bit change jan 08 */
margin: 6px 0 0 0 ; /* this works with search */
margin: 0 0 0 0 ;
/* but above leaves no room for subtitle */
/*
position: relative;
left: 25%;
*/
}
h1.subtitle1 {
font-size: 12px;
font-family: Helvetica,Arial,Geneva,Chicago,Verdana,sans-serif;
/* border: 1px solid black; */
color: #000000;
/* padding: 0 0 0 1em ; */
padding: 0 0 0 0 ;
border: none ;
margin: 0px 0px 0px 0px;
/*
position: relative;
left: 25% ;
*/
}
h1.pagetitle2sect {
float: right;
font-size: 18px;
font-family: Helvetica,Arial,Geneva,Chicago,Verdana,sans-serif;
/* font-family: cursive; */
/* border: 1px solid green ; */
padding: 0 0 0 7px ;
border: 0 ;
/* color: black; */
color: #6666cc;
/* below must use the apache user agent, since my browser detect is later*/
margin: -54px 0 0 0 ;
/* margin: 10px 0 0 0 ; original */
text-align: right;
}
h1.pagetitle2 {
font-size: 28px;
font-family: Helvetica,Arial,Geneva,Chicago,Verdana,sans-serif;
/* font-family: cursive; */
/* border: 1px solid black; */
padding: 0 0 0 7px ;
border: 0 ;
/* color: black; */
color: #000000;
margin: 10px 0 0 0 ;
}
h1.subtitle2 {
font-size: 12px;
font-family: Helvetica,Arial,Geneva,Chicago,Verdana,sans-serif;
/* border: 1px solid black; */
/* color: black; */
color: #000000;
padding: 0 0 0 10px ;
border: 0 ;
margin: 0 0 0 0 ;
}
/* may not be used */
H2.subtitle {
color: #000000;
margin: 0 0 0 0;
text-align: left;
padding: 8px 10px 0px 10px ;
}
/* Used for optional tagline */
div.companytagline {
margin: 0 0 0 0;
/*width: 280px;*/
color: #000000;
padding: 0 0 0 0;
font-size: 12px;
font-family: serif;
/* border: 1px solid blue; */
/*
position: relative;
left: 25%;
*/
}
/* ***************************** style for search function ******************** */
/* include stdsearch.html */
/* This is the div that surrounds the search box and image, three locations */
div.searchbox { /* used for sect heads */
float:none;
padding: 0 0 0 0;
margin: 0px 4px 0px 0px ; /* this neg offset is added to fix opera */
/* border: 1px solid black; */
text-align: left ;
position:absolute;
/* top: 66px; */
top: 86px;
right: 2px;
}
div.searchboxtop { /* used when search box top of page */
float:none;
padding-left: 0px;
padding-right: 0px ;
margin: 0px 4px 0px 0px ; /* */
text-align: left ;
/* border: 1px solid red; */
text-align: left ;
/*
"absolute: The element is positioned relative to its first positioned (not static)
ancestor element"
...Which here means that div#mainlogosidebar would have to be positioned for
the 'top' to work when a menu is set above this.
So it appears I must use a special variable or something to fix this, or use only
this style in a given site
I can change this in the individual file.
*/
position:absolute;
/* top: 66px; */
top: 86px;
right: 2px;
}
div.searchboxside { /* used when search on side panel */
float:left;
clear: both;
padding-left: 8px;
padding-right: 2px ;
/* this neg offset is added to put above blank graphic above */
/* margin: -20px 0px 0px 0px ; */
margin: 0 0 0 0;
/* border: 1px solid black; */
text-align: left ;
}
/* These are the buttons for the search function for the three situations */
button.searchbutside {
vertical-align: middle ;
/*background: white ; */
background: transparent ;
/* display: none; */
border: none ;
/* border-width: 1px ; */
/* border-color: black; */
/* border-style: none; */
/* border-style: hidden; */
margin-bottom: 0px ;
padding: 0 20px 0px 0 ; /* force a newlinw with this */
}
button.searchbuttop {
vertical-align: middle ;
background: transparent ;
border: none ;
margin: 0 0 0 0;
margin-bottom: 0px ;
padding: 0 0 0px 0 ;
}
button.searchbutsect {
vertical-align: middle ;
background: transparent ;
border: none ;
margin: 0 0 0 0;
margin-bottom: 0px ;
padding: 0 0 0px 0 ;
}
button.searchbuttop,button.searchbutsect {
font-weight:bold;
font-size:small;
border: 1px solid #000000 ;
background: #eeeeff;
color:#000000;
/* added to accomodate advanced search */
right:72px;
}
button.searchbutside {
font-weight:bold;
font-size:small;
border: none;
background: transparent;
color:#000000;
position: relative;
right: 3px;
/* added to accomodate advanced search */
right:72px;
}
/* if used, the actual image used by the search button that says 'search' */
img.gobut {
vertical-align: middle;
/* border: 1px solid green; */
margin-bottom: 0px ;
margin-right: 0px;
}
input.searchinput {
/* border: 2px solid red ; */
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
}
/* added to allow for the new advanced search */
a.advsearch { /* search = top */
float:left;
color:red;
text-decoration:none;
font-size:small;
font-weight:bold;
position:relative;
top:4px;
left: 1px;
color: black;
/* left: -57px; */
}
a.advsearchside { /* search = side */
float:left;
color:red;
text-decoration:none;
font-size:small;
font-weight:bold;
position:relative;
left: 57px;
top:3px;
}
a.advsearchsect { /* search = secthead */
float:left;
color:red;
text-decoration:none;
font-size:small;
font-weight:bold;
position:relative;
top:4px;
left: 1px;
color: black;
}
form.search {display:inline;}
div.searchboxtoptbl {
float:left;
clear: both;
padding:0 0 0 0;
padding-left: 0px;
padding-right: 2px ;
margin: 0 0 0 0;
text-align: left ;
}
a.advsearchtoptbl {
float:left;
color:red;
text-decoration:none;
font-size:small;
font-size:14px;
font-weight:bold;
vertical-align: middle;
/*
position:relative;
/*left: 64px;
right: -64px;
top:4px;
top:4px;
*/
position:relative;
top: 4px;
/* left: 6em; */
/*left: 5em; */
/* left: 62px; */
right: -64px;
/*
left: 5em;
top:4px;
*/
/* need to fix for ie6 */
}
button.searchbuttoptbl {
vertical-align: middle ;
background: transparent ;
border: none ;
margin-bottom: 0px ;
margin: 0 0 0 0;
/* padding: 0 20px 0px 0 ; */ /* force a newline with this */
padding:0 0 0 0;
font-weight:bold;
font-size:small;
font-size:14px;
color:#000000;
position: relative;
/* right: 3px; */
/* added to accomodate advanced search */
/* right:76px; */
left: -76px;
/* right: 6em;*/
}
/* ***************************** style for breadcrumbs bar ******************** */
/* include pagefullsplit.html */
/* stdfunctions.html pagefullsplitD.html */
/* for sidebar versions see page side subarea nav */
/* overall div for full width breadcrumb bar (for pagetype sidebar) */
#fullsplit {
/* float: right;*/
clear: both;
width: 100%;
margin: 0 0 0 0 ; /* (order: ) */
height: 17px;
/* border: 1px solid black; */
padding: 0px;
/* padding-bottom 4px; */
color: #000000;
/* font-size: 22px; */
/* text-align: center; */ /* */
/* vertical-align: text-top; */ /* baseline middle sub super text-top text-bottom top bottom */
/* background: #ff3333; */
/* background: transparent url("../graphics/ltrgray.gif"); */
background: #ccccff url("../graphics/ltrgray.gif");
}
/* overall div for full widrg breadcrumb bar when pagetype is full */
#fullsplitfull {
float: none;
clear: both;
width: 100%;
margin: 0 0 0 0 ; /* (order: ) */
height: 17px;
/* border: 1px solid black; */
padding: 0px;
/* padding-bottom 4px; */
color: #000000;
/* font-size: 22px; */
/* text-align: center; */ /* */
/* vertical-align: text-top; */ /* baseline middle sub super text-top text-bottom top bottom */
/* background: #ff3333; */
/* background: transparent url("../graphics/ltrgray.gif"); */
background: #ccccff url("../graphics/ltrgray.gif");
}
/* div for breadcrumb bar - may not be used */
#fullsplitsect {
float: none;
clear: both;
width: 100%;
margin: 0 0 0 0 ;
height: 17px;
padding: 0px;
/* padding-bottom 4px; */
color: #000000;
background: transparent url("../graphics/ltrgray.gif");
}
/* may not be used */
#fullsplitshort {
float: none;
clear: both;
margin: 0 0 0 297px ; /* (order: ) */
height: 17px;
padding: 0px;
/* padding-bottom 4px; */
color: #000000;
background: transparent url("../graphics/ltrgray.gif");
}
/* overall span for left side breadcrumbs */
span.breadcrumbs {
float: left;
font-size: 12px;
text-align: left;
/* border: 1px solid red ; */
margin: 0px 0 0 6px ;
padding: 2px 0 0 0;
/* padding-bottom: 2px;*/
width: auto;
}
/* span around the left side breacrumb marker graphic ('>') */
span.breadcrumbmarker {
font-size: 12px;
/* font-weight: bold; */
/* height: 2px;*/
margin: 0 ;
padding: 0px 4px 0px 4px;
/* vertical-align: super; */ /* baseline middle sub super text-top text-bottom top bottom */
/* background: transparent url("../graphics/breadarr.gif") ; */
/* background-repeat: no-repeat ; */
/* background-position: center; */
/* border: 1 px solid black; */
}
/* left side breacrumb marker graphic */
img.breadcrumbimg {
border: 0 ;
}
/* overall span for all right side breadcrumb bar links */
span.functions {
float: right;
font-size: 12px;
font-weight: bold;
text-align: left;
/* border: 1px solid red ; */
margin: 0 6px 0 0 ;
padding: 2px 0 0 0;
width: auto;
}
/* hack to fix this in main database -
problem fixed, set back to functions above for site page view */
/* need to track down why this is happening - was missing span*/
span.functionsD {
float: right;
font-size: 12px;
font-weight: bold;
text-align: left;
margin: -18px 6px 0 0 ; /* hack */
padding: 2px 0 0 0;
width: auto;
}
/* not sure what this is used for , might be for the added links on left after areas -no */
/* maybe inner nav, not breadcrumb bar */
span.tinylink {
font-family: Geneva,Arial,Verdana,Helvetica,Chicago,sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 10px;
vertical-align: text-top; /* baseline middle sub super text-top text-bottom top bottom */
color: #ffffff;
/* padding: 0 0 0 0; */
padding: 1px 1px 1px 2px;
margin: 0 0 0 0 ;
/* border: 1px solid red; */
background: red;
}
/* not sure what this used for */
/* maybe inner nav, not breadcrumb bar */
span.tinylinksimple {
font-family: Geneva,Arial,Verdana,Helvetica,Chicago,sans-serif;
font-size: 12px;
font-weight: normal;
color: #ffffff;
border: 0 ;
}
/* not used by breadcrumbs bar */
/* maybe inner nav, not breadcrumb bar */
A.tinylink:visited,A.tinylink:active,A.tinylink:link {
color: white;
color: #ffffff;
background: #990000 ;
font-weight: normal; font-size: 12px; /* unvisited link */
text-decoration: none;
}
/* maybe inner nav, not breadcrumb bar */
A.tinylink:hover {
color: yellow;
color: #ffff00;
background: #000001 ;
font-weight: bold;
font-size: 12px; /* unvisited link */
text-decoration: none;
}
/* These are used for the links (other than help) on the breadcrumbs bar */
A.tinylinksimple:visited,A.tinylinksimple:active,A.tinylinksimple:link,A.tinylinksimple:hover {
color: #000000;
background: transparent ;
font-weight: normal;
font-size: 12px; /* unvisited link */
text-decoration: none;
padding: 0px;
margin: 0 0 0 0;
}
A.tinylinksimple:hover {
color: #ff3333;
}
/* these are used only for the optional help link on the breadcrumbs bar */
A.smallhelp:visited,A.smallhelp:active,A.smallhelp:link,A.smallhelp:hover {
color: red;
color: #ff3333;
font-weight: normal;
font-size: 12px; /* unvisited link */
text-decoration: none;
padding: 0px;
margin: 0 0 0 0;
}
A.smallhelp:hover {
color: black;
color: #000000;
}
/* these are used only for the social site links on the breadcrumbs bar */
a.socialsite:visited,a.socialsite:active,a.socialsite:link,a.socialsite:hover {
color: green ;
color: #0000ff;
/* background: #990000 ; */
font-weight: normal;
font-size: 12px; /* unvisited link */
text-decoration: none;
padding: 0px;
margin: 0 0 0 0;
}
a.socialsite:hover {
color: white;
color: #ff3333;
}
img#twitterimg {
/* display:none;*/
height: 12px;
position:relative;
top:1px;
}
/* show facebook image or not */
img#facebookimg {
/* display:none;*/
height: 12px;
position:relative;
top:1px;
}
/* show utube image or not */
img#utubeimg {
/* display:none;*/
height: 12px;
position:relative;
top:1px;
}
/*
This combines the hover sizes for all the text on the breadcrumb bar
so that the small print increases in size when you hover, for readability
*/
A.tinylink:hover,A.tinylinksimple:hover,A.smallhelp:hover,a.socialsite:hover {
font-size: 12px;
}
/* span around the shopping cartgraphic ('\_/-') */
span.shopcarttiny {
font-size: 12px;
/* font-weight: bold; */
/* height: 2px;*/
margin: 0 ;
padding: 0px 4px 0px 4px;
/* border: 1px solid red; */
/* vertical-align: super; */ /* baseline middle sub super text-top text-bottom top */
/* background: transparent url("../graphics/breadarr.gif") ; */
/* background-repeat: no-repeat ; */
/* background-position: center; */
/* color: #cccccc; */
/* border: 1 px solid black; */
}
/* tiny shopping cart image graphic */
img.shopcarttiny {
border: 0 ;
}
/* Tiny shopping cart link */
/* these are used only for the optional help link on the breadcrumbs bar */
A.shopcarttiny:visited,A.shopcarttiny:active,A.shopcarttiny:link,A.shopcarttiny:hover {
color: yellow;
color: #669933;
font-weight: normal;
font-size: 12px; /* unvisited link */
text-decoration: none;
padding: 0px;
margin: 0 0 0 0;
}
A.shopcarttiny:hover {
color: black;
color: #ff3333;
}
/* see the checkout section for on off controls */
/* ************************ style for second left sidemenu logo *************** */
/* include pagemorehomelogo.html */
#morehomelogo {
/* float: right; */
/* clear: right; */
float: left;
clear: left;
width: 180px;
height: 100px;
/* border: 1px solid black; */
padding: 0px;
margin: 0 0 0 0; /* (order: ) */
color: #000000;
font-size: 18px;
text-align: center; /* */
vertical-align: text-bottom; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
/* ***************************** style for menu section *********************** */
/* include pagemainmenu.html */
/*
These first divs are really not exclusively for menus, but in the stock
page layouts are used that way.
They are usually not used for menus when the alternate menu locations are used.
These are based upon the value of SIDEMAINMENU in stdlayoutypedefs and usually
based upon the layout selected. These are selected in the code in the
pagemainmenu.html file which is used when menus are in their stock positions in
most cases.
The sidemainmenu (or other) actually forms the primary div for the left column
(or the stock fullmenu style), even if menus are not included as is the case in
some alternate menu layout modes. Only one of these is selected, depending upon the
layout selected. The names roughly match the layout modes.
These 4 are located in the special column modes area above because
they are essential for those modesL
sidemainmenupost
sidemainmenupostblg
sidemainmenupostmr
sidemainmenupost2
*/
/* used when pagelayout style selected is 'FULL' */
#fullmainmenu {
float: left;
clear: both;
width: 100%;
text-align: left; /* set if the tabs as a group are centered or left */
/* vertical-align: text-top; */ /* commented out for netscape 4 */
/* background: #eeeeff; */
background: #000000;
background: transparent;
}
/* used when pagelayout style selected is 'SIDEMENU' */
#sidemainmenu {
float: left;
clear: left;
width: 180px;
/* set width for menu section top of page */
margin: 0 0 0 0; /* (order: ) */
/* color: #000000; */
text-align: left; /* */
background: transparent;
background: #eeeeff;
}
/* used when pagelayout style selected is 'SECTIONHEAD' */
#sidemainmenusect {
float: left;
clear: left;
width: 180px;
/* set width for menu section top of page */
margin: 0 0 0 0; /* (order: ) */
text-align: left; /* */
background: transparent;
background: #eeeeff;
}
/* This can be used to make a special case for the home page only */
#mainmenuhome {
float: left;
clear: left;
width: 180px;
/* set width for menu section top of page */
margin: 0 0 0 0; /* (order: ) */
/* color: #000000; */
text-align: left; /* */
background: transparent;
background: #eeeeff;
}
/* this can be used for special uses */
#mainmenucustom {
float: left;
clear: left;
width: 180px;
/* set width for menu section top of page */
margin: 0 0 0 0; /* (order: ) */
/* color: #000000; */
text-align: left; /* */
}
/*
These divs are always present, but which one is used is selected based upon the
menu setup used, the variable MENUTYPE in stdlayouttypedefs sets which is used.
These are set in pagemainmenu.html or pagemainmenund.html which ever is used
by the current mode. custom is a default.
*/
#fullmenuitems {
padding-top: 3px; /* set black topand bottom for all here */
padding-bottom: 3px;
padding-left: 3px;
/* border: 1px solid green; */
/* set background for full horiz menus here */
background: #333399;
color: #ffffff;
text-align: left;
font-size: 16px; /* set this to the font size selected for menuitems spans */
line-height:140%; /* set this to adjust line spacing for the spans when wrapped */
}
#sidemenuitems {
padding-top: 8px;
padding-bottom: 8px;
margin-left: 10px;
color: #ffffff;
/* background: #eeeeff; */
background: transparent;
}
/* so home page side colors can be different from other layouts */
/* neeed to change menu include */
#sidemenuitemshp {
padding-top: 8px;
padding-bottom: 8px;
margin-left: 10px;
color: #ffffff;
/* background: #eeeeff; */
background: transparent;
}
#deflistmenuitems {
padding-top: 8px;
padding-bottom: 8px;
color: #ffffff;
margin-left: 10px;
}
#custommenuitems {
padding-top: 8px;
padding-bottom: 8px;
color: #ffffff;
margin-left: 10px;
}
/* if split mode used in section head mode, this surrounds the two split boxes to
make sure things after the menu are moved left */
div#splitmenusurr {
float:left;
width:100%;
}
/* These two divs are the left and right sides if a split mode is used */
div.splitmenuleft {
float: left;
clear: right;
width: 40%;
margin-left: 9%;
}
div.splitmenuright {
float: right;
clear: right;
vertical-align: top;
width: 40%;
margin-left: 9%;
}
/* the special side menuitem used as an up level indicator that shows
first in subareas */
div.menuitemup {
font-size: 20px;
font-weight: normal;
/* line-height: 120%;*/
/* padding-left: 1.2em;*/
/* line-height: 150%; needed to kill these to get graphics to work*/
/* border: 1px solid black; */
/* display: none ; */ /* turns this feature off and on */
padding-left: 20px ;
}
/* did not seem to exist, maybe for a reason */
div.menuitemupNS4 {
}
/* the one full menuitem used as an up level indicator that shows first in subareas */
span.menuitemup {
font-size: 16px;
font-weight: normal;
/* line-height: 120%;*/
/* padding-left: 1.2em;*/
/* line-height: 150%; needed to kill these to get graphics to work*/
/* border: 1px solid black; */
/* display: none ; */ /* turns this feature off and on */
padding-left: 20px ;
}
img.upmenugraphic {
padding-right: 6px ;
}
/* used only on the up link for subareas to point to higher root */
A.menuitemupupindex:active,A.menuitemupupindex:link,A.menuitemupupindex:visited,A.menuitemupupindex:hover {
color: #6666cc;
text-decoration: none;
/* background: transparent url("../graphics/mainmenunormal.gif") ; */
/* background-color: red ; */
/* padding-left: 1em ; */
/* padding-top: 10px ; */
/* padding-bottom: 10px ; */
/* background-repeat: no-repeat ; */
/* background-position: center left ; */
}
/*
There is an extra div that can be used to extend the menu div on sidebar style pages
down for visual purposes. In pagemenu include.
This below was used to make a left side border and background extend to bottom of page
on very large monitors
*/
div.menuextender {
/*
float: left;
height: 1600px;
width: 180px;
border-right: 2px solid #333399;
background: #cccccc;
display: none;
*/
}
/* same, but for the custom locations */
div.menuextendernd {
/*
float: left;
height: 1600px;
width: 180px;
border-right: 2px solid #333399;
background: #cccccc;
display: none;
*/
}
/* **** inside the menu.html include file that makes the menus **** */
/* menu.html */
/* images assocoated with top and bottom of menus */
img.mainmenustart {
/* border: 2px solid black ; */
/* display: none ; */
}
img.mainmenuend {
/* border: 2px solid black ; */
/* display: none ; */
}
/* if home page style menus or linklist style menus */
/* FIXED this has a problem with the menu item graphics being used on the site map - seperate these */
/* these two functions above should be separate */
/* homepage menus can normally follow normal menuitem, this is overridden below */
a.menuitemx:active,x.menuitemx:link {
/* color: blue; */
color: #333399;
text-decoration: none;
}
/* if home page style menus or linklist style menus */
a.menuitemx:visited {
/* color: blue;*/
color: #6666cc;
text-decoration: none;
}
/* if home page style menus or linklist style menus */
a.menuitemx:hover {
/* color: #ff0000; */
color: #ff3333;
background: #ffffff ;
/* text-decoration: none; */
background: transparent ;
background-repeat: no-repeat ;
background-position: center left ;
}
/* if home page style menus or linklist style menus */
/* when on the page */
a.menuitemxsel {
}
/* ** if linklist style menus in def lists ** */
a.menuitemdl {
color: #333399;
text-decoration: none;
background: transparent;
}
a.menuitemdl:active,a.menuitemdl:link {
/* color: blue; */
color: #333399;
text-decoration: none;
}
/* if home page style menus or linklist style menus */
a.menuitemdl:visited {
/* color: blue;*/
color: #6666cc;
text-decoration: none;
}
/* if home page style menus or linklist style menus */
a.menuitemdl:hover {
/* color: #ff0000; */
color: #ff3333;
background: #ffffff ;
/* text-decoration: none; */
background: transparent ;
background-repeat: no-repeat ;
background-position: center left ;
}
/* when on the page, not normally used in def list mode */
a.menuitemdlsel {
}
/* *** for home page menus only *** */
/* homepage menus can normally follow normal menuitem, this is overridden below */
a.menuitemh:active,menuitemh:link {
/* color: blue; */
color: #333399;
text-decoration: none;
}
/* if home page style menus */
a.menuitemh:visited {
/* color: blue;*/
color: #6666cc;
text-decoration: none;
}
/* if home page style menus */
a.menuitemh:hover {
/* color: #ff0000; */
color: #ff3333;
background: #ffffff ;
/* text-decoration: none; */
background: transparent ;
background-repeat: no-repeat ;
background-position: center left ;
}
/* if home page style menus */
/* when on the page */
a.menuitemhsel {
}
/* if linklist style menus (auto descript)*/
dl.linklist {
/*border: 1px solid black;*/
}
/* if linklist style menus (auto descript)*/
.linklist dt {
color: blue;
color: #333399 ;
font-size: 18px;
font-weight: bold;
text-decoration: underline;
text-decoration: none;
}
/* if linklist style menus (auto descript)*/
.linklist dd {
color: #6666cc ;
/* margin: 0 0 0 0;*/
margin-left: 1em;
padding: 0 0 4px 0;
font-size: 14px;
line-height: 80%;
font-weight: bold;
}
/* menu items are either in divs or spans dependingupon if they need to flow */
/* menuitem if layouttype is sidebar */
div.menuitem,div.hpmenuname {
font-size: 20px;
font-weight: normal;
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
/* line-height: 120%;*/
/* padding-left: 1em; */ /* was this */
/* padding-left: 0;*/ /* adjusted so graphics will work on hover */
/* line-height: 150%; */
/* line-height: 20px; dont specify this if you use graphics in the links! */
/* border: 1px solid black; */
/* border: 1px solid none;*/
/* border: none ; */
/* background-color: yellow ; */;
background-color: #eeeeff ;
background-color: transparent;
}
/* menuitem span if layouttype is full */
/* because spans are treated like text, must set font size in enclosing div
for the spacing to be right (#fullmenuitems) */
span.menuitem {
/* font-size: 16px;*/ /* set font size for spans in #fullmenuitems above */
font-weight: bold;
/* border: 1px solid red; */
padding: 1px 0 1px 0;
background-color: #009900 ;
background-color: #eeeeff ;
}
/* if home page style menus - can be the same as div.menuitem */
div.hpmenuname {
/*
text-align: center;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size: 14px;
font-weight: bold;
padding-top: 5px;
*/
}
/* if home page style menus */
div.hpmenudesc {
/* border: 1px solid red; */
text-align: center;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size: 12px;
font-weight: bold;
padding-left: 0;
padding-bottom: 5px;
display: none;
}
/* anchor in menus if layouttype is full or sidebar,
also currently used for homepage,
overridden later for some things such as the span type horiz menus
*/
a.menuitem:active,a.menuitem:link,a.menuitemf:active,a.menuitemf:link,a.menuitemx:active,a.menuitemx:link,a.menuitemh:active,a.menuitemh:link {
color: #333399;
text-decoration: none;
background: transparent url("../graphics/mainmenunormal.gif") ;
/* background-color: red ; */
padding-left: 2em ;
padding-right: 1em ;
padding-top: 10px ;
padding-bottom: 10px ;
background-repeat: no-repeat ;
background-position: center left ;
}
a.menuitemx:active,a.menuitemx:link {
background: transparent;
}
a.menuitem:visited,a.menuitemx:visited,a.menuitemh:visited,a.menuitemf:visited {
color: #6666cc ;
text-decoration: none;
background: transparent url("../graphics/mainmenunormal.gif") ;
padding-left: 2em ;
padding-right: 1em ;
/* padding-left: 10px ; */
padding-top: 10px ;
padding-bottom: 10px ;
background-repeat: no-repeat ;
background-position: center left ;
}
a.menuitemx:visited {
background: transparent;
}
a.menuitem:hover,a.menuitemh:hover,a.menuitemf:hover {
color: #ff3333;
text-decoration: none;
background: transparent url("../graphics/mainmenuhover.gif") ;
padding-left: 2em ;
padding-right: 1em ;
padding-top: 10px ;
padding-bottom: 10px ;
background-repeat: no-repeat ;
background-position: center left ;
}
/* what is displayed when you are on this page */
div.menuitemsel {
background: transparent url("../graphics/mainmenuhover.gif") ;
background-repeat: no-repeat ;
/* background-position: center left ; */
font-size: 20px;
font-weight: normal;
/* line-height: 160%; */
padding-left: 2em;
/* border: 1px solid black; */
margin: 0 0 0 0 ;
}
/* selected anchor in menus if layouttype is full or sidebar */
/* This is the color of the main menuitem when it is the same page we are on */
/* It goes with the three above. */
a.menuitemsel:visited,a.menuitemsel:active,a.menuitemsel:link,a.menuitemhsel:visited,a.menuitemhsel:active,a.menuitemhsel:link {
/* color: black; */
color: #ccccff;
text-decoration: none;
background: transparent url("../graphics/mainmenuhover.gif");
padding-left: 2em ;
padding-top: 10px ;
padding-bottom: 10px ;
background-repeat: no-repeat ;
background-position: center left ;
}
/* override several of these to simplify left side spacing of menu item text */
a.menuitem:active,a.menuitem:link,a.menuitem:visited,a.menuitem:hover,a.menuitemsel:visited,a.menuitemsel:active,a.menuitemsel:link,a.menuitemh:active,a.menuitemh:link,a.menuitemh:visited {
padding-left: 30px ;
}
/* overrides for the span/full style menus, MENUTYPE=FLOAT */
a.menuitemf:hover,a.menuitemf:visited,a.menuitemf:active,a.menuitemf:link {
background: transparent;
background-repeat: no-repeat ;
background-position: 0 0;
margin: 0 0 0 0 ;
padding-left: 8px;
padding-right: 8px;
padding-top: 6px;
padding-bottom: 6px;
}
a.menuitemfsel:active,a.menuitemfsel:link,a.menuitemfsel:visited,a.menuitemfsel:hover {
background: transparent;
background-repeat: no-repeat ;
background-position: 0 0;
margin: 0 0 0 0 ;
padding-left: 8px;
padding-right: 8px;
padding-top: 6px;
padding-bottom: 6px;
}
a.menuitemf:hover { color: #ff3333;}
a.menuitemfsel:active,a.menuitemfsel:link,a.menuitemfsel:visited,a.menuitemfsel:hover {
color: #ccccff;
text-decoration: none;
}
/* unused at present top menu styles ****/
/* can't find what topmenuitem is used for, probably for when main menus top */
span.topmenuitem {
font-family: Geneva,Arial,Verdana,Helvetica,Chicago,sans-serif;
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #eeeeff ;
/* border: 1px solid black; */
padding: 0px;
/* background: #cc66cc ; */
background: transparent ;
}
A.topmenuitem:visited,A.topmenuitem:active,A.topmenuitem:link {
/* color: #ffffcc; */
color: #333399;
/* background: #ffcccc ; */
font-weight: bold; font-size: 16px; /* unvisited link */
text-decoration: none;
}
A.topmenuitem:hover {
/* color: yellow;*/
color: #ff3333;
/* background: #ffccff ; */
font-weight: bold; font-size: 16px; /* unvisited link */
text-decoration: none;
}
#topextra {
float: none;
/* width: 98%;*/
/* margin-left: 1%;*/ /* use this to center by splitting the width remainder in half */
width: 100%;
margin: 0 0 0 0; /* (order: ) */
/* height: 50px; */
/* border: 1px solid black;*/
padding: 0px;
/* margin: 0 0 0 0; */ /* (order: ) */
color: yellow;
color: #eeeeff ;
font-size: 22px;
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
/* menu items for section heads *********** */
/* can't seem to find this used anywhere - may be in menu.html */
A.menuitemsect:visited,A.menuitemsect:active,A.menuitemsect:link {
/* color: black; */
color: #333399;
text-decoration: none;
}
A.menuitemsect:hover {
/* color: #ff0000; */
color: #ff3333;
/* background: transparent ; */
/* text-decoration: none; */
background: transparent url("../graphics/mainmenuhover.gif") ;
background-repeat: no-repeat ;
background-position: center left ;
}
/* ***************************** style for menu announce section ************** */
/* include stdannounce.html */
/* div class=sideannounce */
.sideannounce {
/* float: none; */
float: left;
clear: none;
/* width: 98%; */
/* margin-left: 1%; */ /* use this to center by splitting the width remainder in half */
width: auto;
margin: 0 0 0 0; /* (order: ) */
/* height: 50px; */
/* border: 1px solid black; */
/* padding: 0px; */
color: #000000 ;
font-size: 12px;
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
p.sideannounce {
text-align: justify;
color: #333399 ;
}
.sideannounce img {
width: 160px;
height: auto;
border: 2px solid #6666cc ;
}
.sideannounce div {
padding-left: 4px;
}
/* ***************************** style for page innersite nav ***************** */
/* pageinnersitenav.html */
/* this MUST be included on sidebar or formating screws up, even if empty */
#innersitenav {
/* float: left; */
float: none;
clear: right;
margin: 0 0 0 190px; /* (order: ) */
padding: 4px 10px 0px 20px ;
color: #000000;
font-size: 12px;
font-weight: bold;
text-align: left; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
/* display: none; */
}
#innersitenav0 {
/* float: left; */
clear: right;
/* width: 98%; */
/* margin-left: 1%; *//* use this to center by splitting the width remainder in half */
/* width: 100%; */
margin: 0 0 0 190px; /* (order: ) */
/* height: 50px; */
/* border: 1px solid black; */
/* padding: 0px;*/
padding: 0px 10px 0px 20px ;
/* padding-left: 10px;*/
/* padding-right: 10px;*/
/* margin: 0 0 0 0; */ /* (order: ) */
color: #6666cc ;
font-size: 12px;
font-weight: bold;
line-height: 1.2;
text-align: left; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
span.sitenav0 {
line-height: 1.5;
text-decoration: underline;
}
span.sitenav3 {
padding: 8px;
line-height: 1.5;
text-decoration: underline;
font-size: 14px;
}
/* A:visited,A:link,A:active */
#innersitenavlined {
/* float: left; */
clear: right;
/* width: 98%; */
/* margin-left: 1%; *//* use this to center by splitting the width remainder in half */
/* width: 100%; */
margin: 0 0 0 290px; /* (order: ) */
/* height: 50px; */
/* border: 1px solid black; */
/* padding: 0px;*/
padding: 0px 10px 0px 20px ;
/* padding-left: 10px;*/
/* padding-right: 10px;*/
/* margin: 0 0 0 0; */ /* (order: ) */
color: #ccccff ;
font-size: 12px;
font-weight: bold;
text-align: left; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
/* text-decoration: underline; */
}
#innersitenavsect {
/* float: left; */
clear: right;
/* width: 98%; */
/* margin-left: 1%; *//* use this to center by splitting the width remainder in half */
/* width: 100%; */
margin: 0 0 0 290px; /* (order: ) */
/* height: 50px; */
/* border: 1px solid black; */
/* padding: 0px;*/
padding: 0px 10px 0px 20px ;
/* padding-left: 10px;*/
/* padding-right: 10px;*/
/* margin: 0 0 0 0; */ /* (order: ) */
color: #ff3333 ;
font-size: 12px;
font-weight: bold;
text-align: left; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
/* ***************************** style for page inner local nav *************** */
/* include pageinnerlocalnav.html */
/* forsidebar view */
#innerlocalnav {
/* float: none; */
clear: right;
margin: 0px 0px 0px 190px;
/* border: 1px solid #000000; */
padding: 0px;
color: #000000;
font-size: 22px;
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
#innerlocalnavfull {
width: 100%;
margin: 0 0 0 0; /* (order: ) */
/* height: 50px; */
border: 1px solid red;
padding: 0px;
/* margin: 0 0 0 0; */ /* (order: ) */
color: #009900 ;
font-size: 22px;
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
/* ***************************** style for page subarea nav ******************* */
/* include pagefullsubareanav.html */
/* used for sidebar views */
#fullsubareanav {
float: none;
clear: right;
/* width: 98%;*/
/* margin-left: 1%; *//* use this to center by splitting the width remainder in half */
width: 100%;
margin: 0 0 0 0; /* (order: ) */
/* height: 50px; */
/* border: 1px solid black; */
padding: 0px;
/* margin: 0 0 0 0; */ /* (order: ) */
color: #000000;
font-size: 22px;
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
/* used for full page views */
#fullsubareanavfull {
float: none;
clear: right;
/* width: 98%;*/
/* margin-left: 1%; *//* use this to center by splitting the width remainder in half */
width: 100%;
margin: 0 0 0 0; /* (order: ) */
/* height: 50px; */
border: 1px solid black;
padding: 0px;
/* margin: 0 0 0 0; */ /* (order: ) */
color: #000000;
font-size: 22px;
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
/* ***************************** style for main text area (1) ***************** */
/* include stdprecontent.html */
/* Four different divs depending upon page layout style selected */
/* this is all in stdprecontent.html */
/* other used in 3col etc modes are above in that section */
/*
div.content1panels = 3col content
div.content1panelsblg = 3colblog mode
div.content2panel = 2col mode
div.content2panelmr = 2colmr mode
*/
#content1 { /* used for sidebar style layout */
float: none;
clear: none;
/* width: 80%;*/
/* padding: 110px; */
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
margin: 0px 0px 0px 190px; /* (order: top right bottom left) */
/* height: 100px; */
/* border: 1px solid green; */
/* color: black; */
color: #000000;
/* font-size: 14px; */
text-align:justify;
/* font-family: Geneva,Arial,Verdana,Helvetica,Chicago,sans-serif; */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
vertical-align: top;
/* background: #fffffe; */
background: #ffffff;
}
#content1homepg { /* just for the homepage special layouts */
float: none;
clear: none;
/* width: 80%;*/
/* padding: 110px; */
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
margin: 0px 0px 0px 190px; /* (order: top right bottom left) */
/* height: 100px; */
/* border: 1px solid green; */
/* color: black; */
color: #000000;
/* font-size: 14px; */
text-align:justify;
/* font-family: Geneva,Arial,Verdana,Helvetica,Chicago,sans-serif; */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
vertical-align: top;
/* background: #fffffe; */
background: #ffffff;
}
#content1 table {
/* these two margin tags cause the table to be centered just like old center tag */
margin-left: auto;
margin-right: auto;
/* vertical-align: text-top; */ /* baseline middle sub super text-top text-bottom t */
/* border: 1px solid black;*/
/* color: #gray ; */
/* background: red ; */
/* background: transparent url("../graphics/eltrgray.gif"); */ /* #ffcc99 */
}
#content1 th {
/* border: 0; */
font-weight: bold;
margin: 0;
padding: 2px ;
text-align: center;
}
#content1 td {
/* border: 0; */
font-weight: bold;
margin: 0;
padding: 2px ;
text-align: center;
}
/* This is used for the catsearch page table */
#content1 table.catalogpg {
margin-left: 0;
}
#content1 table.catalogpg {
text-align: left;
}
#content1 td.catalogpg {
text-align: left;
}
#content1 th.catalogpg {
text-align: left;
}
#content1 tr.catalogpg tr {
text-align: left;
}
#content1full { /* used for full style layout */
float: left;
clear: both;
width: 100%;
padding-top: 0px;
/* change to this below because of occasional need to go hard against left */
/* padding-left: 0px; */
/* padding-right: 0px; */
padding-left: 4px;
padding-right: 4px;
margin: 0px 0px 0px 0px; /* (order: top right bottom left) */
color: #000000;
/* font-size: 14px; */
text-align: left ; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
/* background: transparent; */
background: #ffffff;
}
/* the main page title stuff might be included as well, see above pagemaintitle.html */
/* and search might be there as well, see search section */
/* *********** style for main text area (1) as section head ***************** */
/* Used only for section heads */
#content1sect { /* used for section head style layout */
float: left;
clear: both;
width: 100%;
padding-top: 0px;
/* change to this below because of occasional need to go hard against left */
padding-left: 0px;
padding-right: 0px;
margin: 0px 0px 0px 0px; /* (order: top right bottom left) */
color: #000000;
/* font-size: 14px; */
text-align: left ; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: #ffffff;
}
/* ************** styles for the static page includes in /pages *************** */
/* artists.html static include */
h2.artiststaticlist {
margin: 0 0 0 0;
padding: 6px 0 6px 0;
font-size:16px;
}
div.artiststaticlist {
margin:0 0 0 0;
padding:0 0 4px 0;
font-weight: bold;
}
div.artiststaticlist a {
text-decoration: none;
}
p.artiststaticlistcomment {
margin:0 0 0 0;
padding:4px 0 0 0;
font-weight: normal;
}
span.artiststaticlistletters {}
span.artiststaticlistnumbers {}
span.artiststaticlistother {}
table.artiststaticlist {}
/* labels.html static include */
h2.labelstaticlist {
margin: 0 0 0 0;
padding: 6px 0 6px 0;
font-size:16px;
}
div.labelstaticlist {
margin:0 0 0 0;
padding:0 0 4px 0;
font-weight: bold;
}
div.labelstaticlist a {
text-decoration: none;
}
p.labelstaticlistcomment {
margin:0 0 0 0;
padding:4px 0 0 0;
font-weight: normal;
}
span.labelstaticlistletters {}
span.labelstaticlistnumbers {}
span.labelstaticlistother {}
table.labelstaticlist { margin: 0 auto 6px auto;}
/* genres.html static include */
h2.genrestaticlist {
margin: 0 0 0 0;
padding: 6px 0 6px 0;
font-size:16px;
}
div.genrestaticlist {
margin:0 0 0 0;
padding:0 0 4px 0;
font-weight: bold;
}
div.genrestaticlist a {
text-decoration: none;
}
p.genrestaticlistcomment {
margin:0 0 0 0;
padding:0 0 4px 0;
font-weight: normal;
display:none;
}
table.genrestaticlisttable {}
/* ***************************** style for page side content 1 *************** */
/* include pagesidecontent1.html */
#sidecontent1 {
float: left;
clear: left;
width: 180px;
/* height: 40px; */
/* border: 1px solid black; */
padding: 8px 0px 8px 0px;
margin: 0 0 0 0; /* (order: ) */
color: #000000 ;
font-size: 14px;
text-align: justify;
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
text-align:justify;
/* display: none; */
}
/* ***************************** style for page side subarea nav ************* */
/* include pagesidesubareanav.html */
/* optionally used for breadcrumbar in side location */
#sidesubareanav {
float: left;
clear: left;
width: 174px;
height: auto;
border: 1px solid #333399;
padding: 0 0 0 0 ;
margin: 0 0px 10px 4px; /* (order: ) */
color: #000000 ;
font-size: 18px;
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
/* display: none; */
}
#sidesubareanav span.breadcrumbs {
margin: 0 0 0 0;
padding: 4px 0px 4px 0px;
width: 100%;
background: #ccccff;
/* display:inline; */
/*color: green; */
font-size: 16px;
}
#sidesubareanav span.breadcrumbmarker {
/*display:inline;*/
/*color: green; */
}
#sidesubareanav img.breadcrumbimg {
/* display:inline;*/
}
#sidesubareanav span.breadcrumbs a.tinylinksimple {
display:inline;
}
#sidesubareanav span.functions {
margin: 0 0 0 0;
padding: 14px 0px 4px 0px;
width: 100%;
background: #eeeeff;
}
#sidesubareanav span.functions {
/* background: yellow; */
color: #eeeeff;/* makes bars dissappear here */
font-size: 8px; /* safety*/
font-size: 0px; /* this eliminates the bars in between the names */
}
#sidesubareanav span.shopcarttiny {
}
#sidesubareanav img.shopcarttiny {
padding: 4px 0 4px 0 ;
}
#sidesubareanav a.shopcarttiny {
font-size: 16px;
}
#sidesubareanav a.tinylinksimple {
display:block; /* forces newlines, cannot combine rhese rhree (Opera) */
padding: 2px 0 2px 10px;
font-size: 16px;
}
#sidesubareanav a.smallhelp {
display:block;
padding: 2px 0 2px 10px;
font-size: 16px;
}
#sidesubareanav a.socialsite {
padding: 2px 0 2px 0;
display:block;
font-size: 16px;
margin: 0 0 0 0 ;
padding: 0 0 0 10px;
}
/* ***************************** style for more content1 ************************ */
/* include (on pages) ) */
/* these more content sections are just divs after the end of the nomal text area */
/* each one has div.morecontent,h2.morecontent,and div.sidemorecontent, */
/* and full versions. */
/* there are no associated include files */
/* more content div is inside sidemorecontent div */
div.morecontent {
float: none;
/* width: 80%;*/
/* padding: 110px; */
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
margin: 0 0 0 190px ;
/* margin: 0px 0px 0px 106px;*/ /* (order: top right bottom left) */
/* height: 100px; */
border: 1px solid green;
color: #000000 ;
/* font-size: 14px; */
text-align: left; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
h2.morecontent {
}
div.morecontentfull {
float: none;
/* width: 80%;*/
/* padding: 110px; */
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
/* margin: 0 0 0 190px ; */
/* margin: 0px 0px 0px 106px;*/ /* (order: top right bottom left) */
margin: 0px 0px 0px 0px; /* (order: top right bottom left) */
/* height: 100px; */
/* border: 1px solid green; */
color: #000000 ;
/* font-size: 14px; */
text-align: left; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
/* ***************************** style for more content1 sidearea ************* */
/* goes with above text */
div.sidemorecontent {
float: left;
clear: both;
width: 180px;
/* height: 40px; */
border: 1px solid black;
padding: 0px;
margin: 0 0 0 8px; /* (order: ) */
color: #6666ff;
font-size: 12px;
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: #9999cc;
}
/* maybe not used */
div.sidemorecontentfull {
display: none;
float: left;
clear: both;
width: 180px;
/* height: 40px; */
/* border: 1px solid black;*/
padding: 0px;
/* margin: 0 0 0 0; */ /* (order: ) */
color: #6666ff;
font-size: 12px;
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
/* ***************************** style for NS4 post text content ************** */
/* include stdpostcontent.html */
/* This just includes an NS4 hack to end a table */
/* ***************************** style for optional left bottom stuff ********* */
/* include pageleftbotbutt.html */
#leftbottombutton {
float: left;
clear: left;
width: 174px;
/* height: 45px; */
border: 3px solid #333399;
padding: 0px;
margin: 0 0 0 3px; /* (order: ) */
color: #6666ff;
font-size: 14px;
text-align: justify; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
/* border-radius: 10px 10px;*/ /* this is css 3 opera and latest mozilla and safari support it */
/* display: none; */
}
#leftbottombuttontext {
float: left;
/* clear: left; */
width: 174px;
/* height: 45px; */
border: 3px solid #333399;
padding: 0px;
margin: 10px 0 0 3px; /* (order: ) */
color: #6666ff;
font-size: 14px;
text-align: justify; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
/* border-radius: 10px 10px;*/ /* this is css 3 opera and latest mozilla and safari support */
/* display: none; */
}
#leftbottombuttonsect {
float: left;
clear: left;
width: 174px;
/* height: 45px; */
border: 3px solid #333399;
padding: 0px;
margin: 10px 0 0 3px; /* (order: ) */
color: #6666ff;
font-size: 14px;
text-align: justify; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
/* border-radius: 10px 10px;*/ /* this is css 3 opera and latest mozilla and safari support */
/* display: none; */
}
/* ***************************** style for bottom page next buttons *********** */
/* include pagenextmain.html */
/* different divs depending upon layout type */
/* section head version */
div#nextmainsect {
float: right;
clear: right;
/* width: 380px; original */
width: 50%;
/* padding: 110px; */
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
/* margin: 0px 0px 0px 0px; */ /* (order: top right bottom left) */
/* height: 45px; */
margin: auto;
/* border: 1px solid green; */
color: #000000 ;
/* font-size: 14px; */
text-align: left; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
/* normal */
div#nextmain,#nextmainsect {
float: right;
clear: right;
width: 50%;
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
margin: auto;
/* border: 1px solid red; */
color: #6666ff;
text-align: left; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
/* when placed witin the text div */
div#nextmaintext {
/* float: left; */
/* clear: right;*/
/* width: 80%; */
height: 90px; /* if you don't specify a height it does not go in the text */
width: 290px;
padding-top: 0px;
margin-left: auto;
margin-right: auto;
/* border: 1px solid red; */
color: #6666ff;
text-align: left; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
/* From included file stdnext1.html the small next buttons etc bottom of page */
div.next {
float: left;
/* clear: both; */
/* width: 98%; */
/* margin-left: 1%; */ /* use this to center by splitting the width remainder in half */
/* width: 90%; */
margin: 0 0 0 0; /* (order: ) */
/* height: 50px; */
/* border: 1px solid red; */
padding: 10px 0px 0px 0px;
color: #6666ff;
font-size: 14px;
text-align: left; /* */
vertical-align: middle; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
img.next {
float: left;
border: 0;
padding: 0px 6px 0px 2px;
vertical-align: middle;
}
div.nexttitle {
/*padding: 0 0 0 0 ;*/
/*margin: 0 0 0 0 ;*/
margin-top: auto ;
margin-bottom: auto;
padding-top: 3px ;
/* padding-bottom: 3% ; */
/* border: 1px solid black;*/
}
span.nexttitle {
/* border: 1px solid black;*/
padding: 0px 0px 0px 0px;
/*padding-top: 10px; */
margin: 0px 0px 0px 0px ;
}
span.nextstitle {
float: left ;
/* border: 1px solid black; */
/* padding: 0px 0px 0px 0px; */
margin: 0px 0px 0px 0px ;
}
/* maybe show small functions 2 here. stdfunctions2.html */
span.functions2 {
float: left;
/* clear: both;*/
/* font-variant: small-caps; */
/* font-family: Arial,Geneva,Helvetica,Chicago,Verdana,sans-serif; */
/* font-family: Times,Times New Roman,serif;*/
/* font-family: Courier,monospace; */
font-size: 12px;
font-weight: bold;
/* clear: right;*/
text-align: left;
/* color: #000000; */
color: #000000;
padding-top: 8px;
/* border: 1px solid black; */
/* border-left: 1px solid red;*/
margin: 0 0 0 0 ;
width: auto;
/* display: inline; */
}
/* These are the small links at page bottom for 'site map, contact, feedback' */
a.functions2:visited,A.functions2:active,A.functions2:link {
color: #0000ff;
}
a.functions2:hover {
color: #ff3333;
}
/* ***************************** style for page full bottom1 ****************** */
/* include pagefullbottom1.html */
#fullbot1 {
float: none;
clear: both;
width: 100%;
margin: 0 0 0 0; /* (order: ) */
/* border: 1px solid #(none); */
padding: 0px;
color: #6666ff;
font-size: 18px;
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
#fullbot1short {
float: none;
clear: both;
margin: 0px 0px 0px 200px; /* (order: top right bottom left) */
/* height: 50px; */
/* border: 1px solid #6666ff; */
padding: 0px;
color: #6666ff;
font-size: 12px;
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
/* ***************************** style for page full bottom2 ****************** */
/* include pagefullbottom1.html */
#fullbot2 {
float: none;
clear: both;
width: 100%;
margin: 0 0 0 0; /* (order: ) */
padding: 0px;
color: #6666ff;
font-size: 18px;
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
div#fullbot2 {
/* normal */
/* background:transparent; */
/* added to make top menu workon full layout */
background: white;
}
/* ***************************** style for stdinfo include ****************** */
/* stdinfo.html pagefullbottom1.html pagefullbottom2.html */
.stdinfoXX { /* all these .stdinfo sections may now be unneeded because
of the other stuff. I have XX'd them to see if any breakage occurs */
float: none;
width: auto;
margin: 0 0 0 0; /* (order: ) */
padding-top: 8px;
color: #ccccff ;
font-size: 12px;
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
div#stdinfo {
float: none;
width: auto;
margin: 0 0 0 0; /* (order: ) */
padding-top: 8px;
color: #ccccff ;
font-size: 12px;
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
border-top: 2px solid #ccccff;
/* border: 1px solid red; */
}
.stdinforightXX {
float: none;
width: auto;
margin: 0px 0px 0px 190px;
/* border: 1px solid black; */
padding-top: 8px;
color: #ccccff ;
font-size: 12px;
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
div#stdinforight {
float: none;
width: auto;
margin: 0 0 0 0; /* (order: ) */
padding-top: 8px;
color: #ccccff ;
font-size: 12px;
text-align: right; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
width: 70%;
margin-left: auto;
margin-right: auto;
/* border: 1px solid black; */
}
.stdinfocenterXX {
float: none;
width: auto;
margin: 0px 0px 0px 190px;
/* border: 1px solid black; */
padding-top: 8px;
color: #ccccff ;
font-size: 12px;
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
div#stdinfocenter {
float: none;
width: auto;
margin: 0 0 0 0; /* (order: ) */
padding-top: 8px;
color: #ccccff ;
font-size: 12px;
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
width: 70%;
margin-left: auto;
margin-right: auto;
}
.stdinfoleftXX {
float: none;
width: auto;
margin: 0px 0px 0px 190px;
/* border: 1px solid black; */
padding-top: 8px;
color: #ccccff ;
font-size: 12px;
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
div#stdinfoleft {
float: none;
width: auto;
margin: 0 0 0 0; /* (order: ) */
padding-top: 8px;
color: #ccccff ;
font-size: 12px;
text-align: left; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
width: 70%;
margin-left: auto;
margin-right: auto;
/* border: 1px solid black; */
}
.stdinfopanelXX {
float: none;
width: auto;
margin: 0 0 0 0; /* (order: ) */
/* border: 1px solid black; */
padding-top: 8px;
color: #ccccff ;
font-size: 12px;
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
div#stdinfopanel { /* when in panel modes */
float: none;
width: auto;
margin: 0 0 0 0; /* (order: ) */
padding-top: 8px;
color: #ccccff ;
font-size: 12px;
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
/* border-top: 2px solid #ccccff; */
/* border: 1px solid red; */
}
.stdinforightsectXX {
float: none;
width: auto;
margin: 0px 0px 0px 290px;
/* border: 1px solid black; */
padding-top: 8px;
color: #ccccff ;
font-size: 12px;
text-align: center; /* */
vertical-align: baseline; /* baseline middle sub super text-top text-bottom top bottom */
background: transparent;
}
/* *********** Generic styles that might be used anywhere ****************** */
/* in main text */
/* draw a border around image and position it to left */
img.leftfancy {
/* border: 1px solid black; this affects positioning in netscape 4 */
float:left;
clear:right;
border: 2px solid #000000;
padding: 0 0 0 0 ;
}
/* **************************************************************************** */
/* **************************************************************************** */
/* does not appear to be used - maybe for breadcr alt?*/
span.angle {
font-size: 12px ;
color: #000000;
border-top: 0px solid black;
border-right: 0px solid black;
border-bottom: 0px solid black;
border-left: 1px solid black ;
}
/* ******************* styles for the catalog database views ****************** */
/* Styles for the movit error messages */
/* general errors */
.errors {
color: #000000; /* keepmost of this the same, but backgrond color matches site */
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
body.errors {
background: #ccccff;
background: #eeeeff ;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
div.errorsa {
margin-left:auto;
margin-right:auto;
width: 80%;
}
h2.errors {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
text-align:left;
color: black;
margin-top: 79px;
}
div#errormsg {
width: 80%;
margin-left:auto;
margin-right:auto;
margin-top: 20px;
margin-bottom: 40px;
border: 4px ridge red;
background: #ffffff;
}
p.errors {}
span.errors {/* display:none; */}
span#errorwebm {}
span#errorback {}
/* specifically data entry errors */
.entryerrors {
color: #000000;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
body.entryerrors {
background: #ccccff;
background: #333399;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
div#entryerrorsa {
margin-left:auto;
margin-right:auto;
width: 80%;
background: #eeeeff;
border: 8px solid #ccccff;
}
h2.entryerrors {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
margin-top: 79px;
text-align:center;
color:#333399;
}
div#entryerrormsg {
width: 80%;
margin-left:auto;
margin-right:auto;
margin-top: 20px;
margin-bottom: 40px;
background:#ffffff;
color:#000000;
border: 4px ridge #ff3333;
}
p.entryerrors {
color:#000000;
background:#ffffff;
}
span.entryerrors {
color: #000000;
background: #ffffff;
/* display:none; */
}
span#entryerrorwebm {
font-weight:bold;
background: #eeeeff;
color: #ff3333;
}
span#entryerrorback {
background: #eeeeff;
color: #009900;
}
/* single page views */
h2.itemdbpage {
/* font-size: 22px; */
/* font-family: Helvetica,Arial,Geneva,Chicago,Verdana,sans-serif; */
/* font-family: cursive;*/
/* border: 1px solid black; */
/* padding: 0 0 0 0 ;*/
padding-left: 10px ;
/* border: 0 0 0 0 ;*/
color: #333399;
/* margin: 20px 0 0 0 ;*/ /*This was origianl centered */
/* margin: 45px 0 0 0 ; this sets it down a bit change jan 08 */
/* margin: 6px 0 0 0 ;*/ /* this works with search */
/* text-transform: lowercase; */
}
/* h2.itemdbpage:first-letter {text-transform: capitalize;} */
h3.itemdbpage {
padding: 0 0 0 10px;
color: #333399;
/* text-transform: lowercase; */
}
/* h3.itemdbpage:first-letter {text-transform: capitalize;} */
h4.itemdbpage {
font-size: 12px;
padding: 0 0 0 10px;
color: #000000;
}
div.itemdbpagesurround {
padding-left: 10px;
}
img.itemdbpage {
float: left;
margin-right:10px;
margin-bottom: 8px;
border: 4px solid #000000;
border-left: 4px solid #000000;
border-top: 3px solid #000000;
border-right: 4px solid #000000;
border-bottom: 4px solid #000000;
/* align="left" */
}
/* details of the album on right side */
table.itemdbpage,table.xitemdbpage {
font-size: small;
font-weight: bold;
/* border: 1px solid red; */
}
.itemdbpage #albartname { }
.itemdbpage #albartname td {text-align: left; }
.itemdbpage #albtitle { }
.itemdbpage #albtitle td {text-align: left; }
.itemdbpage #albformat { }
.itemdbpage #albformat td {text-align: left; }
.itemdbpage #alblabel { }
.itemdbpage #alblabel td {text-align: left; }
.itemdbpage #albcatnum {text-align: left; }
.itemdbpage #albcatnum td {text-align: left; }
.itemdbpage #albupc {text-align: left; }
.itemdbpage #alblistprice { text-align: left;}
.itemdbpage #alblistprice td {text-align: left; }
.itemdbpage #albcategory {text-align: left; }
.itemdbpage #albreldate {text-align: left; }
.itemdbpage #albinstock { }
.itemdbpage #albreturn { text-align: left; }
.itemdbpage #albadditnotes {text-align: left; }
table.itemdbpage {
font-size: small;
font-weight: bold;
}
div.itemdbpagedes {
float: none;
clear: both;
/* font-size: 24px; */
font-size: 18px;
}
/*p.p1:first-line {text-transform: uppercase;} */
/* p.p1:first-line {font-family: cursive ; font-size: 28px;} */
img.itemdbpagebuyimg {
float: left;
background: transparent;
/* border: 1px solid green; */
margin-top: 4px;
/* no-repeat */
}
span.itemdbpagebuy {
background: transparent ;
padding-left: 6px;
}
a.itemdbpagebuy {
}
img.itemdbpageshocartimg {
float: left;
background: transparent;
/* border: 1px solid green; */
margin-top: 4px;
/* no-repeat */
}
span.itemdbpagecart {
padding-left: 6px;
/*display: none; */
background: #ffffff;
}
a.itemdbpagecart {
}
span.addedtocart {
color: red;
}
/* list views */
img.itemdblist {
float: left;
width:50px;
margin-left:auto;
margin-right:auto;
margin-top:auto;
margin-bottom:auto;
border: 2px solid black;
}
a.itemdblisttitle {
text-decoration: none;
color: #000000;
}
a.itemdblistartist {
text-decoration: none;
color: #000000;
}
/* list view can have a 'more' button added, you can change or remove it here */
tr#itemdblistmore {
/*display: none;*/ /* this turns off the 'more' function entirely */
}
/* more function individual items */
span#itemdblisttotalname {}
span#itemdblisttotalnum{}
span#itemdblistshowingname{}
span#itemdblistshowingnum {}
a#itemdblistmorelink {}
img.dbnext {}
/* a matchcount can be displayed for each record returned */
span.matchcount {
font-size:small;
color: #009900;
/* display:none */
}
/* and text that explains it */
div#matchcount { /* turn this off to remove all matchount text */
margin-top:4px;
margin-bottom: 4px;
font-size: small;
color: #000000;
}
/* a span that can turn off just the first part */
span.matchcountxt {
color: #009900;
font-size: small;
}
a.matchcount {
color: #333399;
}
/* fancy box for samples*/
/* fancy box with ouside box, title. and text treated differently */
/* fancy box for samples*/
/* fancy box with ouside box, title. and text treated differently */
div.samplebox {
clear: left;
width: 75%;
margin: 0 0 0 0;
margin-left: auto;
margin-right: auto;
padding: 0 ;
/* border: 1px solid red; */
/* text-align: center; */
background: transparent;
}
div.sampleboxtitle {
width: 100%;
padding: 0 ;
padding-top: 3px;
padding-bottom: 2px;
border: 1px solid #6666cc;
text-align: center;
background: #009900;
color: #ffffff;
font-weight: bold;
}
div.sampleboxtext {
width: 100%;
padding: 0 ;
border: 1px solid #6666cc;
background: #ccccff;
}
table.samplebox {
background: transparent;
}
td.samplebox1 {
padding: 2px;
color:black;
background: #eeeeff;
}
td.samplebox2 {
padding: 2px;
color: #000000;
}
tr.samplebox {
background: transparent;
}
a.sampleboxlink:link,a.sampleboxlink:active,a.sampleboxlink:visited {
color:green;
font-weight: bold;
text-decoration: none;
color: #ff3333;
background: #000000;
border: 1px solid red;
padding:2px;
}
a.sampleboxlink:hover {
color: #009900;
background: #ffffff;
border: 1px solid red;
padding:2px;
}
div#findmorebyartistlabel
{
float: left;
clear: both;
margin: 6px 0 10px 10px;
padding: 4px;
text-decoration: underline;
border: 1px solid #6666cc;
background: #ccccff;
border: 1px solid #333399;
background: #eeeeff;
}
div#findmorebyartist
{
float: left;
clear: both;
margin: 0 0 10px 10px;
border: 1px solid blue;
background: #eeeeff ;
padding: 4px;
text-decoration: underline;
border: 1px solid #6666cc;
background: #ccccff ;
border: 1px solid #333399;
background: #eeeeff;
}
a.findmorebyartistlink {}
/* ** special styles for the labels views if the albums with large pictures, floated *** */
/* this is for itemdblist2LBL.html */
div.lblpage {
float: left;
width: 32%;
padding: 2px 2px 2px 2px;
/* border: 1px solid red; */
/* height: 500px; */
padding-top: 10px;
}
a.itemdblisttitle {
}
img.itemdblistLBL {
width: 97%;
padding: 0 0 0 0;
border:2px solid black;
}
div.itemdblistartistdLBL {
color:blue;
}
a.itemdblistartist1LBL {
}
div.itemdblisttitledLBL {
font-size: 120%;
height:1.1em;
width: 100%;
overflow:hidden;
}
a.itemdblisttitle {
}
div.itemdblistformatLBL {
color:green;
}
div.itemdblistlistpriceLBL {
color: red;
}
/* style for the pubitemdblargeitem templates used for sales etc */
div.pubdblargeitem {
float: left;
clear: both;
padding-bottom: 10px;
width: 97%;
/* border: 1px solid red; */
border-bottom: 2px solid black;
}
/* ******************* styles for the shopping cart views ********************* */
/* status area include */
div.checkoutstatussurround {
float:left;
padding-bottom:2px;
margin: 10px 0 10px 10px;
/*
margin-bottom:10px;
margin-top:10px;
*/
border:1px solid blue;
background:#eeeeff;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size:80%;
}
div#checkoutstatustitle {
width:100%;
border-bottom:1px solid blue;
text-align:center;
background: blue;
color: white;
font-weight: bold;
}
span#checkoutstatus1 {
margin: 4px;
}
span#checkoutstatus1emph {
font-weight: bold;
}
span#checkoutstatus2 {
margin: 4px;
}
span#checkoutstatus2emph {
font-weight: bold;
}
span#checkoutstatus3 {
margin: 4px;
}
span#checkoutstatus4 {
margin: 4px;
/*display:none; */
}
/* info link section */
div.checkoutinfolinksurround {
float:right;
margin: 10px 10px 10px 10px;
border:1px solid orange;
background:#ffffee;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size:80%;
padding-bottom:2px;
}
div.checkoutinfolinktitle {
width:100%;
border-bottom:1px solid blue;
text-align:center;
background: orange;
color: white;
font-weight: bold;
}
span#checkoutinfolink1 {
margin: 4px;
}
a#checkoutinfoa1 {}
span#checkoutinfolink2 {
margin: 4px;
}
a#checkoutinfoa2 {}
span#checkoutinfolink3 {
margin: 4px;
}
a#checkoutinfoa3 {}
body.printable {
background: #ffffff ;
background-repeat: no-repeat ;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
color: #000000 ;
}
/* ****** shop cart ***** */
/* ****** shop cart ***** */h1.pagetitlecart {
clear:both;
width:100%;
font-size: 28px;
font-family: Helvetica,Arial,Geneva,Chicago,Verdana,sans-serif;
/* font-family: cursive; */
/* border: 1px solid black; */
padding: 0 0 0 7px ;
border: 0 ;
/* color: black; */
color: #000000;
margin: 10px 0 0 0 ;
}
div.showcart {
width: 98%;
text-align: center;
margin-bottom:10px;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
table#showcart {
/* align="center" */
margin-left: auto;
margin-right: auto;
background: #eeffee;
/* padding: 4px; */
border: 1px solid #006600;
/* width: 80%; */
border-collapse:collapse;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
table#showcart tr {
border: 1px solid #006600;
}
th.showcart {
background: #ccffcc;
background: #006600;
color:white;
text-align: center;
/*text-align: left; */
}
td.showcart {
background: #ccffcc;
background: #eeffee;
background: white;
padding: 2px;
}
form#showcartedquant {}
form#showcartedquant input {
text-align:right;
/*border: 1px solid #006600;*/
}
span#cartlinenumber {}
span#cartlinename {}
span#cartlineoption {}
span#cartlineprice
{
/*font-size:small;*/
}
span#cartpriceshipus
{
font-size:50%;
display:none;
}
span#cartpriceshipint
{
font-size:50%;
display:none;
}
span#cartlinesubttl {
font-weight:bold;
}
td.cartitemnote {
background: #eeffee;
padding: 1px;
font-size: 70%;
}
/* form used for deletions */
form#showcartdel {
/*border:1px solid red; */
}
form#showcartdel input {
font-size:70%;
}
p#showcartp1 {
margin-left: auto;
margin-right: auto;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size:80%;
width:75%;
border: 1px solid red;
background: #ffeeee;
}
p#showcartp2 {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
div.showcartcontinue {
margin: 10px auto 10px auto;
padding: 10px;
width:300px;
text-align: center;
border: 1px solid blue;
background: #eeeeff;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
div.showcartcontinue a {
font-size: 110%;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
input.getcustinfo {
/* background: #ccffcc; */
}
/* *** Checkout 0ne *** */
div#checkoutonegetsavedsurr {
margin-top:10px;
margin-left:auto;
margin-right:auto;
border:1px solid blue;
width:90%;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
div#checkoutonegetsavedtitle {
width:100%;
text-align:center;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-weight:bold;
background: blue;
color: white;
}
form#checkoutstep1addrform {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
form#checkoutstep1addrform input {
margin-left: 10px;
margin-top:10px;
}
p#checkoutstep1savedp1 {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
p#checkoutstep1savedp2 {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
/* use this if you have no mailing lists */
span#checkoutstep1nl {/* display:none; */}
/* use this if you have mailing lists */
span#checkoutstep1wl {display:none;}
/* actual shipping info entry area */
div#checkoutoneentersipsurr {
clear:both;
margin-top:10px;
margin-left:auto;
margin-right:auto;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
border:1px solid blue;
width:90%;
margin-bottom:10px;
/* background: #ccccff; */
}
div#checkoutoneentershiptitle {
width:100%;
text-align:center;
font-weight:bold;
background: blue;
color: white;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
p#checkoutstep1p1 {
border: 1px solid red;
background: #ffeeee;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
/* 'Important note' */
span#checkoutstep1s1 {font-weight: bold;}
/* 'separate shipping addr' */
span#checkoutstep1s2 {}
/* 'must match credit card addr' */
span#checkoutstep1s3 {}
p#checkoutstep1p2 {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
form#checkoutstep1shipdata {
/*border: 4px solid red; */
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
margin-bottom:10px;
/* background: #ffdddd; */
}
div#checkoutstep1insideform {
/* background:#ffffcc; */
text-align: center;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
/*
border:4px solid #cccc00;
margin-bottom:10px;
*/
}
div#checkoutoneaftertable {
/* background: #ffcc33; */
/* padding: 8px; */
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
/* contains the text area and the text below that */
div#shipnotesurr {
/*border: 1px solid red; */
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
width:100%;
/* display:none; */
}
div#shipnotetitle {
margin-top: 10px;
/* border: 1px solid green; */
}
textarea#shipnotetext {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
p#checkoutstep1p3 {
font-weight:normal;
text-align:left;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
p#checkoutstep1p4 {
text-align:left;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-weight: bold;
}
table#checkoutone {
margin-left: auto;
margin-right: auto;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
background: #eeffee;
/* padding: 4px; */
border: 1px solid #006600;
/* width: 80%; */
border-collapse:collapse;
}
table#checkoutone tr {
border: 1px solid #006600;
}
th.checkoutone {
background: #006600;
color:white;
text-align: center;
}
td.checkoutone {
background: #eeffee;
padding: 2px;
}
table#checkoutone td {
/*background: #000000; */
}
table#checkoutone input {
border: 1px solid #006600;
padding: 2px;
}
div#checkoutstep1next {
clear:both;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
width:90%;
/*height:250px; */
background:#ffffff;
border: 1px solid #0000ff;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
div#checkoutstep1nexttitle {
width:100%;
text-align:center;
font-weight:bold;
background: blue;
color: white;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
form#checkoutstep1gonext {}
div#checkoutonealsostore {
width: 100%;
border-bottom: 1px solid #0000ff;
}
div#checkoutonesub {
width:200px;
margin-left:auto;
margin-right:auto;
border: 1px solid #0000ff;
padding: 10px;
margin-bottom:10px;
margin-top:10px;
background: #eeeeff;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size: 110%;
/*text-decoration:underline; */
}
input.checkoutonesub {
/* background: #ffccff; */
/*
border: 1px solid #0000ff;
padding: 10px;
background: #eeeeff;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size: 110%;
text-decoration:underline;
*/
}
/* *** Checkout Two *** */
table.checkouttwo {
width: 80%;
background: #eeffee;
border: 1px solid #006600;
border-collapse:collapse;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
table.checkouttwo tr {
border: 1px solid #006600;
}
/* header title */
table.checkouttwo th {
background: #006600;
color:white;
font-size: small;
text-align:center;
}
/* identifers, text */
td.checkouttwo {
background: #ccffcc;
font-size: small;
}
/* user item lines */
td.checkouttwoit {
background: #ffffff;
/* font-size: small; */
font-weight: bold;
}
/* totals vertical row */
td.checkouttwort {
background: #ffffff;
/* font-size: small; */
font-weight: bold;
text-align:right;
}
div#checkouttwoformsurround {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
text-align:center;
}
form#checkouttwoform {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
padding: 0 0 10px 0;
}
div#checkouttwosub {
width:250px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
border: 1px solid #0000ff;
padding: 10px;
/*margin-bottom:10px; */
background: #eeeeff;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-size: 110%;
/*text-decoration:underline; */
}
/* *** Checkout Three *** */
div#checkoutthreechoose {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
text-align:left;
}
p#checkoutthreepaymeth {font-weight:bold;}
span.checkoutemphasis {color:blue;}
p#checkoutthreetop1 {}
p#checkoutthreetop2 {}
table.checkoutthree {
border-collapse:collapse;
/* border: 1px solid black ; */
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-weight: bold;
}
tr.checkoutthree {}
td.checkoutthreel {}
td.checkoutthreer {
color: green ;
padding-left: 10px;
}
div#checkoutthreecnote {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
p#checkoutthreep1 {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
font-weight:bold;
}
div#checkoutthreecnotetxt { font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
p#checkoutthreepcnote {color:green;margin-left:50px; font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
p#checkoutthreep2 {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
p.checkoutthreep4 {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
span.checkoutthreeordnum {font-weight:bold;}
p.checkoutthreenote {
margin-top:10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
width: 75%;
background: #ffcccc ;
border: 1px solid #ff0000 ;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
span.checkoutthreenote {
text-decoration: underline;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
h3.checkoutthree {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
form.checkoutthreeck {
padding-top: 10px;
padding-left:10px;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
form.checkoutthreepp {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
padding-top: 10px;
}
/* payment options */
div.checkoutthreeoptionsurround {
width:96%;
float:left;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
margin:5px 0 5px 10px;
border:1px solid #3333ff;
}
div.checkoutthreeoption {
float:left;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
text-align:left;
width:auto;
}
h2.checkoutthreeoptionname {
padding-bottom:6px;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
color:white;
width:auto;
background:#3333ff;
}
div#checkoutthreebignames {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
margin-top:10px;
}
h2.checkoutthreebigname {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
clear:both;
}
h2.checkoutthreebiggraphics
h3.checkoutthreemoretagline {}
span.checkouttlintxt {color:#003300;}
/* ** PayPal ** */
form.checkoutthreepp {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
padding-left:10px;
}
p#checkoutthreepaypalp1 { font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
p#checkoutthreepaypalp2 { font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
p#checkoutthreepaypalp3 { font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
/* *** Check Option *** */
form.checkoutthreeck { font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
p#checkoutthreecheckp1 { font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
p#checkoutthreecheckp2 { font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
p#checkoutthreecheckp3 { font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
/* *** Style for the check mode printable summary table *** */
div.content {
/* used on printable template pages only */
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
margin: 10px 10px 10px 10px;
color: #000000;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
text-align:justify;
color: #000000;
/* font-size: 14px; */
text-align: left ; /* */
vertical-align: baseline;
/* baseline middle sub super text-top text-bottom top bottom */
background: #ffffff;
}
table.checkmode {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
border-collapse:collapse;
border: 1px solid black ;
}
th.checkmode {
border: 1px solid black ;
padding:3px;
}
td.right {
border: 1px solid black ;
text-align:right;
padding:2px;
}
td.left {
border: 1px solid black ;
text-align:left;
padding:2px;
}
tr.totals {
background: #eeeeee ;
}
/* special way to turn off cart in control panel see stdlayouttypedefs */
/*
<!-- #set var="SHOPCARTALLOW" value="NO" -->
*/
/*
<!-- #if expr="$SHOPCARTALLOW=NO && $REMOTE_ADDR!=192.168.0.1 && $REMOTE_ADDR!=216.99.218.38" -->
*/
span.itemdbpagebuy,span.addedtocart,a.itemdbpagecart,img.itemdbpageshocartimg,
span.itemdbpagecart,a.shopcarttiny,img.shopcarttiny {
/* display:none; */
}
/*
<!-- #endif -->
*/
/* ********* styles for the 'announce' included view of the main database ***** */
a.announcepage {}
img.announcepage {}
span.announcepageartist {
color: #000000;
}
span.announcepagetitle {
color: #000000;
}
span.announcepage {
color: #333399;
}
span.announcepageprice {
color: #ff3333;
}
img.announcepage {
border: 2px solid #6666ff;
}
/* ******************** Styles used on the contact page ********************** */
div.contacttitle {
margin-left: auto;
margin-right: auto;
width: 100%;
/*border: 1px solid red; */
text-align: center;
}
h2#contacttitle {
margin: 0 0 0 0;
margin-left: auto;
margin-right: auto;
/* color: red; */
}
div#conaddress {
/* margin-left: auto; */
/*margin-right: auto;*/
background: #ccccff;
margin: 0 0 0 0;
border: 1px solid #333399;
width: 90%;
/*border: 1px solid blue; */
margin-left: auto;
margin-right: auto;
/* font-family:serif;*/
}
div#conaddresstitle {
background: #eeeeff;
border: #eeeeff;
padding-top: 4px;
padding-bottom: 4px;
text-align: center;
}
div#conaddressname {
margin: 0 0 0 0;
padding: 4px 0 0 10px;
}
div#conaddresslines {
padding: 0 0 0 10px;
margin: 0 0 0 0;
}
#conaddresslines pre {
margin: 0 0 0 0;
font-family: inherit;
/* font-size: 14px; */
font-size: 103%;
/* font-weight: bold; */
}
div#conemail {
background: #ccccff;
border: 1px solid #333399;
margin: 30px 0 0 0;
width: 90%;
margin-left: auto;
margin-right: auto;
}
div#conemail0 {
/* border-bottom: 1px solid #333399; */
text-align: center;
background: #eeeeff;
padding: 4px 0 2px 0;
}
div#conemail1 {
margin: 0 0 0 0;
padding: 6px 0 0 10px;
}
span#conemailofftag {}
span#conemailoff {}
div#conemail2 {
margin: 0 0 0 0;
padding: 4px 0 6px 10px;
}
span#conemailwebtag {
}
span#conemailweb {
}
div#conphone {
background: #ccccff;
border: 1px solid #333399;
width: 90%;
margin-left: auto;
margin-right: auto;
}
div#conphone0 {
/* border-bottom: 1px solid #333399; */
text-align: center;
background: #eeeeff;
padding: 4px 0 2px 0;
}
div#conphone1 {
margin: 0 0 0 0;
padding: 6px 0 0 10px;
}
span#conphoneofftag {}
span#conphoneoff {}
div#conphone2 {
margin: 0 0 0 0;
padding: 4px 0 6px 10px;
}
span#conphonefaxtag {
}
span#conphonefax {
}
div#consocial {
background: #ccccff;
border: 1px solid #333399;
width: 90%;
margin: 0 0 20px 0;
margin-left: auto;
margin-right: auto;
}
div#consocial0 {
/* border-bottom: 1px solid #333399; */
text-align: center;
background: #eeeeff;
padding: 4px 0 4px 0;
}
div#consocial1 {
margin: 0 0 0 0;
padding: 4px 0 6px 10px;
}
span#consocialtag {}
span#consocial {}
div#consocial2 {
margin: 0 0 0 0;
padding: 4px 0 6px 10px;
}
span#consocialtag {
}
span#consocial {
}
div#consocial3 {
margin: 0 0 0 0;
padding: 4px 0 6px 10px;
}
span#consocialtag {
}
span#consocial {
}
div#consocial4 {
margin: 0 0 0 0;
padding: 4px 0 6px 10px;
}
span#consocialtag {
}
span#consocial {
}
div#consocial5 {
margin: 0 0 0 0;
padding: 4px 0 6px 10px;
}
span#consocialtag {
}
span#consocial {
}
/* ****************** Useful styles for use within the text ******************* */
/* Put text in a centered red box to emhasize it */
div.emphatic {
border: 1px solid red;
background:#ffeeee;
margin-left:auto;
margin-right:auto;
width:70%;
padding: 4px 4px 4px 4px;
}
/* not emphatic, but highlighted */
div.highlight {
border: 1px solid blue;
background:#ffeeee;
margin-left:auto;
margin-right:auto;
width:70%;
padding: 4px 4px 4px 4px;
}
/* fancy box with ouside box, title. and text treated differently */
div.fancybox {} /* use this around the two below */
div.fancyboxtitle {}
div.fancyboxtext {}
/* begin front page special cases */
/* **************************************************************************** */
/* ************ styles for the included views of the mini databases *********** */
/* ******** blogbase ******** */
/* blog */
hr.bloglist2phr1 {
display: none;
}
div.bloglist2pxtradiv1 {display: none;}
p.bloglist2p {} /* for the date */
h2.bloglist2p { /* title */
clear: both;
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
}
h3.bloglist2p { /* subtitle */
clear: both;
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
}
div.bloglist2pxtradiv2 {display: none;}
p.bloglist2ppara1 { }
a.bloglist2ppicurl1 {}
img.bloglist2pimg1 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
display: inline;
width: 150px;
height: 150px;
vertical-align: top;
}
p.bloglist2ppara2 { }
a.bloglist2ppicurl2 {}
img.bloglist2pimg2 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
}
p.bloglist2ppara3 { }
a.bloglist2ppicurl3 {}
img.bloglist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
}
div.bloglist2pxtradiv3 {display: none;}
div.bloglist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
}
a.bloglist2psig:active,a.bloglist2psig:link,a.bloglist2psig:visited {
color: #000099 ;
background: red ;
background-color : transparent ;
}
a.bloglist2psig:hover {
color: #ff3333;
background: white ;
background-color : white ;
}
hr.bloglist2phr2 {
/* clear:left; */ /* not sure why this was there but messes up formattng */
/* display: none; */
}
/* These styles are for the individual included view, and any extra ones */
/* these are just like the blogbase example above, except only modifird style information is listed */
/* ******* index : style for the included view of the mini databases for the page called index.html ****** */
hr.indexlist2phr1 { display: none;}
div.indexlist2pxtradiv3,div.indexlist2pxtradiv3,div.indexlist2pxtradiv3 {display: none;}
p.indexlist2p {display: none;} /* for the date */
/* ******* about : style for the included view of the mini databases for the page called about.html ****** */
p.aboutlist2p { display: none;} /* no date */
p.aboutlist2ppara1,p.aboutlist2ppara2,p.aboutlist2ppara3 {
/* clear: left;*/
text-align: justify;
}
/* ******* labels : style for the included view of the mini databases for the page called labels.html ****** */
/* ******* artists : style for the included view of the mini databases for the page called artists.html ****** */
/* **** list2artists.html **** */
hr.artistslist2phr1 {
}
div.artistslist2pxtradiv1 {display: none;}
p.artistslist2p { display: none;} /* no date */
h2.artistslist2p {
/* clear: both; */
margin: 8px 0 0 0 ;
padding: 0 0 0 0 ;
/* display: none; */
}
h3.artistslist2p {
/* clear: both; */
margin: 0 0 0 0 ;
padding: 4px 0 0 0 ;
/* display: none; */
}
div.artistslist2pxtradiv2 {display: none;}
a.artistslist2ppicurl1 {}
img.artistslist2pimg1 {
float: left;
/* clear: none; */
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
/* display: inline; */
width: 140px;
height: 150px;
vertical-align: top;
}
p.artistslist2ppara1 {
clear: left;
}
p.artistslist2ppara1:first-line {
clear:left;
font-weight: bold;
}
a.artistslist2ppicurl2 {}
img.artistslist2pimg2 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
width: 150px;
}
p.artistslist2ppara2 {
clear: left;
}
p.artistslist2ppara2:first-line {
clear:left;
font-weight: bold;
}
a.artistslist2ppicurl3 {}
img.artistslist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
width: 150px;
}
p.artistslist2ppara3 {
clear: left;
}
p.artistslist2ppara3:first-line {
clear:left;
font-weight: bold;
}
div.artistslist2pxtradiv3 {display: none;}
div.artistslist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
/*background: #ffffcc;*/
}
a.artistslist2psig:active,a.artistslist2psig:link,a.artistslist2psig:visited {
color: #000099 ;
background: red ;
background-color : transparent ;
}
a.artistslist2psig:hover {
/* color: #ff0000 ;*/
color: #ff3333;
background: white ;
background-color : white ;
}
div.artistslist2overall {
clear: right;
float: left;
width: 100%;
/* border: 1px solid red; */
}
div.artistslist2sect1 {
float: left;
width: 33%;
/* border: 1px solid green; */
}
div.artistslist2sect2 {
float: left;
width: 33%;
/* border: 1px solid green; */
}
div.artistslist2sect3 {
float: left;
width: 32%;
/* border: 1px solid green; */
}
hr.artistslist2phr2 {}
/* end list2artists.html */
/* ******* help : style for the included view of the mini databases for the page called help.html ****** */
p.helplist2p { display: none;} /* no date */
/* ******* concerts : style for the included view of the mini databases for the page called concerts.html ****** */
/* ******* specials : style for the included view of the mini databases for the page called specials.html ****** */
/* ******* catalog : style for the included view of the mini databases for the page called catalog.html ****** */
/* ******* faq : style for the included view of the mini databases for the page called faq.html ****** */
p.faqlist2p { display: none;} /* no date */
/* ******* press : style for the included view of the mini databases for the page called press.html ****** */
hr.presslist2phr1 { display: none;}
div.presslist2pxtradiv3,div.presslist2pxtradiv3,div.presslist2pxtradiv3 {display: none;}
img.presslist2pimg1 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
display: inline;
width: 150px;
height: 150px;
vertical-align: top;
}
/* ******* news : style for the included view of the mini databases for the page called news.html ****** */
hr.newslist2phr1 { /* display: none; */}
div.newslist2pxtradiv3,div.newslist2pxtradiv3,div.newslist2pxtradiv3 {display: none;}
img.newslist2pimg1,img.newslist2pimg2,img.newslist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
display: inline;
width: 150px;
height: 150px;
vertical-align: top;
}
/* ******* contact : style for the included view of the mini databases for the page called contact.html ****** */
hr.contactlist2phr1 { display: none;}
div.contactlist2pxtradiv3,div.contactlist2pxtradiv3,div.contactlist2pxtradiv3 {display: none;}
/* ******* bios.tml : style for the included view of the mini databases for the page called bios.tml.html ****** */
hr.bioslist2phr1 { display: none;}
div.bioslist2pxtradiv3,div.bioslist2pxtradiv3,div.bioslist2pxtradiv3 {display: none;}
/* ******* blog : style for the included view of the mini databases for the page called blog.html ****** */
/* ******* gallery : style for the included view of the mini databases for the page called gallery.html ****** */
/* ******* links : style for the included view of the mini databases for the page called links.html ****** */
/* ******* fanpage : style for the included view of the mini databases for the page called fanpage.html ****** */
/* ******* videos : style for the included view of the mini databases for the page called videos.html ****** */
/* ******* samples : style for the included view of the mini databases for the page called samples.html ****** */
/* ******* newrelease : style for the included view of the mini databases for the page called newrelease.html ****** */
/* ******* upcoming : style for the included view of the mini databases for the page called upcoming.html ****** */
/* ******* sessions : style for the included view of the mini databases for the page called sessions.html ****** */
/* ******* forum : style for the included view of the mini databases for the page called forum.html ****** */
/* ******* chat : style for the included view of the mini databases for the page called chat.html ****** */
/* ******* vinyl : style for the included view of the mini databases for the page called vinyl.html ****** */
/* ******* plain : style for the included view of the mini databases for the page called plain.html ****** */
/* ******* water : style for the included view of the mini databases for the page called water.html ****** */
/* ******* dbk : style for the included view of the mini databases for the page called dbk.html ****** */
/* ******* 4men : style for the included view of the mini databases for the page called 4men.html ****** */
/* ******* orderhelp : style for the included view of the mini databases for the page called orderhelp.html ****** */
/* ******* signup : style for the included view of the mini databases for the page called signup.html ****** */
/* ******* paypalsuccess : style for the included view of the mini databases for the page called paypalsuccess.html ****** */
/* ******* paypalcancel : style for the included view of the mini databases for the page called paypalcancel.html ****** */
/* ******* help : style for the included view of the mini databases for the page called help.html ****** */
hr.helplist2phr1 { display: none;}
div.helplist2pxtradiv3,div.helplist2pxtradiv3,div.helplist2pxtradiv3 {display: none;}
/* ******* sitemap : style for the included view of the mini databases for the page called sitemap.html ****** */
/* **************************************************************************** */
/* temp test for the artists page list */
table.artistview {
text-align: left;
}
tr.artistview {}
td.artistviewl {
vertical-align: text-top;
text-align: left;
}
td.artistviewr {
text-align: left;
vertical-align: text-top;
}
ul.artistview {
text-align: left;
list-style: none;
}
/* **************************************************************************** */
/* *** 01oneplus2acr : style for the included view of the mini databases - primary ** */
hr.oneplus2acrlist2phr1 {
}
div.oneplus2acrlist2pxtradiv1 {display: none;}
p.oneplus2acrlist2p { display: none;} /* no date */
h2.oneplus2acrlist2p {
/* clear: both; */
margin: 8px 0 0 0 ;
padding: 0 0 0 0 ;
/* display: none; */
}
h3.oneplus2acrlist2p {
/* clear: both; */
margin: 0 0 0 0 ;
padding: 4px 0 0 0 ;
/* display: none; */
}
div.oneplus2acrlist2pxtradiv2 {display: none;}
a.oneplus2acrlist2ppicurl1 {}
img.oneplus2acrlist2pimg1 {
margin-left: auto;
margin-right: auto;
margin-top: 8px;
border: 2px solid #333399;
/* display: inline; */
/* width: 140px; */
width: 70%;
height: 250px;
vertical-align: top;
}
p.oneplus2acrlist2ppara1 {
clear: left;
text-align: justify;
}
p.oneplus2acrlist2ppara1:first-line {
clear:left;
font-weight: bold;
}
a.oneplus2acrlist2ppicurl2 {}
img.oneplus2acrlist2pimg2 {
float: left;
margin: 6px 8px 2px 6px;
border: 2px solid #333399;
width: 150px;
}
p.oneplus2acrlist2ppara2 {
clear: left;
}
p.oneplus2acrlist2ppara2:first-line {
clear:left;
font-weight: bold;
}
a.oneplus2acrlist2ppicurl3 {}
img.oneplus2acrlist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 2px solid #333399;
width: 150px;
}
p.oneplus2acrlist2ppara3 {
clear: left;
}
p.oneplus2acrlist2ppara3:first-line {
clear:left;
font-weight: bold;
}
div.oneplus2acrlist2pxtradiv3 {display: none;}
div.oneplus2acrlist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
/*background: #ffffcc;*/
}
a.oneplus2acrlist2psig:active,a.oneplus2acrlist2psig:link,a.oneplus2acrlist2psig:visited {
color: #000099 ;
background: red ;
background-color : transparent ;
}
a.oneplus2acrlist2psig:hover {
/* color: #ff0000 ;*/
color: #ff3333;
background: white ;
background-color : white ;
}
div.oneplus2acrlist2overall {
clear: right;
float: left;
width: 100%;
/* border: 1px solid red; */
/* border-bottom: 1px solid black; */
margin-bottom: 10px;
}
div.oneplus2acrlist2sect1 {
float: left;
width: 99%;
/* border: 1px solid green; */
text-align: center;
}
div.oneplus2acrlist2sect2 {
float: left;
width: 49%;
/* border: 1px solid green; */
}
div.oneplus2acrlist2sect3 {
float: left;
width: 49%;
/* border: 1px solid green; */
}
hr.oneplus2acrlist2phr2 {}
/* end list201oneplus2acr.html */
/* *** 02oneplus2flow : style for the included view of the mini databases - primary ** */
hr.oneplus2flowlist2phr1 {
}
div.oneplus2flowlist2pxtradiv1 {display: none;}
p.oneplus2flowlist2p { display: none;} /* no date */
h2.oneplus2flowlist2p {
/* clear: both; */
margin: 8px 0 0 0 ;
padding: 0 0 0 0 ;
/* display: none; */
}
h3.oneplus2flowlist2p {
/* clear: both; */
margin: 0 0 0 0 ;
padding: 4px 0 0 0 ;
/* display: none; */
}
div.oneplus2flowlist2pxtradiv2 {display: none;}
a.oneplus2flowlist2ppicurl1 {}
img.oneplus2flowlist2pimg1 {
margin-left: auto;
margin-right: auto;
margin-top: 8px;
border: 2px solid #333399;
/* display: inline; */
/* width: 140px; */
width: 70%;
height: 250px;
vertical-align: top;
}
p.oneplus2flowlist2ppara1 {
clear: left;
text-align: justify;
}
p.oneplus2flowlist2ppara1:first-line {
clear:left;
font-weight: bold;
}
a.oneplus2flowlist2ppicurl2 {}
img.oneplus2flowlist2pimg2 {
float: left;
margin: 6px 8px 2px 6px;
border: 2px solid #333399;
width: 150px;
}
p.oneplus2flowlist2ppara2 {
clear: left;
}
p.oneplus2flowlist2ppara2:first-line {
clear:left;
/* font-weight: bold; */
}
a.oneplus2flowlist2ppicurl3 {}
img.oneplus2flowlist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 2px solid #333399;
width: 150px;
}
p.oneplus2flowlist2ppara3 {
clear: left;
}
p.oneplus2flowlist2ppara3:first-line {
clear:left;
/* font-weight: bold; */
}
div.oneplus2flowlist2pxtradiv3 {display: none;}
div.oneplus2flowlist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
/*background: #ffffcc;*/
}
a.oneplus2flowlist2psig:active,a.oneplus2flowlist2psig:link,a.oneplus2flowlist2psig:visited {
color: #000099 ;
background: red ;
background-color : transparent ;
}
a.oneplus2flowlist2psig:hover {
/* color: #ff0000 ;*/
color: #ff3333;
background: white ;
background-color : white ;
}
div.oneplus2flowlist2overall {
clear: right;
float: left;
width: 100%;
/* border: 1px solid red; */
/* border-bottom: 1px solid black; */
margin-bottom: 10px;
}
div.oneplus2flowlist2sect1 {
float: left;
width: 99%;
/* border: 1px solid green; */
text-align: center;
}
div.oneplus2flowlist2sect2 {
float: left;
width: 49%;
/* border: 1px solid green; */
}
div.oneplus2flowlist2sect3 {
float: left;
width: 49%;
/* border: 1px solid green; */
}
hr.oneplus2flowlist2phr2 {}
/* end list202oneplus2flow.html */
/* *** list203across3.html : style for the included view of the mini databases *** */
/* **** list203across3.html **** */
hr.across3list2phr1 {
}
div.across3list2pxtradiv1 {display: none;}
p.across3list2p { display: none;} /* no date */
h2.across3list2p {
/* clear: both; */
margin: 8px 0 0 0 ;
padding: 0 0 0 0 ;
/* display: none; */
}
h3.across3list2p {
/* clear: both; */
margin: 0 0 0 0 ;
padding: 4px 0 0 0 ;
/* display: none; */
}
div.across3list2pxtradiv2 {display: none;}
a.across3list2ppicurl1 {}
img.across3list2pimg1 {
float: left;
/* clear: none; */
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
/* display: inline; */
width: 140px;
height: 150px;
vertical-align: top;
}
p.across3list2ppara1 {
clear: left;
}
p.across3list2ppara1:first-line {
clear:left;
font-weight: bold;
}
a.across3list2ppicurl2 {}
img.across3list2pimg2 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
width: 150px;
}
p.across3list2ppara2 {
clear: left;
}
p.across3list2ppara2:first-line {
clear:left;
font-weight: bold;
}
a.across3list2ppicurl3 {}
img.across3list2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
width: 150px;
}
p.across3list2ppara3 {
clear: left;
}
p.across3list2ppara3:first-line {
clear:left;
font-weight: bold;
}
div.across3list2pxtradiv3 {display: none;}
div.across3list2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
/*background: #ffffcc;*/
}
a.across3list2psig:active,a.across3list2psig:link,a.across3list2psig:visited {
color: #000099 ;
background: red ;
background-color : transparent ;
}
a.across3list2psig:hover {
/* color: #ff0000 ;*/
color: #ff3333;
background: white ;
background-color : white ;
}
div.across3list2overall {
clear: right;
float: left;
width: 100%;
/* border: 1px solid red; */
}
div.across3list2sect1 {
float: left;
width: 33%;
/* border: 1px solid green; */
}
div.across3list2sect2 {
float: left;
width: 33%;
/* border: 1px solid green; */
}
div.across3list2sect3 {
float: left;
width: 32%;
/* border: 1px solid green; */
}
hr.across3list2phr2 {}
/* end list2across3.html */
/* ** list204across3flow.html : style for the included view of the mini databases ** */
/* **** list204across3flow.html **** */
hr.across3flowlist2phr1 {
}
div.across3flowlist2pxtradiv1 {display: none;}
p.across3flowlist2p { display: none;} /* no date */
h2.across3flowlist2p {
/* clear: both; */
margin: 8px 0 0 0 ;
padding: 0 0 0 0 ;
/* display: none; */
}
h3.across3flowlist2p {
/* clear: both; */
margin: 0 0 0 0 ;
padding: 4px 0 0 0 ;
/* display: none; */
}
div.across3flowlist2pxtradiv2 {display: none;}
a.across3flowlist2ppicurl1 {}
img.across3flowlist2pimg1 {
float: left;
/* clear: none; */
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
/* display: inline; */
width: 140px;
height: 150px;
vertical-align: top;
}
p.across3flowlist2ppara1 {
clear: left;
}
p.across3flowlist2ppara1:first-line {
/*
clear:left;
font-weight: bold;
*/
}
a.across3flowlist2ppicurl2 {}
img.across3flowlist2pimg2 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
width: 150px;
}
p.across3flowlist2ppara2 {
clear: left;
}
p.across3flowlist2ppara2:first-line {
/*
clear:left;
font-weight: bold;
*/
}
a.across3flowlist2ppicurl3 {}
img.across3flowlist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
width: 150px;
}
p.across3flowlist2ppara3 {
clear: left;
}
p.across3flowlist2ppara3:first-line {
/*
clear:left;
font-weight: bold;
*/
}
div.across3flowlist2pxtradiv3 {display: none;}
div.across3flowlist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
/*background: #ffffcc;*/
}
a.across3flowlist2psig:active,a.across3flowlist2psig:link,a.across3flowlist2psig:visited {
color: #000099 ;
background: red ;
background-color : transparent ;
}
a.across3flowlist2psig:hover {
/* color: #ff0000 ;*/
color: #ff3333;
background: white ;
background-color : white ;
}
div.across3flowlist2overall {
clear: right;
float: left;
width: 100%;
/* border: 1px solid red; */
}
div.across3flowlist2sect1 {
float: left;
width: 33%;
/* border: 1px solid green; */
}
div.across3flowlist2sect2 {
float: left;
width: 33%;
/* border: 1px solid green; */
}
div.across3flowlist2sect3 {
float: left;
width: 32%;
/* border: 1px solid green; */
}
hr.across3flowlist2phr2 {}
/* end list204across3flow.html */
/* ** list200basic.html : style for the included view of the mini databases ** */
/* ******** basic ******** */
/* list200basic.html */
hr.basiclist2phr1 {
/* display: none; */
}
div.basiclist2pxtradiv1 {display: none;}
p.basiclist2p { /* for the date */
float: left;
/*border: 1px solid red; */
width: 99%;
padding-top: 10px;
padding-bottom: 6px;
padding-left: 10px;
display: none;
}
h2.basiclist2p { /* title */
clear: both;
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
}
h3.basiclist2p { /* subtitle */
clear: both;
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
}
div.basiclist2pxtradiv2 {display: none;}
p.basiclist2ppara1 { width: 95%; }
a.basiclist2ppicurl1 {}
img.basiclist2pimg1 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
display: inline;
/*
width: 150px;
height: 150px;
*/
vertical-align: top;
}
p.basiclist2ppara2 {width: 95%;}
a.basiclist2ppicurl2 {}
img.basiclist2pimg2 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
}
p.basiclist2ppara3 {width: 95%;}
a.basiclist2ppicurl3 {}
img.basiclist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
}
div.basiclist2pxtradiv3 {display: none;}
div.basiclist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
}
a.basiclist2psig:active,a.basiclist2psig:link,a.basiclist2psig:visited {
color: #000099 ;
background: red ;
background-color : transparent ;
}
a.basiclist2psig:hover {
color: #ff3333;
background: white ;
background-color : white ;
}
hr.basiclist2phr2 {
/* clear:left; */ /* not sure why this was there but messes up formattng */
/* display: none; */
}
/* ** list205basicdated.html : style for the included view of the mini databases ** */
/* ******** basic ******** */
/* list205basicdated.html */
hr.basicdatedlist2phr1 {
display: none;
}
div.basicdatedlist2pxtradiv1 {display: none;}
p.basicdatedlist2p { /* for the date */
float: left;
/*border: 1px solid red; */
width: 99%;
padding-top: 10px;
padding-bottom: 6px;
padding-left: 10px;
}
h2.basicdatedlist2p { /* title */
clear: both;
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
}
h3.basicdatedlist2p { /* subtitle */
clear: both;
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
}
div.basicdatedlist2pxtradiv2 {display: none;}
p.basicdatedlist2ppara1 { width: 95%; }
a.basicdatedlist2ppicurl1 {}
img.basicdatedlist2pimg1 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
display: inline;
width: 150px;
height: 150px;
vertical-align: top;
}
p.basicdatedlist2ppara2 {width: 95%;}
a.basicdatedlist2ppicurl2 {}
img.basicdatedlist2pimg2 {
float: right;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
}
p.basicdatedlist2ppara3 {width: 95%;}
a.basicdatedlist2ppicurl3 {}
img.basicdatedlist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
}
div.basicdatedlist2pxtradiv3 {display: none;}
div.basicdatedlist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
}
a.basicdatedlist2psig:active,a.basicdatedlist2psig:link,a.basicdatedlist2psig:visited {
color: #000099 ;
background: red ;
background-color : transparent ;
}
a.basicdatedlist2psig:hover {
color: #ff3333;
background: white ;
background-color : white ;
}
hr.basicdatedlist2phr2 {
/* clear:left; */ /* not sure why this was there but messes up formattng */
/* display: none; */
}
/* *** list206pictgal.html : style for the included view of the mini databases *** */
/* **** list206pictgal.html **** */
hr.pictgallist2phr1 {
}
div.pictgallist2pxtradiv1 {display: none;}
h2.pictgallist2p {
margin-top: 6px;
padding: 8px 0 0 4px ;
text-align: center;
width: 95%;
border: 1px solid #6666cc;
background: #ccccff;
/* display: none; */
}
h3.pictgallist2p {
margin: 0 0 0 0 ;
padding: 8px 0 0 0 ;
text-align: center;
/* display: none; */
}
p.pictgallist2p { /* date */
/* display: none; */
font-weight: bold;
text-align: center;
}
p.pictgallist2p:before {
content: "Pictures Added: ";
}
div.pictgallist2pxtradiv2 {display: none;}
a.pictgallist2ppicurl1 {}
img.pictgallist2pimg1 {
float: left;
/* clear: none; */
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
/* display: inline; */
width: 140px;
width: 95%;
/* height: 150px; */
vertical-align: top;
}
p.pictgallist2ppara1 {
clear: left;
}
p.pictgallist2ppara1:first-line {
clear:left;
font-weight: bold;
}
a.pictgallist2ppicurl2 {}
img.pictgallist2pimg2 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
width: 150px;
width: 95%;
}
p.pictgallist2ppara2 {
clear: left;
}
p.pictgallist2ppara2:first-line {
clear:left;
font-weight: bold;
}
a.pictgallist2ppicurl3 {}
img.pictgallist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
width: 150px;
width: 95%;
}
p.pictgallist2ppara3 {
clear: left;
}
p.pictgallist2ppara3:first-line {
clear:left;
font-weight: bold;
}
div.pictgallist2pxtradiv3 {display: none;}
div.pictgallist2psig { /* in this template, the sig appears after the date, use for photographer, picture date, etc */
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100%;
}
a.pictgallist2psig:active,a.pictgallist2psig:link,a.pictgallist2psig:visited {
color: #000099 ;
background: red ;
background-color : transparent ;
}
a.pictgallist2psig:hover {
color: #ff3333;
background: white ;
background-color : white ;
}
div.pictgallist2overall {
/* clear: right; */
display: inline;
float: left;
width: 99%;
/* border: 1px solid red; */
}
div.pictgallist2sect1 {
float: left;
display: inline;
width: 32%;
/* border: 1px solid green; */
}
div.pictgallist2sect2 {
float: left;
display: inline;
width: 32%;
/* border: 1px solid green; */
}
div.pictgallist2sect3 {
float: left;
width: 32%;
/* border: 1px solid green; */
}
hr.pictgallist2phr2 {}
/* end list206pictgal.html */
/* ***************** list207faqhead.html : style for the included view of the mini databases ******************* */
/* ******** faq header - use this first, for the summary, then list207faqbody.html ******** */
/* list207faqhead.html */
li.faqheadlist2p {}
span.faqheadlist2pdate { display:none;}
span.faqheadlist2pname {}
span.faqheadlist2psubtitle {display:none;}
/* ***************** list208faqbody.html : style for the included view of the mini databases ******************* */
/* ******** faq body - use this second, for the actual items ******** */
/* list208faqbody.html */
p.faqbodylist2p { /* for the date */
/* display:none; */
}
img.faqbodylist2pimg1 {/* display:none; */}
img.faqbodylist2pimg2 {/* display:none; */}
img.faqbodylist2pimg3 {/* display:none; */}
/* ***************** list2rightcolumn.html : style for the included view of the mini databases ******************* */
/* ******** right column - stuuf that appears in the right column in 3 col views ******** */
/* list2rightcolumn.html */
p.rightcolumnlist2p { display: none;} /* no date */
img.rightcolumnlist2pimg1 { width: 98%;}
img.rightcolumnlist2pimg2 { width: 98%;}
img.rightcolumnlist2pimg3 { width: 98%;}
p.rightcolumnlist2ppara1 {text-align:justify;}
p.rightcolumnlist2ppara2 {text-align:justify;}
p.rightcolumnlist2ppara3 {text-align:justify;}
/* ***************** list2sideannounce.html : style for the included view of the mini databases ******************* */
/* ******** right column - stuuf that appears in the right column in 3 col views ******** */
/* list2sideannounce.html */
div.sideannminilist2pxtradiv1 {
float:left;
margin: 6px 0 6px 4px;
width: 100%;
height:4px;
background: black;
}
p.sideannminilist2p { display: none;} /* no date */
img.sideannminilist2pimg1 { width: 98%;}
img.sideannminilist2pimg2 { width: 98%;}
img.sideannminilist2pimg3 { width: 98%;}
p.sideannminilist2ppara1 {text-align:justify;}
p.sideannminilist2ppara2 {text-align:justify;}
p.sideannminilist2ppara3 {text-align:justify;}
/* ******* gallery : style for the included view of the mini databases for the page called gallery.html ****** */
/* gallery */
hr.gallerylist2phr1 {
display: none;
}
h2.gallerylist2p { /* title */
/*clear: left; */
float: left;
margin-left: auto;
margin-right: auto;
margin-top: 6px;
padding: 0 0 0 0;
text-align: center;
width: 100%;
border: 1px solid #6666cc;
background: #ccccff;
}
h3.gallerylist2p { /* subtitle */
/*clear: left;*/
float: left;
margin: 0 0 0 0 ;
margin-left: auto;
margin-right: auto;
width: 100%;
padding: 8px 0 0 0 ;
text-align: center;
/* display: none; */
}
p.gallerylist2p {
display: none; /* don't show modify date */
font-weight: bold;
text-align: center;
border: 1px solid red;
} /* for the modify date */
div.gallerylist2psig {
/*clear: left;*/
float: left;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100%;
}
a.gallerylist2psig:active,a.gallerylist2psig:link,a.gallerylist2psig:visited {
color: #000099 ;
background: red ;
background-color : transparent ;
}
a.gallerylist2psig:hover {
color: #ff3333;
background: white ;
background-color : white ;
}
div.gallerylist2pxtradiv1 {
float: left;
width: 150px;
font-size:60%;
vertical-align:top;
height: 175px;
/* min-height: 550px; */
overflow:hidden;
padding-left: 1%;
}
p.gallerylist2ppara1 {
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size: 120%;
height:3.2em;
overflow:hidden;
color: #000000;
}
p.gallerylist2ppara1:first-line {
color: #333399;
}
a.gallerylist2ppicurl1 {}
img.gallerylist2pimg1 {
padding: 0 0 0 0;
clear:right;
width: 90%;
border:2px solid black;
}
div.gallerylist2pxtradiv2 {
float: left;
width: 150px;
font-size:60%;
vertical-align:top;
height: 175px;
overflow:hidden;
padding-left: 1%;
}
p.gallerylist2ppara2 {
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size: 120%;
height:3.2em;
overflow:hidden;
color: #000000;
}
p.gallerylist2ppara2:first-line {
color: #333399;
}
a.gallerylist2ppicurl2 {}
img.gallerylist2pimg2 {
padding: 0 0 0 0;
clear:right;
width: 90%;
border:2px solid black;
}
div.gallerylist2pxtradiv3 {
float: left;
width: 150px;
font-size:60%;
vertical-align:top;
height: 175px;
overflow:hidden;
padding-left: 1%;
}
p.gallerylist2ppara3 {
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size: 120%;
height:3.2em;
overflow:hidden;
color: #000000;
}
p.gallerylist2ppara3:first-line {
color: #333399;
}
a.gallerylist2ppicurl3 {}
img.gallerylist2pimg3 {
padding: 0 0 0 0;
clear:right;
width: 90%;
border:2px solid black;
}
hr.gallerylist2phr2 {
/* clear:left; */ /* not sure why this was there but messes up formattng */
/* display: none; */
}
/* *** list210floatpics.html : style for the included view of the mini databases *** */
/* **** list210floatpics.html **** */
hr.floatpicslist2phr1 {
}
div.floatpicslist2pxtradiv1 {
float:left;
clear:right;
width:100%;
/* border:1px solid green; */
}
h2.floatpicslist2p {
clear:right;
margin-top: 6px;
padding: 8px 0 0 4px ;
text-align: center;
width: 100%;
border: 1px solid #6666cc;
background: #ccccff;
/* display: none; */
}
h3.floatpicslist2p {
clear:right;
margin: 0 0 0 0 ;
padding: 8px 0 0 0 ;
text-align: center;
/* display: none; */
}
p.floatpicslist2p { /* date */
display: none;
font-weight: bold;
text-align: center;
}
/* tag before date */
p.floatpicslist2p:before {
/* content: "Pictures Added: "; */
}
div.floatpicslist2pxtradiv2 {
/* width:100%; */
clear:both;
display:none;
/* border:1px solid red; */
}
a.floatpicslist2ppicurl1 {}
p.floatpicslist2ppara1 {
clear: left;
text-align:justify;
padding-left: 8px;
padding-right: 8px;
}
p.floatpicslist2ppara1:first-line {
/*
clear:left;
font-weight: bold;
*/
}
a.floatpicslist2ppicurl2 {}
p.floatpicslist2ppara2 {
clear: left;
padding-left: 8px;
padding-right: 8px;
text-align:justify;
}
p.floatpicslist2ppara2:first-line {
/*
clear:left;
font-weight: bold;
*/
}
a.floatpicslist2ppicurl3 {}
p.floatpicslist2ppara3 {
clear: left;
padding-left: 8px;
padding-right: 8px;
text-align:justify;
}
p.floatpicslist2ppara3:first-line {
/*
clear:left;
font-weight: bold;
*/
}
div.floatpicslist2pxtradiv3 {
/* display: none; */
float:left;
/* border:1px solid blue; */
}
div.floatpicslist2psig { /* in this template, the sig appears after the date, use for photographer, picture date, etc */
clear:right;
float:right;;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100%;
}
a.floatpicslist2psig:active,a.floatpicslist2psig:link,a.floatpicslist2psig:visited {
color: #000099 ;
background: red ;
background-color : transparent ;
}
a.floatpicslist2psig:hover {
color: #ff3333;
background: white ;
background-color : white ;
}
/* unused deleted in this one */
div.floatpicslist2overall {
/* clear: right; */
display: inline;
float: left;
/* width: 100%; */
border: 1px solid red;
}
div.floatpicslist2sect1 {
float: left;
display: inline;
/* padding:4px; */
/* width: 33%; */
width: 110px;
/* border: 1px solid green; */
}
div.floatpicslist2sect2 {
float: left;
display: inline;
/*padding:4px;*/
/* width: 33%; */
width: 110px;
/* border: 1px solid green; */
}
div.floatpicslist2sect3 {
float: left;
/*padding:4px; */
/* width: 33%; */
width: 110px;
/* border: 1px solid green; */
}
hr.floatpicslist2phr2 {}
/* all three images */
img.floatpicslist2pimg1,img.floatpicslist2pimg2,img.floatpicslist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
/* border: 3px solid #333399; */
border: 2px solid black;
width: 92%;
}
/* all three image divs -multiple setting for all pics divs: */
div.floatpicslist2sect1,div.floatpicslist2sect2,div.floatpicslist2sect3 {
float: left;
display: inline;
width: 150px;
/* height: 150px; */
/* width: 20%; */
}
/* end list206floatpics.html */
/* *** list206picsthentxt.html : style for the included view of the mini databases *** */
/* **** list206picsthentxt.html **** */
hr.picsthentxtlist2phr1 {
}
div.picsthentxtlist2pxtradiv1 {display: none;}
h2.picsthentxtlist2p {
margin-top: 6px;
padding: 8px 0 0 4px ;
text-align: center;
width: 100%;
border: 1px solid #6666cc;
background: #ccccff;
/* display: none; */
}
h3.picsthentxtlist2p {
margin: 0 0 0 0 ;
padding: 8px 0 0 0 ;
text-align: center;
/* display: none; */
}
p.picsthentxtlist2p { /* date */
display: none;
font-weight: bold;
text-align: center;
}
/* tag before date */
p.picsthentxtlist2p:before {
/* content: "Pictures Added: "; */
}
div.picsthentxtlist2pxtradiv2 {display: none;}
a.picsthentxtlist2ppicurl1 {}
p.picsthentxtlist2ppara1 {
clear: left;
text-align:justify;
padding-left: 8px;
padding-right: 8px;
}
p.picsthentxtlist2ppara1:first-line {
/*
clear:left;
font-weight: bold;
*/
}
a.picsthentxtlist2ppicurl2 {}
p.picsthentxtlist2ppara2 {
clear: left;
padding-left: 8px;
padding-right: 8px;
text-align:justify;
}
p.picsthentxtlist2ppara2:first-line {
/*clear:left;
font-weight: bold;
*/
}
a.picsthentxtlist2ppicurl3 {}
p.picsthentxtlist2ppara3 {
clear: left;
padding-left: 8px;
padding-right: 8px;
text-align:justify;
}
p.picsthentxtlist2ppara3:first-line {
/*
clear:left;
font-weight: bold;
*/
}
div.picsthentxtlist2pxtradiv3 {
/*display: none; */
}
div.picsthentxtlist2psig { /* in this template, the sig appears after the date, use for photographer, picture date, etc */
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100%;
}
a.picsthentxtlist2psig:active,a.picsthentxtlist2psig:link,a.picsthentxtlist2psig:visited {
color: #000099 ;
background: red ;
background-color : transparent ;
}
a.picsthentxtlist2psig:hover {
color: #ff3333;
background: white ;
background-color : white ;
}
/* the three pics */
img.picsthentxtlist2pimg1,img.picsthentxtlist2pimg2,img.picsthentxtlist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 2px solid #000000;
/* width: 150px; */
width: 95%;
}
div.picsthentxtlist2overall {
/* clear: right; */
display: inline;
float: left;
width: 100%;
/* border: 1px solid red;*/
}
/* the three picture divs */
div.picsthentxtlist2sect1,div.picsthentxtlist2sect2,div.picsthentxtlist2sect3 {
float: left;
display: inline;
width: 33%;
/* border: 1px solid green; */
}
hr.picsthentxtlist2phr2 {}
/* end list206picsthentxt.html */
/* *** list206pics3fixed.html : style for the included view of the mini databases *** */
/* **** list206pics3fixed.html **** */
hr.pics3fixedlist2phr1 {
}
div.pics3fixedlist2pxtradiv1 {display: none;}
h2.pics3fixedlist2p {
margin-top: 6px;
padding: 8px 0 0 4px ;
text-align: center;
width: 100%;
border: 1px solid #6666cc;
background: #ccccff;
/* display: none; */
}
h3.pics3fixedlist2p {
margin: 0 0 0 0 ;
padding: 8px 0 0 0 ;
text-align: center;
/* display: none; */
}
p.pics3fixedlist2p { /* date */
display: none;
font-weight: bold;
text-align: center;
}
/* tag before date */
p.pics3fixedlist2p:before {
/* content: "Pictures Added: "; */
}
div.pics3fixedlist2pxtradiv2 {display: none;}
a.pics3fixedlist2ppicurl1 {}
p.pics3fixedlist2ppara1 {
clear: left;
text-align:justify;
padding-left: 8px;
padding-right: 8px;
}
p.pics3fixedlist2ppara1:first-line {
/*
clear:left;
font-weight: bold;
*/
}
a.pics3fixedlist2ppicurl2 {}
p.pics3fixedlist2ppara2 {
clear: left;
padding-left: 8px;
padding-right: 8px;
text-align:justify;
}
p.pics3fixedlist2ppara2:first-line {
/*clear:left;
font-weight: bold;
*/
}
a.pics3fixedlist2ppicurl3 {}
p.pics3fixedlist2ppara3 {
clear: left;
padding-left: 8px;
padding-right: 8px;
text-align:justify;
}
p.pics3fixedlist2ppara3:first-line {
/*
clear:left;
font-weight: bold;
*/
}
div.pics3fixedlist2pxtradiv3 {
/*display: none; */
}
div.pics3fixedlist2psig { /* in this template, the sig appears after the date, use for photographer, picture date, etc */
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100%;
}
a.pics3fixedlist2psig:active,a.pics3fixedlist2psig:link,a.pics3fixedlist2psig:visited {
color: #000099 ;
background: red ;
background-color : transparent ;
}
a.pics3fixedlist2psig:hover {
color: #ff3333;
background: white ;
background-color : white ;
}
/* The table */
table#pics3fixed {
/* border:1px solid red;*/
margin-left: auto;
margin-right:auto;
width:86%; /* adjust overall size here, this is centered */
}
tr#pics3fixed {
width:100%;
}
tr#pics3fixed td {
width: 33%; /* enable this to make hard sizes on partially filled rows */
}
/* the three pics */
img.pics3fixedlist2pimg1,img.pics3fixedlist2pimg2,img.pics3fixedlist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 2px solid #000000;
/* width: 150px; */
width: 99%;
}
div.pics3fixedlist2overall {
/* clear: right; */
display: inline;
float: left;
width: 100%;
/* border: 1px solid red;*/
}
/* the three picture divs */
div.pics3fixedlist2sect1,div.pics3fixedlist2sect2,div.pics3fixedlist2sect3 {
float: left;
display: inline;
width: 98%;
/* border: 1px solid green; */
}
hr.pics3fixedlist2phr2 {}
/* end list206pics3fixed.html */
/* *** list206pics3auto.html : style for the included view of the mini databases *** */
/* **** list206pics3auto.html **** */
hr.pics3autolist2phr1 {
}
div.pics3autolist2pxtradiv1 {display: none;}
h2.pics3autolist2p {
margin-top: 6px;
padding: 8px 0 0 4px ;
text-align: center;
width: 100%;
border: 1px solid #6666cc;
background: #ccccff;
/* display: none; */
}
h3.pics3autolist2p {
margin: 0 0 0 0 ;
padding: 8px 0 0 0 ;
text-align: center;
/* display: none; */
}
p.pics3autolist2p { /* date */
display: none;
font-weight: bold;
text-align: center;
}
/* tag before date */
p.pics3autolist2p:before {
/* content: "Pictures Added: "; */
}
div.pics3autolist2pxtradiv2 {display: none;}
a.pics3autolist2ppicurl1 {}
p.pics3autolist2ppara1 {
clear: left;
text-align:justify;
padding-left: 8px;
padding-right: 8px;
}
p.pics3autolist2ppara1:first-line {
/*
clear:left;
font-weight: bold;
*/
}
a.pics3autolist2ppicurl2 {}
p.pics3autolist2ppara2 {
clear: left;
padding-left: 8px;
padding-right: 8px;
text-align:justify;
}
p.pics3autolist2ppara2:first-line {
/*clear:left;
font-weight: bold;
*/
}
a.pics3autolist2ppicurl3 {}
p.pics3autolist2ppara3 {
clear: left;
padding-left: 8px;
padding-right: 8px;
text-align:justify;
}
p.pics3autolist2ppara3:first-line {
/*
clear:left;
font-weight: bold;
*/
}
div.pics3autolist2pxtradiv3 {
/*display: none; */
}
div.pics3autolist2psig { /* in this template, the sig appears after the date, use for photographer, picture date, etc */
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100%;
}
a.pics3autolist2psig:active,a.pics3autolist2psig:link,a.pics3autolist2psig:visited {
color: #000099 ;
background: red ;
background-color : transparent ;
}
a.pics3autolist2psig:hover {
color: #ff3333;
background: white ;
background-color : white ;
}
/* The table */
table#pics3auto {
/* border:1px solid red;*/
margin-left: auto;
margin-right:auto;
width:86%; /* adjust overall size here, this is centered */
}
tr#pics3auto {
width:100%;
}
tr#pics3auto td td#middle {
/* width: 33%;*/ /* enable this to make hard sizes on partially filled rows */
/*max-width: 100px; */
}
td#middle {
/* width: 33%; */
/*max-width: 20%;*/
}
/* the three pics */
img.pics3autolist2pimg1,img.pics3autolist2pimg2,img.pics3autolist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 2px solid #000000;
/* width: 150px; */
width: 99%;
}
img.pics3autolist2pimg2 {
/*
max-width: 400px;
margin-left:20%;
*/
}
div.pics3autolist2overall {
/* clear: right; */
display: inline;
float: left;
width: 100%;
/* border: 1px solid red;*/
}
/* the three picture divs */
div.pics3autolist2sect1,div.pics3autolist2sect2,div.pics3autolist2sect3 {
float: left;
display: inline;
width: 98%;
/* border: 1px solid green; */
}
hr.pics3autolist2phr2 {}
/* end list206pics3auto.html */
/* ** list214minitemdb.html : style for the included view of the mini databases ** */
/* ******** basic ******** */
/* list214minitemdb.html */
/* this is unfinished, should be turned into something better in a list style */
/*
title - Album Title
subtitle - Artists name
picurl1 - link to the itemdbpage
picurl2 - link to artists list
pxtradiv3 - add to cart
*/
hr.minitemdblist2phr1 {
display: none;
}
div.minitemdblist2pxtradiv1 {
float:left;
width: 100%;
/* height:52px; */
border:1px solid red;
}
p.minitemdblist2p { /* for the date */
float: left;
/*border: 1px solid red; */
width: 99%;
padding-top: 10px;
padding-bottom: 6px;
padding-left: 10px;
display:none;
}
h2.minitemdblist2p { /* title UNUSED */
/* unused, converted to span */
clear: both;
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
}
span.minitemdblist2ptit { /* title - use for album title */
}
h3.minitemdblist2p { /* subtitle - UNUSED */
/* unused, converted to span */
clear: both;
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
}
span.minitemdblist2psubt { /* subtitle - use for artists name */
}
div.minitemdblist2pxtradiv2 {display: none;}
p.minitemdblist2ppara1 { width: 95%; display: none;}
a.minitemdblist2ppicurl1 {}
img.minitemdblist2pimg1 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
border: 1px solid black;
display: inline;
width: 90px;
height: 90px;
vertical-align: top;
}
p.minitemdblist2ppara2 {
/*
width: 95%;
display: none;
*/
margin: 0 0 0 0;
padding: 2px 0 0 0;
}
a.minitemdblist2ppicurl2 {}
img.minitemdblist2pimg2 {
float: right;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
display: none;
}
p.minitemdblist2ppara3 {width: 95%; display: none;}
a.minitemdblist2ppicurl3 {display: none;}
img.minitemdblist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
display: none;
}
div.minitemdblist2pxtradiv3 {
/* display: none; */
float:right;
background:red;
color:black;
/*
height: 25px;
width: 100px;
*/
}
div.minitemdblist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
display: none;
}
a.minitemdblist2psig:active,a.minitemdblist2psig:link,a.minitemdblist2psig:visited {
color: #000099 ;
background: red ;
background-color : transparent ;
}
a.minitemdblist2psig:hover {
color: #ff3333;
background: white ;
background-color : white ;
}
hr.minitemdblist2phr2 {
/* clear:left; */ /* not sure why this was there but messes up formattng */
/* display: none; */
}
hr.waxtowatchlist2phr1 {
/* display: none; */
}
div.waxtowatchlist2pxtradiv1 {float:left;width:100%;height:1em;}
p.waxtowatchlist2p { /* for the date */
float: left;
/*border: 1px solid red; */
width: 99%;
padding-top: 10px;
padding-bottom: 6px;
padding-left: 10px;
display: none;
}
h2.waxtowatchlist2p { /* title */
clear: both;
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
}
h3.waxtowatchlist2p { /* subtitle */
clear: both;
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
}
div.waxtowatchlist2pxtradiv2 {display: none;}
p.waxtowatchlist2ppara1 {
width: 95%;
}
a.waxtowatchlist2ppicurl1 {}
img.waxtowatchlist2pimg1 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
display: inline;
/*
width: 150px;
height: 150px;
*/
vertical-align: top;
}
p.waxtowatchlist2ppara2 {
width: 95%;
}
a.waxtowatchlist2ppicurl2 {}
img.waxtowatchlist2pimg2 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
}
p.waxtowatchlist2ppara3 {
width: 95%;
/* display:inline; */
}
a.waxtowatchlist2ppicurl3 {}
img.waxtowatchlist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
}
div.waxtowatchlist2pxtradiv3 {display: none;}
div.waxtowatchlist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
}
a.waxtowatchlist2psig:active,a.waxtowatchlist2psig:link,a.waxtowatchlist2psig:visited {
color: #000099 ;
background: red ;
background-color : transparent ;
}
a.waxtowatchlist2psig:hover {
color: #ff3333;
background: white ;
background-color : white ;
}
hr.waxtowatchlist2phr2 {
clear:left; /* not sure why this was there but messes up formattng */
/* display: none; */
}
hr.newreleaseslist2phr1 {
/* display: none; */
}
div.newreleaseslist2pxtradiv1 {display: none;}
p.newreleaseslist2p { /* for the date */
float: left;
/*border: 1px solid red; */
width: 99%;
padding-top: 10px;
padding-bottom: 6px;
padding-left: 10px;
display: none;
}
h2.newreleaseslist2p { /* title */
clear: both;
margin: 4px 0 0 0 ;
padding: 0 0 0 0 ;
}
h3.newreleaseslist2p { /* subtitle */
clear: both;
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
}
div.newreleaseslist2pxtradiv2 {display: none;}
p.newreleaseslist2ppara1 {
width: 95%;
/* border:1px solid #ffcccc; */
}
a.newreleaseslist2ppicurl1 {}
img.newreleaseslist2pimg1 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
display: inline;
/*
width: 150px;
height: 150px;
*/
vertical-align: top;
}
p.newreleaseslist2ppara2 {
width: 95%;
/* border:1px solid #ccffcc; */
}
a.newreleaseslist2ppicurl2 {}
img.newreleaseslist2pimg2 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
}
p.newreleaseslist2ppara3 {width: 95%;}
a.newreleaseslist2ppicurl3 {}
img.newreleaseslist2pimg3 {
float: left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
}
div.newreleaseslist2pxtradiv3 {display: none;}
div.newreleaseslist2psig {
margin-left: auto;
margin-right: auto;
text-align: center;
}
a.newreleaseslist2psig:active,a.newreleaseslist2psig:link,a.newreleaseslist2psig:visited {
color: #000099 ;
background: red ;
background-color : transparent ;
}
a.newreleaseslist2psig:hover {
color: #ff3333;
background: white ;
background-color : white ;
}
hr.newreleaseslist2phr2 {
clear:left; /* not sure why this was there but messes up formattng */
/* display: none; */
}
/* *********** include changes made to make a new skin ***************** */
/* below must be commented out as well as defeated, if unused */
/* *********** Stuff for reference only (copy below for specific skin) ********* */
div {/* border:1px solid red; */ }
/* *********** Specific additions made for this skin ********************** */
/* if any files other than the style files were changed to make this skin */
/* should be noted first here */
/* *********** Specific additions made for this skincitybaseworking *********** */
/* other files modified: */
body {
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
}
/* set a background image or color on all the pages */
body.full,body.sidebar,body.microbase,body.blogbase,body.homepage,body.threecol,body.threecolblg,body.twocol,body.twocolmr,body.secthead,body.custom {
/*
background: #ffffff;
background: green;
background-image:url("../graphics/turftop2.gif");
background-repeat:repeat-x;
background-position: 89px 0;
*/
/* set the default text color, mostly affects the included files */
/* color:red; */
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
background: #ffffff;
color: #000000; /* see if fixes iphone bug */
}
/* set the background for the div that surrounds the whole logo and titles area */
div#logosurround {
/* background: transparent url("../graphics/chrlogo_7b_bg2.jpg");
background: transparent;
background-repeat:no-repeat;
*/
/* background: transparent; */
/*
background: transparent url("../graphics/searchcurve.jpg");
background-position: right bottom;
background-repeat:no-repeat;
*/
background: transparent url("../graphics/meterbridge3.gif");
background-position: right bottom;
background-repeat:no-repeat;
}
/* set characteristics of the image that is the left side home logo */
img.homelog {
}
div.hardfullspacer {}
/* set the background for the div that surrounds the left side logo */
div#homelogo {
}
/* set the text that can appear over or in place of the main left logo */
span.homelogotextcompname {
}
span.homelogotext {
}
span.homelogotextcompname {
}
/* set the background for the div that surrounds the right side top area */
#mainlogosidebar,#mainlogohomepage,#mainlogosecthead {
background: transparent;
}
/* BREADCRUMBS the div that holds the breadcrumbs bar in various views */
div#fullsplit,div#fullsplitfull,div#fullsplitsect {
background: #ffffff;
}
/* this affects all the functions on the right side only of the breadcrumbs bar */
span.functions {/* display:none; */}
/* this affects all the functions on the left side only of the breadcrumbs bar */
span.breadcrumbs {/* display:none; margin-left: 0px; */}
/* set color of the social site links in the breadcrumbs bar */
a.socialsite:visited,a.socialsite:active,a.socialsite:link,a.socialsite:hover {}
a.socialsite:hover {}
/* show twitter image or not */
img#twitterimg {
height: 13px;
top:3px;
}
/* show facebook image or not */
img#facebookimg {
height: 13px;
top:3px;
}
/* show utube image or not */
img#utubeimg {
height: 12px;
top:2px;
}
/* show pinterest image or not */
img#pinterestimg {
height: 13px;
position:relative;
top: 3px;
}
/* set color of shopping cart links in breadcrumbs bar */
A.shopcarttiny:visited,A.shopcarttiny:active,A.shopcarttiny:link,A.shopcarttiny:hover {}
a.shopcarttiny:hover {}
a.shopcarttinyoh { /* help page link */ }
/* SEARCH */
/* when the search box is set into the sidebar, top, etc one of these surrounds it */
div.searchboxside,div.searchbox,div.searchboxtop {}
/* the searchbox submit button which has the word 'search' in it */
button.searchbutside,button.searchbuttop,button.searchbutsect {
background: transparent;
border: none ;
}
div.searchboxtop {
/* top: 86px; */
}
div.searchboxside {
float:left;
clear: both;
margin: 0 0 0 0;
}
a.advsearch,a.advsearchsect {
color:red;
/*
position: relative;
top: -2px;
*/
}
/*
<div class="searchboxside">
<a href="/catsearch.html" class="advsearchside">Advanced</a>
*/
div.searchboxtoptbl {
/*
float:left;
clear: both;
padding-left: 0px;
padding-right: 2px ;
margin: 0 0 0 0;
text-align: left ;
*/
}
a.advsearchtoptbl {
/*
float:left;
color:red;
text-decoration:none;
font-size:small;
font-weight:bold;
position:relative;
left: 57px;
top:4px;
*/
}
button.searchbuttoptbl {
/*
vertical-align: middle ;
background: transparent ;
border: none ;
margin-bottom: 0px ;
padding: 0 20px 0px 0 ;
font-weight:bold;
font-size:small;
color:#000000;
position: relative;
right: 3px;
right:72px;
*/
}
/* MENUS */
/* normally autmatic up buttons for use in sebfolders */
div.menuitemup,div.menuitemupNS4 { display:none; }
/* optional images that may appear at the top and bottom of the sidebar menus */
img.mainmenustart,img.mainmenuend {
display: none ;
}
/* Menu Surrounding divs for various places */
#fullmenuitems,#sidemenuitems { /* change font order for menus for this template */
font-family: Verdana,Helvetica,Geneva,Verdana,Arial,sans-serif;
font-size: 17px;
}
/* Menu div surrounds set according to where the menu is located */
div#fullmainmenu,div#sidemainmenu,div#sidemainmenusect,div#mainmenuhome,div#mainmenucustom,div.sidemainmenupost,div.sidemainmenupostblg,div.sidemainmenupostmr,div.sidemainmenupost2,div#mainmenucustom
{
}
div#fullmainmenu {
/* border-bottom:3px solid #dddddd; */
/* border-style: double; */
/* background:white; */
/* border:1px solid transparent; */
margin: 0 0 0 0;
padding: 0 0 0 0;
border: none;
/* background:white; */
}
/* general menu surround divs used according to TYPE of menu selected */
div#deflistmenuitems {}
div#sidemenuitems,div#custommenuitems {
background: transparent;
/* border:3px solid #ccccff; */
/*
border-style: ridge;
border-style: groove;
border-style: outset;
border-style: inset;
border-style: double;
*/
/*
border-style: double;
margin-top: 4px;
padding: 4px;
*/
/*background-repeat:repeat-x; */
/* background-repeat:repeat; */
}
div#fullmenuitems {
background: transparent url("../graphics/menubar_top_slice5.jpg");
/* background: transparent url("../graphics/menubar_top_slice5plus1.jpg"); */
/* background: transparent url("../graphics/menubar_top_slice5minus1.jpg"); */
background-repeat: repeat;
background-position: 0px 0px ;
/* font-size: 16px; */ /* set this to the font size selected for menuitems spans */
line-height:140%; /* set this to adjust line spacing for the spans when wrapped */
/* line-height:170%; */
/* line-height:150%; */
/* vertical-align: middle; */
line-height: 30px;
border: none;
padding: 0 0 0 0 ;
/* border:1px solid red; */
}
/* used for subarea navigation menus */
div#fullsubareanav,div#fullsubareanavfull {}
/* what is displayed when you are on this page */
div.menuitemsel {
/*
background: transparent url("../graphics/mainmenuhover.gif") ;
background: transparent;
*/
background: transparent;
}
/* selected anchor in menus if layouttype is full or sidebar */
/* This is the color of the main menuitem when it is the same page we are on */
a.menuitemsel:visited,a.menuitemsel:active,a.menuitemsel:link,a.menuitemhsel:visited,a.menuitemhsel:active,a.menuitemhsel:link {
/*
color: #ccccff;
background: transparent url("../graphics/mainmenuhover.gif");
background: transparent;
color: #000000;
*/
background: transparent;
}
/* used in horizontal menus */
span.menuitem {
/*
border-left: 2px solid #6666cc;
background: transparent;
*/
/*
background: transparent url("../graphics/macbg.jpg");
border: 3px solid #dddddd;
border-radius: 10px 10px;
*/
font-weight: normal;
/* border: none; */
/*
position: relative;
top: 1px;
*/
/*
border: 1px solid red;
vertical-align: middle;
vertical-align: text-top;
*/
/* border: 1px solid red; */
/* height: 25px; */
/*
float:left;
padding: 10px 0 10px 0 ;
*/
background: transparent;
/* vertical-align:middle; */
}
/* 'menu as buttons' */
div.menuitem,div.hpmenuname {
/*
margin: 4px;
background: #9999cc;
border: 4px solid #6666cc;
border: 3px solid #333399;
border-style: ridge;
border-style: groove;
border-style: outset;
border-style: inset;
border-style: double;
border-style: ridge;
background-color: #eeeeff ;
background: #eeeeff url("../graphics/cowhidemd.gif");;
background: transparent;
*/
background: transparent;
/*
background: transparent url("../graphics/macbg.jpg");
*/
/*
border: 2px solid #ccccff;
border-radius: 10px 10px;
margin:4px;
*/
}
/* menus - kill all the graphics */
a.menuitem:active,a.menuitem:link,a.menuitemf:active,a.menuitemf:link,a.menuitemx:active,a.menuitemx:link,a.menuitemh:active,a.menuitemh:link {
/*
text-decoration: none;
background: transparent url("../graphics/mainmenunormal.gif") ;
background: transparent;
*/
background: transparent;
}
a.menuitem:visited,a.menuitemx:visited,a.menuitemh:visited,a.menuitemf:visited {
/*
background: transparent url("../graphics/mainmenunormal.gif") ;
*/
background: transparent;
}
/* what happpens when you hover over a menu item */
a.menuitem:hover,a.menuitemh:hover,a.menuitemf:hover {
/*
background: transparent url("../graphics/mainmenuhover.gif");
color: #ff3333;
*/
background: transparent;
}
/* affect the textual sidebar announcement */
p.sideannounce {/* color: #ffffff; */}
/* these affect the special featured item in the sidebar */
span.announcepageartist,span.announcepagetitle,span.announcepage {
/* font-weight:bold;*/
}
span.announcepage {
/*
color: #009900;
font-weight:bold;
*/
}
span.announcepageprice {
/* color: #ff3333; */
}
/* PAGE BOTTOM The copyright notice lives here */
div#fullbot2 {
/*
border-top: 1px solid #6666cc;
background: #000000;
*/
/*
background: transparent url("../graphics/SkyBack.gif");
*/
background: #666666;
border: none;
}
div#stdinfocenter {
/* color: #ffffcc; */
}
/* overrides for the span/full style menus, MENUTYPE=FLOAT */
a.menuitemf:hover,a.menuitemf:visited,a.menuitemf:active,a.menuitemf:link {
/* vertical-align: -4px; */
/* set vert location within the gradient */
/* position:relative; */
/* bottom: 1px;*/ /* set vert location within the gradient */
}
a.menuitemfsel:active,a.menuitemfsel:link,a.menuitemfsel:visited,a.menuitemfsel:hover {
/* vertical-align: -4px; */
/* set vert location within the gradient */
/* position:relative; */
/* bottom: 1px; */ /* set vert location within the gradient */
}
/* color only overrides for full style menus */
a.menuitemf:link {color:#ffffff;}
a.menuitemf:visited {color:#dddddd;}
a.menuitemf:active,a.menuitemfsel:active {color:#6666ff;}
a.menuitemf:hover,a.menuitemfsel:hover {color:#ff3333;}
/* when on page */
a.menuitemfsel:link,a.menuitemfsel:visited {color:red;}
/* SHOPPING CART STUFF see above for stuff in the breadcrumbs bar */
/* tiny shopping cart image graphic */
img.shopcarttiny {
border: 0 ;
/* height: 12px; */
}
img.itemdbpagebuyimg {
float: left;
background: transparent;
/* border: 1px solid green; */
margin-top: 4px;
/* no-repeat */
/* display: none; */
}
input.itemdbpageimage {
/* height: 22px; */
}
span.itemdbpagebuy {
background: transparent ;
padding-left: 6px;
/* display: none; */
}
a.itemdbpagebuy {
}
input.itemdbpagesubmit {
display: none;
}
img.itemdbpageshocartimg {
float: left;
background: transparent;
/* border: 1px solid green; */
margin-top: 4px;
/* no-repeat */
display: none;
}
span.itemdbpagecart {
padding-left: 6px;
/* display: none; */
background: #ffffff;
}
a.itemdbpagecart {
}
span.addedtocart {
color: red;
clear: left;
}
/* TITLES */
/* change all the main title colors */
h1.pagetitlesechead,h1.pagetitle1,h1.subtitle1,h1.pagetitle2sect,h1.pagetitle2,h1.subtitle2,div.companytagline {
color:#666666;
}
/* Select specific page titles to not show */
h1.pagetitle1,h1.pagetitlesechead {/* display:none; */ } /* primary title */
h1.subtitle1 {display:none;} /* page subtitle */
div.companytagline
{/* display:none;*/
font-size: 125%;
/* border: 1px solid red; */
} /* company tagline */
div#mainlogotitles {
padding-top: 20px; /* do not use margin here */
/* border: 1px solid red; */
}
div#mainlogosidebar {
/* margin-top: 30px; */
/* border: 1px solid red; */
}
table.toptitles
{
/* border: 1px solid red; */
}
/* BACKGROUNDS */
/* Set background color changes (only) for all left panels */
div#mainmenuhome,div#sidemainmenu,div.colmidblg,div.colleft,div.colmask2panel {
background: #ffffff;
}
/* Set background colors and/or images (only) for the -content- panels in all views */
div#content1full,div#content1,body.sidebar,body.homepage,div#content1sect,div#content1homepg,div.colmid,div.colleftblg,div.col1wrapmr,div.colleft2panel {
/*
background: black url("../graphics/turfgradienttxt.gif");
background-repeat:repeat-x;
background-attachment:fixed;
background-position: top left;
*/
/* background: green; */
/* background: #ffffff; */
}
/* combined for background color changes for right panels */
div.colmask,div.colmaskblg,div.colmask2panelmr {
background: #ffffff;
}
/* set a background etc on the section head type menus only */
div#splitmenusurr { background: #ffffff; }
/* set TEXT COLORS in panels and content areas, other content in panels */
/* select some out if you are using background colors */
div#content1full,div#content1sect,div#content1,div#content1homepg,div#content1panels,div#content1panelsblg,div#content2panel,div#content2panelmr
{ /* color:red; */
}
/* eliminate or alter the whole 'next' section that apperas after the content */
div#nextmain,#nextmainsect,div#nextmaintext {
display:none;
}
div#fullbot2 {
/* normal */
background: transparent;
/* added to make top menu workon full layout */
background: transparent url("../graphics/menubar_footer_slice1wide.jpg");
/* background: transparent url("../graphics/menubar_footer_slice2.jpg"); */
background: transparent url("../graphics/menubar_footer_slice5.jpg");
/*
border: none;
background: transparent;
*/
}
div#stdinfocenter {
/* color: white; */
}
div#content1sect {
/* background: #6666cc; */
}
div#splitmenusurr {
/* background: #6666cc; */
/* background: transparent; */
}
/* overrides for the span/full style menus, MENUTYPE=FLOAT */
a.menuitemf:hover,a.menuitemf:visited,a.menuitemf:active,a.menuitemf:link {
background: transparent;
background-repeat: no-repeat ;
background-position: 0px 0px;
margin: 0 0 0 0 ;
padding-left: 8px;
padding-right: 8px;
padding-top: 6px;
padding-bottom: 6px;
}
a.menuitemfsel:active,a.menuitemfsel:link,a.menuitemfsel:visited,a.menuitemfsel:hover {
background: transparent;
background-repeat: no-repeat ;
background-position: 0 0;
margin: 0 0 0 0 ;
padding-left: 8px;
padding-right: 8px;
padding-top: 6px;
padding-bottom: 6px;
}
div {/* border: 1px solid red; */}
/* get rid of bottom border */
div.colmask,div.colmask2panel,div.colmaskblg,div.colmask2panelmr {
border-bottom: none;
}
/* added since update */
table.genrestaticlisttable {
text-align:left;
}
div#content1 table {
text-align:left;
}
span.announcepage {
display:none;
}
/* backport this */
span.albinstock {
color:#006600;
}
/* backport this */
span.albnotinstock {
color:red;
}
/* for cityhall site */
tr#albadditnotes {
display:none;
}
tr#albreturn {
display:none;
}
/* kill checkout terms of use and privacy policy links */
span#checkoutinfolink2 {
display:none;
}
span#checkoutinfolink3 {
display:none;
}
div#stdinfocenter {
width: 90%;
margin-top: -3px;
/* border:1px solid green; */
}
/*
temporariy turned off next functions in stdlayouttypedefs until correct menus are up
set var="SHOWNEXT" value=""
bottom of page
*/
/* ******* news : style for the included view of the mini databases for the page */
/* new */
/* date */
div.newslist2datesurr {
float:left;
width:100%;
/*
background: transparent url("../graphics/menubar_top_slice5.jpg");
background: transparent;
*/
margin: 0 0 0 0;
padding: 0 0 0 0;
}
p.newslist2p { /* date */
float:left;
font-weight: bold;
margin: 0 0 0 0;
padding: 0 0 0 0;
padding-left: 10px;
color: #000066;
}
h2.newslist2p {
width:100%;
float:left;
}
h3.newslist2p {
width:100%;
float:left;
margin-bottom: 8px;
}
div.newslist2pxtradiv3,div.newslist2pxtradiv3,div.newslist2pxtradiv3 {}
img.newslist2pimg1,img.newslist2pimg2,img.newslist2pimg3 {
float:left;
margin: 6px 8px 2px 6px;
border: 3px solid #333399;
display: inline;
width: 125px;
height: 125px;
vertical-align: top;
}
img.newslist2pimg2 {
float: right;
}
p.newslist2ppara1,p.newslist2ppara2,p.newslist2ppara3 {}
hr.newslist2phr2,hr.newslist2phr1 {
float:left;
width:100%;
}
/* ********* styles for the 'announce' included view of the main database ***** */
a.announcepage {}
img.announcepage {}
span.announcepageartist {
color: #000000;
}
span.announcepagetitle {
color: #000000;
}
span.announcepage {
color: #333399;
}
span.announcepageprice {
color: #ff3333;
}
img.announcepage {
border: 2px solid #6666ff;
width: 160px;
height: auto;
/* width: 75px; */
}
div#pagecolumn3 {
padding-top: 8px;
}
/* for newreleases page title for listings */
p.newreleaseslist2p {
display:none;
}
h2.newreleaseslist2p {
background: #ddddff;
width:100%;
margin-top:20px;
}
h2.waxtowatchlist2p {
background: #ddddff;
width:100%;
margin-top:20px;
}
div.pubdblargeitem {
/* B A C K P O R T T O basestyle */
width:100%;
clear:right;
float:none;
}
input.cartaddstdsubmit { /* BACKPORT add this class and code to carts */
display:none;
}
td.toptitles div.searchboxside {
display:none;
}
div.sideannouncemini {
float:left;
margin: 8px 0 0 0;
padding: 0 0 0 0;
text-align: left;
/* border: 1px solid #eeeeee; */
}
/* styles for special left column pub1colsidebar.html (derived from pubminisidebar.html) */
a.pub1colpage {
/* border: 1px solid red;*/
float:left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
img.pub1colpage {
margin: 0 0 0 0;
padding: 0 0 0 0;
width:150px;
border: 1px solid #000000;
}
span.pub1colpageartist {font-size:12px;}
span.pub1colpagetitle {font-size:12px;}
span.pub1colpage {font-size:12px;display:none;}
span.pub1colpageprice {font-size:12px;color:red;}
span.pub1colpageformat {font-size:12px;color:#006600;}
/* styles for special left column pub3colsidebar.html (derived from pubminisidebar.html) */
a.pub3colpage {}
img.pub3colpage {
/* width="150" height="150" */
width:150px;
/* height:150px; */
border: 1px solid #000000;
}
span.pub3colpageartist {font-size:12px;}
span.pub3colpagetitle {font-size:12px;}
span.pub3colpage {font-size:12px;display:none;}
span.pub3colpageprice {font-size:12px;color:red;}
span.pub3colpageformat {font-size:12px;color:#006600;}
/* for the left sidebar mini template list2sideannounce.html */
div.sideannminilist2pxtradiv1 {
display:none;
}
h3.sideannminilist2p {
margin: 8px 0 0 0;
padding:0 0 0 0;
font-size: 14px;
background: #eeeeff;
text-align:center;
}
p.sideannminilist2ppara1 {
font-size:12px;
}
/* tests */
body.threecol {}
div.colmask {}
div.colmid {}
div.colleft {}
div.col1wrap {
/* border:1px solid #eeeedd; */
/* display:none; */ /* kills the whole center panel */
/* background: transparent; */
}
div#content1panels {
border:1px solid #eeeeee;
}
/* fancy box for samples*/
/* fancy box with ouside box, title. and text treated differently */
/* fancy box for samples*/
/* fancy box with ouside box, title. and text treated differently */
div.samplebox {
clear: left;
float:left;
width: auto;
margin: 0 0 0 10px;
/*
margin-left: auto;
margin-right: auto;
*/
padding: 0 ;
/* border: 1px solid red; */
/* text-align: center; */
background: transparent;
}
div.sampleboxtitle {
width: 100%;
padding: 0 ;
padding-top: 3px;
padding-bottom: 2px;
border: 1px solid #6666cc;
text-align: center;
background: #009900;
color: #ffffff;
font-weight: bold;
background: transparent url("../graphics/menubar_top_slice5.jpg");
background-repeat: repeat;
background-position: 0px 0px ;
}
div.sampleboxtext {
width: 100%;
padding: 0 ;
border: 1px solid #6666cc;
/* background: #ccccff; */
background: #ffffff;
}
table.samplebox {
background: transparent;
margin: 0 0 0 0;
}
td.samplebox1 {
/*padding: 2px; */
padding: 0 0 0 0;
color:black;
background: #eeeeff;
background: transparent;
}
td.samplebox2 {
/* padding: 2px;*/
padding: 0 0 0 0;
color: #000000;
}
tr.samplebox {
background: transparent;
}
a.sampleboxlink:link,a.sampleboxlink:active,a.sampleboxlink:visited {
color:green;
font-weight: bold;
font-size:18px;
text-decoration: none;
color: #ff3333;
background: #000000;
background: transparent url("/stdinc/v0/graphics/PlayButtonSm2.jpg");
background-repeat: no-repeat;
background-position: -0px -3px ;
border: 1px solid red;
border:none;
padding:2px;
}
a.sampleboxlink:hover {
color: #009900;
background: #ffffff;
background: transparent url("/stdinc/v0/graphics/PlayButtonSm2Active.jpg");
background-repeat: no-repeat;
background-position: 0px -3px ;
border: 1px solid red;
border:none;
padding:2px;
}
/* changed for the smaller setup */
a.sampleboxlinkt:link,a.sampleboxlinkt:active,a.sampleboxlinkt:visited {
font-weight: bold;
font-size:18px;
text-decoration: none;
color: #ff3333;
background: transparent url("/stdinc/v0/graphics/PlayButtonSm2TR.gif");
background-repeat: no-repeat;
background-position: 10px 0px ;
/* border: 1px solid red; */
border:none;
padding:0 0 0 0;
}
a.sampleboxlinkt:hover {
color: #009900;
background: #ffffff;
background: transparent url("/stdinc/v0/graphics/PlayButtonSm2TRActive.gif");
background-repeat: no-repeat;
background-position: 10px 0px ;
/* border: 1px solid red; */
border:none;
padding:0 0 0 0;
}
a.sampleboxlinkt2:link,a.sampleboxlinkt2:active,a.sampleboxlinkt2:visited {
padding:0 0 0 0;
font-size:16px;
font-weight: bold;
text-decoration: none;
color: #ffffff;
background: transparent;
border:1px solid #0000ff;
border-radius:4px;
}
a.sampleboxlinkt2:hover {
padding:0 0 0 0;
color: #ff0000;
font-size:16px;
font-weight: bold;
background: #ffffff;
border:1px solid #ffffff;
border-radius:4px;
}
/* fancy box for pre-order box */
div.prenotebox {
clear: left;
float:left;
width: auto;
margin: 10px 4px 0 10px;
/*
margin-left: auto;
margin-right: auto;
*/
padding: 0 ;
/* border: 1px solid red; */
/* text-align: center; */
background: transparent;
}
div.prenoteboxtitle {
width: 100%;
padding: 0 ;
padding-top: 3px;
padding-bottom: 2px;
border: 1px solid #6666cc;
text-align: center;
background: #009900;
color: #ffffff;
font-weight: bold;
background: transparent url("../graphics/menubar_top_slice5.jpg");
background-repeat: repeat;
background-position: 0px 0px ;
}
div.prenoteboxtext {
width: 100%;
padding: 0 ;
border: 1px solid #6666cc;
/* background: #ccccff; */
background: #ffffff;
}
/* fancy box foritemdbpage goodiesbarbox */
div.goodiesbar {
clear: left;
float:left;
width: 100%;
margin: 10px 4px 10px 0px;
padding: 0px 0px 0px 0px ;
/* border: 1px solid red; */
/* text-align: center; */
background: transparent;
position:relative;
left:-4px;
}
div.goodiesbartitle {
float:left;
width: 100%;
margin: 0 0 0 0;
padding:2px 2px 2px 0px;
border: 1px solid #6666cc;
font-size:small;
font-weight: bold;
text-align: center;
color: #ffffff;
background: transparent url("../graphics/menubar_top_slice5.jpg");
background-repeat: repeat;
background-position: 0px 0px ;
}
div.goodiesbaritem {
float:left;
margin:0 2px 0 6px;
padding:1px 1px 1px 1px;
/*color:#000000; */
background:#0000cc;
}
a.goodiesbar {
margin:0 0 0 0;
padding: 0px 2px 0px 2px;
text-decoration:none;
color:#ffffff;
font-weight:bold;
background:#ddddff;
background:transparent;
border:1px solid #0000cc;
border-radius: 5px 5px;
}
a.goodiesbar:hover {
color:red;
background:#ffffff;
}
/* tests */
tr#albartname {
font-size: 22px;
}
tr#albtitle {
font-size: 18px;
}
/* ** special styles for a gallery style view, floated *** */
/* this is for pubitemdblist2gal.html */
div.galpage
{
float: left;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
width: 150px;
height: 180px;
height: 245px;
font-size: 12px;
vertical-align: top;
padding-left: 1%;
overflow-x: hidden;
overflow-y: hidden;
text-align: left;
/* border:1px solid red; */
}
a.itemdblisttitle {
}
img.itemdblistgal {
width:150px;
height:150px;
border:1px solid black;
margin:0 0 0 0;
padding: 0 0 0 0;
}
div.itemdblistartistdgal {
}
a.itemdblistartist1gal {
}
div.itemdblisttitledgal {
font-size: 110%;
height:1.1em;
width: 100%;
overflow:hidden;
}
a.itemdblisttitle {
}
div.itemdblistformatgal {
color:blue;
}
div.itemdblistlistpricegal {
color: red;
}
div.itemdblistreldategal {
/* color: red; */
}
/* styles for tracklistings */
/* this div used to surround whole display area, located in the template itself */
div.tklistsurr {
margin:0 0 0 0;
padding:8px;
width:100%;
/* border:1px solid red; */
}
span.tklistnum {
font-family:Monospace;
color:#003300;
/* background:#eeffee; */
}
div.tklisttitle {
float:left;
margin:0 0 0 0;
width:100%;
/* text-align:center; */
/* border:1px solid red; */
}
span.tklisttitle {
/* background:#ffddff; */
width:100%;
/* text-align:center; */
/* font-size: 120%; */
}
div.tklisttxt {
/* float:left;*/
margin:0 0 0 0;
width:100%;
/* display:inline; */
/* border:1px solid red; */
}
div.tklisttxt {
display:inline;
}
span.tklisttxt {
/* background:#eeeeff; */
/*
width:100%;
text-align:center;
font-size: 120%;
*/
}
/* *********** below this added by site generator ********************** */