/*-----------------------------------------------------------------------------
HigestBidderSale.com Style Sheet

version:   1.0
author:    alfonso catron
email:     alfonso@moodstudio.net
website:   http://www.moodstudio.net/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;}


/* Remove border around linked images */
img {
	border: 0;}

body {
  font: 0.9em "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
  background-image: url(images/back.jpg);}

#alert2 {
	background-color:#F00;
	border: 1px solid #F00;
	color:#FFF;
	font-size: 1em;
	font-weight:normal;
	padding:5px;
	margin-top: 10px;}
	
#success2 {
	z-index: 1000;
	position: absolute;	
	top: 180px;
	width: 450px;
	left: 240px;
	display: block;	
	background-color:#060;
	border: 1px solid #060;
	color:#FFF;
	font-size: 1em;
	font-weight:normal;
	padding:5px;}

/* =wrapper
-----------------------------------------------------------------------------*/
#wrapper {
	width: 768px;
	margin: auto;
	position: relative;
	background-image: url(images/main_back.jpg);}

#spacer {
	height: 208px;}
	
.spacer100 {
	height: 100px;}	

.spacer200 {
	height: 200px;}		

.spacer400 {
	height: 400px;}	
	
/* =Heading
-----------------------------------------------------------------------------*/
#header {
	width: 768px;
	margin: auto; }
	
#header h1 {
	display:none;}

#head-wrapper {
	height:198px;}

#logo {
	float: left;
	width:206px;
	height:198px;
	background-image: url(images/head_1.jpg);}

#logo2 {
	float: left;
	width:180px;
	height:198px;
	background-image: url(images/head_2.jpg);}

#logo3 {
	float: left;
	width:201px;
	height:198px;
	background-image: url(images/head_3.jpg);}

#logo4 {
	float: left;
	width:180px;
	_width:178px;
	height:198px;
	background-image: url(images/head_4.jpg);}


/* =Links
-----------------------------------------------------------------------------*/
a {
	font-family: georgia;
	font-size: 1em;
	text-decoration: none;
	color: #930;}
a:hover {
	text-decoration: underline;
	color: #000;}



/* =Main Nav
-----------------------------------------------------------------------------*/
#main-nav {
	position: absolute;
	top: 0;
	left: 10px;
	width: 190px;}
	
#main-nav hr{
	display: none;}

#main-nav h2 {
	display: none;}

#main-nav ul {
	padding: 10px 0 10px 10px;}
	
#main-nav li {
	list-style: none;
	padding: 5px 5px 5px 25px;
	border-bottom: 1px dashed #e1c2b3;}
	
#main-nav li.location-on {
	background: url(images/page.gif) no-repeat;}

.form-border {
	border: 1px solid #E0C1B2;
	padding:1px;
	margin: 5px 0 5px 5px;}

.form {
	background: #FFFAEE url(images/form-back.jpg) repeat-x;
	padding: 5px;
	border: 1px solid #FFF;}

.form h3{
	color:#930;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	letter-spacing: -1px;
	font-weight: normal;
	margin: 0;}

.form p{
	font-size: 0.8em;}


.form input.input{
	border: 1px solid #E0C1B2;
 	color: #333;
	font-size: 1.3em;
	font-weight: normal;
	margin: 3px 0 3px 0;
	padding: 2px;}
	
#forms2 input.input{
	border: 1px solid #E0C1B2;
 	color: #333;
	font-size: 1.3em;
	font-weight: normal;
	margin: 3px 0 3px 0;
	padding: 2px;}	
	
#forms2 textarea.textarea{
	border: 1px solid #E0C1B2;
 	color: #333;
 	font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	margin: 3px 0 3px 0;
	padding: 5px;}	
 
.AuthorizeNetSeal{
	float: right;
	border: 3px double #CCC;
	background-color: #FFF;
	padding: 4px;}
 
 #login {
	padding: 8px;}

#login h3{
 	color:	#666;
 	font-family: Georgia, "Times New Roman", Times, serif;
 	font-size: 1.2em;
 	letter-spacing: -1px;
 	font-weight: normal;
 	margin: 0;
 	border-bottom: 1px dashed #CCC;}
 
#login p{
 	color:#333;
	font-size: 0.9em;}
#login form{
	padding-left:15px;}

#login input.input{
 border: 1px solid #CCC;
 color: #333;
 font-family: Georgia, "Times New Roman", Times, serif;
 letter-spacing: -1px;
 font-weight: normal;
 margin: 3px 0 3px 0;
 padding: 2px;
 width: 120px;}

.form input.submit {
	width:29px;
	height:33px;
	border:0;
	cursor:pointer;
	background:url(images/boton2.jpg) no-repeat;}

