/* -------------------------------------------------------------- 
URI: http://www.americanheart.org (BETA)
Description: Event tempalte
Author: Leon Truong
Version: 1.00
Tags: events, ahacore, reset,
Updated Date: 

November 23, 2009: Created
February 16, 2010: Modified - Added style to Localization Events Listing
-------------------------------------------------------------- */
/* over writing content_wrapper style from core */
body.StateListPage .content_wrapper{
background:none repeat scroll 0 0 transparent !important;
margin-top:0 !important;
padding-top:0 !important;
top:0;
}


/* Background style treatment for State/City Page */
.bgStateCity{
/* background:transparent url('../images/state_localization_bg.png') scroll repeat-x center top; */
}

.bgStateCityDesign{
background:url("../images/state_localization_banner2.png") no-repeat scroll center -20px transparent;
height:250px;
margin:0 auto;
overflow:hidden;
position:relative;
width:940px;
}


.inputSearchBg{
/* background:url("../images/input_search_bg.png") no-repeat scroll center 5px transparent; */
display:block;
height:35px;
overflow:hidden;
width:187px;
}





.eventInfo {
background:#f7f7f7 url('../images/event_bar.png') repeat-y scroll 10px 0;
display:block;
margin: 10px 0;
overflow: hidden;
border: 1px solid #eaeaea;
}

.eventTime {
vertical-align: text-top;
display:inline-block;
padding:10px;
width:280px;/* 260px */
float: left;
}

.eventTime span.eventInfoDetail{

}

.eventLoc {
vertical-align: text-top;
display:inline-block;
padding:10px;
width:290px;
float: left;
}

.eventContent {
width: 100%;
}

.eventContact {

}

.widgetContent .imgMod {
margin: 3px !important;
}

.widgetContent .eventimgsmall {
	background-position:50% 50% !important;
border:1px solid #EAEAEA;
height:75px;
margin:4px;
overflow:hidden;
width:75px;
	
}

#ahaContentLeft {
/*width: 610px !important;*/
}

/* Style for Localization Events Listing	 */
#localEventsList{

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background:none repeat scroll 0 0 #F5F5F5;
border:1px solid #C1C1C1;
margin-top:10px;
width:940px;

}


.listingLocalOfficeWrapper{
/* width:616px; */
/* position:absolute; */
/* top:366px; */
background:none repeat scroll 0 0 #F7F7F7 !important;
font-size:12px;
margin:20px 10px 0;
}

.localEventsTitleBar{
font-size: 13px;
color: #5d5d5d;
text-transform: uppercase;
padding:12px 10px;
border-bottom: 1px solid #eaeaea;
background: transparent url(../css/custom-theme/images/ui-bg_diagonals-medium_55_eaeaea_40x40.png) repeat scroll 50% 50%;

}

.localEventsTitle{
display:inline-block;
margin:0;
text-align:left;
text-shadow:0 1px 0 #FFFFFF;
vertical-align:middle;
line-height: 15px;
float: left;
}

.iconCalendar{
vertical-align: bottom;
display: inline-block;
margin: 0 5px 0 0;
}

.localEventsPaginationWrapper{
/* display: inline-block; */
float: right;
/* width: 400px; */
/* text-align: right; */
margin: 0;
padding: 0;
}

#page_navigation{
/* display: inline-block; */
}

.paginationList{
/* display:inline-block; */
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:-3px 0 0 0;
padding:0;
vertical-align:middle;
float: left;
}
.paginationList li{
float: left;
margin: 0 2px;
overflow: visible;
}

.eventDisplay{
display: block;
}

.eventDonotDisplay{
display: none;
}

a.pageSelected{
background: #c1c1c1 !important;
color: #FFF !important;
}

.paginationList li a{
background: #f7f7f7 url('../images/bg_btn_white.png') scroll repeat center top;
padding: 3px 6px;
border: 1px solid #c1c1c1;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
display: inline-block;
}

.paginationList .active_page{
/* background: #000 !important; */
color: #d41017 !important;
}

.paginationList li a:hover{
background: #c1c1c1;
}

.contentPadding{
padding:0 10px;
}



.formStateZipCodeWrapper{
background:none repeat scroll 0 0 transparent;
height:1px;
left:410px;
overflow:visible;
position:relative;
top:-124px;
width:450px;
}

.formStateZipCodeWrapper form{
/* width: 960px; */
}

.formSelectState{
margin: 0 auto;
width: 600px;

}



.formSelectState .cellWidthState{
width:325px;
*width:225px;

}

.formSelectOptionState{
color:#5D5D5D;
float:left;
font-size:12px;
left:133px;
margin:0;
padding:0;
position:relative;
vertical-align:top;
}

