.lblMessage {
	margin-top: 15px;
}

 body {font-size: 9pt;}
 .ptext{
	    font-size: 25px;
	    text-align: center;
	    margin-top: 100px;    
}


.newsletterVenueName 
{  
	padding:10px 0;	
}

.newsletterVenueName td.colonneNewsletter
{  
	text-align: left; 
	width:45%;	
}

.newsletterVenueName td.colonneNewsletter input
{  height:10px; margin:5px;	
}

.newsletterVenueName td.colonneNewsletter label
{  
	line-height:10px; 
}

.subscribeNewsletter{
	margin: 3%;
}
.newsLetterLabel{
	text-align: left;
}

.ticketproSysteme {
	font-family: helvetica, arial, sans-serif;
}

.pliWebgwtSuperDiv{
	padding: 15px 0 30px 0;
}
.pliWebgwt .Table2 a:link,.pliWebgwt .Table2 a:active {
	color: black;
}

.pliWebgwt .Table2 a:visited {
	color: black;
}

.pliWebgwt .Table2 a:hover {
	color: black;
}

/*This rule makes our apperance less vulnerable to look and feels that sometime tends to spray styles all over the place.*/
/*But dont apply that to spans. This would not be compatible with our rich text editor in the gui admin that rely on deeply nested levels of span to apply stuff like color and bold.*/
/*The problematic case is when you apply color on a range, and then apply bold on a sub range.*/
/* .pliWebgwt table td, .pliWebgwt table tr, .pliWebgwt p, .pliWebgwt div {
color: #222;
font-family: sans-serif;
font-size: 12px;
line-height: 15px;
} */
.pliWebgwt table td {
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
}

td.pliWebgwt {
	padding: 15px 0px 30px 0px;
}

/*GWT WIDGETs*/
.gwt-DisclosurePanel table.content2 {
	padding-left: 15px;
	border-bottom: 3px solid #F0F0F0;
	width: 100%
}

.gwt-Image {
	border: 0;
}

/*OUR WIDGETS*/
.pliWebgwt .sum .label {
	background-color: #F0F0F0;
	white-space: nowrap;
	text-align: right;
	padding: 5px 10px 5px 10px;
	width: 100px;
}

.pliWebgwt .sum .field {
	text-align: right;
	padding: 5px 15px 5px 15px;
}

/*UNCLASSIFIED*/
.pliWebgwt td.pageTitle {
	font-size: 15px;
	font-weight: bold;
	height: 1px;
}

.pliWebgwt td.fieldLabelCell {
	background-color: #F0F0F0;
	text-align: right;
	padding: 5px 10px 5px 10px;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	white-space: nowrap;
}

.pliWebgwt td.fieldCell {
	border-left: 5px solid white;
	text-align: left
}

.pliWebgwt .fieldCell input {
	width: 200px
}

.pliWebgwt .fieldCell select {
	width: 200px
}

.pliWebgwt .fieldSection {
	text-align: left;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
}

.ErrorPanelWidget {
	text-align: left;
}

.ErrorPanelWidget div {
	color: red;
}

.creditInfo, .bank{
	margin-top: 19px;
}

.last{
	background-color:#eee;
}

/*
.ErrorPanelWidget div{
    height: 50px;
}
*/
.PleaseWait-popupPanel .PleaseWait-title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
}

.PleaseWait-popupPanel .PleaseWait-messagePanel {
	padding: 15px;
	background-color: white;
	width: 300px;
	border: 3px solid silver;
}

.PleaseWait-popupPanel .dialogTop {
	display: none;
}

.ErrorDialogBox {
	padding: 15px;
	background-color: white;
	border: 3px solid silver;
	z-index: 99999;
}

.TooltipPopup {
	padding: 5px;
	background-color: white;
	border: 1px solid silver;
}

.SellableDescriptionWidget .title {
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
}

.SellableDescriptionWidget .date {
	font-size: 13px;
	font-weight: bold;
}

.SellableDescriptionWidget .salle {
	font-size: 13px;
}

/*
.SellableDescriptionWidget .note, .SellableDescriptionWidget .note td, .SellableDescriptionWidget .note span, .SellableDescriptionWidget .note p, .SellableDescriptionWidget .note div {
    font-size: 12px;
    color: green;
}
*/
.pliWebgwt .Table2 .note,.pliWebgwt .Table2 .note  div,.pliWebgwt .Table2 .note  p
	{
	font-size: 12px;
	color: green;
	padding: 0px;
	margin: 0px;
}

.ComboGroupPageWidget table.SellableDescriptionWidget .Table2 {
	width: 300px;
}

.CartPageWidget .comboTitle {
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom
}

.ChooseMethodPageWidget button {
	margin-bottom: 10px;
}

.pliWebgwt .tableHeader1 {
	background-color: #0066b3;
	text-align: center;
	padding: 5px 10px 5px 10px;
	font-size: 11px;
	white-space: nowrap;
	font-weight: bold;
	color:white;
}

.pliWebgwt .tableHeader2 {
	background-color: #F0F0F0;
	text-align: center;
	padding: 5px 10px 5px 10px;
	font-size: 11px;
	white-space: nowrap;
}

/*Usefull when we have a table in a header cell*/
.pliWebgwt .tableHeader1 td {
	font-size: 11px;
	white-space: nowrap;
	font-weight: bold;
}

.pliWebgwt .fieldDonation input {
    text-align: right;
	width: 50px;
}

.pliWebgwt td.fieldLabelCents {
	text-align: left;
	padding: 5px 10px 5px 1px;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	white-space: nowrap;
 }
 
.pliWebgwt .tableCell1 {
	border-bottom: 3px solid #F0F0F0;
	padding: 5px;
	font-size: 11px;
}

.pliWebgwt .tableCell1_eo {
	background-color: #F8F8F8;
}

.pliWebgwt .tableCell1_oo {
	background-color: #F8F8F8;
}

.pliWebgwt .tableFooter1 {
	background-color: #F0F0F0;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	font-size: 13px;
	white-space: nowrap;
	border-bottom: 6px solid white;
}

div.MessagePageWidget {
	text-align: center;
	padding: 15px;
	font-weight: bold;
}

.pliWebgwt .gwt-RadioButton input {
	width: auto; /*Only needed for the hosted mode*/
}

.pliWebgwt .gwt-CheckBox input {
	width: auto; /*Only needed for the hosted mode*/
}

.pliWebgwt .QtySelectorWidget2 input {
	width: 150px;
}

.pliWebgwt .QtySelectorWidget2 select {
	width: 150px;
}

/*
.pliWebgwt textarea {
    border: 1px solid silver
}
.pliWebgwt select {
    border: 1px solid silver
}
.pliWebgwt input {
    border: 1px solid silver
}
*/
.CartSimpleItemBox .bordered {
	width: 750px;
	border-left: 3px solid #F0F0F0;
	border-right: 3px solid #F0F0F0;
	border-top: 6px solid #F0F0F0;
}

