/* silentonline.com stylesheet */
@import url("style_variable.php");

/* set in style_variables.php 
body {
	font-family:<?=$fontfamily?>;
}

.darkpink, #welcome,
.constructsteps,
.emails_wtitle,
h3 {
	color:#336699;
}
.text input, textarea {
color: #336699;
}
legend {
	background-color:  #66ccff;
}
#wishlist h4 {
	color:#336699;
}
/* height of header graphic */
/*
#homelink,
#homemap a {
	height:180px; 
}
*/

/******************* styles and positioning ******************/
body {
	color:#000000;
	background-image: url(../ic/bg_page.jpg);
	background-repeat: repeat;
	
/* fontfamily, fontsize set in style_variable.php */
/*
	font-family:Georgia,"Times New Roman",serif;
	font-size:90%;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:85%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:90%;
*/
}
#layout {
	background-color:#ffffff;
	color:#333333;
}
.highlightcolor { // item title color - used?
	color:#009933;
}
.item_title a {
	color:green;
}

.emailfooter {
	background-image:url(ic/bg_accentstripe.jpg);
	color:#000000;
}
#leftcolumn {
	margin:-10px 0 20px 10px; /* negative top margin if background header displays under it and need to move top of leftcol up */
	padding:0;
}
.curved_small
{
/*
    margin: 0 auto;
    border: 0px solid #ffffff;
    color: #ffffff;
    width: 60%;
    padding: 20px;
    text-align: left;
*/
	background:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:#cccccc;
	padding:4px;
}
/****************** shared style settings *************************/
body {
	width: 100%;
	text-align:center;
	margin:0;
	padding: 0px;
}
#layout {
	text-align: left;
	margin:0px auto 10px auto;
	padding:0;
	border-color:#000000;
	border-width:1px;
	border-style: solid;
	width:926px; 
	background-color:#ffffff;
	position: relative;
}
#layout_email {
	margin:0px auto 0px auto;
	padding:0;
	color:#333333;
}
#layout_email p {
	color:#333333;
	text-align:center;
}

#popup {
	font-family: Arial,sans-serif;
	color:#333333;
	margin:20px;
	padding:0;
	text-align:left;
	font-size: 75%;
}
#popup ul {
	margin:20px 10px 20px 10px;
	padding:0;
	display:block;
}
#popup ul li {
	list-style-type: decimal;
	margin:0 0 10px 0;
	padding:0;
	line-height: 1.4em;
}

.centered {
	text-align:center;
}
.clear {
	clear:both;
}
.small {
	font-size:80%;
}
.smaller {
	font-size:85%;
}
.big {
	font-size:120%;
}
.bigger {
	font-size:150%;
}
h1 {
	font-size:120%;
	width:100%;
	text-align:center;
}
h2 {
	font-size:105%;
	width:100%;
	text-align:center;
}
h3 {
	font-size:120%;
	text-align:center;
}
p {
	color:#333333;
	line-height:1.5em;
}
a {
	color:#000000;
}
a.forgot,
.forgot {
	font-size:85%;
	font-style: italic;
	font-weight: normal;
}
.heavy {
	font-weight: bold;
}
.italic {
	font-style:italic;
}
#zeromp {
	margin:0;
	padding:0;
}
#zeromp_pr {
	margin:0;
	padding:0;
	position:relative;
}

/* show and hide alternate divs based on parameter testing */
.showthis {
	display:block;
}
.hidethis {
	display:none;
}
#returnlink {
	text-align:center;
	margin:10px 0 10px 0;
	padding:0;
	font-size:80%;
	font-style:italic;
}


