.itin-container {
	background-color: #ffffff;
	padding: 20px;
}

/* step instructions */
.itin-stepbox-container-top {background: url(../images/shell/itinerary/ctrl-box-top.png) no-repeat; width: 678px; height: 5px;}
.itin-stepbox-container {border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; width: 676px; padding-bottom: 20px;}
.itin-stepbox {display: block; float: left; width: 204px; margin: 0 14px 0 0; padding: 0 6px;}

.itin-stepbox-content {font-size: 11px; float: right; width: 168px;}
.itin-stepbox-title {color: #333333; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px;}
.itin-stepbox-balloon {
	background: url(../images/shell/itinerary/step-box-balloon.png) no-repeat; 
	display: block;
	float: left;
	width: 26px; 
	height: 29px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding-top: 4px;	
	margin-right: 10px;
}

/* tips */
.itin-tips-ct {background-color: #ced0c3; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; width: 646px; padding: 15px;}
.itin-tips-btm {background: url(../images/shell/itinerary/tips_btm.png) no-repeat; width: 678px; height: 9px; margin-bottom: 20px;}
.itin-tips-title {display: block; float: left; color: #333333; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-right: 25px; width: 110px;}
.itin-tips-content {display: block; float: left; color: #000000; font-size: 11px; font-weight: bold; width: 510px;}

/* control box */
.itin-ctrlbox-top {background: url(../images/shell/itinerary/ctrl-box-top.png) no-repeat; width: 678px; height: 5px;}
.itin-ctrlbox-ct {border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; width: 656px; padding: 10px;}
.itin-ctrlbox-btm {background: url(../images/shell/itinerary/ctrl-box-btm.png) no-repeat; width: 678px; height: 7px; margin-bottom: 20px;}
.itin-ctrlbox-title {font-size: 14px; font-weight: bold; line-height: 16px; float: left; width: 40%;}
.itin-ctrlbox-links {line-height: 16px; float: right; width: 50%; text-align: right;}
.itin-ctrlbox-links a {color: #4E4C4C; font-size: 11px; font-weight: bold; line-height: 16px; text-decoration: underline;}
.itin-ctrlbox-tripinfo {margin-top: 15px;}
.itin-ctrlbox-trip {font-size: 16px; font-weight: bold; line-height: 18px; float: left;}
.itin-ctrlbox-triplinks {font-size: 11px; line-height: 18px; float: left; margin-left: 10px;}
.itin-ctrlbox-triplinks a {color: #4E4C4C; font-size: 11px; font-weight: normal; line-height: 18px; text-decoration: underline;}
.itin-ctrlbox-tripdays {font-size: 12px; font-weight: bold; line-height: 18px; float: right; text-align: right;}
.itin-ctrlbox-created {color: #666666; font-size: 11px; line-height: 16px; float: right; text-align: right;}
.itin-ctrlbox-hints {font-size: 11px; margin-top: 10px;}
.itin-ctrlbox-hints div {margin: 0; padding: 0 0 6px;}

/* Columns */
.itin-cols-header { text-align: center;}

.itinerarycolumn  { float:left; }
.itinerarycolumnLeft  { margin-right:18px; width:328px; }
.itinerarycolumnRight {width: 328px;}

.itinerarycolumn h2 {background-color: #8e9173; color: #ffffff; font-size: 11px; font-weight: bold; text-transform: uppercase; line-height: 25px; padding-left: 10px; margin: 0;}
.itinerarycolumn .coldesc {border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; padding: 8px 10px;}

.itin-col-btm {background: url(../images/shell/itinerary/col-btm.png) no-repeat; width: 328px; height: 7px;}

.itinerarycolitems {border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;}

/* Item Styling */
.itinitem h5 {background: url(../images/shell/itinerary/arrow-expand.png) no-repeat left center; cursor: pointer; display: block; margin-bottom: 6px; font-size: 13px; font-weight: bold; line-height: 16px; padding-left: 18px;}
.itinitem h5.active {background: url(../images/shell/itinerary/arrow-contract.png) no-repeat left center;}

.itinHeader {background-color: #d8d5d5; border-bottom: 3px solid #b3b2b2;}
.itinHeader a.itinHeader-l {background: url(../images/shell/itinerary/arrow-expand.png) no-repeat left center; display: block; padding: 6px 6px 6px 18px; color: #333333; font-size: 11px; font-weight: bold; text-transform: uppercase; text-decoration: none;}
.itinHeader a.active {background: url(../images/shell/itinerary/arrow-contract.png) no-repeat left center;}

.listingsWrapper {padding-bottom: 10px;}
.itincatitems {padding-bottom: 10px;}
.itincatitems .closeBar {background-color: #b3b2b2; padding: 5px;}
.itincatitems .closeBar a {color: #ffffff; font-size: 11px; font-weight: bold; text-decoration: underline;}
.itincatitems .txtRight {float: right;}
.l-itinLists {border-bottom: 1px dashed #b3b2b2; margin-left: 5px;}
.itinerarycolumnRight .l-itinLists {padding-bottom: 4px;}

.i-link, .i-link-remove {color: #4E4C4C; font-size: 11px; font-weight: bold; text-decoration: underline;}
.i-link-remove {float: right; font-weight: normal;}

.i-itemLinks {padding: 4px 0;}

.itinerarycolumnLeft .i-link-remove {display: none; !important}
.itinerarycolumnRight .i-itemLinks {display: none; !important}

.medgrey {color: #7f7f7f;}

/* drag/drop */
ul.draglist, ul.droplist {list-style: none outside none; margin:0; padding:10px 0; position:relative;}
.draglist li, .droplist li {font-size: 11px; cursor:pointer; list-style:none; margin: 1px;}
ul.draglist_alt { position: relative; width: 218px; list-style: none; margin:0; padding:0;}
ul.draglist_alt li {margin: 1px; cursor: move;}
ul.draglist_alt .i-link-remove {display: none; !important}
.detailView { margin-left: 15px; cursor: move;}

/* print */
.itinPrintContainer {margin: 0 auto; padding: 20px; width: 640px;}
.itinPrintContainer .headerimg {background: #ced0c3 url(../images/shell/charlottesville_virginia_logo.png) no-repeat center center; height: 88px; margin-bottom: 4px; width: 100%;}
.itinPrintContainer h2 {font-weight: bold; margin-top: 20px;}
ol.tripday {float: left; padding-left: 20px; width: 45%;}
ol.tripday li {font-size: 16px; margin-bottom: 10px;}
ol.tripday li h4 {font-weight: bold; margin: 0;}
ol.tripday li .printitem {font-size: 12px;}
.fromto { font-size: 12px; font-weight: bold;}
.directions {border: 1px solid #333333; margin-bottom: 20px;}
.pagebreak {page-break-after: always;}
#printctrls {margin:0; font-size: 10px;}
#printctrls a {font-size: 10px; text-decoration: underline;}

.couponhead {color: #333333; font-size: 18px; font-weight: bold; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 8px 0; text-align: center;}
ol.coupons li h4 {font-weight: bold; margin: 0;}
.couponlisting {font-size: 14px; font-weight:bold;}

/* forms */
.itin-form {padding: 10px;}
.itin-form a {font-weight: normal; text-decoration: underline;}
.itin-form form {border: 1px solid #4E4C4C; background-color: #f2f2f2; padding: 10px;}
.itin-form label {font-weight: bold; margin-right: 6px;}
.itin-form label.req {color: #990000;}
.itin-form .hint {color: #800000; font-size: 10px;}