/* HTML elements */
html, body {background: #080604 url(../images/backgrounds/bokeh01.jpg) top left no-repeat; color:#FFFFFF; height: 100%; }
a {color:#ff7600; font-weight: bold; text-decoration: none; }
a:hover, a:focus, a:active {color: #FFFFFF;}
hr {background:#f1f1f1; height: 1px; margin:7px 0;}
h1 {color: #FFFFFF; font-size: 1.7em;}
label{clear:both;}

html>body #wrapper { height: auto; }


/* General */
#wrapper {position: relative; min-height: 100%; width: 960px; margin:0 auto; height:100%; }
* html #wrapper{height: 100%;}

div#shim {
visibility: hidden;
width: 100%;
height: 1%;
margin-top: 0;
float: left;
}

.warning {background-color: red; color: white; display: block; padding: 5px; border:1px solid #FF0000;}
.warning a {color: #363137; font-weight: bold; text-decoration: underline;}
/*.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}*/
.inactive_tab {background:#cccccc;}
.message {border:1px solid #636363; padding:5px; background-color:#acbf2e; display:block; margin:10px 0 10px 0;}
.people_upload{border: 1px solid white; margin-bottom: 15px; width: 280px;padding: 10px;}
.people_controls{text-align: right;}

/* Header */
#logo {float:left; display: block; width: 179px; text-align: center;}
#header {clear: both; }
#top_navigation {list-style-type: none; margin:0; padding:0; float: right; clear: both; font-size:0.9em; padding: 5px 0 10px 0; display:block; }
#top_navigation li {float: left; margin-left: 15px;}
#top_navigation li.twitter{background: url(../images/icons/twitter.png) no-repeat left; padding-left: 20px;}
#top_navigation li.facebook{background: url(../images/icons/facebook.png) no-repeat left; padding-left: 20px;}
#main_navigation{float: right; display: block; width: 766px; margin-right: 3px; position: relative}
h1#intro_text {color:#ff7600; margin-bottom:0.25em;}
h1#intro_text a {color:#ffffff;}
h1#intro_text a:hover {color:#ff7600;}

/* Filters */
.filter{float:left; display: block; background: url(../images/elements/vertical_divider.gif) repeat-y right 15px; margin:5px 3px 10px 0; min-width:186px; }
.filter_sort{float:left; display: block; margin:5px 3px 10px 0; }
.filter span ,.filter_sort span {color: #ff7600; font-size: 1.1em;}
.filter ul, .filter_sort ul {list-style-type: none; margin:0; padding:2px 0 0 0; float: left;}
.filter li a, .filter_sort li a {color: #FFFFFF;}
.filter_group {float: left; margin-right: 15px;}
.filter_title {float: left; margin-right: 15px; margin-left:6px; display: inline;}
#location_status, #offer_status, #sort_status {margin: 0 15px; display: inline; color: white; font-size: 0.95em; float:left; visibility:hidden;}
ul#activities_mini_menu {float: left; display:inline; visibility:hidden; font-size: 0.95em;  }
#close_menu {float: right;}
#filters, #map_search {margin-bottom: 0;}
div#map_search {font-size:1.3em;}
div#map{display:none;}

/* Map and search */
#map {color: black;}
#map_search {clear: both; }
#map_search a {float: left;}
#map_search form {float: right; }
div#search_wrapper {width:228px; display:block; float:right; height:21px; border:0; margin:0; background:white url(../images/elements/mag_glass.gif) 3px 4px no-repeat; padding:5px 4px 0 24px; margin-top:1px; }
div#search_activity {float:right; height:18px; width:18px; color:black; display:block;}

input#text_search { width:180px; display:block; float:left; border:0; padding:0; margin:0; font-size:0.9em; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
input#text_search:focus {outline:0;}
div.live_search {}
div.live_search_active { background:white url(../images/elements/loader_mini.gif) 1px 1px no-repeat; }
div.live_search_reset { background:white url(../images/elements/close_search.gif) 1px 1px no-repeat; cursor:pointer; }
div#map_search a {margin-top:3px;}
#live_search label {margin:3px 5px; display:block; float:left;}

div#search_results {background:white; z-index:100; position:absolute; right:3px; margin-top:29px; display:block; width:256px; color:#281f18;}
div#search_results dd {border-bottom:1px solid #cccccc; padding:0; margin:0;}
div#search_results dd a {display:block; width:244px;padding:6px; }
div#search_results dd a:hover {background:#f9e1c3;}
div#search_results dd h4 {font-weight:bold; color:#ff7600; font-size:1.0em; margin:0; padding:0;}
div#search_results dd p {font-size:0.8em; color:#281f18; font-weight:normal; margin:0; padding:0;}

/* Menus */
/*
ul#activities li { margin:0 0 0 2px; float:left; clear:both; background:url("../images/buttons/left.png") no-repeat left -19px; color: white; padding:0 0 0 17px; } 
ul#activities li:hover, ul#activities li.active {background:url("../images/buttons/left.png") no-repeat left top; }
ul#activities li a { display:block; margin:0; padding:0; background:url("../images/buttons/right.png") no-repeat right -19px; padding:1px 10px 0 0; line-height:18px; }
ul#activities li:hover a, ul#activities li.active a {background:url("../images/buttons/right.png") no-repeat right top; color: #080604; }
ul#activities li#eat {background:url("../images/buttons/eat.png") no-repeat left -18px; }
ul#activities li#eat:hover, ul#activities li#eat.active {background:url("../images/buttons/eat.png") no-repeat left top; }
ul#activities li#drink {background:url("../images/buttons/drink.png") no-repeat left -18px; }
ul#activities li#drink:hover, ul#activities li#drink.active {background:url("../images/buttons/drink.png") no-repeat left top; }
ul#activities li#sleep {background:url("../images/buttons/sleep.png") no-repeat left -18px; }
ul#activities li#sleep:hover, ul#activities li#sleep.active {background:url("../images/buttons/sleep.png") no-repeat left top; }
ul#activities li#shop {background:url("../images/buttons/shop.png") no-repeat left -18px; }
ul#activities li#shop:hover, ul#activities li#shop.active {background:url("../images/buttons/shop.png") no-repeat left top; }
ul#activities li#explore {background:url("../images/buttons/explore.png") no-repeat left -18px; }
ul#activities li#explore:hover, ul#activities li#explore.active {background:url("../images/buttons/explore.png") no-repeat left top; }
ul#locations li, ul#offers li, ul#sort li { float:left; clear:both; background:url("../images/buttons/left.png") no-repeat left -19px; color: white; padding:0 0 0 6px; margin:0; } 
ul#locations li:hover, ul#locations li.active, ul#offers li:hover, ul#offers li.active, ul#sort li:hover, ul#sort li.active {background:url("../images/buttons/left.png") no-repeat left top; }
ul#locations li a, ul#offers li a, ul#sort li a { display:block; margin:0; padding:0; background:url("../images/buttons/right.png") no-repeat right -19px; padding:1px 8px 0 0; line-height:18px; }
ul#locations li:hover a, ul#locations li.active a, ul#offers li:hover a, ul#offers li.active a, ul#sort li:hover a, ul#sort li.active a {background:url("../images/buttons/right.png") no-repeat right top; color: #080604; }
*/
ul#activities li { margin:0 0 0 2px; float:left; clear:both; color: white; padding-top: 1px;  } 
/*ul#activities li:hover, ul#activities li.active { color:#281f18; }*/
ul#activities li a { display:block; margin:0; padding:1px 6px 1px 19px; line-height:18px; }
ul#activities li:hover a, ul#activities li.active a {color:#FF7600; }
ul#activities li#eat a.eat_link { display: inline-block !important; background:url("../images/buttons/eat.png") no-repeat left -19px; }
li.eat_open a.eat_link{background:url("../images/buttons/eat.png") no-repeat left -37px; }
ul#activities li#eat a.eat_link:hover, ul#activities li#eat.active a {background:url("../images/buttons/eat.png") no-repeat left -1px; }
ul#activities li#drink a {background:url("../images/buttons/drink.png") no-repeat left -19px; }
ul#activities li#drink a:hover, ul#activities li#drink.active a {background:url("../images/buttons/drink.png") no-repeat left -1px; }
ul#activities li#sleep a {background:url("../images/buttons/sleep.png") no-repeat left -19px; }
ul#activities li#sleep a:hover, ul#activities li#sleep.active a {background:url("../images/buttons/sleep.png") no-repeat left -1px; }
ul#activities li#shop a {background:url("../images/buttons/shop.png") no-repeat left -19px; }
ul#activities li#shop a:hover, ul#activities li#shop.active a {background:url("../images/buttons/shop.png") no-repeat left -1px; }
ul#activities li#explore a {background:url("../images/buttons/explore.png") no-repeat left -19px; }
ul#activities li#explore a:hover, ul#activities li#explore.active a {background:url("../images/buttons/explore.png") no-repeat left -1px; }
ul#locations li, ul#offers li, ul#sort li { float:left; clear:both; color: white; padding:0; margin:0; } 
/*ul#locations li:hover, ul#locations li.active, ul#offers li:hover, ul#offers li.active, ul#sort li:hover, ul#sort li.active { color:#FF7600; }*/
ul#locations li a, ul#offers li a, ul#sort li a { display:block; margin:0; padding:1px 6px; line-height:18px; }
ul#locations li a:hover, ul#locations li.active a, ul#offers li a:hover, ul#offers li.active a, ul#sort li a:hover, ul#sort li.active a { color:#FF7600; }
li.eat_container{ width: 64px !important; position: relative; }
li.eat_open{background: url(../images/icons/eat_back.png) no-repeat; color: black; border-bottom: 1px dotted #999999; }
li.eat_open a{color: black !important;}
li a#eat_expand{ text-indent: -10000px !important; width: 9px !important; padding: 2px 0 !important; margin: 0 !important; position: absolute; top: 4px; right: 2px; height: 6px !important; background: url("../images/buttons/eat_open.png") no-repeat left -14px !important; }
li.eat_open a#eat_expand{ background: url("../images/buttons/eat_open.png") no-repeat left 0 !important; }

li.eat_open a.eat_link{background:url("../images/buttons/eat.png") no-repeat left -37px !important; padding-bottom: 0 !important; }
div#eat_options{width: 360px; background: white url(../images/icons/eat_comment.png) no-repeat 365px 15px; padding: 10px 20px 20px 10px; position: absolute; top:102px; left: 191px; z-index:1000; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
div#eat_options p{ color: #222222; margin: 0;font-size: 13px; }
div#eat_options a{padding: 2px 0 0 0 !important; display: inline-block !important; border-bottom: 1px dotted #ff7600; background: transparent !important; color: #ff7600}
div#eat_options a:hover{color: #222222 !important; border-bottom: 1px dotted #222222; }
div#eat_options ul{ width: 380px !important; display: block !important; float: none !important;}
div#eat_options li{ float: left !important; display: inline; width: 150px; clear: none !important;}




/* Map */
#map {display: block; width: 766px; height: 400px; margin-bottom: 3px; }
#map_iframe {background:white;}

/* Content */
#content {overflow: hidden; display: block; width: 960px; height: 327px; clear: both; }
div#directory{}
div.venue{ width: 189px; height: 300px; border-bottom: 1px solid white; float: left; margin: 0 1px 10px 0;}
ul#venues { list-style-type: none; margin:0; padding:0; display: block; top:0; }
.thumbnail { z-index: 0; margin: 0 0 -40px 0; padding:0; overflow: hidden; display:block; height:150px; }
.thumbnail_overlay { display: block; overflow:hidden; background: url(../images/video/thumbnail_overlay.png); position: relative; padding: 5px; width: 179px; bottom:41px; } /*height:30px; bottom:45px;*/
.thumbnail_overlay h3, div#directory h3 {color: #ffffff; font-size: 1.0em; font-weight: bold; margin-bottom: 3px;}
.thumbnail_overlay h3.subscribed, div#directory h3.subscribed{color: #ff7600;}
.overlay_location {color: #FFFFFF; font-weight: normal;}
.thumbnail_overlay ul, #activities_mini_menu ul, div#directory ul {list-style-type: none; margin:0 !important; padding:0; float: left;}
.thumbnail_overlay li, #activities_mini_menu li, div#directory ul li {float: left; display: block; display: block; width: 11px; height:12px; margin-right: 3px;}
.thumbnail_overlay li span, #activities_mini_menu li span, div#directory ul li span {display: none; visibility: hidden;}
.thumbnail_overlay li.eat, #activities_mini_menu li.eat, div#directory ul li.eat {background: url(../images/icons/eat.png) no-repeat top center; }
.thumbnail_overlay li.drink, #activities_mini_menu li.drink, div#directory ul li.drink {background: url(../images/icons/drink.png) no-repeat top center; }
.thumbnail_overlay li.sleep, #activities_mini_menu li.sleep, div#directory ul sleep {background: url(../images/icons/sleep.png) no-repeat top center; margin-right: 6px; }
.thumbnail_overlay li.shop, #activities_mini_menu li.shop, div#directory ul li.shop {background: url(../images/icons/shop.png) no-repeat top center; }
.thumbnail_overlay li.explore, #activities_mini_menu li.explore, div#directory ul li.explore {background: url(../images/icons/explore.png) no-repeat top center; }
.favourite {float: right; background: url(../images/icons/favourite.png) no-repeat center; display: block; width: 13px; height: 12px;}
.comment {float: right; background: url(../images/icons/comment.png) no-repeat center; display: block; width: 14px; height: 11px; padding: 0; margin: 2px 0 0 5px; vertical-align: top; line-height: 8px; text-align: center; font-size: 8px; color: #000000;}
.non_favourite {float: right; display: block; width: 13px; height: 12px;background: url(../images/blank.gif) no-repeat center; }
.favourite span, .non_favourite span {display: none; visibility: hidden;}
#interested{font-size: 10px;}


/* Video player */
#video {background-color: white; display: block; float: left; height: 288px; width: 766px; color: black; margin-right: 3px;}
.videoHolder {display:block; width:512px; float:left; text-align:center; height:288px; margin-left:5px;}

/* Scrollbar & content css */
div#scroller {width:960px; display:block; height:25px; margin: 4px 0 0 0;}
div#scroller div#arrow_left, div#scroller div#arrow_right { cursor:pointer; display:block; width:10px; height:25px; background:#234344;}
div#scroller div#arrow_left {float:left; background:url(../images/elements/scroll_arrow_left.gif) left 5px no-repeat; }
div#scroller div#arrow_left:hover {background:url(../images/elements/scroll_arrow_left.gif) left -21px;}
div#scroller div#arrow_right {float:right; background:url(../images/elements/scroll_arrow_right.gif) left 5px no-repeat; }
div#scroller div#arrow_right:hover {background:url(../images/elements/scroll_arrow_right.gif) left -21px;}
.scrollbar-hor{ background:url(../images/elements/scrollbar_bg.gif) top repeat-x; height: 25px; width: 932px; float:left; margin: 4px 4px 15px 4px; cursor: pointer; display: block; }
.handle-hor{ height: 25px; width: 148px; background: url(../images/elements/scroll_handle.png) no-repeat; cursor: url(../images/elements/we-resize.gif) move; }

/* Slide menu / accordion */
div.thumbnail_group {float: left; margin: 0 3px 0 0; padding:0; }
div.toggler {cursor: pointer;}
div.element {display: block; color: gray; float: left; display:none; width: 0; height: 327px; padding:5px; background: white; margin-right: 3px;}
div.standalone_element {margin-left:192px; padding:0; display:block; width: 766px; background: white; }

div.element h2 {margin:3px 0 0 5px; padding:0; font-size:1.7em; font-weight:bold; color:#ff7600; width:600px; float:left; }
div.element h2 span.location {color:#281f18; font-weight:bold;}

div.element a:hover {color:#281f18;}
div.element a {color:#281f18; text-decoration:underline;}

div.element_info {float:right; display:block; width:235px; height:274px; top:0px; margin:-12px 7px; overflow:hidden;}
div.element_info p { margin:0 0 5px 0; padding:0;}
div.element_info h4 { margin:0; padding:0; font-size:1.4em; font-weight:bold;}
div.element_info p.offer {color:#281f18; background:#ff7600; padding:2px; font-weight:bold;}

div.element_info p.add_favourite, div.element_info p.remove_favourite, div.element_info p.favourite_info { border-top: 1px solid #ff7600; padding-top:5px; }
div.element_info p.add_favourite a, div.element_info p.remove_favourite a {display:block; height:21px; padding-left:32px; padding-top:5px; font-weight:normal; color:#281f18; text-decoration:none;}
div.element_info p.add_favourite a {background:url(../images/buttons/favourite_add.png) no-repeat top left;} 
div.element_info p.add_favourite a:hover {background:url(../images/buttons/favourite_add.png) no-repeat left -26px;}
div.element_info p.remove_favourite a {background:url(../images/buttons/favourite_remove.png) no-repeat top left;}
div.element_info p.remove_favourite a:hover {background:url(../images/buttons/favourite_remove.png) no-repeat left -26px;}

div.element p.collapser{margin-top:5px;margin-right:5px;}
p.collapser {padding-top:3px; padding-bottom:3px; display:block; width:82px; height:16px; font-weight:bold; cursor:pointer; text-align:center; float:right;}
p.collapser {background: url(../images/buttons/close_button_sprite.png) no-repeat top left ; color:white; }
div#filters p.collapser {background:url(../images/buttons/close_button_sprite.png) no-repeat left -21px; color:#281f18; }
p.collapser:hover, div#filters p.collapser:hover {background: url(../images/buttons/close_button_sprite.png) no-repeat left -42px; color:white; }
div#filters p.collapser:hover { color:#281f18; }

/* Side nav - info template */
#info { clear: both;}
#side_navigation {float: left; display: block; width: 180px;}
#info_content {display: block; width: 766px; float: right; margin:115px 0;}
#info_content h2, #info_content h3 {color:#FFFFFF; clear:both;}
#home_navigation {display: block; width: 100px; float: right; text-align: right;}

div#info_content ul.info_headers {display:block; margin:0 0 35px 0; padding:0; }
div#info_content ul.info_headers li { margin:0 0 0 2px; float:left; background:url("../images/buttons/left.png") no-repeat left -19px; color: white; padding:0 0 0 10px; } 
div#info_content ul.info_headers li:hover, div#info_content ul.info_headers li.active {background:url("../images/buttons/left.png") no-repeat left top; color: #080604; }
ul.info_headers li a { color:white; display:block; margin:0; padding:0; background:url("../images/buttons/right_wide.png") no-repeat right -19px; padding:1px 10px 0 0; line-height:18px; }
div#info_content ul.info_headers li:hover a, div#info_content ul.info_headers li.active a {background:url("../images/buttons/right_wide.png") no-repeat right top; color: #080604; }

div#info_content p {font-size:1.3em; }
div.business_info ul li { list-style:disc; list-style-type:disc; font-size:1.3em;}
div#info_content h2, div#info_content h3, div.business_info h3 {border-bottom:1px solid white; margin-bottom:20px;padding:10px 0; color:white;}
/*
div#info_content ul.info_headers li { margin:0 0 0 2px; float:left; background:url("../images/buttons/left.png") no-repeat left -19px; color: white; padding:0 0 0 10px;}
div#info_content ul.info_headers li a {color:white; display:block; margin:0; padding:0; background:url("../images/buttons/right_wide.png") no-repeat right -19px; padding:1px 10px 0 0; line-height:18px;}
div#info_content ul.info_headers li.active {background:url("../images/buttons/left.png") no-repeat left top; }
div#info_content ul.info_headers li.active a {background:url("../images/buttons/right_wide.png") no-repeat right top; color: #080604; }
*/

div#side_navigation div#logo { float:none;}
div#info h2 {margin:0; padding:0;}
div#info ul { list-style-type:none; }
div#sub_navigation{ margin:20px 0;}
div#sub_navigation ul, div#info ul {list-style-type:none; margin:30px; }

div#info_content textarea {width:300px; height:100px;}
div#info_content input, div#info_content select {width:300px; font-size:1.2em; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}
div#info_content label {width:300px;}

/* Footer */
#footer {text-align:right; position:relative; background:url(../images/elements/footer_indent.gif) 30px top no-repeat #281f18; display: block; height: 3em; margin-top: -3em; clear: both;}
#footer div {padding:7px 15px 0 0;}
#footer span {margin:5px; font-size:0.9em; }

/* Info */
.stats_table th { border-bottom: 2px solid #ffffff; }
.stats_table td { border-bottom: 1px solid #666666; }