/*tabelle che diventano liste - vedi mybooking - mkt emails*/
.tableDataListContainer div.lineGroup {
    /*border-bottom: 1px solid #d1d0cb;*/
	border-bottom:1px solid #fff;
    display: inline-block;
    padding-bottom: 0;
    padding-top: 2px;
    width: 100%;
}
.tableDataListContainer ul.line {
    /*display: inline-block;
    margin-bottom: -1px;*/
    padding: 0px 5px;
    width: 100%;
	margin: 0;
	display: block;
}
.tableDataListContainer ul.line li {
    /*display: inline-block;*/
	margin-right: 2%;
	float: left;
	xdisplay:block;
    line-height: 1.9em;
}
.tableDataListContainer ul.line.smallLineheight li {
    line-height: 1em;
}
.travelwithlist .tableDataListContainer ul.line li {
    display: inline-block;
	margin-right: 2%;
	float: none;
	xdisplay:block;
}
/*REQUEST A BROCHURE*/
div.tableDataListContainer div.lineGroup ul.line li.status {width: 6%;}
div.tableDataListContainer div.lineGroup ul.line li.bknumber {width: 9%;}
div.tableDataListContainer div.lineGroup ul.line li.bkholder {width: 14%;}
div.tableDataListContainer div.lineGroup ul.line li.pax {width: 4%;}
div.tableDataListContainer div.lineGroup ul.line li.voyager {width: 11%;}
div.tableDataListContainer div.lineGroup ul.line li.voyagerdesc {width: 19%;}
div.tableDataListContainer div.lineGroup ul.line li.departure {width: 11%;}
div.tableDataListContainer div.lineGroup ul.line li.days {width: 3%;}
div.tableDataListContainer div.lineGroup ul.line li.ship {width: 11%;}
/*mktg materials*/
div.tableDataListContainer div.lineGroup ul.line li.dateM {width: 18%;}
div.tableDataListContainer div.lineGroup ul.line li.sender {width: 15%;}
div.tableDataListContainer div.lineGroup ul.line li.title{width: 56%;}
div.tableDataListContainer div.lineGroup ul.line li.read {width: 20%; text-align:right;margin-right: 0}
/*REQUEST TRACKING*/
div.tableDataListContainer div.lineGroup ul.line li.brochure {width: 40%;}
div.tableDataListContainer div.lineGroup ul.line li.qty {width: 8%;}
div.tableDataListContainer div.lineGroup ul.line li.statusT{width: 8%;}
div.tableDataListContainer div.lineGroup ul.line li.date {width: 15%;}
div.tableDataListContainer div.lineGroup ul.line li.track {width: 20%; text-align:right; margin-right: 0}
/*booking details*/
div.tableDataListContainer div.lineGroup ul.line li.bookingdetail_item {width: 8%;}
div.tableDataListContainer div.lineGroup ul.line li.bookingdetail_date {width: 10%;}
div.tableDataListContainer div.lineGroup ul.line li.bookingdetail_description {width: 24%;}
div.tableDataListContainer div.lineGroup ul.line li.bookingdetail_embarkport {width: 12%;}
div.tableDataListContainer div.lineGroup ul.line li.bookingdetail_debarkport {width: 12%;}
div.tableDataListContainer div.lineGroup ul.line li.bookingdetail_nights {width: 5%;}
div.tableDataListContainer div.lineGroup ul.line li.bookingdetail_supplier {width: 14%;}

div.tableDataListContainer div.lineGroup ul.line li.bookingdetail_flightno {width: 8%;}
div.tableDataListContainer div.lineGroup ul.line li.bookingdetail_depgateway {width: 20%;}
div.tableDataListContainer div.lineGroup ul.line li.bookingdetail_depdatetime {width: 20%;}
div.tableDataListContainer div.lineGroup ul.line li.bookingdetail_arvgateway {width: 20%;}