.CartItemGaWidget .bordered {
	width: 750px;
	border-left: 3px solid #F0F0F0;
	border-right: 3px solid #F0F0F0;
}

.CartItemRsWidget .bordered {
	width: 750px;
	border-left: 3px solid #F0F0F0;
	border-right: 3px solid #F0F0F0;
}

.CartItemRsWidget .tableFooter1 table.ListField {
	
}

div.RelativeAbsoluteWidget1 {
	position: relative;
	height: 100%;
}

div.RelativeAbsoluteWidget2 {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.pliWebgwt select {
	font-size: 13px;
}

.pliWebgwt  option {
	font-size: 13px;
}

.pliWebgwt button {
	font-size: 13px;
}

.ProfileFormWidget button {
	white-space: nowrap;
}

.pliWebgwt form {
	margin: 0;
	padding: 0;
}

/*****DEBUG*******/
/*

.pliWebgwt {
    border: 2px dashed gray;

    text-align: center;
    vertical-align: middle;
}

.pliWebgwt > tbody > tr > td {
    border-bottom: 2px dashed silver;
    border-right: 2px dashed silver;
}
.pliWebgwt td {
    border-bottom: 2px dashed silver;
    border-right: 2px dashed silver;
}


*/
.PaymentPageWidget .month select {
	width: 50px;
}

.PaymentPageWidget .year select {
	width: 75px;
}

.PaymentPageWidget .csc input {
	width: 75px;
}

.PaymentConfirmationPageWidget div p {
	text-align: left;
}

.gwt-DialogBox .Caption {
	background: #ebebeb
		url(https://d364ts6ehiutez.cloudfront.net/images/hborder.png) repeat-x
		0px -2003px;
	padding: 4px 4px 4px 8px;
	cursor: default;
	border-bottom: 1px solid #bbbbbb;
	border-top: 5px solid #e3e3e3;
}

.gwt-DialogBox .dialogContent {
	
}

.gwt-DialogBox .dialogMiddleCenter {
	padding: 3px;
	background: white;
}

.gwt-DialogBox .dialogBottomCenter {
	background:
		url(https://d364ts6ehiutez.cloudfront.net/images/hborder.png) repeat-x
		0px -4px;
	-background: url(../images/hborder_ie6.png) repeat-x 0px -4px;
}

.gwt-DialogBox .dialogMiddleLeft {
	background:
		url(https://d364ts6ehiutez.cloudfront.net/images/vborder.png) repeat-y;
}

.gwt-DialogBox .dialogMiddleRight {
	background:
		url(https://d364ts6ehiutez.cloudfront.net/images/vborder.png) repeat-y
		-4px 0px;
	-background:
		url(https://d364ts6ehiutez.cloudfront.net/images/vborder_ie6.png)
		repeat-y -4px 0px;
}

.gwt-DialogBox .dialogTopLeftInner {
	width: 5px;
	zoom: 1;
}

.gwt-DialogBox .dialogTopRightInner {
	width: 8px;
	zoom: 1;
}

.gwt-DialogBox .dialogBottomLeftInner {
	width: 5px;
	height: 8px;
	zoom: 1;
}

.gwt-DialogBox .dialogBottomRightInner {
	width: 5px;
	height: 8px;
	zoom: 1;
}

.gwt-DialogBox .dialogTopLeft {
	background: url(https://d364ts6ehiutez.cloudfront.net/images/corner.png)
		no-repeat -13px 0px;
	-background:
		url(https://d364ts6ehiutez.cloudfront.net/images/corner_ie6.png)
		no-repeat -13px 0px;
}

.gwt-DialogBox .dialogTopRight {
	background: url(https://d364ts6ehiutez.cloudfront.net/images/corner.png)
		no-repeat -18px 0px;
	-background:
		url(https://d364ts6ehiutez.cloudfront.net/images/corner_ie6.png)
		no-repeat -18px 0px;
}

.gwt-DialogBox .dialogBottomLeft {
	background: url(https://d364ts6ehiutez.cloudfront.net/images/corner.png)
		no-repeat 0px -15px;
	-background:
		url(https://d364ts6ehiutez.cloudfront.net/images/corner_ie6.png)
		no-repeat 0px -15px;
}

.gwt-DialogBox .dialogBottomRight {
	background: url(https://d364ts6ehiutez.cloudfront.net/images/corner.png)
		no-repeat -5px -15px;
	-background:
		url(https://d364ts6ehiutez.cloudfront.net/images/corner_ie6.png)
		no-repeat -5px -15px;
}

* html .gwt-DialogBox .dialogTopLeftInner {
	width: 5px;
	overflow: hidden;
}

* html .gwt-DialogBox .dialogTopRightInner {
	width: 8px;
	overflow: hidden;
}

* html .gwt-DialogBox .dialogBottomLeftInner {
	width: 5px;
	height: 8px;
	overflow: hidden;
}

* html .gwt-DialogBox .dialogBottomRightInner {
	width: 8px;
	height: 8px;
	overflow: hidden;
}

.Table2 button {
	white-space: nowrap;
}

.roundedBox {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid silver;
}

/*when using their rich text editor they will insert spacing using <br/> */
.gwt-HTML p,.gwt-HTML div {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.SearchResultWidget table {
	width: 500px;
}

table.bordercell {
	border-spacing: 0;
	border-collapse: collapse;
}

td.bordercell {
	border: 1px solid #d0d0d0;
	padding: 4px;
	border-collapse: collapse;
}

.cartComboTitle {
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	margin-bottom: 10px;
}

.style50 {
	font-family: Verdana, Sans-serif;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
}

#menu_lookandfeel {
	height: 51px;
	position: relative;
	width:500px; 
    margin: 20px 0 0 250px;
}

ul#menu {
	height: 51px;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#menu li {
	float: left;
}

ul#menu li a {
	text-decoration: none;
	color: #595959;
	text-shadow: 0 1px 0 white;
	padding-top: 10px;
	text-align: center;
	display: block;
	height: 41px;
	overflow: hidden;
	background: transparent url(../images/lookandfeel_bg.jpg) no-repeat;
}

ul#menu li#login a {
	background-position: -33px 0;
	width: 100%;
}

ul#menu li#login a:hover {
	background-position: -33px -51px;
	width: 100%;
	color: #000;
}

ul#menu li#cart a {
	background-position: -33px 0;
	width: 100%;
}

ul#menu li#cart a:hover {
	background-position: -33px -51px;
	width: 100%;
	color: #000;
}

ul#menu li#shopping a {
	background-position: -33px 0;
	width: 100%;
}

ul#menu li#shopping a:hover {
	background-position: -33px -51px;
	width: 100%;
	color: #000;
}

#menu_lookandfeel_left {
	float: left;
}

#menu_lookandfeel_right {
	float: left;
}

ul#menu li#login a {
	overflow: visible;
}

ul#menu li#cart a {
	overflow: visible;
}

ul#menu li#shopping a {
	overflow: visible;
}

/*Facebook*/
.facebookBtn {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	width: auto;
	_width: 210px;
	overflow: hidden;
	height: 24px;
	line-height: 22px;
	cursor: pointer;
}

.facebookBtn span,.facebookBtn em {
	display: block;
	float: left;
	height: 24px;
	font-size: 11px;
	line-height: 22px;
	margin: 0;
	color: #fff;
	font-weight: bold;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

.facebookBtn span {
	padding-left: 28px;
	background: url(../images/facebookBtn.jpg) no-repeat 0 0;
}

.facebookBtn em {
	font-style: normal;
	padding-right: 7px;
	background: url(../images/facebookBtn.jpg) no-repeat 100% 0;
}

.searchResultMobileSeparator {
	background: url(../images/mobile_separator.png) top left repeat-y;
	width: 3px;
}

.searchResultImagePanelMobile {
	padding: 10px;
	min-width: 62px;
}

.searchResultImageMobile {
	border: 1px solid #999;
}

.searchResultMobile {
	background: #f2f5f5; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f5f5 35%, #c8cce0 98%, #9b8285 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #f2f5f5),
		color-stop(98%, #c8cce0), color-stop(100%, #9b8285) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f5f5 35%, #c8cce0 98%, #9b8285 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f5f5 35%, #c8cce0 98%, #9b8285 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f5f5 35%, #c8cce0 98%, #9b8285 100%);
	/* IE10+ */
	background: linear-gradient(top, #f2f5f5 35%, #c8cce0 98%, #9b8285 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#f2f5f5',
		endColorstr='#9b8285', GradientType=0 ); /* IE6-9 */
	width: 100%;
}

.searchResultTableMobile {
	width: 100%;
}

.pliWebgwt table {
	margin-left: auto;
	margin-right: auto;
}

.resultSummaryMobile {
	font-weight: bold;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	color: #999;
}

.resultSummaryTdMobile {
	line-height: 40px;
	background: #f2f5f5; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f5f5 35%, #c8cce0 98%, #9b8285 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #f2f5f5),
		color-stop(98%, #c8cce0), color-stop(100%, #9b8285) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f5f5 35%, #c8cce0 98%, #9b8285 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f5f5 35%, #c8cce0 98%, #9b8285 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f5f5 35%, #c8cce0 98%, #9b8285 100%);
	/* IE10+ */
	background: linear-gradient(top, #f2f5f5 35%, #c8cce0 98%, #9b8285 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#f2f5f5',
		endColorstr='#9b8285', GradientType=0 ); /* IE6-9 */
	width: 100%;
}

.searchMobileNavigation {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6
		100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1),
		color-stop(100%, #f6f6f6) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%,
		#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6
		100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6
		100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#ffffff',
		endColorstr='#f6f6f6', GradientType=0 ); /* IE6-9 */
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	text-align: right;
}

.pagination {
	height: 35px;
}

.paginationButton:active {
	color: #fff;
	background: #0076d1; /* Old browsers */
	background: -moz-linear-gradient(top, #0076d1 0%, #0066b3 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0076d1),
		color-stop(100%, #0066b3) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0076d1 0%, #0066b3 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0076d1 0%, #0066b3 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0076d1 0%, #0066b3 100%);
	/* IE10+ */
	background: linear-gradient(top, #0076d1 0%, #0066b3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#0076d1',
		endColorstr='#0066b3', GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 1px 1px 10px black inset, 0 1px 0
		rgba(255, 255, 255, 0.4);
	-moz-box-shadow: 1px 1px 10px black inset, 0 1px 0
		rgba(255, 255, 255, 0.4);
	box-shadow: 1px 1px 10px black inset, 0 1px 0 rgba(255, 255, 255, 0.4);
	text-shadow: 1px 1px 0px #000;
	text-decoration: none;
}

.paginationButton,.paginationButton-disabled:active {
	text-decoration: none;
	text-align: center;
	margin-right: 5px;
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#dfdfdf' );
	background-color: #ededed;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 5px;
	border: 1px solid #dcdcdc;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 10px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #ffffff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 2px #333333;
	width: 70px;
	display: inline-block;
	color: #0066b3;
	margin-top: 5px;
}

.paginationButton-disabled,.paginationButton-disabled:active {
	color: #7e7e7e;
}

.triangle {
	font-size: 15px;
}

.SearchResult:hover {
	cursor: pointer;
}

.shareTextBox{
	width: 80%;
}

.eventTitle {
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	padding: 5px 10px 5px 10px;
}

.syosIframe{
	border:none;
}

.sceneLabel{
	font-size: 13px;
}

.scenePrefix{
    display: inline;
    font-weight: bold;
    font-size: 13px;
}

canvas{
	outline: none;
}

.Syos{
	border-bottom: 3px solid #0066b3;
}

.SyosQuantityLabel{
    float: left;
    margin-left: 10px;	
}

.SyosQuantitySelect{
    float: right;
    margin-right: 10px;   
}

.SyosCartButton{
    margin-bottom:5px;
}

.SyosQuantity {
	background: #0066b3; /* Old browsers */
    background: -moz-linear-gradient(top,  #0066b3 0%, #00487f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0066b3), color-stop(100%,#00487f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0066b3 0%,#00487f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0066b3 0%,#00487f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0066b3 0%,#00487f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0066b3 0%,#00487f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066b3', endColorstr='#00487f',GradientType=0 ); /* IE6-9 */
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 0px;
    text-decoration:none;
    text-shadow:1px 1px 0px #528ecc;
    width: 100%;
}

.SyosHoldsTable{
	border: 1px solid #0065b2;
    border-collapse: collapse;
}

.SyosPromoTable > tbody > tr > td{
	text-align: left;
}

.SyosPromoLabel{
	margin-left:10px;
}

.SyosSeatMapView {
	float: left;
	overflow: hidden;
    border-left: 3px solid #0066b3;
    border-right: 3px solid #0066b3; 
}

.SyosRightPanel {
	float: right;
    border-top: 3px solid #0066b3;
    border-right: 3px solid #0066b3;
    width: 200px;
}

.SyosLegend {
	border: 3px solid #0066b3;
}

.SyosBirdEyeView {
    border-top: 3px solid #0066b3;
}

.SyosHoldsTablePanel{
	height:160px;
	overflow-y:auto;
	float: right;
    width: 100%;
}

.SyosSeatHold{
	border-bottom: 1px #0066b3 solid;
    line-height: 20px;
}

.SyosSeatHoldLabel:HOVER{
	cursor: pointer;
}

.SyosSeatHoldImagePanel{
	float: right;
    margin-right: 2px;
    border-left: 1px #0066b3 solid;
    height: 20px;
}

.SyosPromoTextBox{
	width: 140px;
}

.SyosYourSelectionPanel{
	border-top: 3px solid #0066b3;
	margin-top: 5px;
	border-bottom: 1px #0066b3 solid;
	height: 40px;
}

.SyosYourSelectionLabel{
	float: left; 
	margin-left: 10px;
	line-height: 40px;
}

.SyosPerformanceLabels{
	border: 3px solid #0066b3;
	border-bottom: none;
	padding: 10px;
}

.SyosPerformanceTitleLabel{
	width:100%;
}

.SyosPerformanceDateLabel{
	font-size: 13px;
    font-weight: bold;
}

.SyosPerformanceVenueLabel{
	font-size: 13px;
}

.SyosPerformanceNotePanel{
	border: 3px solid #0066b3;
    border-bottom: none;
    padding: 10px;
}

.SyosPerformanceNote p {
	text-align: center;
}

.SeatMapLegend {
	border: 3px solid #0066b3;
}

.SeatMapLegendItem{
	float:left;
}

.SyosLegendItemCircle{
	float:left;
}

.SyosLegendItemLabel{
	line-height: 30px;
	font-family:arial;
    font-size:15px;
    float:left;
}

.SyosSeatNoteLbl{
	line-height: 30px;
	font-family:arial;
    font-size:12px;
    text-align: left;
    line-height: 2;
    font-weight: bold; 
}

.SyosSeatNoteLabel{
	line-height: 30px;
	font-family:arial;
    font-size:12px;
    text-align: left;
    line-height: 2;
}

.SyosLegendLabelPanel{
	line-height: 30px;
	float:inherit;
}

.SyosLegendPrices{
	float: right;
}

.SyosPopup {
    padding: 15px;
    
    background-color: white;
    border: 3px solid #0066b3;
    width: 350px;
    z-index: 10000;
}

.SyosPopupItem{
	float:left;
	margin-top: 10px;
	width: 100%;
}

.SyosPopupItemTitle{
	float:left;
	line-height: 25px;
	font-family:arial;
    font-size:13px;
}

.SyosPopupItemSelect{
	float:left;
	margin-left: 5px;
	width: 300px
}

.popupContent{padding: 0px;}

@media (max-width: 600px) {
	
	.SyosPopup {
	    padding: 10px 0px;
	    background-color: white;
	    border: 3px solid #0066b3;
	    width: 95%;
	    left:2.5% !important;
	}
	
	.SyosPopupItem{
		float:left;
		margin-top: 10px;
		width: 100%;
	}
	
	.SyosPopupItemTitle{
		float:left;
		line-height: 25px;
		font-family:arial;
	    font-size:13px;
	}
	
	.SyosPopupItemSelect{
		float:left;
		margin-left: 5px;
		width: 50%
	}
	.popupContent{padding: 15px;}
}

.SyosTitlePanel{
	float: left;
	border-left: 3px solid #0066b3;
	border-right: 3px solid #0066b3;
}

.SyosTitleLabel{
    border-bottom:1px solid #0066b3;
    color: #0066b3;
    padding: 10px;
    font-size: 14px; 
}

.SyosTitleLabel-invisible{
    border-bottom:none;
    padding-bottom: 11px;
}

.dialogPopup {
	background-color: white;
    border-radius: 10px;
    border:1px solid #0066b3;
    color: #0066b3;
    padding: 5px;
}

.invisible {
	display:none;
}

.dialogPopupLabel{
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    color: #0066b3;
    float:left;
    margin-left:3px;
}

.dialogPopupPanel{
    margin-top: 10px;
    float:right;
}

.ExtraInfoCartItem{
	border: 1px solid #0066b3;
    border-radius: 10px;
    margin:10px;
    min-height:125px;
    width:750px;
}

.ExtraInfosItemHeader{
	background-color:#0066b3;
    height:35px;
    border-radius: 8px 8px 0 0;
    color:#FFFFFF;
    font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
    line-height:35px;
    padding-left:15px;
}

.ExtraInfosItemPriceLevel{
	float:left;
}

.ExtraInfosItemSeat{
	float:right;
    padding-right:15px;
}

.ExtraInfosAnswerGrid{
	padding:10px;
}

.ExtraInfosAnswerGrid td{
	padding:10px;
}

.ExtraInfosAnswerBox{	
 width: 300px;
 border-radius: 5px;
 font-size: 100%;
 height: 25px;
 border: 1px solid #cee2e7;
 outline: 0;
 box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
 background-color: #fff;
}

.ExtraInfoDirectiveWidget{
	border: 1px solid #0066b3;
    border-radius: 10px;
    margin:10px;
    min-height:75px;
    width:750px;
}

.ExtraInfosDirectivesHeader{
	font-weight: bold;
}

.ExtraInfosDirectives{
	margin-left: 25
}

.ExtraInfosMandatoryStar{
	color: red;
    font-size: 20px;
}

.ExtraInfosLegend{
	width: 90%;
}

.ExtraInfosAnswerPanel > tbody> tr> td{
	padding-left: 0;
	padding-right: 0;
	height: 44px;
}

.ExtraInfoBox {
	border: 1px solid #0066b3;
	border-radius: 10px;
	margin:10px;
	min-height:125px;
	width:750px;
}

.ExtraInfoHead {
	background-color:#0066b3;
	height:35px;
	border-radius: 8px 8px 0 0;
	color:#FFFFFF;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:35px;
	padding-left:15px;
}

.ExtraInfoContainer {
	border-top:1px solid #0066b3;
	min-height:50px;
}

.gwt-TabBarItem-wrapper {
	border: 1px solid #0066b3;
	border-radius: 8px 8px 0 0;
	padding:10px;
	background-color: #0066b3;
	font-weight: bold;
	height: 1px;
	color:white;
	width: 15%;
	cursor: pointer;
}
.gwt-TabBarItem-wrapper td{
	font-size: 15px;
}

.gwt-TabBarItem-wrapper-selected {
	border-radius: 8px 8px 0 0;
	border-bottom:none;
	background-color:#FFFFFF;
	color:#0066b3;
}

.MyInvoicesWidget, .MyTicketsWidget{
	padding-top: 20px;
}

.gwt-TabBarFirst-wrapper {
	display:none;
}
	
.gwt-TabBarRest-wrapper {
	border-bottom: 1px solid #0066b3;
	width:25%;	
}

.gwt-TabPanelBottom {
    border: 1px solid #0066b3;
    border-top:none;
    border-radius: 0 0 0 0;
}

.gwt-TabBarItem {
	outline: none;
}

.gwt-button-share-twitter{
	background:none;
	border:none;
	margin-top: 10px;
	float:left;
	margin-left: 15px;
}

.inProgress {
	padding: 7px;
	margin: 0px;
}

.imageInProgress {
	float: right;
}

.textInProgress {
	float:left;
	margin: 0px 6px;
}

.giftImage {
	height: 35px;
	cursor: pointer;
}

/* start CSS for Exposition widget */
.pliWebgwt .ExpositionPageWidget table td{
	vertical-align: top;
	
}

.boxExpo {
	border: 1px solid #0066b3;
	border-radius: 10px;
	margin: 10px;
	min-height: 125px;
	width: 750px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
}
.headExpo {
	background-color: #0066b3;
	height: 35px;
	border-radius: 8px 8px 0 0;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 35px;
	padding-left: 15px;
}
.titleInfo {
	float: left;
}
.calendarExpo {
	color: #0066b3;
	width: 100%;
	text-align: center;
	margin-top:20px;
	margin-bottom:20px;
}
.infoExpo {
	padding: 15px;
}
.hourExpo {
	width: 100%;
	color: #0066b3;
	line-height: 30px;
}
.dateExpoTitle {
	width: 100%;
	background-color: #0066b3;
	color: #fff;
	line-height: 30px;
	height:30px;
}
.dateExpo {
	height: 40px;
	width: 100%;
	padding: 0 15px 0 15px;
	text-align:center;

}
.btnExpo {
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Arial;
	color: #ffffff;
	font-size: 14px;
	padding: 8px 10px 8px 10px;
	text-decoration: none;
	margin-left: 15px;
}
.btnExpo:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
}
.btnComplet {
	background: #ccc;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Arial;
	color: #ffffff;
	font-size: 14px;
	padding: 8px 25px 8px 25px;
	text-decoration: none;
	margin-left: 15px;
}
.pliWebgwt .ExpositionPageWidget table td .textInstruction{
	font-size:15px;
}

.changePasswordAnchor {
	cursor: pointer;
}
/* end CSS for Exposition widget */

/*Selection Method*/

.boxsaleflow {
    border: 1px solid #0066b3;
    border-radius: 10px;
    margin: 10px;
    min-height: 125px;
    width: 100%;
    max-width:950px;
    margin:0 auto;
}
.headSelectmode {
    background-color: #0066b3;
    height: 35px;
    border-radius: 8px 8px 0 0;
    color: #FFFFFF;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 35px;
    font-weight: bold;
    padding-left: 15px;
    background-image: url(https://d364ts6ehiutez.cloudfront.net/images/saleflow/ticket_set.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 40px;
    text-align: center;
}
.headsaleflow {
    background-color: #0066b3;
    height: 45px;
    border-radius: 8px 8px 0 0;
    color: #FFFFFF;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding-left: 15px;
    text-align: center;
    padding-top: 5px; 
}
.contenerDefinition {
    border-top: 1px solid #0066b3;
    min-height: 50px;
    color: #000;
    font-family: Helvetica, arial, sans-serif;
    font-size: 12px;
    padding: 10px;
    text-align: center;
}
.contenersaleflow {
    border-top: 1px solid #0066b3;
    min-height: 50px;
    color: #000;
    font-family: Helvetica, arial, sans-serif;
    font-size: 12px;
}
.titleInfo {
    float: left;
}
.tkpButton {
	outline: none;
    -moz-box-shadow: inset 0px 1px 0px 0px #5b9ef0;
    -webkit-box-shadow: inset 0px 1px 0px 0px #5b9ef0;
    box-shadow: inset 0px 1px 0px 0px #5b9ef0;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #168ce0), color-stop(1, #0065b3) );
    background: -moz-linear-gradient( center top, #168ce0 5%, #0065b3 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#168ce0', endColorstr='#0065b3');
    background-image: linear-gradient(to top, #0066b3 0%, #168ce0 100%);
    background-color: #0065b3;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 0;
    border: 1px solid #168ce0;
    display: inline-block;
    color: #ffffff;
    font-family: Helvetica, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    line-height: 15px;
    padding:10px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #0065b3;
    cursor: pointer;
}
.tkpButton:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0065b3), color-stop(1, #168ce0) );
    background: -moz-linear-gradient( center top, #0065b3 5%, #168ce0 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0065b3', endColorstr='#168ce0');
    background-image: linear-gradient(to top, #168ce0 0%, #0065b3 100%);
    background-color: #0065b3;
}
.tkpButton:active {
    position: relative;
    top: 1px;
}
.tkpButton:disabled, .grayBtn {
    outline: none;
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
    background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
    background-image: linear-gradient(to top, #e9e9e9 0%, #f9f9f9 100%);
    background-color:#e9e9e9;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-topleft:6px;
    border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-topright:6px;
    border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomright:6px;
    border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomleft:6px;
    border-bottom-left-radius:6px;
    text-indent:0;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#666666;
    font-family: Helvetica, arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    line-height: 10px;
    padding:13px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #ffffff;
    cursor: pointer;
}
.grayBtn:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
    background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
    background-image: linear-gradient(to top, #f9f9f9 0%, #e9e9e9 100%);
    background-color:#e9e9e9;
}
.grayBtn:active {
    position:relative;
    top:1px;
}
.selectMode {
    height: 60px;
    float: left;
    margin:0 0px;
    text-align:left;
    display: inline-block;
}

.selectMode div{
	float: left;
	margin:0;
	padding:0 10px;
	width: 55%;
}

.selectMode1 {
	width: 45%;
}
.selectMode2 {
    width: 55%;
}
.selectMode .tkpButton{
	float: left;
    margin:0 10px 0 10px;
}

.boxBottom {
	border-radius: 0 0 8px 8px;
	background-color: #0065b3;
    min-height: 30px;
}

.viewSeatAnchor{
	background-image: url('https://d364ts6ehiutez.cloudfront.net/images/saleflow/view.png');
    padding-left: 30px;
    background-repeat: no-repeat;
    float: right;
    margin-right: 5px;
    line-height: 25px;
}

.printTicketAnchor{
	background-image: url('https://d364ts6ehiutez.cloudfront.net/images/saleflow/print.png');
	background-repeat: no-repeat;
	padding-left: 33px;
    padding-top: 7px;
    float: right;
    margin-right: 5px;
}

.photoAnchor{
	background-image: url('https://d364ts6ehiutez.cloudfront.net/images/saleflow/cam.png');
	background-repeat: no-repeat;
	padding-left: 33px;
    padding-top: 7px;
    float: right;
    margin-right: 5px;
}

.giftAnchor {
	background-image: url('https://d364ts6ehiutez.cloudfront.net/images/saleflow/gift.png');
    background-repeat: no-repeat;
    padding-left: 33px;
    padding-top: 7px;
    float: right;
    margin-right: 5px;
}

.giftAnchor-given{
	background-image: url('https://d364ts6ehiutez.cloudfront.net/images/saleflow/gift_already.png');
    background-repeat: no-repeat;
    padding-left: 33px;
    padding-top: 7px;
    float: right;
    margin-right: 5px;
}

.deleteAnchor {
	background-image: url('https://d364ts6ehiutez.cloudfront.net/images/saleflow/garbage.png');
    background-repeat: no-repeat;
    padding-left: 33px;
    float: right;
    margin-right: 5px;
    background-size: 25px;
    line-height: 25px;
}

.pageHeader {
	width: 100%;
    background-color: #0066b3;
    text-align: center;
    line-height: 40px;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    border-radius: 8px;
    margin-top: 10px;
    position: relative;
}

.cartHeader {
	background-image: url(https://d364ts6ehiutez.cloudfront.net/images/saleflow/cart.png);
	background-size: 35px;
    background-repeat: no-repeat;
    background-position: left center;
}

.shippingHeader{
	background-image: url(https://d364ts6ehiutez.cloudfront.net/images/saleflow/shipping.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.cartTimer {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 14px;
}

.cartTimerInCart {
    font-family: 'Roboto', Arial, sans-serif;
    font-size:14px;
    background-image: url(https://d364ts6ehiutez.cloudfront.net/images/saleflow/time.png);
    background-position:center left;
    background-repeat:no-repeat;
    background-size:25px;
    margin: 0 auto;
    display: inline;
    float: right;
    right:10px;
    padding-left:30px;
    position:absolute;
    line-height: 40px;
}

.CartRsWidget, 
.CartGaWidget, 
.CartProductWidget, 
.CartSubscriptionWidget, 
.CartCombo2Widget, 
.CartGiftCertificateWidget, 
.CartParkingWidget{
	border: 1px solid #0066b3;
	width: 100%;
}

.cartContentHeader {
	width: 100%;
    background-color: #0066b3;
    text-align: left;
    line-height: 40px;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    border-radius: 8px 8px 0 0;
    margin-top: 10px;
    position: relative;
    height: 40px;
}

.cartContentHeader div {
	margin-left: 15px;
}

.cartContentSubTotal{
	border: 1px solid #0066b3;
	border-radius: 0 0 8px 8px;
	line-height: 30px;
	font-weight: bold;
}
.tkpBlue {
    background-color: #0066b3;
    color: white;
    font-weight: bold;
    height: 30px;
}

.actionBar {
	min-height: 50px;
    border:1px solid #CBCBCB;
    border-radius:8px;
    background-color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#d8d8d8);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #d8d8d8 100%);
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #d8d8d8 100%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #d8d8d8 100%);
    background-image: linear-gradient(top, #ffffff 0%, #d8d8d8 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #d8d8d8 100%);
    background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #d8d8d8));
    margin-top:10px;
    position: relative;
    width: 100%;
}

.actionBar .grayBtn {
	position:absolute;
	left:10px;
	top: 5px;
}

.actionBar .tkpButton {
    position:absolute;
    right: 10px;
    top: 5px;
}

.actionBar .tkpButtonLeft {
    position:absolute;
	left:10px;
	top: 5px;
}

.cartSellableFooter {
	margin-bottom: 30px;
}

.cartSummary {
	text-align: center;
}
.saleTitle {
    background-color: #0066b3;
    height: 35px;
    border-radius: 8px;
    color: #FFFFFF;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    margin: 10px 0;
    border: 1px solid #0066b3;
}
.contenersaleflowNote {
    border: 1px solid #0066b3;
    color: #000;
    font-family: Helvetica, arial, sans-serif;
    font-size: 12px;
    border-radius: 8px;
    text-align: center;
    margin-top: 10px;
}
.noteTitle {
    color: #000;
    font-family: Helvetica, arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
}
.saleNote {
    color: #000;
    font-family: Helvetica, arial, sans-serif;
    font-size: 12px;
    padding: 10px;
    border-top: 1px solid #0066b3;
}
.keyserverInformation {
    color: black;
    font-family: Helvetica, arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
}
.waitingInformation {
    color: black;
    font-family: Helvetica, arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}
.containShipping {
    width: 45%;
}
.boxTop {
    border-radius: 8px 8px 0px 0px;
    background-color: #0066b3;
    min-height: 30px;
    margin-top: 10px;
    color: white;
    font-weight: bold;
}

.boxFull {
    border-radius: 8px 8px 8px 8px;
    background-color: #0066b3;
    min-height: 30px;
    margin-top: 10px;
    color: white;
    font-weight: bold;
    color: #FFFFFF;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 35px;
    font-weight: bold;
}

.boxItemInfo {
    display: block;
    border: 1px solid #0066b3;
    background-color: white;
    min-height: 100px;
    font-family: Helvetica, Arial, sans-serif;
}
.boxMiddle {
    font-family: Helvetica, Arial, sans-serif;
    border: 1px solid #0066b3;
    background-color: white;
    min-height: 200px;
    text-align: left;
}

.ShippingPageWidget {
	width: 90%;
}
.shippingNote {
	margin-right: 10px;
	font-size: 12px;
}

.shippingNote p{
	margin: 0;
}

.qtySelectorWidgetHeader{
	background-image: url(https://d364ts6ehiutez.cloudfront.net/images/saleflow/ticket_set.png);
	background-size: 35px;
    background-repeat: no-repeat;
    background-position: left center;
    border-radius: 8px 8px 0 0;
}
.borderLeftRight {
	border-left: 1px solid #0066b3;
	border-right: 1px solid #0066b3;
}

.borderBottom{
    border-bottom: 1px solid #0066b3;
}

.borderTop{
    border-top: 1px solid #0066b3;
}

.borderBottomRadius{
	border-bottom: 1px solid #0066b3;
	border-bottom-right-radius:  8px;
	border-bottom-left-radius: 8px;
}

.borderTopRadius{
    border-top: 1px solid #0066b3;
    border-top-right-radius:  8px;
    border-top-left-radius: 8px;
}

.EventsPageWidget{
	width: 90%;
}

.SelectionMethodPageWidget {
	width: 90%;
}

.taxNote {
}

.surveyTitle{
	padding: 15px;
}

.selectModePanel {
	padding: 20px 0px 20px 0px;
    margin: 0 auto;
    width: 90%;
    height: 50px;
}

.surveyTextArea {
	margin: 10px;
}

.joinusfacebookButton, .facebookshareButton {
	margin-top: 10px;
	float:left;
	margin-left: 18px;
}

.oneButton .tkpButton {
	position: relative;
	margin-top: 7px;
	right: 0;
	top: 0;
}

.socialInnerPanel {
	width: 95%;
	margin: 0 auto;
}

.CantSellPageWidget{
	min-width: 300px;
}

.boxHeaderDef2 {
    width: 100%;
    height: 1px;
}
.titreDef2 {
    color: #0066b3;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    height: 20px;
    font-size: 14px;
    margin:0px 10px 0px 0px !important;
    line-height: 25px;
    width: 100%;
    text-align: left;
    float: left;
}

.titreDef2Full{
	width:100%;
}

.infoDateTimeDef2{
	float: left;
}

.salewidget_pricetable {
	width: 100%;
}

div.sousTitreDef2 {
    color: #0066b3;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    float: left;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    text-align: left;
}

div.infoDef2 {
    float: right;
    color: #0066b3;
    line-height: 32px;
    border-radius: 8px 8px 0px 0px;
    border-bottom:none;
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    border: 3px solid #0066b3;
    padding: 0 15px;
    width: auto;
    text-align: left;
}

div.saleWidgetPromo {
	float: left;
    color: #0066b3;
    line-height: 32px;
    border-radius: 8px 8px 0px 0px;
    border-bottom:none;
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    border: 3px solid #0066b3;
    padding: 0px 10px;
    width: auto;
    text-align: left;
}

.cartSellableFooterSection{
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    padding: 10px 15px 0px 15px;
    width:50%;
}

.tableDef2{
	border: 3px solid #0066b3;
}

div.facilityNameDef2{
	margin-left: 15px;
	float: left;
}


.byocPerformance{
	padding-bottom: 10px;
	padding-top: 5px;
}

.byocCheckbox{
	float: left;
    display: inline-block;  
    width: 5%;
}

.byocPerformance.selected {
	font-weight: bold;
}

.byocPerformance.disabled {
    color: #ccc;
}

.byocDate{
	text-align:left;
    float: left;
    display: inline-block;	
    width: 40%;
}

.byocTitle{
	text-align:left;
	float: left;
    display: none;
    width: 30%;
}

.byocPriceLevel{
    float: left;
    display: inline-block;
    width: 13%;
}

.byocOriginalPrice{
	float: left;
    display: inline-block;
    width: 13%;
}

.byocServiceCharge {
	float: left;
    display: inline-block;
    width: 13%;
}

.byocDiscountPrice{
	float: left;
    display: inline-block;
    width: 13%;
}

.byocDetail{
	float: right;
    display: inline-block;
}

.ByocShowWidget {
	border-top: 1px solid #0066b3;
}

.byocShowDetailImage {
	height: 50px
}

.QtySelectorWidgetForByoc{
	width: 90%;
}

.MultipleSuggestionsPageWidget{
	width: 90%;
	max-width: 950px;
}

table.byocPerformanceDescription{
	margin-left: 30px;
}

.ByocPerformanceSelectionWidget{
	border-top: 1px solid #ccc;
}

.KeyServerWaitingTimeWidget {
	width: 90%;
}

.byocStrongLabel{
	font-weight:bold; 
	font-size:18px;
}

.infoDiscount {
    border-left: 1px solid #aaa;
    height: 40px;
    margin: 10px;
    padding: 5px 15px;
    color:#6f6f6f;
    line-height:20px;
    font-size:14px;
}

.byocQtyPanel{
	line-height: 70px;
}

.byocActionBar{
	line-height: 50px;
}

.byocActionBar .tkpButton{
	top: 20px;
}

/* Fix button in selection mode*/
.selectMode2 {
    width: 60%;
}
.selectMode1 {
    width: 40%;
}
.selectModePanel {
    margin: 0px auto;
    padding: 20px 0px;
    width: 95%;
    height: 50px;
}
.selectMode div {
    float: left;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    width: 52%;
    
}
.selectMode .tkpButton {
    float: left;
    margin: 0px 0px;
}

.cursorBusy{
	cursor: progress;
}

.cursorPointer {
  cursor: pointer;
}

.contextMenu {
  background-color: #f2f1f0;
  border-color: #f2f1f0;
  border-width: 1px 3px 3px 1px;
  border-style: solid solid solid solid;
}
 
.contextMenu-item {
  background-color: #f2f1f0;
  font-weight: normal;
  font-size: 80%;
  cursor: pointer;
}

.contextMenu-item.gwt-MenuItem-disabled {
	color: #ccc;
} 

.contextMenu-item.gwt-MenuItem-selected {
	background-color: #ECC011;
} 

.contextMenu .gwt-MenuItemSeparator {
	background-color: #ccc;
}

.ParkingSuggestionWidget {
    width: 90%;
}

#parkingContain {
    font-family: Helvetica Neue, Helvetica, Arial, " sans-serif";
    font-size: 14px;
    text-align: left;
    width: 90%;
    margin: 0 auto;
    border-radius: 5px;
    border: 1px solid #0066b3
}
#parkingContain a{ 
	text-decoration: none;
	color: #0066b3;
}   

.parkingNoteTitle {
	text-align: left;
	margin-left: 10px;
}

.ParkingSuggestionWidget .actionBar {
	width: 90%;
}

.ParkingSuggestionWidget .grayBtn {
    right: 100px;
    left: inherit;
}

.parkingTitle {
    width: 100%;
    background-color: #0066b3;
    text-align: center;
    line-height: 30px;
    font-family: Helvetica Neue, Helvetica, Arial, " sans-serif";
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    border-radius: 5px 5px 0px 0px;
    position: relative;
}

.actionBar .noThanks {
	right: 100px;
}

.inlineBox {
    display: inline-block;
    padding: 5px 10px;
}
.parkingName {
    font-weight: bold;
}
.mapBox {
    border-right: 1px solid #ccc;
}
.mapBox img {
    vertical-align: middle
}

.note {
    margin-top: 5px;
    color: red;
    font-size: 80%;
    display: block;
    margin-bottom: 5px;
    display: inline;
    padding: 5px;
}

.PyePopup {
    background-color: white;
    border: 3px solid #0fa252;
    width: 95%;
    height: 95%;
    z-index: 400;
}

.PyePopup .popupContent {
    height: 100%;
}

.PyeFrame {
    width: 100%;
    height: 100%;
    border: 0px;
}

.headerPYE {
	color: white;
	background-color: #0fa252;
	width: 100%;
    height: 100%;
}

.closebtn {
	-webkit-border-radius: 3;
	-moz-border-radius: 3;
	border-radius: 3px;
	font-family: Helvetica Neue, Helvetica, Arial, " sans-serif";
	color: #0fa252;
	font-size: 12px;
	background: #fff;
	padding: 5px 10px 3px 10px;
	text-decoration: none;
	margin: 8px 8px;
}

.closebtn:hover {
	background: #66e889;
	text-decoration: none;
	color: #000;
}

p.titlePYE {
	color: #fff;
	float: left;
	font-family: verdana, arial, sans-serif;
	margin-left: 20px;
}

.pye-popup {
	position: fixed;
	z-index: 9999;
	width: 100vw;
}

.pye-popup-button {
	background-color: transparent;
    border: 0;
    cursor: pointer;
    width: 235px;
    height: 100px;
    position: absolute;
    top: 508px;
}

.pye-popup-button1 {
	left: 166px;
}

.pye-popup-button2 {
	left: 482px;
}

.pye-popup-button3 {
	left: 799px;
}

body.on-pye-popup, body.on-pye-popup .mainContain {
	background : rgba(0, 0, 0, 0.4);
}

.stay22frame {
    border: 0px;
    width: 100%;
    height: 400px;
}


@media screen and (max-width:720px)
{
	.selectMode {
	    height:60px;
	    float: left;
	    margin:0 0px;
	}   
	
	.socialInnerPanel {
	   height: 120px;
	}
	
}
@media screen and (max-width:640px)
{
	.containShipping {
        width: 100%;
    }
	.selectMode {
	    height:80px;
	    float: left;
	    margin:0 0px;
	}  
	.contenersaleflow {
	    padding: 10px;
	} 
	.EventsPageWidget {
        width: 95%;	
        padding-top: 15px;
        padding-bottom: 15px;
	}
	.EventsPageWidget img {
	   max-width: 100%;
	}
	
	.EventsPageWidget .waitImage {
	   width: auto;
	}
	
	.ProfileVerificationWidget {
	    padding-top: 15px;
        padding-bottom: 15px;
	}
	.CartPageWidget {
	   width: 95%;
	}
	
	.ShippingPageWidget {
	   padding-bottom: 15px;
	}
	
	.PaymentPageWidget {
	   padding-top: 15px;
       padding-bottom: 15px;
	}
	
	.SelectionMethodPageWidget {
	   padding-top: 15px;
       padding-bottom: 15px;
	}
	
	.selectModePanel {
	   height: 160px;
	}
	.selectMode div {
	   height: 132px;
	}
	
	.QtySelectorWidgetForDonation .ExtraInfoBox{
	   width: 90%;
	}
	
	.QtySelectorWidgetForDonation .actionBar {
	   width: 90%;
	   margin-bottom: 15px;
	}
	
	.PaymentConfirmationPageWidget{
	   padding-top: 15px;
       padding-bottom: 15px;
       width: 95%;
	}
	.QtySelectorWidgetForPerformanceMobile {
	   padding-top: 15px;
       padding-bottom: 15px;
       width: 95%;
	}
	
	.SurveyPageWidget {
	   padding-top: 15px;
       padding-bottom: 15px;
       width: 95%;
	}
	
	.LoginCreationWidget {
	   padding-top: 15px;
       padding-bottom: 15px;
       width: 95%;
	}
	
	.QtySelectorWidgetForByoc{
	   padding-top: 15px;
       padding-bottom: 15px;
       width: 95%;
	}
	
	.ParkingSuggestionWidget{
       padding-top: 15px;
       padding-bottom: 15px;
       width: 95%;
    }
	
	.ProfileFormWidget{
	   padding-top: 15px;
       padding-bottom: 15px;
       width: 95%;
	}
	
	.joinusfacebookButton, .facebookshareButton, .gwt-button-share-twitter{
	   float: none;
	   margin-left: 0;
	}
	
	.bank img {
	   width: 75%;
	}
	
    .titreDef2 {
        float: none;
        width: 100%;
        text-align: center;
        height: auto;
    }
    
    div.sousTitreDef2{
        float: none;
        width: 100%;
        text-align: center;
        height: auto;
        margin-left:0;
    }
    
    .infoDef2 {
        float: none;
        font-size: 12px;
        font-family: Helvetica, Arial, sans-serif;
        border: 3px solid #0066b3;
        border-bottom: 3px solid #0066b3;
        padding: 0 15px;
        border-radius: 0px 0 0 0;
        width: 100%;
        text-align: center;
    }

    .boxHeaderDef2 {
        width: 100%;
        height: auto;
        border-bottom: none;
    }
    
    div.facilityNameDef2{
        width: 100%;
        margin-left: 0;
    }
    
    .byocCheckbox{
        width: 8%;
    }
    
    .byocDate{
	   width: 50%;
	}
	
	.byocTitle{
	    width: 64%;
	}
	
	.byocPriceLevel{
        width: 16%;
    }
	
	.byocOriginalPrice{
	    display: none;
	}
	
	.byocServiceCharge {
	   display: none;
	}
	
	.byocDiscountPrice{
	    width: 20%;
	}
	
	.byocDetail{
	    width: 15%;
	}
	
	.byocStrongLabel{
	    font-size:16px;
    }
    
    table.byocPerformanceDescription {
        margin-left: 0px;
        width: 100%;
    }
	
}
@media screen and (min-width: 720px){
	.cartContentHeader, .cartHeader {
	   min-width: 400px;
	}
	
	.surveyTitle{
        min-width: 400px;
	}
}

.responsiveMobile thead {
    background-color: #0066b3 !important;
    text-align: center !important;
    padding: 5px 10px 5px 10px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    font-weight: bold !important;
    color: white !important;
    line-height: 25px !important;
    font-family: Helvetica Neue, Helvetica, Arial," sans-serif" !important;
}


.responsiveMobile td {
    line-height: 25px !important;
    font-family: Helvetica Neue, Helvetica, Arial," sans-serif" !important;
    font-size: 12px !important;
    padding: 5px 10px 5px 10px !important;
    border-bottom: 1px solid #ddd !important;
}

.responsiveMobile th {
    line-height: 25px !important;
    font-family: Helvetica Neue, Helvetica, Arial," sans-serif" !important;
    font-size: 12px !important;
    padding: 5px 10px 5px 10px !important;
}

.responsiveMobile .gwt-TextBox{
    width:50% !important;
}

.responsiveMobile .ErrorIconWidget{
    position: absolute;
}

@media only screen and (max-width: 850px) {
  .responsiveMobile table,.responsiveMobile thead,.responsiveMobile tbody,.responsiveMobile th,.responsiveMobile td,.responsiveMobile tr {
      display: block !important;
  }
  
  .QtySelectorWidgetForPerformance2 .Table2{
    width:100%;
  }

  .responsiveMobile thead tr {
      position: absolute !important;
      top: -9999px !important;
      left: -9999px
  }
  .responsiveMobile tr {
      margin: 0 0 1rem 0 !important;
  }
  .responsiveMobile tr:nth-child(odd) {
      background: #eee !important;
  }
  .responsiveMobile td {
      /* Behave  like a "row" */
      border: none !important;
      border-bottom: 1px solid #ddd !important;
      position: relative !important;
      padding-left: 50% !important;
      line-height: 25px !important;
      white-space: pre-wrap !important;
  }

  .responsiveMobile td:before {
      position: absolute !important;
      left: 6px !important;
      width: 45% !important;
      padding-right: 10px !important;
      white-space: nowrap !important;
  }
  .responsiveMobile .tableCell1{
    background-color: inherit;
  }
  
  .responsiveMobile.en td:nth-of-type(1):before {content: "Type" !important;}
  .responsiveMobile.en td:nth-of-type(2):before {content: "Price Level" !important;}
  .responsiveMobile.en td:nth-of-type(3):before {content: "Price Type" !important;}
  .responsiveMobile.en td:nth-of-type(4):before {content: "Quantity" !important;}
  .responsiveMobile.en td:nth-of-type(5):before {content: "Price" !important;}
  .responsiveMobile.en td:nth-of-type(6):before {content: "Service Fees" !important;}
  .responsiveMobile.en td:nth-of-type(7):before {content: "Total" !important;}
  
  .responsiveMobile.fr td:nth-of-type(1):before {content: "Type" !important;}
  .responsiveMobile.fr td:nth-of-type(2):before {content: "Niveau de prix" !important;}
  .responsiveMobile.fr td:nth-of-type(3):before {content: "Type de prix" !important;}
  .responsiveMobile.fr td:nth-of-type(4):before {content: "Quantité" !important;}
  .responsiveMobile.fr td:nth-of-type(5):before {content: "Prix" !important;}
  .responsiveMobile.fr td:nth-of-type(6):before {content: "Frais de service" !important;}
  .responsiveMobile.fr td:nth-of-type(7):before {content: "Total" !important;}

  .responsiveMobile thead {
      background-color: #fff !important;
  }

  .responsiveMobile > tbody > tr:first-of-type{
    display: none!important;
  }

}

@media only screen and (orientation:portrait){

  body.landscape {
    height: 100vw;
    width: 100vh;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@media only screen and (orientation:landscape){

  body.landscape {
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg);
  }

}