/* general page layout */
#homelink {
	background-image:url(../ic/header.jpg);
	background-repeat:no-repeat;
	width:926px;
	border-width:0px;
}
#homelink a {
	border-width:0px;
}
#homemap a {
	position:absolute;
	top:0;
	left:0;
	width:926px;
	text-decoration:none;
}
#homemap a i {visibility:hidden;}
a#home {left:0;}
a#home:hover { border:none;}
#welcome {
	text-align:center;
	clear:right;
	float:right;
	display: inline; /* ie double margin bug */
	margin:5px 45px 0 0;
	font-size:90%;
}
#admintopnav,
#topnav {
	font-size:85%;
}
#admintopnav { height:2em;}
#topnav {
	float:right;
	display:inline; /* to fix ie double margin float bug */
	margin:10px 40px 0 0;
	padding:0;
}
#topnav ul {
	margin:0;
	padding:0;
	display:inline;
}
#topnav ul li {
	margin:0 0 0 0px;
	padding:0 5px 0 7px;
	border-left:1px solid #333333;
	list-style: none;
	display: inline;	
}
#topnav ul li.first {
	margin:0;
	border-left:none;
	list-style: none;
	display: inline;
}
#topnav ul li a {
	color:#333333;
	text-decoration: underline;
}
#topnav ul li a:hover {
	color:#999999;
}
#wrapper {
	clear:right;
	margin:0 0 0 0;
	padding:0;
	position:relative;
}
#leftcolumn {
	float:left;
	width:184px;
	color:#333333;
	position:relative;
}
#center { 
	margin:0px 0 0 220px;
	padding:0 20px 10px 0;
/*	width:680px;  660 */
}
#rightcolumn {
}
fieldset {
margin: 0px 10px 0 10px;
padding:15px 10px 10px 10px;
border: 1px solid #333333;
/* width: 620px; */
}

legend {
color: #333333;
border: 1px solid #333333;
padding: 3px 6px;
}

/* left column  */
.leftcolheader {
	color:#000000;
	margin:10px 0 0px 10px;
	padding:0;/*8px 0 8px 10px;*/
	font-size:90%;
	width:147px; 
}
#leftbuttons,
#leftcolads,
#leftcolcontact,
#catlist {
	margin:0px 3px 20px 10px; /* 20 3 20 10 */
	padding:0;
	font-size:90%;
}
#leftcolads img {
	border:1px solid #333333;
}
#leftcolads a  {
	text-decoration:none;
}
#leftbuttons ul,
#leftbuttons ul li,
#leftcolcontact ul,
#leftcolcontact ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
}
#catlist ul li,
#leftbuttons ul li,
#leftcolcontact ul li {
	line-height: 1.8em;
}
#catlist ul,
#catlist ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
}
#leftbuttons ul li a,
#catlist ul li a,
#leftcolcontact ul li a {
	color:#000000;
	text-decoration: none;
}
#leftbuttons ul li a:hover,
#catlist ul li a:hover,
#leftcolcontact ul li a:hover {
	color:#999999;
}
.leftlink  {
	color:#333333;
} 

/* style form for data entry */
#signin {
	margin:30px;
	padding:0;
}

#adminresult {
	text-align: center;
	color:#ff0000;
	font-style:italic;
	margin:10px;
	padding:0;
}

/* forms, fieldsets */
.specifyoptions {
	margin:15px 0 0 0;
	padding:0;
}

#registerbidder {
	display:none;
}

#okusername {
	font-weight: bold;
}
#updatebidder,
#registerbidder {
	margin:0;
	padding:0;
}
#registerbidder label,
#updatebidder label,
#showcatalog label,
#placebid label,
#placebid2 label {
width: 175px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}

.submit input {
margin-left: 200px;
} 
.submit input {
color: #000;
background: #e2d0d7; 
border: 2px outset #000000; 
} 

.text input, textarea {
background: #ffffff;
border: 1px solid #000000;
margin:0;
padding:2px;
}


.fileinput {
color:#000000;
background:none;
border:none;
}


#showunokay {
	color:#000000;
}



/* display contents of database */
#displaydata {
	margin:10px 10px 30px 10px;
	padding:0;
}
#displaydata dt {
	margin:0px;
	padding:0;
}
#displaydata dl {
	font-weight: bold;
	margin:10px 0 0px 0;
	padding:0;
}
#displaydata dd {
	margin:0 0 0 40px;
	padding:0;
}
.display_item_title {
	font-weight:bold;
	font-family:Arial, sans-serif;
}
.display_item {
	clear:left;
	margin:0;
	padding:0;
	position: relative;
}
.display_item img {
	float:left;
	margin:5px;
	padding:0;
}
.display_item_data {
	margin:0 0 0 100px;
	padding:0;
	font-size:90%;
	line-height:1.3em;
	font-family: Verdana, sans-serif;
}
.display_bids {
	margin:5px 10px 20px 0px;
	padding:0;
	width:570px;
	position:relative;
}
.display_bid,
.display_bidder {
	float:left;
	margin:0 5px 10px 0;
	padding:2px;
	border:1px solid #999999;
	position:relative;
}
.display_bid { width:270px;}
/*.display_bidder {width:200px;}*/
.display_bid_title,
.display_bidder_title {
	font-weight:bold;
	font-family:Arial, sans-serif;
	border-bottom:1px solid #333333;
}
.display_bid ul,
.display_bidder ul,
.display_categories ul {
	margin:0;
	padding:0;
	list-style: none;
	float:left;
}
.display_categories ul { margin-left:100px;}
.display_bid ul {width:130px;}
/*.display_bidder ul {width:190px;}*/
.display_bid ul li,
.display_bidder ul li,
.display_categories ul li {
	list-style: none;
	font-size:90%;
	font-family: Verdana, sans-serif;
}
.bidheader {
	font-style: italic;
}

