/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav, .staticPageColumn .ui-tabs .ui-tabs-nav { list-style: none; position: relative;/* padding: .2em .2em 0;*/ }
.ui-tabs .ui-tabs-nav li, .staticPageColumn .ui-tabs .ui-tabs-nav li{ position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {clear:both;/* padding: 1em 1.4em; */display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

 div#div_Tabs.ui-tabs { background:Transparent;}

/* scotiabank nuit blanche my night itinerary */
/* jim nielson, sept 2009 */
#ul_Tabs { border: none; margin: 0; padding: 0; list-style: none; overflow: hidden; }
#ul_Tabs li { float: left; width: 85px !important; height: 24px !important; margin: 0; border: none; padding: 0 !important; margin-right: 2px; list-style: none;}
#ul_Tabs a { display: block; width: 70px !important; height: 16px !important; padding: 5px 0 3px 15px; font-weight: bold;  border: none; margin: 0; text-decoration: none; color: #fff; }
#ul_Tabs a#tab_ZoneA  { background: url(/images/MyNight/snbItTabA.gif) no-repeat; }
#ul_Tabs a#tab_ZoneB  { background: url(/images/MyNight/snbItTabB.gif) no-repeat; }
#ul_Tabs a#tab_ZoneC  { background: url(/images/MyNight/snbItTabC.gif) no-repeat; }
/*
#snbItZoneHeader { clear: both; height: 44px; overflow: hidden; width: 720px; }
#snbItZoneHeader.snbItZoneA { background: url(/images/MyNight/ItZoneAHeader.gif) repeat-x; }
#snbItZoneHeader.snbItZoneB { background: url(/images/MyNight/ItZoneBHeader.gif) repeat-x; }
#snbItZoneHeader.snbItZoneC { background: url(/images/MyNight/ItZoneACeader.gif) repeat-x; }
#snbItZoneHeader h3 { margin: 10px; color: #fff; padding: 0; font-weight: bold; font-size: 16px; float: left; }
a#snbViewMapButton { display: block; float: left; padding: 4px 0 0 10px; height: 19px; width: 105px; background: url(/images/MyNight/viewmapbutton.gif) no-repeat; color: #fff; text-decoration: none; font-weight: bold; font-size: 12px; margin: 10px 0 0 400px; _margin: 10px 0 0 290px; }

#ul_ZoneA li, #ul_ZoneB li, #ul_ZoneC li { clear: both;/* overflow: auto; }*/
/*#ul_ZoneA li a.a_ItineraryLink img, #ul_ZoneB li a.a_ItineraryLink img, #ul_ZoneC li a.a_ItineraryLink img { width:25%; height:25%; overflow: hidden; vertical-align: top; margin: 0 10px; float: left; }*/
/*#ul_ZoneA li a, #ul_ZoneB a, #ul_ZoneC li a { display: block; float: left; }*/
/* #ul_ZoneA li a:hover, #ul_ZoneB li a:hover, #ul_ZoneC li a:hover {  background-color: #f4d7d9; border: 1px solid #ef0000; } */
/*#ul_ZoneA li a.a_ItineraryLink{ width: 600px; }*/
/*#ul_ZoneA li a.ui-icon ui-icon-arrowthick-2-n-s, #ul_ZoneA li a.ui-icon ui-icon-arrowthick-1-n, #ul_ZoneA li a.ui-icon ui-icon-arrowthick-1-sm, #ul_ZoneA li a.ui-icon ui-icon-close{ width: 20px; }*/


ul#ul_ZoneA{border-bottom:5px solid #da0000;}
ul#ul_ZoneB{border-bottom:5px solid #686800;}
ul#ul_ZoneC{border-bottom:5px solid #963086;}

li#li_ItineraryZoneTitle{ display: block; height: 44px; overflow: hidden;  }
ul#ul_ZoneA li#li_ItineraryZoneTitle{ background: url(/images/MyNight/ItZoneAHeader.gif) repeat-x; border:1px solid #da0000;}
ul#ul_ZoneB li#li_ItineraryZoneTitle{ background: url(/images/MyNight/ItZoneBHeader.gif) repeat-x; border:1px solid #686800;}
ul#ul_ZoneC li#li_ItineraryZoneTitle{ background: url(/images/MyNight/ItZoneCHeader.gif) repeat-x; border:1px solid #963086;}


ul li#li_ItineraryFieldTitle{padding:10px 0 5px;}


ul li#li_ItineraryZoneTitle span{float:left; font-size:18px; color: #fff; margin:10px;}
ul li#li_ItineraryZoneTitle a{float:right; margin:10px 5px;}

.div_ItnOrder{display:block; float:left;width:9%; padding-left:1%;}
.div_ItnMyProjects{display:block; float:left;width:60%;}
.div_ItnSort{width:8%; float:left; margin-left:2%; text-align:center;}
.div_ItnMapID{width:8%; float:left; margin-left:2%; text-align:center;}
.div_ItnRem{width:8%; float:left; margin-left:2%; text-align:center;}
.div_ItnRem a.a_RemItd {text-align:center;}

.div_ItineraryImage{width:35%;float:left; padding:1% 0; margin-right:5%; text-align:center; height:100%; vertical-align:middle}
.div_ItineraryLink{float:left;width:60%;}

a.a_ItineraryZoneMap, a.a_ItineraryPrint {

display:block;

	padding: 3px 10px 3px 5px ;

	font-weight: bold; 
	text-decoration: none;
	margin-bottom:5px;
	color: #fff !important;
}

a.a_ItineraryZoneMap {
	width:90px;
	background: #5d5d5d url(/images/arrow.gif) no-repeat 90px 4px;
}

a.a_ItineraryPrint {
	width:125px;
	background: #5d5d5d url(/images/arrow.gif) no-repeat 125px 4px;
}