div.workarea { padding:10px; float:left }

ul.draglist,ul.droplist { 
    background: #f7f7f7;
    list-style: none;
    margin:0;
    padding: 0 0 10px 0;
}

ul.draglist li,ul.droplist li {
    margin: 1px;
    cursor: move;
    zoom: 1;
	list-style: none;
}

ul.draglist_alt { 
    position: relative;
    width: 200px; 
    list-style: none;
    margin:0;
    padding:0;
    /*
       The bottom padding provides the cushion that makes the empty 
       list targetable.  Alternatively, we could leave the padding 
       off by default, adding it when we detect that the list is empty.
    */
}

ul.draglist_alt li {
    margin: 1px;
    cursor: move; 
}

li.listSpacer{
	height: 0px; 
	display: none; 
	background-color: red;
}


li.list1 {
    background-color: #D1E6EC;
    border:1px solid #7EA6B2;
}

li.list2 {
    background-color: #D8D4E2;
    border:1px solid #6B4C86;
}

#user_actions { float: right; }

.itincatitems{
	display: block;
	width: 100%;
	clear: both;
}

.itinerarycolumnLeft .removeLink{
	display: none;
}

div.h3{
	font-size: 1.02em;
	font-weight: bold;
	line-height: normal;
}

.itinerarycolumnRight div.h3 img{
	display: none;
}


.itinerarycolumn {
	width: 380px;
	margin: 0 50px 30px 50px;
	float:left;
}

.greyBck {
	background-color: #EEECEA;
}

.itinheader {
	font-size: 1.4em;
	border-bottom: solid 3px #BDB7AA;
	padding-top: 10px;
	padding-bottom: 10px;
}


a.itinheader-l {
	color: #000000;
	text-decoration:none;

}

a.itemName-l {
	color: #4A3930;
	text-decoration:none;
}

.itincatitems {
}

.listing-details {
	display: none;
	
}

.l-extrasHolder {
	/*color: #C5BEB1;*/
	color: #333;
	margin-left:  5px;
}

.l-itinLists {
	border-bottom: dashed 1px #BDB7AA;
	padding-top: 10px;
	margin-left:  5px;
}

.dropl-itinLists {
	padding-top: 10px;
	margin-left:  5px;
}


.i-itemLinks {
	margin-left: 5px;
}

a.i-link {
	/*color:#C5BEB1;*/
	color:#333;
	font-weight:bold;
}

.toolbar {
	width: 964px;
	height: 120px;
	margin: 10px 0;
	background:url(../images/itinerary/topbar.jpg) no-repeat;
}

.tripName {
	font-size: 1.3em;
	color: #000000;
	font-weight: bold;
	padding-top: 20px;
	padding-left: 20px;
	float:left;
	
}

.tripSave {
	float: right;
	padding-right: 25px;
	padding-top: 15px;
}

.whiteHint {
	font-size: .8em;
	color: #ffffff;
	font-weight:normal;
}


a..whiteHint {
	font-size: .8em;
	color: #ffffff;
	font-weight:normal;
}


.tripButton {
	color: #ffffff;
	font-weight: bold;
	background-color: #CD6025;s
	height: 30px;
	border-color: #CD6025;
}

.closeBar {
	color: #ffffff;
	font-weight:bold;
	background-color:#BDB7AA;
	padding: 5px 5px 5px 5px;
}

a.closeBar {
	color: #ffffff;
	font-weight:bold;
	background-color:#BDB7AA;
	padding: 5px 5px 5px 5px;
}

.txtLeft {
	float:left;
}

.txtRight {
	float:right;
}

.medgrey {
	color: #898170;
}

smTxt {
	font-size: .6em;
}

a.smTxt {
	font-size: .6em;
	color: #898170;
}

.addBox {
	color: #000000;
	font-size: 1em;
	width: 90px;
	font-weight: bold;
	padding: 5px 0px 5px 10px;
}	

a.addBox {
	text-decoration: none;
	color: #000000;
	
}

.droppable-hover {
	background-color: #FEBD8D;
}

.droppable-active {
	background-color: #FEBD8D;
}

.itemAdded .hideRemove {
	display: none;
}

.numStops {

}
.itinerary-top ul
{
	margin: 25px 0 0;
	padding: 0;
}

#landing .itinerary-top li
{
	float: left;
	background: #fd8936;
	margin-right: 15px;
	width: 150px;
	height: 90px;
	list-style: none;
	padding: 10px;
	font-size: .8em;
}

#landing .itinerary-top .chooser
{
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 120;
}

.itinHeader {
	text-align: center;
	font-size: 1.5em;
    padding-bottom: 7px;
	padding-top: 5px;
	font-weight: bold;
	background: #FD8936;
	color: #fff;
}


.itinTipsHeader {
	font-size: 1.4em;
	font-weight: bold;
	border-bottom: solid 3px #BDB7AA;
	color: #000;
}

.itinTips {
	padding: 5px 5px 5px 5px;
	background-color: #EEECEA;
}

.formStyle fieldset li
{
	margin-bottom: .5em;
	margin-left: .5em;
}

.formStyle fieldset li label
{
	display: block;
	width: 150px;
	float: left;
}