/* WHAT'S UP? BROWSER VERSION
 * Specifically for desktop-searches
 */
 
 html, body {  background-color: white; }

#whatsup-box {  margin: 10px 0px;  }
#whatsup-box a {  text-decoration: none; color: inherit;  }

div.whatsup-marketing {
	height:400px;
	background:url(../images/whatsup/whatsup-banner-left.jpg) no-repeat top left;	
}
ul.whatsup-marketing-list {
	position:relative;
	top:80px;
	left:200px;
	list-style-type: none;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	width:200px;
}
ul.whatsup-marketing-list li {
	clear: left;
	margin-bottom:5px;
	height:60px;
	width:190px;
	color: white;
}
ul.whatsup-marketing-list img {
	height:45px;
	width:45px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}

#whatsup-banner {
	background: url('../images/whatsup/whatsup-banner-top.jpg') no-repeat top left;
	height: 150px;
}

#whatsup-banner-text {
	color: white;
	margin: 70px 0px 0px 23px;
	letter-spacing: 0.3px;
}
#whatsup-banner-text h3 {  font-size: 16px;  }

.whatsupBorder {
	border: 1px solid #CCC;
	width: 320px;
	padding: 10px;	
}

.resultsContainer {
	border: 1px solid #CCC;
	border-bottom: 0px;
	width: 320px;
}

.resultsContainer h1 {
    font-family: Helvetica;
    font-weight: bold;
    font-size: 13pt;
    color: black;
    line-height: 20px;
    margin-bottom: 0px;
    margin-top:3px;
    line-height: 15px;
}

.resultsContainer h2 {
    font-family: Helvetica;
    font-size: 11pt;
    height: 18px;
    color: rgb(104, 104, 104);
    margin-bottom: 0px;
    margin-top:0px
}

.resultBox {
	border-bottom: 1px solid #CCC;
	padding: 5px;
	height: 36px;
}

.arrow {
	float: right;
	background: url('../images/whatsup/chevron.png') center right no-repeat;
	padding-right: 17px;
	margin-top: 0px;
	color: rgb(104, 104, 104);
}

.buy-share {
	line-height: 70px;
}

label {
/*	position: relative; */ 
	float: left;  
	width: 6em;  
	margin-right: 1em; 
	text-align: right;
	font-weight: bold;
}
label.on-top {
	float:none;
	width: 100%;
	text-align:left;
}
label em {  
	color: red;
}

/* the vertical search form...this appears if you don't have cookies */
#whatsup-form {
	border: 1px solid #ccc;
	padding-top:20px;
}
* html #whatsup-form input { margin-top:10px; }
* html #whatsup-form-horizontal input { margin-top:10px; }
#whatsup-form ul {
	list-style-type: none;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
#whatsup-form ul li {
	list-style-type: none;
	list-style: none;
	clear: left;
	margin-bottom:10px;
	line-height: 42px;
}
#whatsup-form #whatsup-form-button {
	border:0px;
	background-color:white;
	margin-left:115px;
	width: 70px;
	height: 25px;
	background: url('../images/whatsup/button-search.gif') center right no-repeat;	
}
/* this is the horizontal search form */
#whatsup-form-horizontal {
	border: 0px;
	padding-top:0px;
	margin-top: -20px;
}
* html #whatsup-form-horizontal { margin-top: 0px; }

#whatsup-form-horizontal ul {
	list-style-type: none;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
#whatsup-form-horizontal ul li {
	list-style-type: none;
	list-style: none;
	float: left;
	line-height: 42px;
}

#whatsup-from-horizontal ul li label {
	width: 5em;	
}
* html #whatsup-form-horizontal ul li label { width:5em; }
* html #whatsup-form-horizontal ul li#form-distance { margin-left:20px; }

#whatsup-form-horizontal .example-txt {
	display:none;
}

#whatsup-form-horizontal #form-button {
	
}

#whatsup-form-horizontal #whatsup-button-label {
	display:none;	
}

#whatsup-form-horizontal #whatsup-form-button {
	border:0px;
	background-color:white;
	margin-left:10px;
	width: 25px;
	height: 25px;
	background: url('../images/whatsup/button-go.gif') 0 0 no-repeat;
}




#selected-date {
	float: left;}

div.calendar {
	width:200px;
}
div.calendar
{
  margin-left: 0px;
  margin-top: 0px;
}

/* pulled in from whatsup-results.ftl on 07/14/09 */
#info {height:30em;}
#info p {text-align:center;}

.menu li {
	list-style-type:none;
 	float:left;
	background-repeat: no-repeat;
	
 	}

.menu a {
	color: #585858;
	font-weight: bold;
	font-size: 19px;
	text-align: center;
	width: 89px;
	height: 59px; /* was 62 */
	margin-right: 4px;
	float: left;
	background-image: url(/images/whatsup.gif);
	background-repeat: no-repeat;
	background-position: -123px -155px;
	text-transform: lowercase;
	text-decoration: none;
	
	line-height: 22px;
	padding-top: 3px;
	text-shadow: #ffffff 0px 1px 0px;
	}

