/* Common page properties */

/* gets rid of gaps in table images caused by inline images (when using strict doc types) especially in NN - source of info - http://www.sitepoint.com/print/rounded-corners-css-javascript */
/* now causes gaps between the image and the title below - must remove line breaks now */
td img { 
    display: block;
}

/* for links used in the tables */
a:link {
	color: #AA0033; /* red */
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #AA0033;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #999999;
}

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	background-image: url(media/flower_bkgd.jpg);
	background-position: 80% 90%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}


/*#content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	top:140px;
	width:auto;
	min-width:100px;
	margin:0px 210px 25px 350px; /* Left old was 260 */
	border:0px solid black;
	background-color:white;
	padding:10px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	} 
	*/

.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 16px;
}
 
/* used to format text in the Display tables column titles */
h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 0.045em;
	text-align: left;
	color: #AA0023; /* Burgandy red */
	padding: 5px 0px 5px 0px; /* top right bottom left*/
	white-space: nowrap;
	background-color: transparent;
	font-weight: normal;
}
		
/* Heading with blue box-border and light gray bkgrd - used to highlite number totals on SalesLedger pg */
h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	color: #333333; /* dark gray */
	letter-spacing: 0.035em;
	padding: 5px 10px 5px 10px; /* top right bottom left*/
	background-color: #F9F9F9; /* very light gray */
	border: 1px solid #7F9DB9; /* Microsoft blue- XP OS color of Form boxes */
 	margin: 0px;
 	font-weight: bold;
}

/* Sub-headings with gray top/bottom borders */
h3{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	color: #333399; /* Blue*/
 	margin: 13px 13px 13px 0px; /* top right bottom left*/
 	padding: 5px 0px 5px 0px; /* top right bottom left*/
 	font-weight: normal;
	border-top: 1px solid #CCCCCC; /* light gray top border */
	border-bottom: 1px solid #CCCCCC; /* light gray bottom border */
}

/* used to format text in the INDEX tables column titles with red border */
h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
	color: #A73A3A; /* Burgandy red */
	padding: 5px 15px 5px 15px;
	white-space: nowrap;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
	margin: 0px;
}

/* used to format text in the Display tables column titles */
h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0.035em;
	text-align: left;
	color: #333399; /* Blue*/
	white-space: nowrap;
	background-color: #FFFFFF;
	font-weight: normal;
}

/* Info boxes with very small text light gray bkgrd and XP colored blue border */
h6{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	color: #666666;
	padding: 5px 10px 5px 10px;
	background-color: #F5F5F5;
	border: 1px solid #7F9DB9; /* Microsoft blue- XP OS color of Form boxes */
	margin: 0px;
	font-weight: normal;
}

.blue {
	color: #3333CC; /* blue color of logo text*/
}

.yellow {
	color: #FFEE66; /* light yellow */
	font-weight: bold;
}

/* Attributes for the Welcome message in the menuSubNav.cfm template */
.loginmessage {
	color: #F2FAD5;  /* light green */
	font-weight: bold;
}


/* Style attributes for the DATE Display Layer - positioning done on the page */
div#date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 0.035em;
	line-height: 16px;
	color: #FFFFFF;
	text-align: left;
	padding: 2px;
	font-weight: bold;
}

/* -- MENU NAVIGATION -- */
/* Style attributes for the smaller, sub navigation menu Layer - positioning done on the page */
div#subnav {
	background-color: #BB1144; /* red color for nav bar - shade lighter than red hyperlink AA0033 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 0.035em;
	line-height: 16px;
	color: #FFFFFF;
	text-align: right;
	padding: 2px;
	font-weight: bold;
}

/* Style attributes for the wider, main navigation menu Layer - positioning done on the page */
div#mainnav {
	background-color: #EFEFEF; /* light gray*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color: #999999;
	text-align: left;
	padding: 3px;
	border-bottom: 1px solid #CCCCCC; /* puts darker gray border on bottom of menu bar */
}

/* Link attributes for the smaller, sub navigation menu */
div#subnav a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
div#subnav a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
div#subnav a:hover {
	text-decoration: underline;
	color: #FFEE66; /* light yellow */
	font-weight: bold;
}
div#subnav a:active {
	text-decoration: none;
	color: #999999;
	font-weight: bold;
}

/* Link attributes for the wider, main navigation menu */
div#mainnav a:link {
	color: #1010CC; /* blue */
	text-decoration: none;
}
div#mainnav a:visited {
	text-decoration: none;
	color: #1010CC; /* blue */
}
div#mainnav a:hover {
	text-decoration: underline;
	color: #AA0033; /* red */
}
div#mainnav a:active {
	text-decoration: none;
	color: #999999;
}

