
.tile{

height:85px;
width:620px;
border:1px solid #eee;

background-color:#fff;
/*border-bottom:2px solid #999;*/
position:relative;
cursor:pointer;
}
.tileOn{
box-shadow: -1px 1px 8px #999;
-moz-box-shadow: -1px 1px 8px #999;
-webkit-box-shadow: -1px 1px 8px #999;

}

.month{

  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:normal;
  text-transform: uppercase;
  text-align: left;
   width:auto;
     font-size:19px;
     color:#444444;
position:absolute;
top:6px;
left:6px;
padding-left:2px;

}

.multiday{
  line-height:.9em;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:normal;
  text-transform: uppercase;
  text-align: left;
   width:auto;
font-size:25px;
font-weight:bold;
color:#999999;
padding-left:7px;

}

.multimonth{

  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:normal;
  text-transform: uppercase;
  text-align: left;
  width:auto;
  font-size:17px;

  color:#444444;
  padding-left:7px;

}


.date{
font-size:45px;
font-weight:bold;
color:#999999;
position:absolute;
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
top:33px;
left:6px;
padding-right:2px;
margin-right:2px;
}

.year{
font-size:18px;
font-weight:normal;
color:#9c9c9c;
position:absolute;
top:63px;
left:6px;
padding-left:2px;

}

.dateContain{
width:135px;
background-color:#f7f7f7;
height:100%;

}

.eventFlag{
font-size:12px;

padding:2px;
font-weight:normal;
color:#ffffff;
position:absolute;
text-align:center;
top:0px;
left:141px;
width:70px;
line-height: 1.1em;
text-transform: none;
	border-radius:0px 6px 0px 6px;
	-moz-border-radius:0px 6px 0px 6px;
	-webkit-border-radius:0px 6px 0px 6px;


}
.eventType{
font-size:13px;
text-align:right;
font-weight:normal;

position:absolute;
top:6px;
right:15px;
width:auto;
margin-bottom:1px;

}

.eventData{
position:absolute;
top:6px;
left:145px;
width:400px;
height:88px;
}

.eventTitle{
font-size:14px;
text-decoration:underline;
font-weight:bold;
color:#2d2c2c;
line-height: 1.1em;
text-transform:uppercase;
text-align:left;
margin-bottom:10px;
margin-top:3px;
width:350px;

}
.eventCity{
font-size:13px;
font-weight:normal;
color:#505050;
position:relative;
text-transform: capitalize;
width:370px;
line-height: 1.1em;
text-transform: none;
text-align:left;
text-decoration:none;
vertical-align: middle;

}

.eventMulti{
font-size:12px;
font-weight:bold;
color:#0066FF;
position:absolute;
bottom:20px;
right:25px;

line-height: 1.1em;
text-transform: none;
text-align:right;
}

.Red{
color:#a20d0d;
}




a.ieButton{

cursor:pointer;
font-size:15px;
margin-right:-2px;
margin-left:-2px;
color:#444444;
width:25px;
height:25px;
margin-right:1px;
background-color:#f7f7f7;
text-align:center;
border:solid 1px #ccc;
max-width:25px;
-webkit-appearance: none;
padding:3px 7px;
text-decoration:none;
}

a.ieButtonRed{
-webkit-appearance: none;
cursor:pointer;
font-size:15px;
color:#fff;
width:25px;
height:25px;
margin-right:1px;
background-color:#444;
text-align:center;
border:solid 1px #000;
max-width:25px;
padding:3px 8px;
text-decoration:none;
}

a.ieButton:hover .ieButtonRed:hover{
font-size:15px
color:#cc0000;

}
a.nextPrev{
font-size:15px
width:auto;
max-width:50px;
}
.attending{
position:absolute;
z-index:20;
min-width:50px;
height:45px;
width:auto;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
font-size:32px;
opacity: 1.0;
line-height:1.2em;
text-align:center;
background-color:#f6f6f6;
color:#35afe6;
left:75%;
top:27%;
}

.bubbleMap
{
display:none;
top:-48px;
left:25px;
position: absolute;
width: 50px;
height: 30px;
padding: 0px;
background: #faaf40;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
z-index:10;
text-align:center;
padding-top:6px;
line-height:1.0em;
font-size:11px;
color:#fff;
}

.bubbleMap:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 9px 0;
border-color: #faaf40 transparent;
display: block;
width: 0;
z-index: 1;
bottom: -15px;
left: 16px;
}


#resultsPanel{
   position:relative;
	overflow: auto;
  	height:1300px;
  	width:640px;
  	margin-right:20px;
}



#adArea{
	position:relative;
	display:block;
	margin-top:20px;
    background-color:#fff;

	width:240px;
	padding:5px 10px;
}


#buttonArea{

position:relative;
height:auto;
text-align:center;
margin-top:0px;

}


