/* Ask4events CSS */

@import url(navigation.css);

/* =General selectors
-------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
html, body {
	height:auto !important;
	width:100%;
	height:100%;
	}
body {
	font:62.5%/1.5 Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
	background-color:#fff;
	color:#000;
	}
img {border:none;}
table {border-collapse:collapse;}
td {vertical-align:top;}
h1, h2, h3, h4, h5, h6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0 0 5px 0;
	line-height:1.4em;
	font-weight:normal;
	color:#a51c26;
	}
h1 {
	font-size:2.5em;
	padding:0 0 15px 0;
	}
h2 {font-size:1.65em;
	padding:15px 0 7px 0;
	line-height:normal;
	margin: 0;
	}
h2 a {text-decoration:none;}

h3 {font-size:1.1em;
	line-height:1.1em;}
h4 {font-size:1.0em;
	color:#7e7d7d;
	padding:0 0 5px 0;
	font-weight:bold;
	}
p {padding:0 0 0.8em 0;
	line-height:1.4em;
}
ul,
ol {margin:5px 35px}
li {padding:0 0 .5em}
a {	color:#a51c26;
	text-decoration:underline;
	}
a:hover {
	text-decoration:none;
	color:#686868;
	}
.ml10 {
	float:left;
	margin:5px 10px 10px 0;
	}	
.mr10 {
	float:right;
	margin:5px 0 10px 10px;
	}	
.ml5 {
	float:left;
	margin:0 5px 5px 0;
	}	
.m15 {margin:0 0 15px 0;}

.gray {color:#757575}
.hide {display:none}
.left {float:left}
.right {float:right}
.center {text-align:center}
.align-right {text-align:right}
.clear {clear:both}
.clearight {clear:right}
.clearleft {clear:left}
.nowrap {white-space:nowrap}
.bold {font-weight:bold}
.small {font-size:0.9em}
.smaller {font-size:smaller}
.error,
.red {color:#ff0000}
div.line {
	border-bottom: 1px solid #999;
	height: 0.1em;
	padding:0;
	line-height: 0.1em;
	font-size: 0.1em;}
br.clearall {
	clear:both;
	height:0em;
	line-height:0em;	
	}
	
/* =Main layout elements
-------------------------------------------------------*/
#access-key {
	position:absolute;
	left: -9999em;
	}
#content {
	font-size:1.2em;
	}
#content,
.top-content,
.bottom-content {
	width:745px;
	float:left;
	position:relative;
	padding:0 0 11px 0;
	}
body.send {
	padding:20px 0 0 18px;
	}
.top-content {
	margin:0 0 15px 0;
	}
.top-content,
.bottom-content {
	padding:0;
	}
.primary-content,
.secondary-content {
	float:left;
	width:375px;
	padding:25px 0 0 0;
	min-height: 10px; /* for Mozilla if column is empty */
	margin:0;
}	
.central-content {
	width:745px;
	padding:0 0 15px 0;
	}
.secondary-content {
	float:right;
	width:354px;
}
.secondary-content-banners {
	float:right;
	width:164px;
	padding:12px 0 0 0;
}

.bottom-content .primary-content,
.bottom-content .secondary-content {
	width:554px;
	margin:0;
	padding:0;
	}
.bottom-content .secondary-content {
	width:164px;
}
body.event-details .bottom-content .secondary-content {
	padding:15px 0 0 0;
	} 

.home .bottom-content .primary-content,
.home .bottom-content .secondary-content {
	width:495px;
	margin:0 9px 0 0;
	padding:0;
	}
.home .bottom-content .secondary-content {
	width:241px;
	margin:0;
	}
.home .bottom-content .primary-content {
	padding:0 0 85px 0;
}



body.login #search,
body.login .secondary-content {
	display:none;
	}
.primary-content-col1 {
	float:left;
	width:554px;
	}
.primary-content-col2 {
	float:right;
	min-height:10px;
	width:164px;
	}
.primary-content-col2 img.mr10 {
	margin:0 0 7px 0;
	width:164px;
	}

/* =Home
-------------------------------------------------------*/
.links {
	position:absolute;
	bottom:0;
	}
.links ul {
	float:left;
	width:157px;
	font-size:0.9em;
	margin:0 12px 10px 0;
	list-style-type:none;
	}