/* used to format text in the displayDetails pg TITLES - text doesn't wrap in columns for legibility */
.smheadingtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	white-space: nowrap;
	color: #333399;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #F5F5F5;
	line-height: 16px;
	letter-spacing: 0.035em;
}

/* used to format text in the addUpdatMediaForm page - text doesn't wrap in columns for legibility */
.smheadingtext2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	white-space: nowrap;
	color: #333399;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
	letter-spacing: 0.035em;
}

/* used to format text in the displayDetails pg CONTENT FROM THE DB - text doesn't wrap in columns for legibility */
.tabletext {
    white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: middle;
}


/* used to format table text from Db content in NOTES section - this one wraps the text */
.tabletextwrap {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: middle;
}
/* ---------------------------- CONTENT DISPLAY TABLES ----------------------------- */
/* Attributes for the Content Display Tables on quickBrowse, soldArt, offlineArt, displayContacts,
 displayArtists, displayPhoto, pgs and dispalyDetails pg.
 Messge Display Tables for AddUpdateArtistProcess, AddUpdateArtworkProcess, addUpdateContactProcess, 
 addUpdateMediaProcess, addUpdateQuoteProcess, addUpdateServicesProcess, contactUsProcess, viewArtProcess_01,
 viewArtProcess_02,
 */
table#displayTable {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	width: 95%;
	text-align: center;   /* centering for IE */
	margin-left: auto;    /* centers the table on the page in "standards compliant" browsers */
    margin-right: auto;   /* necessary in Mozilla, NN (pc) and all current mac browsers */
}

/* formats the cells in the display tables */
td#displayTable {
	padding: 20px 5px 10px 5px; /* top right bottom left */
}

/* --------------------- CONTENT DISPLAY TABLE - No Border ----------------------------- */
/* Attributes for the Content Display Table on index, contactUs pgs - shows NO border */
table#displayTable2 {
	background-color: transparent;
	border: 0px;
	width: 95%;
	text-align: center;   /* centering for IE */
	margin-left: auto;    /* centers the table on the page in "standards compliant" browsers */
    margin-right: auto;   /* necessary in Mozilla, NN (pc) and all current mac browsers */
}

/* ---------------------------- CONTENT DISPLAY TABLES --------------------------------- */
/* Attributes for the search results Display Table on searchAdv pg - shows NO TOP border */
table#displayTable3 {
	background-color: #FFFFFF;
	border-top: 0px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	width: 95%;
	text-align: center;   /* centering for IE */
	margin-left: auto;    /* centers the table on the page in "standards compliant" browsers */
    margin-right: auto;   /* necessary in Mozilla, NN (pc) and all current mac browsers */
}
/* ---------------------------- CONTENT DISPLAY TABLES --------------------------------- */
/* Attributes for the CONTENT DISPLAY Table on the INDEX pg */
table#indexTable {
	background-color: #FFFFFF;
	border: 0px;
	text-align: left;
	width: 100%;
	text-align: center;   /* centering for IE */
	margin-left: auto;    /* centers the table on the page in "standards compliant" browsers */
    margin-right: auto;   /* necessary in Mozilla, NN (pc) and all current mac browsers */
}

/* for the td cells in the INDEX table */
.indexdata {
	padding: 15px 15px 0px 15px; /* top right bottom left */
	vertical-align: top;
	text-align: left;
}
/* ---------------------------- CONTENT DISPLAY TABLES --------------------------------- */
/* Attributes for the Table that holds the Info Content on the DISPLAY DETAILS pg */
table#detailsTable {
	background-color: #FFFFFF;
	border: 0px solid #DFD9C9; /* not showing a border at this time */
	width: 100%;
	height: 235px; /* height is specified so that photo image doesn't get too tall */
}

/* Attributes for the PHOTO Table on the DISPLAY DETAILS pg */
table#photoContainer {
	background-color: #FFFFFF; /* this works - shows 5px all around photo since photo is only 225px and the container expands to 235px (see above) */
	border: 0px solid #DFD9C9; /* this puts a border around the displayed photo */
	vertical-align: middle;
}

/* ------------------------------- FORM DISPLAY TABLES ----------------------------- */
/* Attributes for the FORM Display Tables on searchAdv, addUpdateArtworkForm, viewArt pgs */
table#formTable {
	background-color: #F5F5F5; /* Lighter gray */
	border: 1px solid #333333;
	width: 95%;
	text-align: center;
	margin-left: auto;    /* centers the table on the page in "standards compliant" browsers */
    margin-right: auto;   /* necessary in Mozilla, NN (pc) and all current mac browsers */
}

