﻿/* ---------------------------------------------------------  
 * ExperienceLA - LA's Official Cultural Calendar & Trip Planner
 * Copyright ©  ExperienceLA.com
/* ---------------------------------------------------------  */

*
{
	margin: 0;
	padding: 0;
}

body
{
	background-color: #dceceb;
	font-size: 72.5%;
	color: #404041;
}

body, textarea, input, select, option, button, .linkLine
{
	font-family: Arial,Helvetica Neue,Helvetica;
}

/* Link */
input
{
	/*cursor: pointer;*/
	cursor: text;
}
input[type=checkbox]
{
	/*cursor: pointer;*/
	cursor: pointer;
}
#feedback-link
{
	position: fixed;
	bottom: 100px; /*top:200px;*/
	right: 0;
	z-index: 9999;
}
a, a.JLinks
{
	color: #366968;
	text-decoration: none;
	cursor: pointer;
}
a:hover, a:focus, a:active, a.JLinks:hover, a.JLinks:focus, a.JLinks:active
{
	text-decoration: underline;
}
.cursor
{
	cursor: pointer !important;
}
a.selected
{
	background-color: #366968;
	color: White !important;
	font-weight: bold;
}
.disabled
{
	color: Gray !important;
}
.white, #Footer ul.footerMenu a
{
	color: White !important;
	white-space: 3px !important;
}

.error
{
	color: Red;
}
.linkLine, #Footer .footerMenu a
{
	text-decoration: underline;
	font-weight: normal; /*color: #71b2b0;*/
}
.linkLine:hover, #Footer .latest li a:hover, #Footer ul.footerMenu a:hover, #Footer .footerMenu a:hover, .addEvent:hover, .addEventSocial:hover, .iw-moreinfo:hover
{
	text-decoration: none;
}

.floatLf
{
	float: left;
}