/* viewcatalog in lib.php */
#viewitem_title {
	margin:15px 0 0 0;
	padding:0;
	font-size:130%;
}
.item_entry {
	float:left;
	margin:20px 0 0px 5px;
	padding:0px;
	height:220px;
	width:140px; 
	border-color:#cccccc;
	border-style: solid;
	border-width: 1px;
	text-align:center;
	overflow:hidden;
	font-size:110%;
}
.item_image {
	display:block;
	margin:10px 6px 20px 6px;
	padding:0;
	height:90px;
	width:124px;
}
.item_image img {
	border:1px solid #000000;
}
.item_title {
	display:block;
	margin:0 0 15px 0;
	padding:0 5px 0 5px;
	font-size:95%;
	height:2.5em;
	overflow:hidden;
}
.item_title a {
	text-decoration: underline;
}
.item_value {
	display:block;
	font-size:75%;
	line-height:1.5em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
.item_currentbid {
	display:block;
	font-size:75%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

/* showitem:  display single item on page */
#viewitem_info {
	margin:0 20px 0 10px;
	padding:0;
}
#viewitem_title {
	font-size:120%;
	color:#000000;
	margin:40px 0 5px 20px;
	padding:0;
}
#viewitem_links {
	float:right;
	font-size:90%;
	text-align:right;
	margin:0;
	padding:0;
}
#viewitem_links ul,
#viewitem_links ul li {
	margin:0;
	padding: 0;
	list-style: none;
	display:block;
	line-height: 1.6em;
}
#viewitem_links ul li a {
	text-decoration: underline;
	color:#333333;
}
#viewitem_img {
	float:left;
	margin:0 10px 0px 0;
	padding:0;
	border:1px solid #333333;
}
#viewitem_topbuttons {
	float:left;
	text-align: left;
	margin:60px 0px 0 0;
	padding:0;
}
#viewitem_topbuttons2 {
	text-align: left;
	margin:60px 0px 0 0;
	padding:0;
}
#viewitem_topslide {
	float:left;
	margin:30px 0px 0 0;
	padding:0;
	width:150px;
	font-size:130%;
	text-align:center;
}
#viewitem_bidinfo {
	margin:0px 0 30px 0;
	padding:0;
	font-size:90%;
	color:#333333;
	line-height:2em;
	font-size:110%;
}
.viewitem_description {
	margin:0 0 10px 0;
	padding:0;
}
#viewcatalog ul,
#viewcatalog ul li,
#specifybidder ul,
#specifybidder ul li {
	display:block;
	margin:0;
	padding:0;
	list-style-type:none;
}
#viewitem_placebid {
	margin:20px 0 0 115px;
	padding:0; 
}

/* datatable */ 
#datatable {
	margin:0;
	padding:0;
}
.dtwrapper {
	margin:0;
	padding:0;
	position:relative;
}
.dtcol1 {
	margin:0;
	padding:6px 0 6px 0;
	float:left;
	width:200px;
	text-align:right;
	line-height: 2em;
}
.dtcol1_2 {
	margin:0 0 0 15px;
	padding:0;
	float:left;
	line-height: 2em;
	width:5px;
}
.dtcol2 {
	margin:0 0 0 205px;
	padding:0;
	line-height: 2em;
	width:400px;
}
.dtcol3 {
	margin:0 0 0 228px;
	padding:0;
	line-height: 2em;
	width:345px;
}
.dtcol2 input {
	line-height: 1.9em;
}
.dtcol1 ul, .dtcol1 ul li,
.dtcol1_2 ul, .dtcol1_2 ul li,
.dtcol2 ul, .dtcol2 ul li,
.dtcol3 ul, .dtcol3 ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	line-height: 2em;
}
.dtcol1 ul li, .dtcol1_2 ul li, .dtcol2 ul li, .dtcol3 ul li {
	margin-bottom:2px;
}
.section {
	font-weight: bold;
}
.tablelabel {
	text-align: right;
}
td .tablelabel {
	vertical-align: top;
}
.tableinput {
	padding-left:5px;
	text-align: left;
}