.links ul.last {margin:0 0 10px 0;}

ul.bottom-banners {
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	}
ul.bottom-banners li {
	float:left;
	width:241px;
	margin:0 11px 0 0;
	padding:0 0 6px 0;
	}
ul.bottom-banners li.last {
	margin:0;
	}
a.event {
	width:157px;
	w\idth:141px;
	height:170px;
	he\ight:154px;
	display:inline-block;
	float:left;
	margin:0 12px 6px 0;
	padding:8px;
	line-height:1.2em;
	font-size:0.95em;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	background:url(../../images/branding/event-bg.gif) no-repeat top left;
}	
a.event img {
	margin-bottom:3px;
	}
a img{text-decoration:none;}	
a.event span {
	font-weight:normal;
	color:#a51c26;
	}
a.event.last {
	margin:0 0 6px 0;
	}
a:hover.event {
	color:#000;
	background:url(../../images/branding/event-hover.gif) no-repeat top left;
	}
p.bottom-title {
	width:745px;
	height:40px;
	padding:0;
	margin:0;
	background:url(../../images/branding/bottom-title.gif) no-repeat;
	text-indent:-999em;
	overflow:hidden;
	}
p.donor {
	background:#c5d2e3;
	text-align:center;
	text-transform:uppercase;
	font:1.4em "Times New Roman", Times, serif;
	padding:4px;
	}
p.donor a {
	color:#fff !important;
	text-decoration:none;
	}	
p.donor a span {
	display:block;
	padding:10px 0 6px 0;
	}
p.donor span.donor-logo {
	display:block;
	background:#fff;
	width:156px;
	height:137px;
	}
.home p.donor span.donor-logo {
	height:166px;
	width:233px;
	}
p.donor span.donor-logo img{
	position:relative;
	top:25%;
	}
p.pager {
	padding:8px 0 8px 0;
}	
p.pager a {
	margin:0 2px;
	}

.event-image-outer {
	float:left;
	width:260px; 
	margin-right:10px;
	}

/* =Forms */
fieldset {
	border:none;
	margin:0;
	}
fieldset label {
	width:110px;
	font-size:0.9em;
	margin:3px 0 3px 0;
	float:left;
	}
fieldset label.long {
	width:250px;
}
fieldset p {padding:0 0 0.3em 0;}
fieldset .text,
fieldset .textarea {
	width:275px;
	height:16px;
	font-size:0.9em;
	margin:0 6px 7px 12px;
	padding:3px 2px 1px 2px;
	border:1px solid #7f9db9;
	}
fieldset .textarea {height:80px;}
fieldset .select {
	width:281px;
	font-size:0.9em;
	padding:2px 2px 3px 2px;
	margin:0 6px 7px 12px;
	border:1px solid #7f9db9;
	}
select.payment{
	margin:0 0 10px 0;
	height:28px;
	hei\ght:24px;
	width:170px;
	w\idth:166px;
	padding:2px;
	}	
fieldset .error {
	margin-left:122px;
	}	
fieldset label .error {
	margin-left:0;
	}	
fieldset.search-box br{display:none;}

fieldset.login .text {
	width:145px;
	}
fieldset.login br {
	clear:both;
	}	
fieldset.login label {
	font-weight:bold;
	font-size:1.1em;
	color:#ab0534;
	}
fieldset.bidding span.error {
	margin-left:0;
	display:block;
	}

		
/* search box */

#search {
	width:354px;
	clear:both;
	background: #fff url(../../images/branding/eventsbg.gif) no-repeat;
	margin:0;
	padding:0;
	}
#search h3 {
  padding:0;
  font-weight:bold;
  text-transform:uppercase;
  font:1.0em Georgia, "Times New Roman", Times, serif;
  color:#7e9cbe;
	}
#search p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.9em;
	font-weight:bold;
	}
#search ul.search-buttons {
	border:none;
	margin:0;
	padding:0;
	float:left;	
	list-style:none;
	}
#search ul.search-buttons li {
	padding:0;
	margin:0;
	text-align:center;
	float:left;
	}