#localZipSearch{
background:none repeat scroll 0 0 transparent;
border:medium none;
color:#5D5D5D;
margin:0 10px 0 0;
left:10px;
*left:15px;
padding:5px 0;
position:relative;
top:3px;
*top:0px;
width:135px;
font-size: 12px;
}

#btnSubmitSearchZip{
background:none repeat scroll 0 0 transparent;
border:0 none;
cursor:pointer;
height:25px;
left:5px;
*left: 15px;
line-height:25px;
overflow:hidden;
position:relative;
right:5px;
text-indent:-100px;
top:5px;
*top:0px;
vertical-align:top;
width:25px;
}

#btnSubmitSearchZip span{
display:block;
overflow:hidden;
text-indent:-9999px;
}


.localEventsHeadingWrapper{
border-bottom:1px solid #EAEAEA;
color:#5D5D5D;
padding:10px 0;
text-shadow:0 1px 0 #FFFFFF;
text-transform:uppercase;
}

.headingDate{
display: inline-block;
width: 130px;
vertical-align: middle;
}

.headingDate a{
color: #5d5d5d !important;
display: inline-block !important;
}

.headingDate a:hover{
background: none transparent !important;
color: #c1c1c1 !important;
}

.headingName{
display: inline-block;
width: 400px;
vertical-align: middle;
}

.headingName a{
color: #5d5d5d !important;
display: inline-block !important;
}

.headingName a:hover{
background: none transparent !important;
color: #c1c1c1 !important;
}

.headingLocation{
display: inline-block;
width: 190px;
vertical-align: middle;
}

.headingLocation a{
color: #5d5d5d !important;
display: inline-block !important;
}

.headingLocation a:hover{
background: none transparent !important;
color: #c1c1c1 !important;
}


.headingOffice{
display: inline-block;
width: 235px;
vertical-align: middle;
}

.headingOffice a{
color: #5d5d5d !important;
display: inline-block !important;
text-shadow: 1px 1px 1px #c1c1c1;
}

.headingOffice a:hover{
background: none transparent !important;
color: #c1c1c1 !important;
}

.headingAddress{
display: inline-block;
width: 400px;
vertical-align: middle;
}

.headingAddress a{
color: #5d5d5d !important;
display: inline-block !important;
text-shadow: 1px 1px 1px #c1c1c1;
}

.headingAddress a:hover{
background: none transparent !important;
color: #c1c1c1 !important;
}

.headingCityStateZip{
display: inline-block;
width: 190px;
vertical-align: middle;
}

.headingCityStateZip a{
color: #5d5d5d !important;
display: inline-block !important;
text-shadow: 1px 1px 1px #c1c1c1;
}

.headingCityStateZip a:hover{
background: none transparent !important;
color: #c1c1c1 !important;
}


.headingImg{
display:inline-block;
line-height:15px;
margin:2px 5px;
padding:2px;
vertical-align:top;
}

.localCityWrapper{
border-bottom:1px solid #EAEAEA;
padding:6px 0;
text-shadow:0 1px 0 #fff;
}

.localCity{
display: inline-block;
width: 130px;
vertical-align: top;
text-indent: 5px;
}

body.StateListPage .localCity{
width: 235px !important;
}

.localAddress{
display: inline-block;
width: 400px;
}



.localState{
display: inline-block;
width: 190px;
vertical-align: top;
}

.eventItemWrapper{
border-bottom:1px solid #EAEAEA;
padding:6px 0;
text-shadow:0 1px 0 #fff;
}
.eventDate{
display: inline-block;
width: 130px;
vertical-align: top;
}

.eventName{
display: inline-block;
width: 400px;
vertical-align: top;

}
.eventLocation{
display: inline-block;
width: 190px;
vertical-align: top;

}

div.contentPadding a{
background: transparent none;
overflow: hidden;
text-decoration: none;
display: block;
}

div.contentPadding a:hover{
background: transparent url(../css/custom-theme/images/ui-bg_diagonals-medium_55_eaeaea_40x40.png) repeat scroll 50% 50% !important;
overflow: hidden;
}

.resultEvenRow{
background: #f7f7f7 !important;
}

.resultOddRow{
background: #fff !important;
}


/* End Localization Event Listings */


.showMoreText{
margin: 5px 0;



}

.showMoreText a{
background: #f7f7f7 url('../images/bg_btn_white.png') scroll repeat center top !important;
padding: 3px 10px;
margin: 0;
border: 1px solid #eaeaea;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block !important;
}

.showMoreText a:hover{
background: none !important;

}