/* ============================================================
Travel-specific CSS
* Created by Lauren Brandstein on 10-27-2009
* Copyright (c) 2009 National Geographic. All rights reserved.
============================================================ */

/* ------------------------------------------------------------
+General
------------------------------------------------------------ */

#page_head .geocore_head {background: url(../i/presentation/travel_header.gif) no-repeat top left; height: 48px; margin-bottom: 10px; text-indent: -9999px; width: 350px;}

#body_wrap, .hub_home #container {background: #fff url(../i/presentation/travel_body.gif) repeat-x top center;}
.hub_home #container {background-position: 0 -145px;}

.small_article #page_head {padding:19px 0 0;}
.small_article #page_head h1 {margin-bottom:10px;}

/* ------------------------------------------------------------
+Footer Navigation
------------------------------------------------------------ */

#footer_breadcrumb {background-color: #82b4d2;}
#footer_breadcrumb li.selected a {color: #333;}
/* Fix for hardcoded count. Will continue to break until we get dynamic classes or unique classes in place for nav items. */
#footer_global .nav_global_tierA .nav6 a {color: #333; font-weight: bold;}

/* ------------------------------------------------------------
+Carousels
------------------------------------------------------------ */

/* Active vs. "greyed out" buttons may need to be switched/adjusted with this darker bg color */
.jcarousel-skin-geocore .jcarousel-container {background:#e7eef5; border: 1px solid #ccc;}
.seven .jcarousel-skin-geocore .jcarousel-container {background:#333; border: none;}
.jcarousel-list li p a {color:#333; font-weight:normal !important;}
.seven .jcarousel-list li p a {color: #fff;}

/* ------------------------------------------------------------
+A to Z module
------------------------------------------------------------ */
#atoz h3 {color: #fff;}
#atoz ul {background-color: #424242;}
#atoz li {border-top: 1px solid #323232;}
#atoz li a {color: #fff;}
#atoz label {color: #6b95b4;}
#atoz, #atoz li:hover {background-color: #323232;}

/* ------------------------------------------------------------
+Travel Favorites
------------------------------------------------------------ */
body.favorites #page_head h1 {
    position: relative;
    background: url(../i/presentation/favorites-header.gif) no-repeat top left;
    height: 37px;
    margin-bottom: 10px;
    margin-top: 5px;
}

body.favorites #page_head #group_name {
    position: absolute;
    display: block;
    width: 260px;
    text-indent: -9999px;
}

body.favorites #page_head #place_name {
    position: absolute;
    font-size: 0.85em;
    left: 280px;
    border-left: 1px solid #D6D6D6;
    padding-left: 20px;
    padding-top: 3px;
    padding-bottom: 1px;
}

body.favorites #filtering-wrapper {
    background-color: #E6E6E6;
    border-top: 1px solid #CECECE;
    border-bottom: 0;
    padding: 10px;
}

body.favorites #map-wrapper {
    background-color: #CCC;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 10px;
}

body.favorites #hub-map-canvas {
    width:930px;
    height:500px;
}

body.favorites button {
	display: block;
	width: 300px;
	height: 39px;
	margin: 0;
	border: 0px none;
	padding: 0 0 1px 0;
	cursor: pointer;
	background-color: #ffeaaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image: url(gating/form_submit_sprites.gif);
	color: #333;
}

body.favorites button span {
	display: block;
	width: 290px;
	height: 39px;
	padding: 0px 0px 0px 10px;
	font: normal normal bold 18px/38px Helvetica, Arial, sans-serif;
    /*background-image: url(gating/form_submit_sprites.gif);*/
	background-position: 0px 0px;
	text-align: left;
	/*color: #333;*/
	text-decoration: none;
}