#form select {
	border: 1px solid #E0C1B2;
	height:20px;
	width: 120px;
	padding: 2px;
	cursor:pointer;
 	font-family: Georgia, "Times New Roman", Times, serif;}

option {
	border-bottom: 1px dashed #E0C1B2;
	padding: 1px;
	cursor:pointer;
 	font-family: Georgia, "Times New Roman", Times, serif;}
/* =Sub Nav
-----------------------------------------------------------------------------*/




/* =Main Content
-----------------------------------------------------------------------------*/
#main-content {
	color: #333;
	font-size: 0.9em;
	padding: 10px 40px 10px 230px;}
	
#main-content hr {
	display: none;}
	
#main-content h2 {
 	color: #930;
 	font-family: Georgia, "Times New Roman", Times, serif;
 	font-size: 1.6em;
 	letter-spacing: -1px;
 	font-weight: normal;
 	text-align: center;}
 
#main-content h2 em {
	color:	#930;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	letter-spacing: -1px;
	font-weight: normal;
	font-style:oblique;}
 
#main-content h3 {
	color:	#48546A;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	letter-spacing: -1px;
	font-weight: normal;
	text-align: center;
	margin: 40px 0 30px 0;}

#main-content ul{
	padding-left: 25px;}
 
#main-content li{
	list-style: none;
	list-style-image: url(images/bullet.gif);}

/* =Fomrs Content
-----------------------------------------------------------------------------*/
#forms-content {
	color: #333;
	font-size: 0.9em;
	padding: 10px 40px 10px 230px;}
	
#forms-content hr {
	display: none;}
	
#forms-content h2 {
 	color: #930;
 	font-family: Georgia, "Times New Roman", Times, serif;
 	font-size: 1.6em;
 	letter-spacing: -1px;
 	font-weight: normal;}
 
#forms-content h2 em {
	color:	#930;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	letter-spacing: -1px;
	font-weight: normal;
	font-style:oblique;}
 
#forms-content h3 {
	color:	#48546A;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	letter-spacing: -1px;
	font-weight: normal;
	margin: 10px 0 30px 0;}

#forms-content ul{
	padding-left: 25px;}
 
#forms-content li{
	list-style: none;
	list-style-image: url(images/bullet.gif);}
	
#forms1, #forms2 {
	background: #FFFAED;
	border: 1px dashed #E0C1B2;
	padding: 10px;}

#forms1 input, #forms2 input{
 	border: 1px solid #CCC;
 	color: #333;
 	font-family: Georgia, "Times New Roman", Times, serif;
 	font-weight: normal;
 	margin: 3px 0 3px 0;
 	padding: 2px;
	font-size: 1.3em;}
	
#forms1 input.double{
 	border: 3px double #CCC;
 	color: #333;
 	font-family: Georgia, "Times New Roman", Times, serif;
 	font-weight: normal;
 	margin: 3px 0 3px 0;
 	padding: 2px;
	font-size: 1.3em;}
 
#forms1 select {
	border: 1px solid #CCC;
	padding: 2px;
	cursor:pointer;
	 font-size: 1.3em;
 	font-family: Georgia, "Times New Roman", Times, serif;}

#forms1 .button {
	margin-top: 20px;
	width: 100px;
 	font-family: Georgia, "Times New Roman", Times, serif;}
	
#forms1 .alert {
	color: #C00;
	font-weight: bold;}

/* =Notifications
-----------------------------------------------------------------------------*/
#error {
	background: #FFF;
	border: 1px dashed #C00;
	color: #C00;
	padding: 10px;
	margin-top: 10px;}
	
#success {
	background: #FFF;
	border: 1px dashed #060;
	color: #060;
	padding: 10px;
	margin-top: 10px;}
	

/* =Notifications
-----------------------------------------------------------------------------*/
#error {
	background: #FFF;
	border: 1px dashed #C00;
	color: #C00;
	padding: 10px;
	margin-top: 10px;}
	
#success {
	background: #FFF;
	border: 1px dashed #060;
	color: #060;
	padding: 10px;
	margin-top: 10px;}
	



/* =Footer
-----------------------------------------------------------------------------*/
	
#footer {
	width: 768px;
	margin: auto;
	padding: 20px 0 10px 0;
	height: 125px;
	background: url(images/footer.jpg) no-repeat;}

#footer hr{
	display: none;}

	
#footer p{
	text-align: center;
	font-family: georgia;
	font-size: 0.8em;}
	
#footer ul{
	margin: 0;
	padding: 0;
	text-align: center;}
	
#footer li{
	padding: 0 5px 0 5px;
	list-style: none;
	display: inline;}

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;}


/* =Contact
-----------------------------------------------------------------------------*/
#contact {
	padding: 0 10px 10px;
	background: #FFFAED;
	border: 1px dashed #E0C1B2;
	line-height: 25px;}
	