.menu a strong {
	font-size: 14px;
	display: block;
	text-transform: capitalize;
	}

.menu a span {
	font-size: 17px;
	}

.menu a.selected {
	background-position: -123px -279px;
	color: #fff;
	text-shadow: #042a00 0px 1px 1px;
	
	 }

.menu a.unselected:hover {
	 background-position: -123px -217px;
	 }

.menu a:hover {
	text-decoration: none;}
	 
/* --------------------------- ANDREW CHANGES */

/* full width */

.whatsup-header {
	display: block;
	margin: 0px 0px 0px 0px;
	position: relative;
	padding: 15px 35px 0px 35px;
	}

/* calendar */

.whatsup-header .calendar {
	position: absolute;
	top:0px;
	right:35px;
	width: 124px;
	height: 60px;
	background-image: url(/images/whatsup.gif);
	background-position: -235px -169px;
	background-repeat: no-repeat;
	}
	
.whatsup-header .calendar #selected-date {
	position: absolute;
	top:21px;
	left: 6px;
	width: 112px;
	height: 33px;
	background-image: url(/images/whatsup.gif);
	background-position: -241px -238px;
	background-repeat: no-repeat;
	text-indent: -10000px;
	}

.whatsup-header .calendar #selected-date:hover {background-position: -241px -272px;}
.whatsup-header .calendar #selected-date:active {background-position: -241px -306px;}

/* last/next week */

.whatsup-header .last-week, .whatsup-header .next-week {
	height: 48px;
	width: 25px;
	background-image: url(/images/whatsup.gif);
	text-indent: -10000px;
	float: left;
	position: absolute;
	}

.whatsup-header .last-week {background-position: -150px -364px;
	top:15px;
	left:8px;}

.whatsup-header .last-week:hover {background-position: -150px -429px;}
	
.whatsup-header .next-week {background-position: -325px -364px;
	top:15px;
	right:230px;}

.whatsup-header .next-week:hover {background-position: -325px -429px;}

.menu {
 	margin:0px;
 	padding:0px;
 	height: 55px;
 	border-bottom: 1px solid #dbdbdb;
 	}
 	
 #results {
 	clear: both;
 	padding: 0px 35px;}
 	
/* sort */

.whatsup-results thead th {
	height: 21px;
	padding: 0px;
	background: none;
	}

.whatsup-results thead a, .whatsup-results thead a span {
	height: 21px;
	display: block;
	background-image: url(/images/whatsup.gif);
	background-repeat: no-repeat;
	background-position: 100px 100px;
	}
	
.whatsup-results thead a, .whatsup-results thead th {
	color: #6d7a5f;
	font-weight: 500;
	text-decoration: none;
	}	
	

.whatsup-results thead a {
	margin-right: 1px;}

.whatsup-results thead a span {
	line-height: 22px;
	text-indent: 6px;
	}
	
.whatsup-results thead a:hover {background-position: 0px 0px;}
.whatsup-results thead a:hover span {background-position: 100% -50px;}

.whatsup-results thead .sort a, .whatsup-results thead a:active {background-position: 0px -25px;}
.whatsup-results thead .sort a span {background-position: 100% -100px;}

.whatsup-results thead .desc a span {background-position: 100% -125px;}

.whatsup-results thead .sort a:active span, .whatsup-results thead a:active span {background-position: 100% -75px;}

/* zebra */



.whatsup-results .green-zebra .sort, .whatsup-results tbody .green-zebra:hover .sort {
	background: #eff5ef;}

/* rows */

.whatsup-results tbody td {
	border-bottom: 1px solid #e3e8e3;
	padding: 2px 1px 2px 8px;
	vertical-align: middle;}

.whatsup-results tbody tr:hover td {
	background-color: #f7fbf7;}

.whatsup-results tbody tr .sort, .whatsup-results tbody tr:hover .sort {
	background-color: #e7ede7;
	border-bottom: 1px solid #ced6ce; }

#whatsup-results {
	padding-top: 15px;}

.whatsup-results tbody .artist-col {
	font-weight: bold;
	font-size: 13px;}

.whatsup-results tbody .venue-col a {
	font-weight: bold;
	display: block;}

.whatsup-results tbody .venue-col span {
	font-size: 10px;}



	/* arrows */
	
.whatsup-results tr .arrow {
	float: left;
	text-indent: -10000px;
	width: 17px;
	height: 17px;
	background-position: -9px -91px;
	background-image: url(/invite2/scripts/multi-search/images/multi-search-results.gif);
	margin: 0px;
	padding: 0px;
	}

.whatsup-results tr:hover .arrow {
	background-position: -9px -175px;
	}