/* ---------------------------------------------------------  
 * ExperienceLA - LA's Official Cultural Calendar & Trip Planner
 * Copyright ©  ExperienceLA.com
/* ---------------------------------------------------------  */

textarea, input, select, option, button, .linkLine
{
    font-family: Arial,Helvetica Neue,Helvetica;
}

/* Link */
input
{
    /*cursor: pointer;*/
    cursor: text;
}
#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, .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, .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, .YouTubeButton:hover, .FacebookButton:hover, .blogButton:hover, .twitterButton:hover, .flickrButton:hover, .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;
}


/* 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;
}


#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: 5px 0 0 0;
    padding: 20px 0 10px 20px;
    position: relative;
    left: -20px;
    width: 962px; //width:942px;
float:left;
border-bottom:2pxsolid#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;
}





/* 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;
}



/* BUTTONS
------------------------------------------- */
.signUp
{
    background-position: -340px -282px;
    width: 84px;
    height: 29px;
    float: left;
    margin: 0 0 0 10px; //margin:-10px0010px;}

.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;
}



/* 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;
}
.ListAbout
{
    height: 50px;
    display: block;
}

.ListGeneral img, .eventImg, .leftImage
{
    border: 1px solid #404041;
    margin-right: 10px;
    float: left;
}
.aboutList li
{
    height: 60px;
}

.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;*/
}


.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;     */
}

.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;
}

.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;
    padding: 0 4px;
    text-decoration: none;
}


/* CALENDAR
------------------------------------------- */
.calendarIntro
{
    background-color: #f9e0c2;
    padding: 10px 20px;
}

.calendarIntro h3
{
    font-size: 1.1em;
    padding: 10px 0 8px 0;
}
.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
{
    height: 20px;
    padding-left: 25px;
    white-space: nowrap;
    background: url(/Images/Sprite_main.png) no-repeat;
    display: block;
}

.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;
}








.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;
}
.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;
}