#searchContainer{
position:relative;
display:block;
color:#fff;
margin-left:0px;
margin-top:25px;
width:260px;
background-color:#888;
height:auto;
/*opacity: .90;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";*/

}

#postButton{
position:relative;
display:block;
width:260px;
margin-left:0px;
margin-top:5px;
}


.bigSearch{
position:absolute;
color:#444444;
left:285px;
width:305px;
height:30px;
padding:6px 20px;
background: url('/images/icons/search_icon.png') no-repeat 10px;
background-color:#fff;
border:1px solid #cccccc;
vertical-align:middle;
font-size:22px;
padding-left:45px;
z-index:30;
top:10px;
/*THIS MUST BE ABSOLUTELY POSITIONED BECAUSE IT'S IN A FORM AND NOT INSIDE THE DIV THAT HOUSES THE MIDDLE COLUMN*/
}

#buttonHolder{
position:absolute;
width:240px;
vertical-align:top;
margin-top:23px;
z-index: 30;
left:670px;
text-align:right;

}

#iconHolder{
display:table-cell;

width:70px;

vertical-align:bottom;


}
#advancedFilters{
font-size:15px;
color:#444444;

padding:7px;
text-align:left;
margin-bottom:5px;
font-weight:bold;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;

}



#printControl{
padding:10px;
width:400px;
background-color:#cccccc;
position:absolute;
z-index:420;
top:60px;
left:50%;
margin-left:-200px;
display:none;
-moz-box-shadow: 1px 1px 2px #666;
-webkit-box-shadow: 1px 1px 2px #666;
box-shadow: 1px 1px 2px #666;


}
#keywordBox{

display:block;
margin-bottom:15px;
text-align:left;


}

.sResults{
font-size:17px;
text-align:center;
font-weight:bold;

}

.sliderBox{
margin:auto;
width:430px;
margin-top:30px;
position:relative;


}

.squared {
    border: 2x solid black;
}

.ue{
	height:28px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #cccccc;
	padding-left:5px;
	font-size:1.2em;
	width:250px;

}
div.clear {
    clear: both;
}

 .key{
position:relative;
height:20px;
width:20px;
vertical-align:middle;
display:inline-block;
margin-right:0px;

}

.keyText{
margin-left:3px;
font-size:18px;
display:inline;
vertical-align:middle;
color:#ffffff;
}



.vidPanel{

width:640px;
height:420px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color:#f7f7f7;
box-shadow: 1px 1px 2px #999;
-webkit-box-shadow: 1px 1px 2px #999;
-moz-box-shadow: 1px 1px 2px #999;
padding:15px;
z-index:50;
margin:auto;
position:absolute;
top:30px;
left:50%;
margin-left:-320px;
display:none;


}
#vidFrame{
margin:auto;
position:relative;
margin-left:0px;
margin-top:20px;
}


.featuredPhoto{

height:65px;
width:230px;
padding:5px;


}
.featuredPhoto:hover{
background-color:#f9f9f9;
-moz-box-shadow:  1px 1px 8px #888;
-webkit-box-shadow: 1px 1px 8px #888;
box-shadow: 1px 1px 8px #888;


}
.featuredHeader{

width:98%;
color:#444;
text-align:left;
font-size:16px;
vertical-align: bottom;
font-weight:normal;
padding-top:8px;
margin-bottom:2px;
border-bottom:1px #aaa solid;

}


.timeMenu{
	position:absolute;
	border:1px solid #ccc;
	top:15px;
	left:0px;

	background-color:#fff;
	font-size:11px;
	color:#444;
	z-index:40;
	box-shadow:1px 1px 3px #888;
	-moz-box-shadow:1px 1px 3px #888;
	-webkit-box-shadow:1px 1px 3px #888;
	width:130px;
	height:auto;
	display:none;
	text-align:left;
}

.timeSetting{
	height:15px;
	padding:10px;
	text-align:left;
	color:#aaa;
}

.timeSetting:hover{
background-color:#f5f5f5;
}
.timeSetting.highlight{
background-color:#aaa;
color:#fff;
}
.zipBubble
{
position: absolute;
display:none;
top:210px;
left:223px;
width: 250px;
height: 105px;
z-index:3000;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: #7F7F7F solid 2px;
}

.zipBubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
left: -15px;
top: 37px;
}

.zipBubble:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 16px 16px 16px 0;
border-color: transparent #7F7F7F;
display: block;
width: 0;
z-index: 0;
left: -18px;
top: 36px;
}

#logodiv{
position:absolute;
top:25px;
height:30px;
left:25px;
margin-bottom:20px;
}


.postButton{
cursor:pointer;
margin-top:-4px;
margin-left:0px;
line-height:2.7em;
vertical-align: middle;
margin-bottom:20px;
text-align:center;
width:235px;
height:40px;
border:1px #cccccc;
background-color:#a20d0d;
color:white;
font-size:15px;
text-transform: uppercase;
font-weight:bold;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

}