/* @override http://localhost:8888/../css/urb.css */

/*
	Name: National Park Service - Universal Resource Browser
	Date: August 2011
	Version: 0.0.2
	Author: pim.linders@threespot.com 
*/

.date-picker {
	padding-bottom: 20px;
}

.datepick, .datepick-multi {
	width: 656px !important;
}
.datepick-rtl {
	direction: rtl;
}
.datepick-popup {
	z-index: 1000;

	background-color: white;
	filter: alpha(opacity=50);
	opacity: 0.5;
	position: absolute;
	z-index: 100;
}
.datepick a {
	text-decoration: none;
}
.datepick a.datepick-disabled {
	color: #888;
	cursor: auto;
}
.datepick button {
	background-color: #fcc;
    border: none;
    font-weight: bold;
    margin: 0.25em;
    padding: 0.125em 0em;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
}
.datepick-nav, 
.datepick-ctrl {
	display: none;
}
.datepick-ctrl {
	background-color: #600;
}
.datepick-cmd {
	width: 30%;
}
.datepick-ctrl .datepick-cmd:hover {
	background-color: #f08080;
}
.datepick-cmd-prevJump, 
.datepick-cmd-nextJump {
	width: 8%;
}
a.datepick-cmd {
	height: 1.5em;
}
button.datepick-cmd {
	text-align: center;
}
.datepick-cmd-prev, 
.datepick-cmd-prevJump, 
.datepick-cmd-clear {
	float: left;
	padding-left: 2%;
}
.datepick-cmd-current, 
.datepick-cmd-today {
	float: left;
	text-align: center;
	width: 35%;	
}
.datepick-cmd-next, 
.datepick-cmd-nextJump, 
.datepick-cmd-close {
	float: right;
	padding-right: 2%;
	text-align: right;
}
.datepick-rtl .datepick-cmd-prev, 
.datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear {
	float: right;
	padding-left: 0%;
	padding-right: 2%;
	text-align: right;
}
.datepick-rtl .datepick-cmd-current, 
.datepick-rtl .datepick-cmd-today {
	float: right;
}
.datepick-rtl .datepick-cmd-next, 
.datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
	float: left;
	padding-left: 2%;
	padding-right: 0%;
	text-align: left;
}
.datepick-month-nav {
	float: left;
	text-align: center;
}
.datepick-month-nav div {
	float: left;
	margin: 1%;
	padding: 1%;
	width: 12.5%;
}
.datepick-month-nav span {
	color: #888;
}
.datepick-month-row {
	clear: left;
}
.datepick-month {
    float: left;
    margin-right: 5px;
    text-align: center;
    width: 215px;
}
.datepick-month .last {
	margin-right:0px;
}
.datepick-month-header, 
.datepick-month-header select, 
.datepick-month-header input {
	height: 25px;
}
.datepick-month-header select, 
.datepick-month-header input {
	border: 1px solid #C9C9C9;
	color: #464646;
	height: 20px;
}
.datepick-month-header input {
	display: none;
	position: absolute;
}
.datepick-month table {
	border-collapse: collapse;
	width: 100%;
}
.datepick-month thead {
	border-bottom: 1px solid #804711;
}
.datepick-month th, 
.datepick-month td {
	font-weight: normal;
	margin: 0em;
	padding: 0em;
	text-align: center;
}
.datepick-month th {
	border: 1px solid #777;
}
.datepick-month th, 
.datepick-month th a {
	background-color: #804711;
	color: #fff;
}
.datepick-month td {
	border: 1px solid #aaa;
}
.datepick-month td.datepick-week {
	border: 1px solid #777;
}
.datepick-month td.datepick-week * {
	background-color: #777;
	border: none;
}
.datepick-month a {
	color: #000;
	display: block;
	padding: 0.125em 0em;
	text-decoration: none;
	width: 100%;
}
.datepick-month span {
	display: block;
	padding: 0.125em 0em;
	width: 100%;
}
.datepick-month td span {
	color: #888;
}
.datepick-month td .datepick-other-month {
	background-color: #fff;
}
.datepick-month td .datepick-weekend {
	background-color: #ddd;
}
.datepick-month td .datepick-today {
	background-color: #ebf2da;
}
.datepick-month td .datepick-highlight {
	background-color: #b78811;
}
.datepick-month td .datepick-selected {
	background-color: #b78811;
}
.datepick-month th.datepick-week {
	background-color: #777;
}
.datepick-status {
	clear: both;
	background-color: #ddd;
	text-align: center;
}
.datepick-clear-fix {
	clear: both;
}
.datepick-cover {
    display: none;
    display/**/: block;
    filter: mask();
    height: 100px;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 100px;
    z-index: -1;
}