/* Attributes for the table that holds "form fields" content INSIDE the formTable
   on searchAdv, addUpdateArtworkForm, viewArt pg */
table#formFieldsTable {
	background-color: #F5F5F5; /* Lighter gray */
	border: 0px;
	width: 95%;
	margin-left: auto;    /* centers the table on the page in "standards compliant" browsers */
    margin-right: auto;   /* necessary in Mozilla, NN (pc) and all current mac browsers */
}
/* --------------------------- FORM DISPLAY TABLES (NARROWER) ------------------------- */
/* Attributes for the narrower FORM Display Table2 on addUpdateArtistForm, convertCDtoUSForm, 
   addUpdateContactForm, addUpdateMediaForm, addUpdatePhotoForm, addUpdateServicesForm pgs */
table#formTable2 {
	background-color: #F5F5F5; /* Lighter gray */
	border: 1px solid #333333;
	width: 75%;
	text-align: center;
	margin-left: auto;    /* centers the table on the page in "standards compliant" browsers */
    margin-right: auto;   /* necessary in Mozilla, NN (pc) and all current mac browsers */
}

/* Attributes for the table that holds "form fields" content INSIDE the formTable2
   on addUpdateArtistForm, addUpdateContactForm, addUpdateMediaForm, addUpdatePhotoForm,
   addUpdateServicesForm, convertCDtoUSForm pgs */
table#formFieldsTable2 {
	background-color: #F5F5F5; /* Lighter gray */
	border: 0px;
	width: 75%;
	text-align: center;
	margin-left: auto;    /* centers the table on the page in "standards compliant" browsers */
    margin-right: auto;   /* necessary in Mozilla, NN (pc) and all current mac browsers */
}

/* Sets line-heights for TABLE ROWS below */
/* Attributes for the Main Content Display Table on quickBrowse and searchAdv pgs */
tr#displayTableRows {
	background-color: #F5F5F5;
	line-height: 34px;
}

/* Attributes for the inventoryLedger, addUpdateQuoteForm template rows */
tr#displayTableRows2 {
	/*background-color: #F5F5F5;*/
	line-height: 20px;
}

/* --------------------------- FORM DISPLAY TABLES (NARROWER) ------------------------- */
/* Attributes for the LogIn Table on UserLoginForm pg */
table#loginTable {
	background-color: #F2FAD5; /* light green same as Search Tabs */
	border: 1px solid #333333;
	width: 500px;
	text-align: center;
	margin-left: auto;    /* centers the table on the page in "standards compliant" browsers */
    margin-right: auto;   /* necessary in Mozilla, NN (pc) and all current mac browsers */
}

/* ---------------------------------- TEXT LINKS ------------------------------- */
/* hypertext page links for next-n interface page numbers and next and back links
   and Edit/Delete links where ever they are found with a GRAY BKGRD */
.smpagelinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333399;
	background-color: #E9E9E9;  /* Light gray background */
	line-height: 16px;
	letter-spacing: 0.035em;
	text-align: right;
	padding-right: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/* hypertext page links for Edit/Delete links on displayArtist pg - same as smpagelinks
   style above except NO BKGRD color */
.smpagelinks2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333399;
	line-height: 16px;
	letter-spacing: 0.035em;
	text-align: right;
	padding-right: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* hypertext page links for Larger Image link on displayDetails */
.smpagelinks3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333399;
	line-height: 16px;
	letter-spacing: 0.035em;
	text-align: right;
	padding-right: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

/* text format for message display */
.messagetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333399;
	background-color: #E9E9E9; /* Light gray background */
	line-height: 16px;
	letter-spacing: 0.035em;
	text-align: left;
	padding-left: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* ------------------- TEXT HEADINGS with coloured backgrounds ------------------ */
/* Formated text for the quickBrowse and offlineArt display table column headings and for purple 
   column heading bkgrounds used on inventoryLedger.cfm template */
.displaycaptiontext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	white-space: nowrap;
	color: #333333;
	line-height: 14px;
	letter-spacing: 0.035em;
	background-color: #ECECF6; /* blue color to match Quick Browse tab */
	text-align: center;
	padding: 8px 4px 8px 4px;
}

/* text format for the Search table column headings and for light green column heading bkgrounds 
   used on displayArtists.cfm template */
.displaycaptiontext2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/* white-space: nowrap; */
	color: #333333;
	line-height: 14px;
	letter-spacing: 0.035em;
	background-color: #EBF3CF; /* light yellow-green to match Search tab */
	text-align: center;
	padding: 8px 4px 8px 4px;
}

