/* TOP BAR SEARCH */
#topbarSearch
{
    float: left;
    position: relative;
    width: 808px; height: 6em;
    background-color: #C6D7E7;
    border: 1px solid #347B9D;
}

/* TOP BAR SEARCH */
.topbarSearchPane { position: absolute; left: 210px; top: 8px; }

.topbarSearchBlock { float: left; top: 0; }
.topbarSearchBlock .hdr { display: block; font-size: 0.83em; margin-bottom: 0.25em; }
.topbarSearchBlock .hdr a { color: #003366; }
.topbarSearchBlock .inputBlock { position: relative; padding: 0; margin: 0; }
.topbarSearchBlock .refinement { font-size: 0.75em; padding: 0; margin: 0; }
.topbarSearchBlock input.text { width: 235px; }


/* TOP BAR WEB SEARCH */
#searchWebWhat input.text { width: 300px; }
#searchWebSubmit { left: 310px; width: 200px; padding-top: 0.85em; padding-left:1.0em;}
* html #searchWebSubmit { padding-top: 0.85em; } /* IE Hack */


/* TOP BAR SEARCH OPTIONS */
#searchOptions { left: 0; width: 200px; padding: 1.65em 0 0 10px; }
* html #searchOptions { padding: 1.95em 0 0 10px; } /* IE Hack */

#searchOptions .enabled { font-weight: bold; }

/* TOP BAR SEARCH "WHAT" */
#searchCSWhat { left: 0; width: 250px; }
#searchCSWhat .refinement input { float: left; display: block; margin:2px 3px 0 0;}
#searchCSWhat .refinement label { float: left; display: block; margin: 2px 2px 0 0; }

* html #searchCSWhat .refinement input { float: left; display: block; margin:-2px 2px 0 -4px; } /* IE Hack */

/* TOP BAR SEARCH "WHERE" */
#searchCSWhere { left: 250px; width: 265px; }
#searchCSWhere a.enabled { text-decoration: none;  color: #003366 ;font-weight:bold; }


/* TOP BAR SEARCH SUBMIT */
#searchCSSubmit { float:right; left: 415px; padding-top: 1.3em; padding-right:2.0em;}
* html #searchCSSubmit { left: 516px; padding-top: 1.3em; }

/* TopBar Drop Downs */
#topbarSearch .dropdown
{
    position: relative;
    bottom: -1px; left: 1px;
    width: 237px;
    padding: 0 0 3px 0; margin: 0;
    border-left: 1px solid #EAEEF2;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    background-color: #fff;
    z-index:10;

    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    /* Mozilla 1.7.13 Hack */
    overflow: -moz-scrollbars-vertical;

}

* html  #topbarSearch .dropdown { overflow:auto; overflow-x: hidden;}  /* IE Hack */

#topbarSearch .restaurantsRefinement
{
    position:relative;
    padding: 0 0 3px 0; margin: 0;
    list-style: none;
    font-size:1.2em;
    color: #003366;
    background-color: #fff;
    border-left: 1px solid #EAEEF2;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    float:right;


}

#topbarSearch #searchByRefinement{
        position:absolute;
        width:300px;
        top:40px;
        font-size: 0.83em;
        padding: 0;
        margin: 0 0 0 0;
}

* html #topbarSearch #searchByRefinement { z-index:-1; } /* IE Hack */

#topbarSearch #resCuisineDropDownPane
{
        width: 500px;
        right: -48px;

}

#topbarSearch #resFeatureDropDownPane
{
        width: 400px;
        right: -48px;
}

#topbarSearch #resPriceDropDownPane
{
        width: 260px;
        right: -48px;
}

* html #topbarSearch #resFeatureDropDownPane { left:-52px; }  /* IE Hack */
* html #topbarSearch #resCuisineDropDownPane { left:-152px; } /* IE Hack */

#topbarSearch #savedLocations
{
    position:relative;
    right:32px;
    list-style: none;
}

#topbarSearch #recentLocations
{
    position:relative;
    right:32px; top:-15px;
    margin:0;
    list-style: none;
}

* html #topbarSearch #recentLocations { margin: 0 0 0 38px; top:-20px}  /* IE Hack */

#clearRecentLocs
{
    position:relative;
    margin-left:12px;
    top:-10px;
    font-size: 1.0em;
}

* html #topbarSearch ul.dropdown { bottom: 1px; height: 200px; } /* IE Hack */

#topbarSearch ul.dropdown li { font-size: 1.0em; }
#topbarSearch ul.dropdown li.label { font-weight: bold; color: #333; padding: 2px 5px; }
#topbarSearch ul.dropdown li a { padding: 2px 5px; }
#topbarSearch ul.dropdown li.item a { text-decoration: none; display: block; width: 227px; }
#topbarSearch ul.dropdown li.item a:hover { background-color: #EAEEF2; }
#topbarSearch ul.threeColRefinement { float:left; list-style: none; width: 30%; padding: 10px 0 10px 5px; margin: 0; line-height: 1.40em; }
#topbarSearch ul.oneColRefinement { list-style: none; padding: 2px 0 2px 5px; margin: 0;}