/* curved corner boxes */
.curved_large {
	background:#333333;
	border-width:0;
	padding:0;
}
.curved_small {
}
.curved_small p {
	color:#333333;
}
.curved_tabs {
	background:#666666;
	border-width:0;
	color:#ffffff;
	padding:3px;
}

/* wish list page */
#wishlist {
	margin:10px 0 0 0;
	padding:0;
}
#wishlist h4 {
	clear:both;
	font-style:italic;
	font-size:110%;
	margin:20px 0 10px 0;
	padding:0;
}
.wishleftimg {
	float:left;
	margin:0 20px 0 10px;
	padding:0;
	border:none;
}
.wishleftul {
	margin:0 0 20px 0;
	padding:0;
	float:left;
}
.wishleftul ul {
	list-style-type: circle;
}
.wishleftul ul li {
	line-height: 1.5em;
}
.wishrightimg {
	float:right;
	margin:0 20px 0 10px;
	padding:0;
	border:none;
}
.wishrightul {
	margin:0 0 20px 0;
	padding:0;
	float:right;
}
.wishrightul ul {
	list-style-type: circle;
}
.wishrightul ul li {
	line-height: 1.5em;
}
.wishimage_right,
.wishimage_left {
	margin:0 0 20px 0;
	padding:0;
	position: relative;
}
.wishimage_right img {
	margin:0px 3px 20px 3px;
	padding:0;
	border:none;
	float:right;
}
.wishimage_right ul {
	list-style-type: circle;
	margin:0 5px 20px 20px;
	padding:0;
}
.wishimage_right ul li,
.wishimage_left ul li {
	list-style-type: circle;
	margin:0;
	padding:0;
	line-height:1.5em;
}
.wishimage_left img {
	margin:0px 20px 20px 3px;
	padding:0;
	border:none;
	float:left;
}
.wishimage_left ul {
	list-style-type: circle;
	margin:20px 0px 0px 0px;
	padding:0;
}
#emailbox {
	text-align: left;
	margin:180px auto 0 auto;
	padding-right:10px;
	padding-bottom: 0px;
	padding-left: 10px;
	color:#eeeeee;
}
#emailbox p {
	color:#eeeeee;
}
a.removelink {
	cursor:pointer;
	font-size:75%;
	font-family:Helvetica,Arial,sans-serif;
	font-style:italic;
	text-decoration:underline;
}

#ticketorder ul,
#doubleul ul {
	list-style: circle;
	margin:15px 60px 25px 60px;
	padding:0;
}
#ticketorder ul li,
#doubleul ul li {
	list-style: circle;
	margin:0 0 10px 0;
	padding:0;
	line-height:1.4em;
}
#rsvp ul,
#doubleul ul li ul,
#constructemail ul {
	list-style: none;
	margin:10px 0 10px 50px;
	padding:0;
}
#rsvp ul li,
#doubleul ul li ul li,
#constructemail ul li {
	list-style: none;
	margin:0 0 0px 0;
	padding:0;
}
#ticketorder ul li,
#constructemail ul li {
	line-height:1.8em;
}
#rsvp ul li {
	line-height: 1.5em;
}
/* emails */
#constructemail {
	margin:30px 0 0 20px;
	padding:0 10px 0 0;
}
.constructsteps {
	font-size:125%;
	font-weight: bold;
}
.emails_wtitle {
	font-size:11px;
	font-weight: bold;
}
.emails_pheader {
	font-weight: bold;
	font-size:10px;
}
.emails_ptext {
	font-size: 9px;
}
.emails_ntitle {
	font-size:10px;
	font-weight: bold;
}
.emails_ntext {
	font-size:9px;
}
.emailfooter {
	background-repeat:repeat;
}

.showads {
	color:#000000;
	float:left;
	margin:20px 0 0px 15px;
	padding:0px;
}
.showads a {
	color:#000000;
/* want a border but taking too long to tweak across browsers
	border-width:1px;
	border-color:#333333;
	border-style: solid;
	margin:1px;
	padding:0;
	
*/
}