/* text format for red column heading bkgrounds used on inventoryLedger.cfm template */
.displaycaptiontext3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	white-space: nowrap;
	color: #333333;
	line-height: 14px;
	letter-spacing: 0.035em;
	background-color: #F6ECEC; /* red to match Art Sold tab */
	text-align: center;
	padding: 8px 4px 8px 4px;
}

/* text format for light turquiose column heading bkgrounds used on inventoryLedger.cfm template */
.displaycaptiontext4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	white-space: nowrap;
	color: #333333;
	line-height: 14px;
	letter-spacing: 0.035em;
	background-color: #ECF6F6; /* turquoise to match Offline tab */
	text-align: center;
	padding: 8px 4px 8px 4px;
}

/* -------------------------------- MISC POSITIONING -------------------------------- */
/* formats the cells in the ADD FORM tables */
.formleft {
	line-height: 20px;
	vertical-align: middle;
	text-align: left;
	padding: 5px 5px 5px 5px; /* top right bottom left */ 
}

/* formats the cells in the ADD FORM tables */
.formright {
	white-space: nowrap;
	line-height: 20px;
	vertical-align: middle;
	text-align: right;
	padding: 5px 15px 5px 5px; /* top right bottom left */
}

/* positions the photo on the Our Services pages */
.photoposition {
	white-space: nowrap;
	line-height: 20px;
	vertical-align: middle;
	text-align: left;
	padding: 0px 35px 0px 35px; /* top right bottom left */
}

/* Below used in quickBrowse, soldArt and offlineArt templates for alignment of columun title text */
/* Used to format the $(dollars) columns so the decimals line up vertically */
.decimalAlign {
	text-align: right;
	padding-right: 18px;
	white-space: nowrap;
}

/* Used to format the Photo columns on quickBrowse pg. so the photos are centered */
.centerAlign {
	text-align: center;
	padding-right: 0px;
	white-space: nowrap;
	margin-left: auto;  /* centers the table on the page in "standards compliant" browsers */
    margin-right: auto; /* necessary in Mozilla, NN (pc) and all current mac browsers */
}

.leftAlign {
	text-align: left;
	padding-right: 0px;
	padding-left: 0px;
}

.rightAlign {
	text-align: right;
	padding-right: 10px;
}

/* Attributes for the table head tag so text doesn't wrap and the font is NOT bold (default) */
th {
	white-space: nowrap;
	/*font-weight: normal;*/
}

/* used on viewArt pg to pad radio buttons on left*/
.leftAlign2 {
	text-align: left;
	padding-right: 0px;
	padding-left: 22px;
}

/* used on inventoryLedger.cfm page to pad Total columns */
.rightAlign2 {
	text-align: right;
	padding-right: 6px;
	padding-left: 6px;
}

.copyright { 
        font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		line-height: 12px; 
		text-align: left;
	    padding-right: 20px;
		color: #999999;
}

/* website terms of use notice at page foot */
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333399;
	/* background-color: transparent; */
	line-height: 16px;
	letter-spacing: 0.035em;
	text-align: center;
	/* padding-right: 10px; */
	padding-top: 10px;
	padding-bottom: 10px;
}

/* ---------------------------------For pages with PHOTO DISPLAYS --------------------------------- */
/* Puts a border around the thumbnail images - darker on right and bottom to give a "shadow" effect */
.thumbBorder {
    padding: 2px;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #A8A8A8;
	border-bottom: solid 1px #A8A8A8;
	border-left: solid 1px #CCCCCC;
}

/* Puts a border around the large Photo Images on DISPLAY PHOTO page */
.photoLargeBorder {
    padding: 20px;
	border: solid 1px #A8A8A8;
}

/* Style for image titles on index page */
.cite { 
        font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		font-style: italic;
		font-weight: normal; 
		color: #999999;
		/* text-align: right;*/
}

/* Style for warning messages ForceUserLogin for instance if user and password not correct */
.warning {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #AA0033; /* Burgandy red */
}

/* Style for warning messages (with Blue border) */
.warning2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #AA0033; /* Burgandy red */
	margin: 10px 10px 10px 10px; /* top right bottom left*/
	background-color: #F9F9F9; /* very light gray */
	border: 1px solid #7F9DB9; /* Microsoft blue- XP OS color of Form boxes */
}

/* Attributes for the Horizontal Rule (used on searchAdv_admin pg) */
hr {
	color: #D2DAB5;
}



#mainContent {width: 500px; margin: 2.5em auto; text-align: left;} /* used on SiteMap pg */

/* ----------------------------- For pags with UNORDERED LISTS ------------------------- */
ul {list-style: none outside; margin: 0; padding: 0 0 1em 0;}
ul.square {list-style: square outside; color: #6666CC; margin: 0 0 0 16px; padding: 0 0 1em 0;}
li {padding-bottom: .8em;}