/*
CSS for Itinerary Planner

colors:
pale blue:			#e7f1fa
light blue:			#eaf2fa
med blue:			#badced
dark blue:			#31556f
aqua:				#108eaf

*/

/* site template */
#roots_con						{ padding:32px; padding-bottom:0; background-color:#fff; }
#basic_map_con 					{}
.basic_map_header				{ padding:11px 32px 6px; background-color:#eaf2fa; }
.basic_map_body					{ padding:20px 32px 32px; background-color:#BADCED; }
.roots_header 					{ margin-bottom:1.5em; padding-bottom:0.15em; border-bottom:1px solid #c9c7c8; }
.basic_map_header .roots_header 	{ margin-bottom:0; padding-bottom:0; border-bottom:0; }
.roots_header h1.page_title 		{ margin-bottom:0; }
.roots_help 						{ display:inline-block; float:right; width:37px; height:37px; background:transparent url(../images/roots_help_btn.gif) 0 0 no-repeat; }
.roots_help a 					{ display:block; width:100%; height:100%; text-indent:-99999px; }

.roots_search_name 				{ margin-bottom:10px; padding:1em 0 1.5em; background-color:#fff; position:relative; z-index:1000; }
.basic_map_hint 					{ margin-bottom:10px; padding:1em 1em 1.5em; background-color:#BADCED; }
.ow_block .roots_search_box ul 	{ list-style-type:none; margin:0; }
.ow_block .roots_search_box ul li 	{ list-style-type:none; background-image:none; margin:0px 1px 1px 1px !important; padding:4px 10px 4px 10px !important; cursor:pointer; }
.roots_search_box,
.roots_search_btn,
.roots_search_hint 				{ display:inline; float:left; }
.roots_search_hint 				{ width:345px; margin-left:30px; }
.roots_search_btn 				{ width:24px; }
.roots_search_box 				{ margin-right:3px; padding:0; width:175px; height:24px; background:transparent url(../images/roots_search_box.gif) 0 0 no-repeat;  }
input.roots-default-value 		{ width:163px; padding:6px; border:0; font-size:0.9em; background-color:transparent; }
input.roots_search_btn 			{ width:24px; height:24px; border:0; text-indent:-99999px; background:transparent url(../images/roots_search_box.gif) 100% 100% no-repeat; cursor:pointer;  }

ul#map_tabs 						{ list-style-type:none; margin:0; padding:0; }
ul#map_tabs  li					{ list-style-type:none; display:inline; float:left; margin:0; padding:2px; background-color:#e7f1fa; background-image:none;  }
.basic_map_body ul#map_tabs  li		{ background-color:#fff; }
ul#map_tabs  li.first				{ margin-left:0; }
ul#map_tabs  li a					{ display:block; float:left; width:96px; height:24px; text-indent:6px; font-size:10px; line-height:24px; text-transform:uppercase; background:#e7f1fa url(../images/roots_tab.gif) 0 0 no-repeat; }
ul#map_tabs  li a:link,
ul#map_tabs  li a:visited,
ul#map_tabs  li a:active,
ul#map_tabs  li a:hover				{ color:#fff; font-weight:bold; text-decoration:none; }
ul#map_tabs  li a:hover,
ul#map_tabs  li.ui-tabs-selected a  	{ color:#108eaf; }

.roots_map 						{ display:inline-block; float:left; }
.roots_map_sidebar 				{ display:inline-block; float:right; }
.roots_map						{ padding:0 0 5px 0; width:600px; background-color:#eaf2fa; }
.roots_map_sidebar 				{ width:222px; }
#map 							{ margin:0 auto; width: 590px; height: 590px; }
.roots_map_checkboxes 			{ margin-bottom:2em; }
table.map_cb 						{ display:table; table:layout:auto; width:100%; }
table.map_cb td 					{ padding:8px; background-color:#eaf2fa; vertical-align:middle; }
table.map_cb td.check 				{ border-bottom:1px solid #fff; border-right:1px solid #fff; }
.basic_map_body table.map_cb td.check 	{ border-bottom:1px solid #BADCED; border-right:1px solid #BADCED; }
table.map_cb td.check input[type="checkbox"]	{ vertical-align:top !important; margin:0 !important; padding:0 !important; width:13px; /* for IE7 */ height:13px; /* for IE7 */ }
table.map_cb td.label 				{ width:174px; border-left:5px solid #fff; border-bottom:1px solid #fff; }
.basic_map_body table.map_cb td.label 	{ width:174px; border-left:5px solid #BADCED; border-bottom:1px solid #BADCED; }
table.map_cb td.label.blue_chk 	{ border-left:5px solid #1171e9; }
table.map_cb td.label.r2r_chk 		{ border-left:5px solid darkblue; }
table.map_cb td.label.red_chk 		{ border-left:5px solid #db3637; }
table.map_cb td.label.org_chk 		{ border-left:5px solid #f27611; }
table.map_cb td.label.ylo_chk 		{ border-left:5px solid #eae70d; }
table.map_cb td.label.grn_chk 		{ border-left:5px solid #4ee729; }
table.map_cb td.label.lblue_chk 	{ border-left:5px solid #29d2e7; }
table.map_cb td.label.prp_chk 		{ border-left:5px solid #b865e2; }

#itinerary,
#directions 						{ height:200px; padding:15px; overflow:auto;  }
.map_tab_framents 				{ background-color:#e7f1fa; }
.basic_map_body .map_tab_framents 				{ background-color:#fff; }
.btn_go 							{ width:35px; height:18px; margin-top:3px; margin-left:3px; vertical-align:middle; background:transparent url(../images/btn_go.gif) 0 0 no-repeat; text-indent:-99999px; border:0; cursor:pointer; }
.btn_go_fr							{ width:45px; height:18px; margin-top:3px; margin-left:3px; vertical-align:middle; background:transparent url(../images/btn_go_fr.gif) 0 0 no-repeat; text-indent:-99999px; border:0; cursor:pointer; }

#map_regions_legend 				{ display:none; margin-top:1.5em; }
.ow_block ul.regions_labels 		{ list-style-type:none; float:left;  margin:0 10px 0 0 !important; padding:0 !important; }
.ow_block ul.regions_labels  li		{ list-style-type:none; margin:0 0 10px 0 !important; background-image:none; font-size:10px; line-height:10px; }
.yas_swatch,
.ss_swatch,
.es_swatch,
.cbi_swatch,
.fsav_swatch,
.hm_swatch,
.ns_swatch						{ display:inline-block; float:left; width:10px; height:10px; margin-right:6px; border:1px solid #fff;}
.yas_swatch						{ background-color:#f2e8ad; }
.ss_swatch						{ background-color:#f28662; }
.es_swatch						{ background-color:#98d7e6; }
.cbi_swatch						{ background-color:#c1dda2; }
.fsav_swatch					{ background-color:#a995c6; }
.hm_swatch						{ background-color:#b3d9cc; }
.ns_swatch 						{ background-color:#f2d297; }

.itin_list_heading 				{ margin:1em 0 0 0; padding:0 0 0.15em 0; border-bottom:1px solid #daebf6; }
.itin_list_item 					{ margin:0 0 0.25em 0; padding:0 0 0.15em 0; border-bottom:1px solid #daebf6; }

table.roots_map_bubble 			{ display:table; table-layout:auto; margin:0.75em 0; width:300px; }
table.roots_map_bubble  td			{ vertical-align:top; padding-right:8px; }
.bubble 							{ width:320px; height:100%; padding:2px 2px 50px 2px; }

.regions_chk 					{ margin:0 0 10px 10px; }

a.sm_plannerimg,
span.sm_plannerimg { 
	display:block; 
	background:transparent url(/site/applications/images/btn_add_to_planner.gif) 0 0 no-repeat; 
	width:92px; 
	height:16px;
	margin:6px 0;
	text-indent:-99999px;
}
span.sm_plannerimg { 
	background-position:0 -16px; 
	cursor:default;
}

.roots_error_message { margin-bottom:1.5em; color:red; }

/* roots help overlay */
#map_wrap { position:relative; }
#roots_help { display:none; position:absolute; top:0; left:5px; margin:0 auto; width: 590px; background-color:#000; color:#fff; z-index:9000; }
.roots_help_cnt { margin:10px 20px; }
.roots_help_cnt h3,
.roots_help_cnt p { color:#fff !important; }
.roots_help_close { position:absolute; top:5px; right:5px;  width:20px; height:18px; background: transparent url(../images/pg_close.png) 0 0 no-repeat; }
#roots_help_close { display:block; width:100%; height:100%; }
.roots_help_toggle { display:block; text-align:right;  padding:0 10px 4px 0; }