#search ul.search-buttons li#tab-1 a {
	width:79px;
}
#search ul.search-buttons li#tab-2 a {
	width:106px;
}
#search ul.search-buttons li#tab-3 a {
	width:133px;
}
#search ul.search-buttons li a {
	font:0.95em Georgia, "Times New Roman", Times, serif;
	border:4px solid #ebebeb;
	padding: 6px 0 11px 0;
	height:31px;
	he\ight:14px;
	margin:0 4px 0 0;	
	background:#fff;
	font-weight:bold;
	color:#7e9cbe;
	float:left;
	border-bottom:none;
	text-decoration: none;
	}
#search ul.search-buttons li.last a {margin:0;}

#search ul.search-buttons li a:hover,
#search ul.search-buttons li.cur a:hover {
	color:#000;
	}
#search ul.search-buttons li.cur a {
	border:4px solid #ebebeb;
	border-bottom:none;
	z-index:3;
	position:relative;
	color: #000;
	}
#search fieldset.search-box {
	float:left;
	width:346px;
	w\idth:332px;
	margin:-4px 0 0 0;
	padding:10px 0 10px 14px;
	border:4px solid #ebebeb;
	list-style:none;
	}
fieldset.search-box .text {
	float:left;
	width:257px;
	margin:0 0 0 0;
	}
fieldset.search-box .select {
	width:321px;
	float:left;
	font-size:0.9em;
	padding:2px 2px 3px 2px;
	border:1px solid #7f9db9;
	margin:0 0 0 0;
	}
fieldset.search-box .error {
	margin-left:0;
	}	
fieldset .submit,
fieldset .submit.send,
a.button-79,
a.button-99,
input.button-79 {
	background:#ab0534 url(../../images/branding/button-79.gif) no-repeat; 
	border: none;
	display:block;
	height:29px;
	margin:10px 10px 10px 0;
	width:79px;
	font:1.1em Georgia, "Times New Roman", Times, serif;
	text-align:center;
	padding: 0 0 2px 0;
	line-height:27px;
	color: #fff;
	cursor:pointer;
	}
a.button-79,
a.button-99,
input.button-79 {
	display:inline-block;
	text-decoration:none;
	padding:0;
	line-height:27px;
	margin:0 6px 14px 0;
	}
.primary-content-col2 a.button-79 {
	line-height:29px;
	margin:0 0 14px 6px;
	}
a.button-79.last {
	margin:0 0 14px 0 !important;
	}
a.button-99 {
	background:#7f9db9 url(../../images/branding/button-99.gif) no-repeat;
	width:99px;
	}
fieldset .submit.send {
	background:#7f9db9 url(../../images/branding/button-115.gif) no-repeat;
	width:115px;
	}
a.button-79.buy{
	background:#e41904 url(../../images/branding/button-79-buy.gif) no-repeat; 
	}
input.button-79.buy	{background:#e41904 url(../../images/branding/button-buy.gif) no-repeat;}
input.button-79.blood{background:#e41904 url(../../images/branding/button-79.gif) no-repeat;}
a:hover.button-79 {
	color:#fff;
	background:#686868 url(../../images/branding/button-79-hover.gif) no-repeat; 
	}
a:hover.button-99 {
	color:#fff;
	background:#686868 url(../../images/branding/button-99-hover.gif) no-repeat; 
	}

fieldset.search-box .submit {
	margin:0 0 0 12px;
	font-size:0.8em;
	float:left;
	width:46px;
	height:22px;
	color:#efeeef;
	line-height:21px;
	background: #7f9db9 url(../../images/branding/events-submit-bg.gif) no-repeat;
	}
#content .side-event {
	display:inline-block;
	margin:11px 11px 0 0;
	}
#content .side-event.third {
	margin:11px 0 0 0;
	}
.side-event {
	float:left;
	width:239px;
	padding:0;
	color:#686868;
	font-size:0.95em;
	border:1px solid #c5d2e3;
	margin:0 0 14px 0;
	}
.secondary-content .side-event {
	margin:0 0 14px 0 !important;
	}
.side-event img {
	float:left;
	margin-right:9px;
	}
.side-event p strong a {
	text-decoration:none;
	color:#686868;
	}
.side-event p strong a:hover {
	text-decoration:underline;
	}
.side-event p {
	padding:8px 7px 9px 9px;
	line-height:1.3em;
	}
