/*********************************************************************
    Map Container
*********************************************************************/

.tuMapContainer {
	min-height: 300px;
	min-width: 300px;
}

.tuMapContainer .ZoomControls {
	position: absolute;
	top: 5px;
	left: 5px;
}

.tuMapContainer .ZoomControls div {
	width: 22px;
	height: 19px;
	margin-bottom: 5px;
	display: block;
	font-size: 14px;
	background-color: #fff;
	border: 0;
	background-image: url('https://cdn1.sixthman.net/images/common/tickets/Zoom.png');
	background-repeat: no-repeat;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	cursor: pointer;
}

.tuMapContainer .ZoomControls .ZoomIn {
	background-position: -26px -3px;
}

.tuMapContainer .ZoomControls .ZoomOut {
	background-position: -1px -3px;
}

/*********************************************************************
    Ticket List
*********************************************************************/

.tuMapTicketList {
	width: 100%;
	font-size: 13px;
}

.TicketListTab ul,
.main-content .TicketListTab ul {
    padding-left: 0;
}

.tuMapTicketList tr.EvenRow {
	background: #f3f3f3;
}

.tuMapPreferredFilter {
	padding-top: 2px;
}

.tuMapPreferredFilter div {
	float: left;
}

.tuMapPreferredFilter div > * {
	vertical-align: middle;
}

.tuMapPreferredFilter span.Icon,
span.tuMapPreferred,
span.tuMapeTicket {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 2px;
}

.tuMapeTicket span.Icon,
span.tuMapeTicket {
	background: url('https://cdn1.sixthman.net/images/common/tickets/eticket.png')
		no-repeat;
}

.tuMapPreferred span.Icon,
span.tuMapPreferred {
	background: url('https://cdn1.sixthman.net/images/common/tickets/preferred.png')
		no-repeat;
}

.tuMapTicketList tr.OddRow {
	background: #fff;
}

.tuMapTicketList tr:hover {
	background: #bdffba;
}