#contact .phone{
 	color: #930;
 	font-family: Georgia, "Times New Roman", Times, serif;
 	font-size: 1.4em;
 	letter-spacing: -1px;
 	font-weight: normal;}
	
#contact u{
 	width: 200px;}

/* =Tables
-----------------------------------------------------------------------------*/

table { 
  	border-spacing: 1px;
	border-collapse: collapse;}

td {
	padding: 2px;
  text-align: left;
	font-weight: normal;
	font-size: 0.8em;}

td a {
		font-family: 'Trebuchet MS', Verdana, sans-serif;
	}

/* =member
-----------------------------------------------------------------------------*/
#members-msg {
	background: #FFF;
	border: 1px dashed #C00;
	color: #C00;
	padding: 10px;
	width: 500px;
	margin: auto;
	margin-top:30px;}

#user-menu ul {
	margin: 0;
	padding: 0;
	height: 30px;
	border-bottom: 3px solid #930;}

#user-menu li {
	list-style: none;
	display: inline; }

#user-menu li a{
	float: left;
	display: block;
	margin-left: 5px;
	padding: 7px;
	border: 1px solid #930;}

#user-menu li a:hover{
	background-color:#930;
	color:#FFF;
	text-decoration: none;
	border: 1px solid #930;}
	
#user-menu li a img{
	vertical-align: bottom;}	

#user-menu a.members-on{
	padding: 7px;
	background-color:#930;
	color:#FFF;
	text-decoration: none;
	border: 1px solid #930;}

.listing {
	background-color: #FFF;
	border: 1px dotted #CCC;
	padding: 3px;}

#photo-gal {
	background: #FAFAFA;
	border: 1px dashed #ccc;
	padding: 5px;}


#photo-gal img{
	height: 5em;}
	
#photo-gal-img {
	position: relative;
	display: block;
	border: 1px solid #ccc;
	background-color: #FFF;
	padding: 2px;
	margin:1px 1px 20px 1px;
	padding: 0 10px 0 0;
	}

#photo-gal-img .buttons {
	position: absolute;
	top: 0;
	right: 5px;
	text-align: right;
}	
#photo-gal-img .photo {
	float: left;
	margin: 5px 10px 5px 5px;}	

#photo-gal-img .delete {
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	outline: none;
	top: 0;
	right: 0;
	padding: 3px;
	color: #FFF;
	background: url(images/icons/delete.png) no-repeat;}		
	
.photo-inner {
padding-left: 100px;}	

.clear {
	clear: left;}

.dynCalendar_header{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
}
.dynCalendar_dayname {
	background-color: #eeeeee;
	border: 1px solid #c0c0c0;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8pt;
	text-align: center;
}

.dynCalendar_day {
	background-color: #FFFFE0;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8pt;
}

.dynCalendar_today {
	background-color: #ffffff;
	border: 1px solid #c0c0c0;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8pt;
}

.dynCalendar {
	background-color: #c0c0c0;
	border: 2px outset white;
	visibility: hidden;
	position: absolute;
	top: 1px;
	left: 1px;
}

#paginas {
	margin: 0 0 10px 0;
	color:#333;
	letter-spacing: 1px;}

#paginas strong {
background-color: #930;
text-decoration: none;
line-height: 20px;
padding: 1px 0 2px 0; 
color: #FFF;
margin-right: 3px;
font-weight: normal;}

#paginas a {
text-decoration: none;
border: 1px solid #666;
line-height: 20px;
padding: 1px 3px 1px 3px; 
color: #666;}

#paginas a:hover {
background-color: #FFF;
text-decoration: none;
border: 1px solid #930;
line-height: 20px;
padding: 1px 3px 1px 3px; 
color: #930;}

.autogrow  {
	width: 300px;
	padding: 10px 2px 2px 2px;
	color: #666;
	border-bottom: 1px dashed #CCC;}
	
.autogrow:hover  {
	background-color: #FF0;}
	
.highlight {
	background-color: #FFA;}
	
/* USERNAME VALIDATION */
.messagebox{
 position:absolute;
 width:100px;
 margin:5px 0 0 20px;
 border:1px solid #c93;
 background:#ffc;
 padding:3px;
}
.messageboxok{
 position:absolute;
 width:auto;
 margin:5px 0 0 20px;
 border:1px solid #349534;
 background:#C9FFCA;
 padding:3px;
 font-weight:bold;
 color:#008000;
}
.messageboxerror{
 position:absolute;
 width:auto;
 margin:5px 0 0 20px;
 border:1px solid #CC0000;
 background:#F7CBCA;
 padding:3px;
 font-weight:bold;
 color:#CC0000;
}