p.bid-time {
	display:block;
	color:#ab0534;
	line-height:1.2em;
	padding:0 0 0 28px;
	margin:0 0 10px 0;
	background: url(../../images/branding/bid-time.gif) no-repeat left;
	}
p.current-bid {
	display:block;
	color:#ab0534;
	width:265px;
	w\idth:238px;
	padding:8px 15px 30px 12px;
	margin:0;
	background: url(../../images/branding/current-bid.gif) no-repeat top left;
	}
h2.event-header {
	padding:0 0 5px 0;
	}

/* links */
#SendToFriendLink,
#PrinterFriendly,
.download,
.pdf {
	margin:0 0 4px 0;
	font-weight:bold;
	line-height:1.8em;
	padding:1px 0 1px 20px;
	background: url(../../images/branding/send-icon.gif) no-repeat 0 50%;
	}	
#PrinterFriendly {background: url(../../images/branding/print-icon.gif) no-repeat 0 50%;}
.download {background: url(../../images/branding/download-icon.gif) no-repeat 0 50%;}
	

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

table {
	font-size:1.0em;
	width: 100%;
	}
table.basket{
	font-size:0.9em;
	border-bottom:1px solid #ab0534!important;
	margin-bottom:20px;
	}
table td {
  	padding:8px 8px 8px 0;
  	text-align: left;
  	border-bottom: 1px solid #ebebeb;
  	}
table.basket td{
	border-top: 1px solid #ebebeb;
	border-bottom:none;
	}		
table.bid-history tr{
	background: #f7f7f7;
	}
table tr.headers {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	color:#ab0534;
	background: #fff;
	font-weight:bold;
  	}
table p {
	color:#686868;
	margin:0;
	padding:5px 0 0 0;
	}		
table.bid-history{
	font-size:0.9em;
	border-top:1px solid #ab0534;
	}
table.bid-history tr.alt {background: #fff;}	
table.basket th{
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:15px 8px 7px;
	font-weight:normal;
	font-size:1.5em;
	text-align:left;
	border-bottom:1px solid #ab0534;
	color:#a51c26;
	}
table.bid-history td{padding:8px;}
table.basket td{padding:15px 11px 25px;}	
table.basket td p{padding:0 30px 0 0; color:#000;}	
table.basket tr.alt {background: #f7f7f7;}
table.basket td a.w100, table.basket td a img{width:100px;}
table.basket td a.w100{display:block;}
td.w122, th.w122{width:122px; w\idth:100px;}
td.w201, th.w201{width:257px; w\idth:235px;}
td.w100, th.w100{width:110px; w\idth:88px;}
td.w180, th.w180{width:192px; w\idth:170px;}
/* =Header
-------------------------------------------------------*/
#header-outer {
	width:100%;
	padding:7px 0 0 0;
	background:#686868;
	text-align:center;
	}
#header {
	width:745px;
	position:relative;
	margin:0 auto;
	text-align:left;
	}
strong#logo {
	width:96px;
	position:absolute;
	height:83px;
	top:0;
	left:0;
	background:url(../../images/branding/ask4events-logo.gif) no-repeat;
	}
strong#logo a {
	display:block;
	height:83px;
	text-indent:-999em;
	background:url(../../images/branding/ask4events-logo.gif) no-repeat;
	overflow:hidden;
	}

/* =Footer
-------------------------------------------------------*/
#footer {
	color:#6a6a6a;
	float:left;
	margin-top:9px;
	padding:10px 0 20px 0;
	border-top:1px solid #ebebeb;
	text-align:left;
	} 
#footer a {
	text-decoration: underline !important;
	color:#6a6a6a;}
#footer p {margin: 4px 0 0 0;
	line-height:1.6em;
	padding:0;}
#footer p.created-by {
	display:inline;
	float:right;
	text-align:right;
	}
#footer p.created-by a{
	display:block;
	text-indent:999em;
	overflow:hidden;
	color: #fff;
	}
#fuse8-logo{
	background:#777777 url(/images/branding/fuse8.gif) no-repeat left top;
	width:88px;
	height:16px;
	}
#xplode-logo{
	background:#777777 url(/images/branding/xplode.gif) no-repeat left top;
	width:89px;
	height:12px;
	}