/*booking documents*/
div.tableDataListContainer div.lineGroup ul.line li.individual {width: 25%;}
div.tableDataListContainer div.lineGroup ul.line li.description {width: 45%;}

div.tableDataListContainer div.lineGroup ul.line li.titleD {width: 40%;}
div.tableDataListContainer div.lineGroup ul.line li.download {width: 20%; text-align:right;margin-right: 0}
li.download a.button{width: 12em;}

/*my ports*/
div.tableDataListContainer div.lineGroup ul.line li.myports_title {width: 50%;}
div.tableDataListContainer div.lineGroup ul.line li.myports_date {width: 15%;}
div.tableDataListContainer div.lineGroup ul.line li.myports_visits {width: 5%;}
div.tableDataListContainer div.lineGroup ul.line li.myports_read {width: 20%; text-align:right;margin-right: 0}

/*rewards*/
div.tableDataListContainer div.lineGroup ul.line li.rewards_title {width: 50%;}
div.tableDataListContainer div.lineGroup ul.line li.rewards_date {width: 15%;}
div.tableDataListContainer div.lineGroup ul.line li.rewards_milestone {width: 20%;}

.tableDataListContainer  div.lineGroup.headerLine{
    display: none;
}
.tableDataListContainer  div.lineGroup.headerLine.firstLine{
	display: block;
}
.tableDataListContainer  div.lineGroup.headerLine{
    background-color: #FFFFFF;
    font-weight: bold;
    text-align: left;
    ytext-transform: uppercase;
    border-bottom: 0px;
}
.panelPageContainer.tableDataListContainer div.lineGroup.headerLine{
	background-color: #e6e6e6;
}
.brochureTitle{font-weight:bold;}
.infoLayer{
	padding: 0.6em;
	background-color: #d3d3d3;
}
.infoLayer p{
	/*line-height: 1em;*/
}


.docs div.lineGroup.docsInfoGroup{ border-bottom: none 0px;}