#topbarSearch .restaurantsRefinement li.item a,
#topbarSearch .restaurantsRefinement li.item a:visited,
#topbarSearch .restaurantsRefinement li.item a:active { color: #003366; text-decoration: none;}
#topbarSearch .restaurantsRefinement li.item a:hover { color: #003366; text-decoration: underline;}

#searchByRefinement .names
{
    position:relative;
    margin-right:1px;
}

#searchByRefinement .names a,
#searchByRefinement .names a:visited {color: #003366;}

#topbarSearch  .restaurantsAllAvailable
{
    position: relative;
    top: 0px;left: 0px;
    width: inherit;
    color: #003366;
    background-color: #e4ecf6;
    padding:5px 0 10px 0px;
}

#topbarSearch .restaurantsAllAvailableText { padding-left:10px; }
#topbarSearch .restRefinementMarketText { font-weight: bold; }

#topbarSearch .dropdown li { font-size: 1.0em; }
#topbarSearch .dropdown li.label { font-weight: bold; color: #615f5f; padding: 2px 5px; }
#topbarSearch .dropdown li a { padding: 2px 5px; }
#topbarSearch .dropdown li.item a { text-decoration: none; display: block; width: 220px; color: #333; }
#topbarSearch .dropdown li.savedDefault { font-weight:bold; }
#topbarSearch .dropdown li.item a:hover { background-color: #EAEEF2; }
#topbarSearch .dropdown li.item a:visited { color: #333; }

/* Neighborhoods */
#topbarSearch .dropdownTrigger { position: absolute; top: 1px; right: 4px; }
* html #topbarSearch .dropdownTrigger { right: 2px; } /* IE Hack */

#hoodsPane #hoodsLabel
{
    background-color: #fff;
    width: 232px;
    height:12px;
    border-left: 1px solid #615f5f;
    border-right: 1px solid #9d9696;
    border-bottom: 1px solid #9d9696;
    border-top: 1px solid #615f5f;
    padding: 3px 3px 4px 3px;
}

/*Airports and Attractions */

#topbarSearch .searchHotelsByRefinement
{
    width:265px;
    position:relative;
    display: none;
    top:-38px;
    font-size:1.2em;
}

#topbarSearch .searchHotelsByRefinement .label
{
    background-color: #fff;
    width: 232px;
    height:12px;
    border-left: 1px solid #615f5f;
    border-right: 1px solid #9d9696;
    border-bottom: 1px solid #9d9696;
    border-top: 1px solid #615f5f;
    padding: 3px 3px 4px 3px;
}

/* TOP BAR NAV */

table#topbarNav
{
    float: left;
    position: relative;
    width: 810px;
    border-collapse: collapse;
    padding: 0; margin: 1px 0 0 0;
    background-color: #18618C;
    z-index:-1;
}

table#topbarNav tr { padding: 0; }

table#topbarNav tr td
{
    text-align: center;
    border-right: 1px solid #fff;
    padding: 0; margin: 0;
}

table#topbarNav tr td.last
{
    border-right: none !important;
}

table#topbarNav tr td a
{
    display: block;
    color: #fff;
    font-size: 0.95em;
    text-decoration: none;
    padding: 3px 5px;
}

table#topbarNav tr td a.on
{
    font-weight: bold;
}


/* Ad Call Module */
#topBarAdCall { border: none; margin: 0 41px;}


/* Branding bar */
#brandingBar
{
    position: relative;
    float: left;
    width: 810px;
    padding-bottom: 0.3em;
}

#citysearchLogo
{
    position: relative;
    float: left;
    width: 285px;
}

.brandingBlock
{
    position: relative;
    float: left;
    width: 523px;
}

.brandingBlock img
{
    margin-top: 10px;
}

#bocCountdown
{
    float: left;
    position: relative;
    padding: 0.2em;
}

.bocClock
{
	background: url(../images/boc/boc_countdown_calendar.gif) no-repeat;
    float: left;
    position: relative;
    width: 38px;
    font-size: 1.2em;
    color: #CC0000; background-color: inherit;
    text-align:center;
    font-weight: bold;
    line-height: 1em;
    padding: 6px 0 14px;
}

#clockCalendarForDay
{
  	background: url(../images/boc/boc_countdown_calendar_one.gif) no-repeat;
}

.clockMsg
{
    float: left;
    padding: 0.2em 0.2em 0 1em;
    color: #006699; background-color: inherit;
    line-height: 1.1em;
}

.BOCLogo
{
    float:center;
    padding: 0 0 0 1.6em;
    color: #006699; background-color: inherit;
    line-height: 1.1em;
}

.clockMsg img
{
    padding: 0;
    margin: 0;
}

.clockMsg .specialty
{
    font-weight: bold;
}

#myCitysearchState
{
    position: absolute;
    top: 10px; right: 0px;
}

#username, #signup { font-weight: bold; }