.tuMapTicketList th {
	background: #145db5;
	background-image: linear-gradient(#487fc2, #145db5);
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 1px #333;
	padding: 5px;
}

.tuMapTicketList th.Sort {
	cursor: pointer;
}

.tuMapTicketList th.Sort span {
	background: url('https://cdn1.sixthman.net/images/common/tickets/sort.png')
		no-repeat right center;
	display: inline-block;
	padding-right: 15px;
}

.tuMapTicketList th.ASC span {
	background: url('https://cdn1.sixthman.net/images/common/tickets/asc.png')
		no-repeat right center;
}

.tuMapTicketList th.DESC span {
	background: url('https://cdn1.sixthman.net/images/common/tickets/desc.png')
		no-repeat right center;
}

.tuMapTicketList td {
	text-align: center;
	padding: 5px;
}

.tuMapTicketList select {
	min-width: 45px;
}

.tuMapTicketList .Notes {
	background: url('https://cdn1.sixthman.net/images/common/tickets/note.png')
		no-repeat center;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: -2px 0 -6px;
}

.tuMapTicketList .BuyLink {
	color: #000;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fbd27e;
	border: 1px solid #e8ac47;
	background-image: linear-gradient(#fff4d6, #f7b739);
	cursor: pointer;
	padding: 2px 5px;
	border-radius: 5px;
	text-decoration: none;
}
.tuMapTicketList .BuyLink:hover {
	background-color: #fac861;
	background-image: linear-gradient(#fff4d6, #ff9000);
}

.tuMapPreferredFilter {
	font-size: 13px;
	text-align: left;
}

/*********************************************************************
    Tooltip
*********************************************************************/

.tuMapTooltip {
	background: #fcf1bd;
	padding: 5px;
	border: 1px solid #666;
	display: none;
	border-radius: 5px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	font-size: 12px;
}

.tuMapTooltip .SectionViewZoom {
	background-image: url('https://cdn1.sixthman.net/images/common/tickets/SectionViewZoom.png');
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	width: 83px;
	height: 16px;
	margin: -23px 0 0 1px;
}

.tuMapTooltip img {
	margin: 2px auto;
	text-align: center;
	border: 1px solid #666;
}

.tuMapTooltip .SectionColor {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	margin-bottom: -3px;
	border: 1px solid #999;
}

.tuMapTooltip .Title {
	font-weight: 700;
	display: inline;
	font-size: 13px;
	line-height: 15px;
	padding-bottom: 5px;
	color: #0074e0;
}

.tuMapTooltip .RowDetails {
	font-weight: 700;
	font-size: 10px;
	line-height: 12px;
	padding-bottom: 5px;
	color: #850000;
	padding-left: 5px;
	white-space: nowrap;
}

.tuMapTooltip .tuMapHighlight {
	font-weight: 700;
	color: #d93800;
}

.tuMapSectionViewContainer {
	border: 1px solid;
	background-color: #487fc2;
	color: #fff;
	text-shadow: 1px 1px 1px #333;
	font-size: 14px;
}

.tuMapSectionViewContainer .CloseButton {
	float: right;
	background: url('https://cdn1.sixthman.net/images/common/tickets/close.png')
		no-repeat;
	width: 16px;
	height: 16px;
	cursor: pointer;
	margin: 3px;
}

.tuMapTooltip .SectionViewClose {
	background-image: url('https://cdn1.sixthman.net/images/common/tickets/close.png');
	background-position: center center;
	background-repeat: no-repeat;
	float: right;
	width: 16px;
	height: 16px;
	margin: -2px -2px 0 0;
	cursor: pointer;
}

/*********************************************************************
    Group Container
*********************************************************************/

.tuMapGroupsContainer > div {
	float: left;
}

.tuMapGroupsContainer .tuMapGroup {
	padding: 3px;
	white-space: nowrap;
}

.tuMapActiveGroupsContainer .tuMapGroup {
	cursor: pointer;
}

.tuMapActiveGroupsContainer .Disabled {
	cursor: default;
}

.tuMapGroupChecked .tuMapGroupColor {
	background-image: url('https://cdn1.sixthman.net/images/common/tickets/check.png');
	background-repeat: no-repeat;
}

.tuMapGroupsContainer .tuMapGroupColor {
	display: block;
	float: left;
	width: 13px;
	height: 13px;
	border: 1px solid;
}

.tuMapGroupsContainer .tuMapGroupTitle {
	display: block;
	float: left;
	line-height: 15px;
	font-size: 12px;
	padding-left: 3px;
}

.tuMapActiveGroupsContainer .tuMapGroupTitle:hover {
	text-decoration: underline;
	color: #0000ff;
}

.tuMapActiveGroupsContainer .Disabled .tuMapGroupTitle {
	text-decoration: line-through;
}

.tuMapActiveGroupsContainer .Disabled .tuMapGroupTitle:hover {
	text-decoration: line-through;
	color: inherit;
}

/*********************************************************************
    Buttons
*********************************************************************/

.tuMapControl {
	color: #fff;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
	background-color: #ff3000;
	border: 1px solid #8e0202;
	cursor: pointer;
	padding: 2px 5px;
	border-radius: 3px;
	font-size: 12px;
	margin: 2px;
	min-width: 60px;
	text-align: center;
	display: inline-block;
}

.tuMapControl:hover {
	background-color: #013a6f;
	border-color: #013a6f;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

.tuMapControlSelected,
.tuMapControlSelected:hover {
	background: #fff;
	border-color: #d93800;
	color: #000;
}

/*Loading*/
.LoaddingWrapper {
	position: absolute;
	background: url('https://cdn1.sixthman.net/images/common/tickets/ui-bg_diagonals-thick_90_eeeeee_40x40.png')
		repeat scroll 50% 50% #eee;
	opacity: 0.8;
	z-index: 1001;
	width: 100%;
	height: 100%;
}

.Loadding {
	background: url('https://cdn1.sixthman.net/images/common/tickets/ajax-loader.gif')
		no-repeat center;
	width: 100%;
	height: 100%;
}