/* jQuery UI styles */
.urb-browser .ui-widget-content { border: 1px solid #d1d1d1; background: #f2f2f2 url(../images/jqueryui/ui-bg_flat_100_f2f2f2_40x100.png) 50% 50% repeat-x; color: #222222; }
.urb-browser .ui-widget-header { border: 1px solid #aaaaaa; background: #b58409; font-weight: bold; }
.urb-browser .ui-state-default, .urb-browser .ui-widget-content .ui-state-default, .urb-browser .ui-widget-header .ui-state-default { border: 1px solid #b58409; background: #eaddbb url(../images/jqueryui/ui-bg_glass_100_eaddbb_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.urb-browser .ui-state-default a, .urb-browser .ui-state-default a:link, .urb-browser .ui-state-default a:visited { color: #555555; text-decoration: none; }
.urb-browser .ui-state-hover, .urb-browser .ui-widget-content .ui-state-hover, .urb-browser .ui-widget-header .ui-state-hover, .urb-browser .ui-state-focus, .urb-browser .ui-widget-content .ui-state-focus, .urb-browser .ui-widget-header .ui-state-focus { border: 1px solid #b58409; background: #eaddbb url(../images/jqueryui/ui-bg_glass_100_eaddbb_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.urb-browser .ui-state-hover a, .urb-browser .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.urb-browser .ui-state-active, .urb-browser .ui-widget-content .ui-state-active, .urb-browser .ui-widget-header .urb-browser .ui-state-active { border: 1px solid #b58409; background: url("../images/jqueryui/ui-bg_glass_100_eaddbb_1x400.png") repeat-x scroll 50% 50% #EADDBB; font-weight: normal; color: #212121; }
.urb-browser .ui-state-active a, .urb-browser .ui-state-active a:link, .urb-browser .ui-state-active a:visited { color: #212121; text-decoration: none; }
.urb-browser .ui-widget :active { outline: none; }
.urb-browser .ui-corner-all, .urb-browser .ui-corner-top, .urb-browser .ui-corner-left, .urb-browser .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.urb-browser .ui-corner-all, .urb-browser .ui-corner-top, .urb-browser .ui-corner-right, .urb-browser .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.urb-browser .ui-corner-all, .urb-browser .ui-corner-bottom, .urb-browser .ui-corner-left, .urb-browser .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.urb-browser .ui-corner-all, .urb-browser .ui-corner-bottom, .urb-browser .ui-corner-right, .urb-browser .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.urb-browser .ui-slider { position: relative; text-align: left; }
.urb-browser .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 14px; height: 14px; cursor: default; }
.urb-browser .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.urb-browser .ui-slider-horizontal { height: 6px; }
.urb-browser .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.urb-browser .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.urb-browser .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.urb-browser .ui-slider-horizontal .ui-slider-range-max { right: 0; }
.urb-browser .ui-slider-vertical { width: .8em; height: 100px; }
.urb-browser .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.urb-browser .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.urb-browser .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.urb-browser .ui-slider-vertical .ui-slider-range-max { top: 0; }
.urb-browser .ui-slider  {
	text-decoration: none !important;
}
.urb-browser .ui-slider .ui-slider-handle  {
	overflow: visible !important;
}
.urb-browser .ui-slider .ui-slider-tooltip {
	display: none;
}
.urb-browser .ui-slider .screenReaderContext {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	left: -999999999px;
}
.urb-browser .ui-slider .ui-state-active .ui-slider-tooltip, .urb-browser .ui-slider .ui-state-focus .ui-slider-tooltip, .urb-browser .ui-slider .ui-state-hover .ui-slider-tooltip {
	display: block;
	position: absolute;
	bottom: 2.5em;
	text-align: center;
	padding: .3em .2em .4em;
	font-size: .9em;
	width: 8em;
	margin-left: -3.7em;
}
.urb-browser .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down, .urb-browser .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {
	position: absolute; 
	display: block;
	width:0; 
	height:0; 
	border-bottom-width: 0;
	background: none;
}
.urb-browser .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down {	
	border-left: 7px dashed transparent; 
	border-right: 7px dashed transparent;
	border-top-width: 8px;
	bottom:	-8px;
	right: auto;
	left: 50%;
	margin-left: -7px;
}
.urb-browser .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {
	border-left: 6px dashed transparent; 
	border-right: 6px dashed transparent;
	border-top: 7px solid #fff;
	bottom:	auto;
	top: -9px;
	left: -6px;
}
.urb-browser .ui-slider a {
	text-decoration: none;
}
.urb-browser .ui-slider ol, .ui-slider li, .urb-browser .ui-slider dl, .urb-browser .ui-slider dd, .ui-slider dt {
	list-style: none;
	margin: 0;
	padding: 0;
}
.urb-browser .ui-slider ol, .urb-browser .ui-slider dl {
	position: relative;
	top: 16px;
	left: -5px;
	width: 100%;
}
.urb-browser .ui-slider dt {
	top: 1.5em;
	position: absolute;
	padding-top: .2em;
	text-align: center;
	border-bottom: 1px dotted #ddd;
	height: .7em;
	color: #999;
}
.urb-browser .ui-slider dt span {
	background: #fff;
	padding: 0 .5em;
}
.urb-browser .ui-slider li, .ui-slider dd {
	position: absolute;
	overflow: visible;
	color: #666;
}
.urb-browser .ui-slider span.ui-slider-label {
	font-size:12px;
	position: absolute;
}
.urb-browser .ui-slider li span.ui-slider-label, .urb-browser .ui-slider dd span.ui-slider-label {
	display: none;
}
.urb-browser .ui-slider li span.ui-slider-label-show, .urb-browser .ui-slider dd span.ui-slider-label-show {
	display: block;
}
.urb-browser .ui-slider span.ui-slider-tic {
	display: none;
}
.urb-browser .ui-slider li span.ui-widget-content, .urb-browser .ui-slider dd span.ui-widget-content {
	border-right: 0;
	border-left-width: 1px;
	border-left-style: solid;
	border-top: 0;
	border-bottom: 0;
}
.urb-browser .ui-slider .first .ui-slider-tic, .urb-browser .ui-slider .last .ui-slider-tic {
	display: none;
}

/* URB */
.urb-browser {
	background: #f9f7f1;
	clear: both;
	padding-bottom: 45px;
	position: relative;
	z-index: 100;
	zoom:1;
}
.urb-browser .urb-browser-wrapper {
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}
.content-container .urb-browser-wrapper ul {
	background: url("../images/bg/urb-grid.png") repeat-y scroll 343px 0 transparent;
	margin-bottom: -1px;
	position: relative;
	z-index: 100;
}
.urb-browser-wrapper ul ul {
	background: none;
}
.content-container ul, .content-container ol {
  margin: 0 0 1.5em 1.7em;
  padding: 0;
}
.content-container form ul {
  margin-left: 0 !important;
}
.content-container .urb-browser li{
	border-bottom: 1px solid #d9d9d9;
    float: left;
    margin-bottom: 0;
	padding: 7px 8px 7px 15px;
    width: 320px;
}
.content-container .urb-browser li li{
	border: none;
    clear: none;
    float: none;
    line-height: 1.42857;
    margin-bottom: 4px;
    padding: 0px;
    width: auto;
}
.content-container .urb-browser label {
	color: #647630;
	float: left;
	font-weight: bold;
	font-size: 14px;
	line-height: 25px;
    margin-right: 14px;
    text-align: left;
    width: auto;
}
.content-container .urb-browser .controls label {
	color: #000000;
	display: inline;
	float: none;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
    text-align: left;
    width: auto;
}
.urb-browser input[type="text"], .urb-browser select.urb-input {
    border: 1px solid #C9C9C9;
    color: #464646;
    font-size: 12px;
    font-weight: normal;
    float: left;
    padding: 4px;
}
.urb-browser input[type="text"] {
    height: 14px;
	
    width: auto;
}
.urb-browser input[readonly="readonly"] {
	cursor: pointer;
}
.urb-browser .dropdown {
	/*background: url("../images/bg/urb-dropdown.png") no-repeat scroll top right #FFFFFF;*/
	cursor: pointer;
}

/* URB custom input sizes
.urb-browser #urb-keyword, .urb-browser #urb-park {
	width: 174px;
}
 */
.urb-browser input[type="text"].date-input {
	background: url("../images/bg/urb-calendar.png") no-repeat scroll 83px 2px #FFFFFF;
	width: 95px;
}
.urb-browser .highlight {
	border: 1px solid #B78811 !important;
}
.urb-browser #urb-end-date-input {
	margin-left: 5px;
}
/*
.urb-browser #urb-grade {
	width: 146px;
}
.urb-browser #urb-type {
	width: 201px;
}
.urb-browser intput.alphalistcheckbox-input {
	width: 100px;
}
*/
.urb-browser .controls {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D9D9D9;
    -moz-box-shadow: 3px 3px rgba(244, 244, 244, 0.5);
    -webkit-box-shadow: 3px 3px rgba(244, 244, 244, 0.5);
    box-shadow: 3px 3px rgba(244, 244, 244, 0.5);
    display: none;
    float: left;
    right: -1px; /* ANDY CHANGED THIS FROM: left: -1px; */
    padding: 15px;
    position: absolute;
    margin-top: 32px;
    width: 656px;
    z-index: 10004;
}
.controls .clear-dates {
	bottom:8px;
	color: #b28000;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	right: 15px;
	z-index: 1000;
}
.urb-browser .controls .selection {
	border-bottom: 1px solid #D8D8D8;
	padding: 6px 11px;
}
.urb-browser .controls .selection ul {
	margin-bottom: auto;
}
.urb-browser .controls .selection li {
	float: left;
	margin-bottom: 0px;
}
.urb-browser .controls .selection input {
	margin-top: 2px;
	margin-right: 6px;
}
.urb-browser .abc-search-wrapper {
	clear: both;
}	
.urb-browser .hover-btn {
	background: url("/common/commonspot/templates/images/bg/urb-open.png") no-repeat scroll 0 -30px transparent;
}
.urb-browser .hover-btn:hover {
	background-position: 0 0;
}
.urb-browser .close-btn {
	background: url("/common/commonspot/templates/images/bg/urb-close.png") no-repeat scroll 0 -30px transparent;
}
.urb-browser .close-btn:hover {
	background-position: 0 0;
}
.urb-browser .urb-btn {
	float: right;
	height: 22px;
    margin-top: 2px;
	cursor: pointer;
	width: 22px;
}

/* URB states */
.urb-browser .inactive {
	background-color: #e0ded8;
}
.urb-browser .inactive input[type="text"] {
	background-color: #e3e3e3;
}
.urb-browser .inactive label {
	color: #5a6a2b;
}
.urb-browser .active {
	background-color: #FFFFFF;
}
.urb-browser .active input[type="text"] {
	background-color: #FFFFFF;
}
.urb-browser .active label {
	color: #5a6a2b;
}
.urb-browser .range-slider {
	height: 32px;
    margin-bottom: 18px;
    padding: 11px 108px;
    width: 470px;
}
.urb-browser .type {
    font-size: 12px;
    padding: 12px 15px 8px;
    width: 313px;
}
.urb-browser .type li {
    line-height: 12px;
    margin-bottom: 11px;
}

/* Park Search */
.urb-browser .park-search {
    height: auto;
    padding: 0px;
    width: 686px;
}
.urb-browser .alphalistcheckbox-search {
	height: auto;
    padding: 0px;
    width: 496px;
}
.urb-browser .control-right{
    left: auto;
    right: -1px;
}

/* Abc searches */
.abc-search .col {
    border-left: 1px solid #D8D8D8;
    float: left;
    font-size: 12px;
    height: 138px;
    overflow: auto;
    position: relative;
    width: 188px;
}
.abc-search .col ul {
	padding: 11px 7px 0;
}
.abc-search .abc-results {
	padding: 0 13px;
	width: 282px;
}
.abc-search .abc-results ul{
	padding: 11px 3px 0;
}
.abc-search .abc-results li  {
	line-height: 12px;
    margin-bottom: 10px;
}
.abc-search .abc-list li {
  	line-height: 13px;
    margin-bottom: 2px;
    padding: 2px 8px;
}
.abc-search #park-search-3 input[type="checkbox"], 
.urb-browser .type input[type="checkbox"] {
	margin-right: 6px;
}

/* Park abc searches */
.park-search #park-search-1 {
	font-size: 14px;
	border-left: none;
}
.park-search #park-search-1 li {
    line-height: 14px;
    margin-bottom: 13px;
    padding: 1px 7px;
}
.park-search #park-search-3 input[type="checkbox"], 
.urb-browser .type input[type="checkbox"], 
.alphalistcheckbox-search .abc-results input[type="checkbox"] {
	margin-right: 6px;
	width: auto;
}
.park-search #park-search-3 .no-results {
	margin-top: 11px;
}
.park-search #park-search-detailed input[type="text"]{
	float: none;
}
.park-search #park-search-detailed input[type="submit"]{
	font-size: 12px;
}
.park-search #park-search-detailed select{
	font-size: 12px;
}
.park-search a, .alphalistcheckbox-search a{
	color: #5e7630;
	display: block;
	line-height: 16px;
}
.park-search #park-search-detailed {
	display: none;
	margin: 5px 0 0 14px;
	position: relative;
	width: auto;
}
.park-search #park-search-detailed ul {
	padding: 0;
}
.park-search #park-search-detailed li {
	margin: 0;
	padding: 0;
}
.park-search #park-search-detailed label{
	color: #000000;
    font-weight: normal;
    line-height: 18px;
    margin-right: 5px;
}
.park-search #park-search-detailed .sq-btn {
	bottom: -2px;
	font-size: 10px;
	margin-left: 15px;
	padding: 4px 6px;
	position: absolute;
	left: 105px;
	z-index: 1000;
}
.park-search #park-search-zip {
	margin-bottom: 9px;
    width: 123px;
}
.park-search .ajax-load {
	background: url("../images/graphics/loader.gif") no-repeat scroll 0 0 transparent;
	height: 11px;
	margin-left: 14px;
	width: 16px;
}
.park-search .parks-list {
	display: none;
}
.park-search .selected, 
.alphalistcheckbox-search .selected {
	background-color: #d7ddcb;
}
.park-search .selected #park-search-detailed {
	background: transparent;
}