/*page brochure*/
.catDescription.smallDescLeft{
	float: left;
	width: 70%;
}
.mailAdressInfo{
	width: 30%;
	float: right;
	background-image:url("../Content/images/bg_vertical_divider.png");
	background-repeat:no-repeat;
	background-position:left center;
	padding-left: 0.8em;
}
.mailAdressInfo p{
	margin: 0px;
}
.itemSet.itemBrochure{
	width: 48%;
	float: left;
	margin: 0.6em 0.6em 0.6em 0;
	line-height:1em;
    clear:none !important;
}
.imgContainer{
	float:left;
}
img.imgBox{
	border: 2px solid #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	vertical-align:bottom;
	float:left;
	margin-right: 0.6em;
}
.listBrochure{margin-top: 1em;/*border-bottom:1px solid #d1d0cb;*/}
.listBrochure .itemLabel{ytext-transform:uppercase;color:#595959;font-size: 1em;}
.titleBrochure{margin-bottom: 0.8em;}
.titleBrochure h5{ytext-transform:uppercase;color:#58584E;font-size: 1.2em;font-weight: normal;line-height: 1em; margin-bottom: 0.3em;}

h4.subTitle{ytext-transform:uppercase; font-weight: normal; margin: 0.3em 0;}

.listButtonInfoPax .item
{
    display:inline-block;
    width:100%;
    padding:7px 0;
}
ul.listPaxInfo li
{
    background-color: #E7E7E5;
    border: 2px solid #FFFFFF;
    border-radius: 10px;
    clear: both;
    display: inline-block;
    padding: 10px;
    text-align: center;
    vertical-align: top;
    width: 40%;
    margin: 0 10px 20px 10px;

}
ul.listPaxInfo li.void {
    background: none;
    border: none;
}

div.listButtonInfoPax span.expedition {
    color: black;
    font-weight: bold;
    padding: 1px 10px;
    font-size: 0.85em;
    background: #349a18;
    background-image:url("../Content/images/blue/gradexpedition.png");
    background-repeat:repeat-x;
    float:right;
    min-width:75px;
    text-align:center;
    cursor:pointer;
}

span.completeInfo, span.completeInfo.tab {
    color: black;
    font-weight: bold;
    padding: 1px 10px;
    font-size: 0.85em;
    background: #349a18;
    background-image:url("../Content/images/blue/gradcomplete.png");
    background-repeat:repeat-x;
    float:right;
    min-width:75px;
    text-align:center;
    cursor:pointer;
}

span.expedition.tab {
    color:black;
    font-weight:bold;
    padding:1px 10px;
    font-size:0.85em;
    background-image:url("../Content/images/blue/gradexpedition.png");
    background-repeat:repeat-x;
    float:right;
    min-width:75px;
    text-align:center;
    cursor:pointer;
    display:block;
    float:none;
    font-size:0.75em;
    padding:0 5px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

span.noneInfo, span.noneInfo.tab
{
    color:white;
    font-weight:bold;
    padding:1px 10px;
    font-size:0.85em;
    background-image:url("../Content/images/blue/gradincomplete.png");
    background-repeat:repeat-x;
    float:right;
    min-width:75px;
    text-align:center;
    cursor:pointer;
}

    span.completeInfo.tab, span.incompleteInfo.tab, span.noneInfo.tab {
        display: block;
        float: none;
        font-size: 0.75em;
        padding: 0 5px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

.itemButtonInfoPax.summary
{
    text-transform:uppercase;
}

.listButtonInfoPax{/*margin-left: 0.8em;*/}
a.itemButtonInfoPax{/*display: block; float:left; margin-right: 0.4em; padding-left: 25px;*/}
a.itemButtonInfoPax.completeInfo, h5.completeInfo{
	/*background-image:url("../../Content/images/bg_green_info.png");
	background-repeat:no-repeat;
	background-position:left center;*/
}
a.itemButtonInfoPax.incompleteInfo, h5.incompleteInfo{
	/*background-image:url("../../Content/images/bg_yellow_info.png");
	background-repeat:no-repeat;
	background-position:left center;*/
}
a.itemButtonInfoPax.noneInfo, h5.noneInfo{
	/*background-image:url("../../Content/images/bg_red_info.png");
	background-repeat:no-repeat;
	background-position:left center;*/
}
a.itemButtonInfoPax.readInfo, h5.readInfo{
	/*background-image:url("../../Content/images/bg_marker_info.png");
	background-repeat:no-repeat;
	background-position:left center;*/
}
a.noneInfo span.ui-btn-inner{background-image:url("../Content/images/bg_red_info.png");background-repeat:no-repeat;background-position:left center;}
a.completeInfo span.ui-btn-inner{background-image:url("../Content/images/bg_green_info.png");background-repeat:no-repeat;background-position:left center;}
a.incompleteInfo span.ui-btn-inner{background-image:url("../Content/images/bg_yellow_info.png");background-repeat:no-repeat;background-position:left center;}
.italicNote{ font-style:italic; color:#58584E;font-weight: normal;}
.innerPageContentDouble div.firstItem{xpadding-top: 0.8em;}
h5.completeInfo, h5.incompleteInfo, h5.noneInfo{padding-left: 25px;}
.deviceDisplay{display: none;}
.topHeaderInfo{border-bottom:1px solid #d1d0cb;padding-bottom: 0.8em}
.itemSet.dividerBottom{border-top:1px solid #FFF; padding-top: 0.8em;}

.collapsibleElement h3 a, h3.ui-collapsible-heading a {
    color: #1c3051 !important;
}

.collapsibleElement h3 a:hover, .collapsibleElement h3 a:focus, h3.ui-collapsible-heading a:hover, h3.ui-collapsible-heading a:focus {
    color: #505050 !important;
    background-color: #E6E6E6 !important;
	background-image: url("../themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png") !important;
	background-repeat: repeat-x;
	background-position: 50% 50% !important;
}