.floatRt
{
	float: right;
}
.floatFluid
{
	float: left;
	width: 100%;
}
.textRt
{
	text-align: right;
}
.clear
{
	clear: both;
}
.noBorder
{
	border: none !important;
}
ul, ol
{
	list-style-type: none;
}
img
{
	border: none;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/* SPRITES */
#Navi li a, #Navi li a:hover, .topMenu li a.login, .advanceGo, .topMenu li a.signup, .MenuPrevious a, .CRA, .CountyArts, .Metro, .LAInc, .MenuNext a, .searchGo, .signUp, .addEvent, .addEventSocial, .datepicker, .metro, .mail, .direction, .reminder, .architecture, .art, .museum, .theater, .opera, .foodie, .music, .symphony, .dance, .film, .other, .band, .hearing, .farmers, .festival, .parks, .multi, .other, .promo, .poll, .updateSch, .YouTubeButton, .FacebookButton, .searchBtn, .searchBtnDest, .blogButton, .twitterButton, .flickrButton, .myspaceButton, .rssButton, .YouTubeButton:hover, .FacebookButton:hover, .blogButton:hover, .twitterButton:hover, .flickrButton:hover, .myspaceButton:hover, .rssButton:hover, #datepicker_container .ui-datepicker-prev, #datepicker_container .ui-datepicker-next, .ui-datepicker-prev:hover, .ui-datepicker-next:hover, #calEventPromo #promoTitle, .reset
{
	background: url(/Images/Sprite_main.png) no-repeat;
	display: block;
	text-indent: -10001px;
}

.search, .searchDropdownArrow, .print, .email
{
	background: url(/Images/Sprite_main.png) no-repeat;
	display: block;
}
a:link.white
{
	color: White;
	text-decoration: underline;
}
/* HEADING
------------------------------------------- */
h1, h2, .tripPlanner, .ListGetting li, .searchText
{
	font-family: "Calvert MT Std", "Arial", Sans-Serif;
}

#Footer h2
{
	font-family: "Arial", Sans-Serif !important;
	letter-spacing: normal;
}

ul, ol, dl, table, pre, h1, h2, h4
{
	margin-bottom: 8px;
}
h1, .slideHeading
{
	font-size: 2.0em;
	color: #ef3f38;
	padding: 10px;
	letter-spacing: 0.02em;
}

h2, .searchHeading
{
	font-size: 1.6em;
	color: #ef3f38;
	padding: 11px 4px 8px 0;
	margin: 0px;
	white-space: nowrap;
	letter-spacing: 0.03em;
}

h3
{
	font-size: 1.6em;
	font-weight: bold;
	color: #366968;
	margin-bottom: 0;
	letter-spacing: 0.01em;
}

h3 a:hover
{
	color: #03a49f;
	text-decoration: none;
}

h4
{
	color: #eb5f1a;
}
h5
{
	font-size: 1.3em;
	color: #694a51; margin-top:5px;
}
.subTitle
{
	color: Black !important;
	font-size: 11px;
	font-weight: bold;
}
.destinatioTitle
{
	font-size: 1.2em;
	padding: 0;
}

/* LAYOUT
------------------------------------------- */
#BgImages
{
	background: transparent;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 1000px;
	z-index: -1 !important;
}

#Frame
{
	width: 965px;
	margin: 0 auto;
}
#Header
{
	height: 80px;
	width: 962px;
}
#Footer
{
	width: 961px !important;
	margin: 0 auto;
	height: 450px;
}

#FooterBg
{
	width: 100% !important;
	overflow: hidden;
	background: url(/Images/footerBg.jpg) repeat-x bottom left;
}

#photoFrame
{
	text-align: center;
	padding: 5px;
	background-color: #f1e0cf;
	width: 1000px;
	margin: 0 auto;
}

#Navi
{
	overflow: hidden;
	width: 966px;
	height: 62px;
}
#Content
{
	clear: both;
	overflow: hidden;
	width: 923px;
	clear: both; /* Safari 4*/
	padding: 5px 20px;
	margin: 0 auto;
	background-color: #fefcf2;
	min-height: 560px;
}


#ContentGG
{
	padding: 5px 20px;
	margin: 0 auto;
	background-color: #fff;
}
#CtLf
{
	width: 588px;
	float: left;
	padding-right: 10px;
}
#CtRt
{
	float: right;
	width: 300px;
}

#Home
{
	/*background-color: #f8e0c1;*/
	margin: 0px;
	padding: 10px 0 20px 0px;
	position: relative;
	width: 962px;
    float:left;
    height: 300px;
/*border-bottom:2px solid #d6d4cb;*/

}

#Content p
{
	color: #404041;
	padding-bottom: 20px;
	text-align: left;
}

/* HEADER
------------------------------------------- */
.topMenu li a.login
{
	width: 236px;
	height: 38px;
}

.topMenu li a.signup
{
	width: 121px;
	height: 38px;
	background-position: -236px 0;
}

.topMenu li a:hover.login
{
	background-position: 0 -38px;
}
.topMenu li a:hover.signup
{
	background-position: -236px -38px;
}
.logo
{
	padding-top: 10px;
}


.search
{
	background-position: 0 -280px;
	width: 308px;
	float: right;
	height: 65px;
	margin-top: -73px;
}

/* Social Media */
.YouTubeButton, .FacebookButton, .blogButton, .twitterButton, .flickrButton, .myspaceButton, .rssButton{
	height: 26px;
	width: 26px;
	float: left;
	margin-left: 5px;
	display: block;
	/*opacity: 0.7;filter: alpha(opacity=70);*/}/*
.YouTubeButton:hover, .FacebookButton:hover, .blogButton:hover, .twitterButton:hover, .flickrButton:hover, .myspaceButton:hover, .rssButton:hover
{
	opacity: 1.0;
	filter: alpha(opacity=100);}*/
	
.YouTubeButton{background-position: -701px -55px;}
.FacebookButton{background-position: -727px -55px;}
.blogButton{background-position: -752px -55px;}
.twitterButton{background-position: -779px -55px;}
.flickrButton{background-position: -805px -55px;}
.myspaceButton{background-position: -831px -55px;}
.rssButton{background-position: -857px -55px;}

.YouTubeButton:hover{background-position: -701px -28px;}
.FacebookButton:hover{background-position: -727px -28px;}
.blogButton:hover{background-position: -752px -28px;}
.twitterButton:hover{background-position: -779px -28px;}
.flickrButton:hover{background-position: -805px -28px;}
.myspaceButton:hover{background-position: -831px -28px;}
.rssButton:hover{background-position: -857px -28px;}



#CtRt .social #Blog li, #CtRt .social #Twitter li, #LAHAPartner li
{
	font-size: 11px;
	line-height: 13px;
	min-height: 25px;
	margin-right: 20px;
}

#CtRt .social #Blog li h3
{
	font-size: 13px;
	line-height: 14px;

}

#CtRt .social img
{
	width: 40px;
	height: 40px;
}


/*.social li
{
	min-height: 60px;
}*/
.socialm
{
	/* margin-left: 250px; */
	width: 325px;
}
.socialm li
{
	float: right !important;
}
/* Search*/
.searchDropdown
{
	background-color: #dcdbdb;
	color: #694a51;
	border: 0;
	padding: 5px 10px;
}
.searchDropdownArrow
{
	width: 23px;
	height: 30px;
	cursor: pointer;
	margin: 15px 6px 0 0;
	background-position: -31px -247px;
	float: left;
}
.searchGo
{
	background-position: 0 -247px;
	width: 29px;
	height: 30px;
	margin: 15px 0 0 0;
	cursor: pointer;
	border: 0;
}

.searchText
{
	height: 18px;
	width: 170px;
	padding: 2px 0 3px 5px;
	color: #20938f;
	font-size: 14px;
	margin: 15px 0 0 35px;
	border: 3px solid #dcdbdb;
}

.searchDesti
{
	height: 18px;
	width: 170px;
	padding: 2px 0 3px 5px;
	color: #20938f;
	font-size: 14px;
	border: 3px solid #dcdbdb;
}

div.search-pane
{
	padding: 10px 10px 10px 10px;
	background-color: #EEEEEE;
	font-size: 12px;
}

/* HOME
------------------------------------------- */
.TopLf
{
	margin-top: -50px;
}

.slideBox
{
	width: 588px;
	float: left; /*padding-right: 35px;*/
	padding-bottom: 10px;
}

.sliderwrapper
{
	position: relative; /*leave as is */
	overflow: hidden; /*leave as is*/
	width: 588px; /*width of featured content slider*/
	height: 275px;
}

.sliderwrapper .contentdiv
{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0; /*leave as is*/
	top: 0; /*leave as is padding: 5px;*/
	width: 250px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%; /*filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);*/
	-moz-opacity: 1; /*opacity: 1;*/
}

.pagination
{
	margin-top: 0px;
	padding: 5px 0 5px 0px;
	z-index: 32000;
	position: absolute;
}

.pagination a
{
	padding: 0px 6px;
	margin-right:3px;
	text-decoration: none;
	color: white;
	font-weight: bold;
	background-color: #cec2bb;
}

.pagination a:hover, .pagination a.selected
{
	color: white;
	font-weight: bold;
	text-decoration: none;
	background-color: #ff4a1d;
}

/* Poll */
.poll
{
	background-position: 0 -375px;
	height: 46px;
	width: 108px;
	position: relative;
	left: 479px;
	top: 47px;
}
.poll:hover
{
	background-position: -108px -364px;
	width: 115px;
	top: 34px;
}

.EventBox
{
	/*height: 600px;*/
	margin-top: 11px;
}


#homeAd
{
    width:300px;
    height:275px;
}

/* EVENT TAGS */

#tagCloud
{
    background: #f3efe3;
    padding:0px 20px 20px 20px;
}
#tagCloud .hi
{
    font-size: 1.3em;
}
#tagCloud .med
{
    font-size: 1em;
}
#tagCloud .lo
{
    font-size: .67em;
}
#tagCloud p
{
    padding: 5px 0px 0px 5px;
    background: #ffffff;
    color: #9c9c9c;
}

#tagCloud h3
{
    font-size: 1.3em;
    color: #899e3f;
    padding: 10px 20px;
    background: #ffffff;
}

#tagCloud h3 a
{
    color: #899e3f;
}

#tagCloud h3 a:hover
{
    text-decoration:underline;
}


/* BOTTOM TRIPLE FEATURE */

#tripleFeatureBlock
{
    float:left;
    clear:both;
    background: #eaf0f0;
    width:923px;
    margin-bottom: 15px;
}

#tripleFeature
{

    padding-left:20px;
  
}

#tripleFeature h3
{
    font-size: 1.5em;
    padding-top: 8px;
}

#tripleFeature img
{
    margin: 5px 0;
}

#tripleFeature p
{
    text-align: right;
}

#tripleFeature .threeBlock
{
    width:285px;
    margin-right: 13px;
}


/* NAVIGATION
------------------------------------------- */
#Navi
{
	float: left;
}
#Navi ul
{
	margin-top: 17px;
	float: left;
	z-index: 100;
}

#Navi li, .topMenu li
{
	padding: 0;
	float: left;
}

#Navi li a, #Navi li a:hover
{
	display: block;
	height: 45px;
	margin: 0;
}

#Navi li.home a
{
	background-position: 0 -83px;
	width: 123px;
}
#Navi li.calendar a
{
	background-position: -123px -83px;
	width: 129px;
}
#Navi li.explore a
{
	background-position: -252px -83px;
	width: 131px;
}
#Navi li.community a
{
	background-position: -383px -83px;
	width: 144px;
}
#Navi li.about a
{
	background-position: -527px -83px;
	width: 138px;
}

#Navi li.home a:hover
{
	background-position: 0 -135px;
}
#Navi li.calendar a:hover
{
	background-position: -123px -135px;
}
#Navi li.explore a:hover
{
	background-position: -252px -135px;
}
#Navi li.community a:hover
{
	background-position: -383px -135px;
}
#Navi li.about a:hover
{
	background-position: -527px -135px;
}

#Navi li.home a.selected
{
	background-position: 0 -187px;
}
#Navi li.calendar a.selected
{
	background-position: -123px -187px;
	width: 129px;
}
#Navi li.explore a.selected
{
	background-position: -252px -187px;
	width: 131px;
}
#Navi li.community a.selected
{
	background-position: -383px -187px;
	width: 144px;
}
#Navi li.about a.selected
{
	background-position: -527px -187px;
	width: 140px;
}

/* community page - google gadget
------------------------------------------- */

#googleGadget 
{
    padding: 10px;   
}

#googleGadget h2
{
    margin: 0px;  
    padding: 0px;  
}


#googleGadget p
{
    margin: 0px;  
    padding: 0px 0px 5px;  

}

/* about us page - special ad spacing
------------------------------------------- */

#aboutAd
{
    margin:70px 0 10px;

}

#promoAd
{
    padding: 20px 0 0px 0;

}

#exploreAd
{
    float:left;
    width:100%;
    text-align:center;
    margin: 10px 0 20px;
}

/* FOOTER
------------------------------------------- */
#Footer ul
{
	float: left;
	padding: 0 11px;
}

#Footer ul li
{
	float: left;
	margin-top: 10px;
}

#Footer ul li a
{
	font-weight: bold;
}

#Footer h2
{
	color: White;
	font-size: 1.5em;
}

.Sponsored
{
	float: left;
	margin-bottom: 25px;
}
/* Categories */
#Footer .latest
{
	background-color: #e2a19f;
	padding: 5px 0px 6px 9px;
	width: 942px;
}

#Footer .latest li .category
{
	height: 20px;
	display: block;
}

#Footer .latest li
{
	width: 119px;
	border-right: 1px solid #f8b6b3;
	padding: 0 18px 3px 18px;
	margin: 11px 0 7px 0;
}

#Footer  .latest-end
{
	width: 119px;
	border-right: none !important;
	padding: 0px 0px 3px 18px !important;
	margin: 11px 0 7px 0;
}

#Footer .latest li a
{
	color: #694a51;
	font-size: 12px;
}

#Footer .latest li a:hover
{
	color: #ee4037;
}
#Footer .latest li img
{
	width: 118px;
	height: 118px;
}

#Footer
{
	padding: 15px 0;
	color: White;
	font-size: 10px;
	width: 100%;
}

#Footer .footerMenu
{
	width: 550px;
	float: left;
}

#Footer .footerMenu ul
{
	margin: 0 0 0 -10px;
	padding: 0;
}
#Footer .footerMenu li
{
	padding: 0 10px !important;
	border-right: 1px solid #fff;
	margin: 25px 0 0 0;
}

#Footer .footerMenu a
{
	text-transform: uppercase;
	font-size: 11px;
	color: White;
}

/* Partnership */
.portals
{
	float: right;
	margin-left: 30px;
}

.jCarousel
{
	float: left;
	width: 450px !important;
}

.jCarousel ul, .jCarousel ul li img
{
	overflow: hidden;
	padding: 0;
}

.jCarousel ul li
{
	float: left;
	padding: 0 !important;
	margin: 0 !important;
}

.MenuPrevious a, .MenuNext a
{
	height: 60px;
	width: 25px;
}

.MenuPrevious a
{
	background-position: 0 -455px;
}
.MenuPrevious a:hover
{
	background-position: -25px -455px;
}

.MenuNext a
{
	background-position: -83px -455px;
}
.MenuNext a:hover
{
	background-position: -58px -455px;
}

/* Ad */
.adText
{
	font-size: 0.9em;
	color: #999;
	margin: 0;
	height: 2px;
	text-align:right;
}

#homeAd .adText
{
	font-size: 0.9em;
	color: #999;
	margin: -5px 0 0 0;
	height: 2px;
	text-align:right;
}

#Footer .adText
{
	font-size: 0.9em;
	color: #694a51;
	margin: 23px 0 0 0;
	height: 2px;
	text-align:left;
}
.ad
{
	margin: 2px 0 0px 0;
}

/* Sponsors */
.CRA, .CountyArts, .Metro, .LAInc
{
	height: 41px;
	width: 41px;
	float: left;
	margin-left: 5px;
	display: block;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.CRA:hover, .CountyArts:hover, .Metro:hover, .LAInc:hover
{
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.CRA
{
	background-position: -520px -23px;
}
.CountyArts
{
	background-position: -561px -23px;
}
.Metro
{
	background-position: -602px -23px;
}
.LAInc
{
	background-position: -643px -23px;
}

/* BUTTONS
------------------------------------------- */
.signUp
{
	background-position: -340px -282px;
	width: 84px;
	height: 29px;
	float: left;
	margin: 0 0 0 10px; //margin:-10px 0 0 10px;}

.tellUs
{
	background-position: -340px -312px;
	width: 84px;
	height: 29px;
}

.advanceGo
{
	background-position: -427px -340px;
	border: none;
	float: right;
	width: 50px;
	margin-top: 15px; //margin-top:-30px;
height:32px;
cursor:pointer;
}

.reset
{
	background-position: -427px -311px;
	width: 68px;
	margin-top: 20px;
	height: 29px;
	border: 0;
	cursor: pointer !important; 
}

.pnlSearch
{
	overflow: hidden;
	width: 400px;
}
.radio input
{
	cursor: pointer;
}

.updateSch
{
	/*background-position: -340px -340px;*/
	background: url(/images/Update-btn.png) no-repeat !important;
	width: 84px;
	height: 29px;
	border: none !important;
	margin-top: 20px;
	color: Green;
	cursor: pointer;
}

.updateSchDesti
{
	background: url(/images/Update-btn.png) no-repeat !important;
	width: 84px;
	height: 29px;
	border: none !important;
	cursor: pointer;
}

.searchBtn
{
	background-position: -502px -312px;
	width: 84px;
	height: 29px;
	margin-top: 20px;
	cursor: pointer !important;
	border: none !important;
}

.searchBtnDest
{
	background-position: -502px -312px;
	width: 84px;
	height: 29px;
	cursor: pointer;
	border: none !important;
}

.datepicker
{
	background-position: -400px 0;
	width: 27px;
	height: 24px;
	margin-left: 10px;
}

/* Newsletter */
.newsletter
{
	background-color: #026d6a;
	border-bottom: 1px solid #82817c;
	padding: 10px 15px;
	margin-bottom: 15px;
	color: White;
	overflow: hidden;
}

.newsletter img
{
	margin-right: 10px;
}
.newsletter input
{
	width: 180px;
	margin-top: 5px;
}

.tripPlanner
{
	background-position: -230px -458px !important;
	height: 27px;
	text-align: right;
	padding: 10px 15px 0 0;
	width: 285px;
	float: left;
	background: url(/Images/Sprite_main.png) no-repeat;
	display: block;
}

.map
{
	border: 1px solid #868686;
	float: left;
}

.addEvent, .addEventSocial
{
	background-position: 0 -518px !important;
	position: absolute; /*position:relative;*/
	height: 88px;
	width: 339px;
	margin: -10px 0 20px 0px; /*padding: 55px 15px 0 80px;*/
}

#CtLf .addEvent
{
    display:none;
}

.listenLf
{
	padding: 20px;
}
.listenRt
{
	padding: 15px;
}

.listenMenu li:hover
{
	background-color: #694a51;
	display: block;
}

.smallThumb
{
	height: 50px;
	width: 50px;
}

/* LIST
------------------------------------------- */
.ListGeneral, .ListGetting
{
	margin: 0;
}
.ListGeneral li p
{
	color: #404041;
}
.ListGeneral li
{
	padding: 5px 0 15px 0;
	line-height: 18px;
	list-style-type: none;
	margin: 0;
}

/* What's Hot on Homepage */
#CtLf .listenRt .ListGeneral
{
	margin: 0;
	
}
#CtLf .listenRt .ListGeneral li
{
    width: 139px;
    float:left;
    display: inline;
	padding: 5px 0 15px 0;
	list-style-type: none;
	margin: 0;
	height:240px;
	overflow:hidden;
	font-size:1 em;
}

#CtLf .listenRt .ListGeneral li .hotImage
{
    /*float:left;*/
    display: block;

}


#CtLf .listenRt .ListGeneral li .hotImage img
{
    width: 125px;
	height: 115px;

}

#CtLf .listenRt .ListGeneral li .hotInfo
{
    /*
    float:left;
    clear:both;*/
    display: block;
    margin: 0px 6px;
    line-height: 16px;
}

#CtLf .listenRt .ListGeneral li .hotInfo .date
{

    line-height: 13px;
}

#CtLf .listenRt .ListGeneral li .hotInfo a
{
    font-size: 1.2em;
	font-weight: bold;
	color: #366968;
	text-decoration: none;
	line-height: 16px;
}

#CtLf .listenRt .ListGeneral li .hotInfo a:hover
{
   	color: #03a49f;
	text-decoration: none;
}



.ListAbout
{
	height: 50px;
	display: block;
}

.ListGeneral img, .eventImg, .leftImage
{
	border: 1px solid #404041;
	margin-right: 10px;
	float: left;
}

/* What's Hot on Homepage image*/
#CtLf .ListGeneral img
{
	border: 1px solid #404041;
	margin: 5px 6px;
	float: left;
}
.aboutList li
{
    height:70px;
}

.nextImage
{
	vertical-align: middle;
}

.ListGeneral .date
{
	color: #ab7a85;
	font-size: 11px;
	display: block;
	padding-bottom: 5px;
}
.ListMinHeight
{
	min-height: 100px !important;
}
.BlogMinHeight
{
	min-height: 60px !important;
}
.SnList li
{
	border-bottom: 1px solid #dcd9d0;
	padding-top: 10px;
	min-height: 110px;
}
.RtList li
{
	border-bottom: 1px dotted #ccc0b9; /*height: 55px;*/
	margin-right: 20px;
}

/* what's hot events on homepage */
#CtLf .RtList li
{
 border:none;
}



.ExploreList li
{
	border-bottom: 1px dotted #ccc0b9;
	height: 80px;
}

.ExploreList
{
	height: 350px;
}

.tabevt, .ExploreList
{
	overflow-y: auto;
	overflow-x: hidden;
	/*
	scrollbar-face-color: #70b2b0;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #dddddd;
	scrollbar-shadow-color: #70b2b0;
	scrollbar-highlight-color: #70b2b0;
	scrollbar-3dlight-color: #70b2b0;
	scrollbar-darkshadow-color: #70b2b0;
    */
}

#Home .tabevt
{
    overflow-y:hidden !important;
}


.CalList li
{
	border-bottom: 1px dashed #ccc0b9;
}
.description
{
	border-top: 1px solid #e6e0db;
	margin-top: 10px !important;
	float: left;
	text-align: justify !important;
}

.description p, .adventurep
{
	padding-left: 20px;
}
/*
.description div
{
	margin-left: 10px !important;
	text-align: justify !important;
}*/
.searchText
{
	height: 18px;
	width: 170px;
	padding: 2px 0 3px 5px;
	color: #20938f;
	font-size: 14px;
	margin: 15px 0 0 35px;
}
/* Paging */
.pagerBox
{
	margin: 4px 0px 0px 0;
	height: 25px;
}
.pagerBorder
{
	border-bottom: 3px solid #dcdbdb;
	border-top: 3px solid #dcdbdb;
	background-color: #f5efe3;
}
.pagerBox div
{
	padding-top: 5px;
}
.pagerBox span
{
	padding: 5px 0px 0px 5px;
}
.Paging li
{
	float: left;
}
.Paging li a
{
	border: 1px solid #4a8e8d;
	padding: 0 4px;
	margin-right: 5px;
	display: block;
}
.pager-current a, .Paging li a:hover
{
	background-color: #8f7178 !important;
	color: #fff !important;
	padding: 0 4px;
	text-decoration: none;
}

/* Tabs */
.tabs
{
	background-color: #f4efe3;
	height: 100%;
}

UL.tabNavigation
{
	margin: 0;
	height: 25px;
	border-bottom: 3px solid #694a51;
	padding: 0;
}

UL.tabNavigation li
{
	display: inline;
}

UL.tabNavigation li a
{
	color: #694a51;
	padding: 5px 11px 5px 11px;
	background-color: #cec2bb;
	margin-right: 5px;
	float: left;
	text-decoration: none;
	font-weight: bold;
}

UL.tabNavigation li a.selected, UL.tabNavigation li a:hover
{
	background-color: #694a51;
	padding: 5px 11px 5px 11px;
	color: #fff;
	font-weight: bold;
}

UL.tabNavigation li a:focus
{
	outline: 0;
}


ul.BulletList, .BulletList
{
	list-style-type: disc; margin-bottom:0;
	padding: 0px 3px 0 3px !important;
}
.BulletList{ margin-left:10px;}
ul.BulletList li
{
	padding: 0px 0px 4px 0px !important;
}

.whatNew
{
	margin-top: 90px;
}

/* CALENDAR
------------------------------------------- */
.calendarIntro
{
	background-color: #f9e0c2;
	padding: 10px 20px;
}

.calendarIntro h3
{
	font-size: 1.1em;
	padding: 10px 0 8px 0;
}

#calEventPromo
{
   float: left;
   display:block;
   background-color: #f9e0c2;
   padding: 5px 20px 10px 20px;
}

#calEventPromo #promoTitle
{
    height: 16px;
	width: 204px;
	display:block;
	background-position: -55px -247px;
}

#calEventPromo h3
{
    font-size:1.3em;
    font-weight:bold;
    letter-spacing:normal;
}



#calEventPromo .newsletter
{
	float:left;
    display:block;
	margin: 0px 0 10px 0;
	padding: 5px 15px;
	background-color: #fefcf2;
	color:#4d4d4d;
	border: 1px solid #9c9c9c;
}

#calEventPromo .newsletter li
{
	border: none;
		color:#4d4d4d;
}


.CalList h3
{
	font-size: 1.3em;
}

.filter h4, .FilterCat h4
{
	color: #e7662c;
	font-size: 1.1em;
}

.FilterCat
{
	/*width: 595px !important;*/
	margin: 15px 0;
}
.FilterCat input
{
	cursor: auto;
}
.FilterCat li
{
	float: left;
	white-space: nowrap;
	padding: 2px 15px 2px 0;
}

.hasDatepicker
{
	width: 70px;
}
.filterItemLi
{
	color: #988986;
	padding: 1px 0;
}
.filterItemLi input
{
	cursor: pointer;
}

.filter
{
	width: 155px;
}
.filerSelected
{
	color: #512e35;
}

.calendarList th
{
	color: #694a51;
	text-align: left;
	vertical-align: top !important;
	padding: 0px 20px 8px 0;
}
.calendarList tbody tr
{
	padding-bottom: 5px !important;
}

.calendarList td
{
	vertical-align: top !important;
}
.calendarList .dash
{
	border-bottom: 1px dashed #ccc0b9;
}
.calendarList .head
{
	padding-top: 8px;
}

.mapImg
{
	margin-left: 5px;
	text-align: right;
}

.calIcon
{
	height: 22px;
	display: block;
}

.adventureDetail p
{
	padding-bottom: 10px !important;
}

/* Icons */
.metro, .mail, .direction, .reminder, .print, .email
{
	width: 22px;
	height: 22px;
	float: left;
}
.metro
{
	background-position: -428px 0;
}
.mail, .email
{
	background-position: -450px 0;
}
.direction
{
	background-position: -472px 0;
}
.reminder
{
	background-position: -494px 0;
}


.print
{
	background-position: -450px -53px;
	margin-left: 20px;
}


.metroDetail, .mailDetail, .directionDetail, .reminderDetail, .rideshare, .tickets, .download, .printFriendly
{
	height: 20px;
	padding-left: 25px;
	white-space: nowrap;
	background: url(/Images/Sprite_main.png) no-repeat;
	display: block;
}
.printFriendly
{
    background-position: 0px -750px;
}
.metroDetail
{
	background-position: 0 -650px;
}
.mailDetail
{
	background-position: 0 -730px;
}
.directionDetail
{
	background-position: 0 -710px;
}
.reminderDetail
{
	background-position: 0 -610px;
}
.rideshare
{
	background-position: 0 -630px;
}
.tickets
{
	background-position: 0 -670px;
}
.download
{
	background-position: 0 -690px;
}

/* Destionation Icons */
.architecture, .art, .museum, .theater, .opera, .foodie, .music, .symphony, .dance, .film, .other, .band, .hearing, .farmers, .festival, .parks, .multi, .other
{
	width: 23px;
	height: 23px;
	float: left;
	margin-right: 2px;
}

.architecture
{
	background-position: -520px 0;
}
.art
{
	background-position: -543px 0;
}
.museum
{
	background-position: -566px 0;
}
.theater
{
	background-position: -589px 0;
}
.music
{
	background-position: -612px 0;
}
.opera
{
	background-position: -635px 0;
}
.symphony
{
	background-position: -658px 0;
}
.dance
{
	background-position: -681px 0;
}
.film
{
	background-position: -704px 0;
}
.band
{
	background-position: -727px 0;
}
.farmers
{
	background-position: -750px 0;
}
.festival
{
	background-position: -773px 0;
}
.parks
{
	background-position: -796px 0;
}
.multi
{
	background-position: -819px 0;
}
.other
{
	background-position: -841px 0;
}
.partner_rss_feed
{
    background: transparent url(/images/icons/rss.png) no-repeat 0px 0px;
    padding: 2px 8px 0px 22px;
    display: block;
    float: right;
    /*margin-right: 20px;*/
    height: 20px;
    font-weight: bold;
}


/* EXPLORE
------------------------------------------- */
.getaround
{
	background-color: #f9e0c2;
	padding: 15px;
	border-bottom: 2px solid #d8cec5;
}

.acrobatLink
{
	background-color: #f2eecb;
	padding: 10px 15px;
}

.adventure
{
	margin: 0;
	padding: 0;
}
.adventure li
{
	float: left;
	padding: 10px 20px 0 17px;
	text-align: center;
	width: 110px;
}


.ListGetting li
{
	margin: 0 20px;
	padding: 10px 0;
	font-size: 1.1em;
}


.ListGettingcontent ul li
{
	margin: 0 20px;
	padding: 10px 0;
	font-size: 1.1em;
	border-bottom: 1px dashed #ccc0b9;
}


span.evt-icon
{
	float: left;
	margin: 0 1px;
}
.evt-icon
{
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.evt-icon
{
	width: 23px;
	height: 23px;
	background-image: url('/images/icons/xla_calendar_icons.png');
}


.evt-icon-arts
{
	background-position: 0 0;
}
.evt-icon-dance
{
	background-position: -23px 0;
}
.evt-icon-theater
{
	background-position: -46px 0;
}
.evt-icon-tv
{
	background-position: -69px 0;
}
.evt-icon-foodie
{
	background-position: -92px 0;
}
.evt-icon-music
{
	background-position: -115px 0;
}
.evt-icon-outdoor
{
	background-position: -138px 0;
}
.evt-icon-education
{
	background-position: -161px 0;
}
.evt-icon-festival
{
	background-position: -184px 0;
}
.evt-icon-other
{
	background-position: -207px 0;
}
.evt-icon-wheelchair
{
	background-position: -230px 0;
}
.evt-icon-hearing
{
	background-position: -253px 0;
}
.evt-icon-kids
{
	background-position: -276px 0;
}
.evt-icon-food
{
	background-position: -299px 0;
}
.evt-icon-free
{
	background-position: -322px 0;
}
.evt-icon-xla
{
	background-position: -345px 0;
}


/*search- end*/

#ajax-progress
{
	position: fixed;
	top: 0;
	right: 0;
	text-align: center;
	display: none;
	font-weight: bold;
	font-size: 12px;
	color: gray; /*background-color:Transparent;*/
	background-color: White;
	z-index: 1000;
	width: 100px;
	height: 50px;
	border: solid 1px #4f837f;
}
#ajax-progress-modal
{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: Transparent;
	z-index: 999;
}

/*MAP*/

a:link.iw-title, a:visited.iw-title, a:active.iw-title, a:hover.iw-title,
span.iw-title
{
	font-size: 14px;
	color: #0281d4;
	font-weight: bold;
}
.iw-description
{
	/*width: 400px;*/
}
.iw-image
{
	border: solid 1px gray;
	margin: 3px 5px;
}
.info-window
{
	font-size: 12px;
	color: Black;
	min-height: 140px;
}
.info-window-hotel
{
	font-size: 12px;
	color: Black;
	min-height: 50px;
}
.info-window a:link, .info-window a:visited, .info-window a:active, .info-window a:hover
{
	color: #0352a4;
}
.iw-imageIcon
{
	margin: 0 5px;
	width: 13px !important;
	height: 15px !important;
}
.iw-moreinfo
{
	float: right;
	text-decoration: underline;
}
.ui-datepicker-trigger
{
	vertical-align: middle;
}
#layerControl
{
	position: absolute;
	z-index: 100;
	width: 220px;
	top: 160px;
	right: 0;
	display:none;
}
.map-loading
{
	position: fixed;
	border: solid 1px black;
	top: 200px;
	right: 0;
	padding: 10px;
	background-color: White;
	color: Black;
	z-index: 1000;
	display: none;
	font-size: 12px;
}
.map-tooManyResults
{
	position: fixed;
	border: solid 1px black;
	top: 200px;
	right: 0;
	padding: 10px;
	background-color: White;
	color: Black;
	z-index: 1000;
	display: none;
	font-size: 12px;
}
.map-layers
{
	border: solid 5px #807d7d;
	padding: 2px;
	background-color: White;
	color: Black;
	float: right;
	width: 185px;
}
.map-layerGroup
{
	background-color: #de5003;
	color: White;
	font-weight: bold;
	padding: 0 0 0 10px;
	line-height: 28px;
	border-bottom: 1px solid #fff;
}
.mapCanvas
{
	width: 100%;
	height: 500px;
	color: Black;
	padding-top: 15px;
	border: 1px solid #FFFFFF;
}
.MapLayer
{
	font-size: 11px;
	padding: 3px 5px;
	display:none;
}
.MapLayer span
{
	margin-top: -3px !important;
}
.MapLayer img
{
	vertical-align: middle;
	margin-right: 2px;
}

/*END MAP*/

.explore-subtitle
{
	font-size: 16px;
	font-weight: bold;
	color: #e76416;
}
.explore-filter
{
	background-color: #f2eecb;
	border: solid 1px #e1d9ce;
	padding-left: 10px;
}
.explore-list
{
	padding-left: 10px;
	background-color: #f6f0e0;
	height: 100%;
}

#exploreContent p, .description p
{
	line-height: 20px;
}


/*search
.searchBox{width:465px; margin-top:-31px; float:right; position:relative;}*/
/*
.search{ background-position:-220px -80px; width:189px; height:31px; position:absolute; top:0px; left:220px; text-indent:0px}
*/.imageGallery
{
	float: left;
	margin: 0 5px 5px 0;
	width: 230px;
}
.imageGallery ul li
{
	float: right;
	margin: 5px 2px 0 2px;
}

.imageGallery ul li img
{
	width: 40px;
	height: 40px;
}


/* Content */
#transport
{
	clear: both;
}
.regList { margin-left:25px;}
.regList li
{
	list-style-image: none;
	list-style-type: none;
	margin: 0px;	
	padding: 8px 0px;
}

.metroList li
{
	list-style-image: url(/Images/icons/metro_mcircle.png);
	margin: 0 0 0 25px;
	padding: 8px 0px;
}


.metroList .subList
{
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.metroList .subList li, .regList .subList li
{
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 2px 20px;
	font-size: 90%;
}

.explore-num
{
	margin: 0 3px;
	padding: 0 3px;
	background-color: Teal;
	color: White;
	border: solid 1px white;
	font-weight: bold;
}

#search_options
{
	display: block;
	margin: -1px 0 0 108px;
	position: absolute;
	font-size: 12px;
	text-align: left;
	z-index: 101;
	background-color: #dcdbdb;
	width: 130px;
	color: #ad9da1;
}
#search_options a
{
	color: #000000 !important; /*   float: left;*/
}
#search_options a:hover
{
	/*color: #FFFFFF !important;*/
	font-weight: bold;
	text-decoration: none;
}
#search_options a.selected
{
	/*color: #FFFFFF !important;*/
	font-weight: bold;
	background-color: Transparent !important;
}
.search_options_item
{
	margin: 0 10px;
	padding: 5px 0;
	border-bottom: 1px solid #cccccc;
	height: 20px;
	color: Black;
}
.radioBtn
{
	vertical-align: -2px;
}
.squareList{ margin-left:125px;}
.squareList li{ list-style-image: url(/Images/bullet_sqorange.gif);	margin: 0 0 0 205px; vertical-align:middle;  width:350px;
	padding:0 0 4px 0;}
	
.squareList2{}
.squareList li{ list-style-image: url(/Images/bullet_sqorange.gif);	margin: 0 0 0 25px; vertical-align:middle;  width:350px;
	padding:0 0 4px 0;}	

/*  Content
------------------------------------------- */
.listdowntown ul{ margin:10px 0; float:left;}

.listdowntown ul li{ float:left; border-right:1px solid #b4b3b3; padding:0 5px; }


/* hack to override date color */
#datepicker_container .ui-datepicker td a,
#datepicker_container .ui-datepicker .ui-datepicker-current-day a,
#datepicker_container .ui-datepicker .ui-datepicker-days-cell-over a,
#datepicker_container .ui-datepicker .ui-datepicker-today a
{
    background-image: none;
}
#datepicker_container .ui-datepicker td a:hover,
#datepicker_container .ui-datepicker .ui-datepicker-current-day a:hover,
#datepicker_container .ui-datepicker .ui-datepicker-days-cell-over a:hover,
#datepicker_container .ui-datepicker .ui-datepicker-today a:hover
{
    background-image: none;
}

/************************
homepagecarousel.css
*************************/
p{
	color:#fff;
	text-align:center;
}

div.jMyCarousel .prev{
	background: url('/images/arrow_left.gif') center center no-repeat;
	width:47px;
	height:61px;
	border:0px;
}

div.jMyCarousel .next{
	background: url('/images/arrow_right.gif') center center no-repeat;
	width:40px;
	height:61px;
	border:0px;
}

div.jMyCarousel .up{
	background: url('../../img/up.png') center center no-repeat;
	width:61px;
	height:40px;
	border:0px;
}

div.jMyCarousel .down{
	background: url('../../img/down.png') center center no-repeat;
	width:47px;
	height:61px;
	border:0px;
}


/** Carousel 2 **/
div.jMyCarousel{
	margin:auto;
}

div.jMyCarousel .jMyCarousel-ul{
	width:950px; 
}

div.jMyCarousel .jMyCarousel-li{
	margin:5px;
	line-height:0px;
	padding:3px;
}

div.jMyCarousel ul li a{ /* in case of link */
	display:block;
	margin:0px;
	padding:0px;
}

div.jMyCarousel .jMyCarousel-ul-img{
	display:block;
	border:1px solid #0099CC;
	margin-bottom:0px;
	padding-bottom:0px;
}


#flickr_badge_source_txt
{
	padding: 0;
	font: 11px Arial, Helvetica, Sans serif;
	color: #666666;
}
#flickr_badge_icon
{
	display: block !important;
	margin: 0 !important;
	border: 1px solid rgb(0, 0, 0) !important;
}
#flickr_icon_td
{
	padding: 0 5px 0 0 !important;
}
.flickr_badge_image 
{
	padding-right : 5px;
	float: left;
}
.flickr_badge_image img
{
	border: 1px solid black !important;margin:5px; float:left !important;
}
#flickr_www
{
	display: block;
	text-align: left;
	padding: 0 10px 0 10px !important;
	font: 11px Arial, Helvetica, Sans serif !important;
	color: #3993ff !important;
}
#flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited
{
	text-decoration: none !important;
	background: inherit !important;
	color: #3993ff;
}
#flickr_badge_wrapper
{
	background-color: Transparent; 
}
#flickr_badge_wrapper td{ /*border-bottom:1px solid #DCD9D0; width:100% !important;*/}
#flickr_badge_source
{
	padding: 0 !important;
	font: 11px Arial, Helvetica, Sans serif !important;
	color: #666666 !important;
}

/*Flickr hacks*/
#flickr_badge_uber_wrapper
{
    margin: 0px auto;
}
#flickr_badge_uber_wrapper td
{
    width: 175px !important;
}
#flickr_www
{
    text-align: center;
}
#Flickr .flickrButton
{
    margin-left: 15px;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative; 
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    /*overflow: hidden;*/
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
   
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