/* topic search */
.urb-browser .alphalistcheckbox-search .col {
	border: none;
}
.urb-browser .type li {
    line-height: 12px;
    margin-bottom: 11px;
}
.urb-browser #urb-submit {
	background: url(../images/controls/urb-submit.png) no-repeat left top;
	border: none;
	bottom: 0;
	color: #b28000;
	display: block;
	font-size: 15px;
	font-weight: bold;
	height: 45px;
	left: 0;
	line-height: 32px;
	padding: 0 0 13px 0;
	position: absolute;
	width: 688px;
	z-index: 3;
}
.ie7 .urb-browser #urb-submit {
	bottom: 0px;
}
.urb-browser #urb-submit:hover {
	background-position: left -59px;
}
.urb-browser .alphalistcheckbox-list {
	display: none;
}
.urb-browser #search-type {
	/* border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;

	padding: 1px 8px 0 15px;
	*/
}
.urb-browser #search-type ul {
	 margin: 0;
}
.urb-browser #search-type li {
 	border: none;
    float: left;
    list-style-type: none;
    line-height: 25px;
    padding: 0;
    width: auto;
    margin-right:25px;
}
.urb-browser #search-type input {
	border: none;
	display: inline;
	float: none;
	height: 14px;
	width: auto;
}
.urb-browser #search-type label {
	color: #464646;
	display: inline;
    float: none;
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
    width: auto;	
}
.urb-browser .urb-radio {
	 margin: 0;
}
.urb-browser .urb-radio li, 
.urb-browser li .urb-radio li {
    border: none;
    float: left;
    height: auto;
    list-style-type: none;
    margin: 5px 0 0;
    padding: 0;
    width: auto;
}
.urb-browser .urb-radio input {
	border: none;
	float: left;
    padding: 0;
	width: auto;
}
.urb-browser .urb-radio label {
	color: #464646;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    float: left;
  	margin: 0px;
    padding: 0px 12px 0px 3px;
    width: auto;	
}