.colwrap
{
    background-color: #FFDEFD; /* main pink colour */
}

.search-result
{
	background-color: #FFEEFF;
}

.search-result.selectable:hover
{
	background-color: White;
}

.grid-view .alt-row
{
    background-color: #FFEAFE;
}

.grid-view .row {}
.grid-view .alt-row {}
.grid-view .empty-data-row {}
.grid-view .selected-row {}
.grid-view .edit-row {}

.grid-view .header
{
	background: #111111;	
    color:#cccccc;
}

body
{
	font-weight:normal !important;
	background-color: #222222;
}

body, table, th 
{
    font-family: Arial, Helvetica, sans-serif;
}

.date-and-time-selector div
{
    float:left;
    padding-right:1em;
}

.floatleft
{
    float:left;
}

.main-content h3
{
    margin-left:0.25em;
}

.wide-list
{
    width:200px;
}

.main-content div.proceed-to-checkout
{
    margin-top:0em !important;
    margin:1em !important;
    padding:1em;
    /*
    border: solid 1px black !important;
    */
    text-align:center;
}

.main-content div.proceed-to-checkout a.shopping-cart-icon
{
}

ul.default,
ul.default li
{
    float:none;
    list-style-type: circle;
    list-style-position:inside;
}

.bright
{
    color:#FD5AA6;
}

.validation-summary ul
{
    list-style-type:circle;
    list-style-position:inside;
    float:none;
}

.validation-error-text
{
    background-color:#FD5AA6;
    font-weight:bold;
    color:White !important;
    padding:0.25em;    
}

.validation-error-text a
{
    background-color:black;
    font-style:italic;
    color:White !important;
}

.important-note
{
    color:#FD5AA6;
    font-style:italic;
    font-weight:bold;
}

.zheader .banner-area
{
    position:absolute;
    padding:3px 3px 2px 7px;
    background:url(fills/black-25.png);
    color:White;
    top:58px;
    left:162px;
    width:550px;
    color:gold;
    border:solid 1px gold;
    line-height:1.25em;
    font-size:0.8em;
}

.zheader .banner-area a
{
    color:#ffd700;
}

.backstretch
{
    opacity:0.4 !important;
}

h1.banner,
h1.banner-administration
{
	background-repeat: no-repeat;
	text-indent: -999em;
    float: left;
    background: url(../images/bts_sign_mini.png);
	width: 100px;
	height: 100px;
}

h2, div.columnOffset
{
	font-size:1.3em;
	padding-top:0;
}

.main-title
{
    position:relative;
    top:0;
    left:0;
    height:124px;
    color:#ddd;
}

.main-title a
{
    color:#ddd;
    text-decoration:none;
}

.main-title a:hover
{
    text-decoration:underline;
}

.main-title .graphics
{
    position:absolute;
    top:11px;
    left:0;
}

.main-title .graphics h1
{
    margin-top:0;
}

.main-title .information
{
    position:absolute;
    top:9px;
    right:0px;
    display:inline;
    float:right;
    text-align:right;
    height:161px;
    overflow:hidden;
}

.main-title .information div
{
    font-weight:bold;
    position:relative;
    display:inline-block;
    background:url(fills/black-25.png);
    padding:0px 7px 0px 7px;
}

.main-title .information div.l1 { padding:7px 7px 3px 7px; }
.main-title .information div.l2 { top:-0px; }
.main-title .information div.l3 { top:-0px; }
.main-title .information div.l4 { top:-0px; }
.main-title .information div.l5 { top:-0px; padding:7px 7px 2px 7px; }
.main-title .information div.l6 { }

.main-title .information2
{
    font-weight: bold;
    position:absolute;
    top:9px;
    left:162px;
    padding:7px 7px 2px 7px;
    background:url(fills/black-25.png);
}

.menu, .menu2
{
    width:881px;
    width:900px;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}

.menu.box,
.menu2.box
{
    padding:0;
    margin:0 0 8px 0;
}

.menu ul,
.menu2 ul
{
    list-style:none none outside;
	float:left;
	margin:0;
	padding:0;
}

.menu li,
.menu2 li
{
    list-style:none none outside;
	float:left;
	margin:0;
	padding:0;
}

.menu li a,
.menu2 li a 
{
	margin:0;
	padding:10px 10px 10px 10px;
}



.promo-links
{
    padding:10px 0;
    padding-top:0;
    float:left;
}

.promo-links .promo-item
{
    float:left;
    margin:0;
    margin-bottom:10px;
}

.promo-links .promo-item .image
{
    margin-bottom:2px;
    text-align:center;
}

.promo-links .promo-item .name
{
    width:131px;
    text-align:center;
}

div.col1 /* this is now the 'main' content area */
{
    /* nothing */
}

div.col1 h2
{
	margin-top:0;
    margin-left:-1em;
    margin-right:-1em;
	padding:0.5em 0.7em 0.5em 20px;
    font-size:1em;
	background: #111111;	
    color:#cccccc;
}

div.col2, div.col3
{
	padding-top:0;
}

a
{
	color:black;
}

.page-content-item,
.promo-links
{
    padding-left:0.5em;
    position:relative;
    top:0;
    left:0;
}

.action-links
{
    position:absolute;
    top:2px;
    right:4px;
}

.page-content-item .content
{
}

.page-content-item .content:after
{
    content:".";
    color:  #FFDEFD;   
    font-size:2px;   
}

.search-options
{
    padding-left:5px;
    margin-top:1em;
    font-size:1em;
}

.main-footer
{
    position:relative;
    top:0;
    left:0;
    margin-top:10px;
    background:url(fills/black-25.png);
    padding:7px;
    color:#ddd;
}

.main-footer .smenu
{
    float:left;
}

.main-footer .smenu ul,
.main-footer .smenu li
{
    float:none;
}

.main-footer a
{
    color:#888888;
    text-decoration:none;
}

.main-footer a:hover
{
    text-decoration:underline;
}

.main-footer .primary
{
    float:left;
    display:block;
    width:400px;
}

.main-footer .copyright
{
    float:left;
}

.main-footer .secondary
{
    position:absolute;
    top:1em;
    right:1em;
}

/* ADMINISTRATION */
.administration
{
    background-color: #FFDEFD; /* main pink colour */
    padding:5px;
    padding-bottom:1em;
}

.administration .import-data-text
{
	background-color:#dddddd;
}

.administration .help
{
    display:block;
    color:red;
}

.administration .date-and-time-selector-text
{
    width:200px;
}

/* CONTROLS */
hr
{
    border:solid 1px;
	background-color:black !important;
	margin-top:1em !important;
	margin-bottom:1em;
}

.big-number
{
    font-size:2em;
}

.big-text
{
    font-size:1.75em;
}

.inline-button
{
    margin-right:1em;
}

/* FULL BASKET */
.full-basket
{

}

.full-basket table
{
    border:1px solid black;	
	background-color:White;
}

.full-basket td,
.full-basket th
{
}

.full-basket td
{
    border-top:1px solid black;
}

/* GRIDVIEW */
.grid-view
{
    margin-top:0.5em;
	border:solid 1px #111111;
}

.grid-view .header th
{
    border-color:black;
    color:white;
}

.grid-view .header th a
{
    color:White;    
}

.grid-view td,
.grid-view th
{
    padding:0.25em;
}

.grid-view .right
{
    text-align:right;
}


.grid-view .footer {}
.grid-view .pager {}

/* LAYOUT */
.sidebar-content-1
{
}

.sidebar-content-2
{
}

.main-content
{
    margin-bottom:0;
    padding-bottom:0;
    padding-right:1em;
}

.main-content.part1
{
    border-bottom:none;
    padding-top:10px;
    padding-left:17px;
}
.main-content.part2
{
    border-top:none;
    padding-left:17px;
    padding-bottom:10px;
}

.main-content .inner
{
    background-color:White;
}

.populated-venues
{
    text-align:center;
    width: 200px;    
}

.genre-sidebar
{
    text-align:center;
    width: 200px;    
}

/* LISTINGS */

.event-name-title-info
{
}

.event-date-title-info
{
    font-weight:normal;
}

.listings table
{
	border:solid 1px black;
}

.listings th,
.listings td
{
	border:solid 1px black;
}

.listings th.venue
{
}

.listings th.venue a
{
	color:White;
	
}

.listings td.v
{
	
}

.listings tr.soldout
{
    color:Gray !important;
    text-decoration:line-through !important;
}

.listings td.v a
{
	
}
.listings table
{
	border:solid 1px black;
}

.listings th,
.listings td
{
	border:solid 1px black;
}

.listings th
{
	color:White;
	background-color:black;
}

.listings th.venue
{
}

.listings th.venue a
{
	color:White;
	text-decoration:none;
}

.listings td.v
{
	
}

.listings td.v a
{
	text-decoration:none;
}

/* MINIBASKET */
.mini-basket
{
    position:relative;
    top:0;
    left:0;
}
.mini-basket .button
{
	padding:0.25em 0.5em;		
}

.mini-basket .actions
{
    position:absolute;
    right:0;
}

.mini-basket
{
}

.mini-basket tr th,
.mini-basket tr td,
.mini-basket .content.empty
{
    font-family:courier new, arial, helvetica, sans-serif;
    font-size:11px !important;
    font-weight:bold !important;	 
}


.mini-basket .title
{
}

.mini-basket .quantity
{
	padding:0 0.25em;
}

.mini-basket .price
{
}

.mini-basket .command
{
	width:10px;
	padding:0 0 0 0.5em;
}

.mini-basket .content.full
{
    background: transparent url('../images/shopcart_256.png') no-repeat !important;
}

.mini-basket .content.full table
{
    border-collapse:collapse;
    width:195px;
}

.mini-basket .content.full table tr
{
}

.mini-basket .content.full table td
{
    background: white;
    border-top:solid 1px #FFDEFD;
    padding:0 1px;
}

.mini-basket .content.empty img
{
    padding-top:1em;
    width:64px;
}

.mini-basket .content.empty
{
    text-align:center;
}

/* MODAL POPUPS */
.modalBackground
{
	background-color:Gray;
}

.modalPopup {
	background-color:#FF04FF;
	border-color:White;
}

/* SEARCH */
.venue-details,
.search-result
{
}

.search-result
{
    position:relative;
    top:0;
    left:0;
	border:solid 1px transparent;
	width:678px;
}

.search-result.selectable:hover
{
	cursor:pointer;
}

.search-result .image
{
    width:100px;
    position:absolute;
    top:10px;
    right:10px;
}

.search-result h3
{
    padding:0;
    margin:0;
    width:580px;
}

.search-result h3 a
{
    text-decoration:none;
}


h3 .event-date-title-info
{
    white-space:nowrap;
}

div h3 .event-name-title-info
{
    font-size:1em;    
/*    display:block; */

/*
    margin-left:-6px;
    margin-right:-6px;
    margin-top:-6px;
    margin-bottom:-1px;

    padding-top:4px;
    padding-left:7px;
    padding-bottom:3px;
*/
}

.search-result .button
{
	position:relative;
	top:2px;
	left:0;
	padding:0.25em !important;
}

.event-detail .summary
{
    width:560px;
}

.event-detail .tickets .message
{
    background:#FFDEFD;
    font-weight:bold;
    padding:0.25em;
}

.event-detail .tickets 
{
    
  
}

/* SIDEBARS */
.sidebar-content-1 .sidebar-item-container,
.sidebar-content-2 .sidebar-item-container
{
	border:solid 1px #2d2d2d;
}

.sidebar-content-2 .sidebar-item-container .grid-view
{
}

.sidebar-item-container .content
{
    position:relative;
    top:0;
    left:0;
}

.sidebar-item-container.mini-basket .content,
.sidebar-item-container.search-recent .content
{
    padding:0.5em;
}

.sidebar-item-container.search-text .content,
.sidebar-item-container.search-by-date .content
{
    padding-top:0.5em;
    height:37px;
}

.sidebar-item-container.search-text .content .button,
.sidebar-item-container.search-by-date .content .button
{
    position:absolute;
    top:7px;
    right:0px;   
}

.sidebar-item-container.search-recent .content .button
{
    position:absolute;
    bottom:8px;
    right:0px;   
}

.sidebar-item-container h2
{
	background: #111111;	
    color:#cccccc;
}

/* VALIDATION */
.validator,
.validation-summary
{
	color:#FD0B8E !important;
}

.validator
{
}

.validation-summary
{
}

.validation-summary ul
{
}

.validation-summary li
{
}

.long-text
{
    width:500px;
    height:100px;
}

/* pink */
.pink {
	color: white;
	border: solid 1px #d2729e;
	background: #f895c2;
}

.pink:hover {
	background: #d57ea5;
}
.pink:active {
	color: white;
}

/* dropdown menus */

.wrapper-dropdown {
    position: relative;
    margin: 0 auto;
    padding: 12px 15px;
    float:none;
    z-index:999;

    /* Styles */
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


.wrapper-dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -3px;
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #cccccc transparent;
}

.wrapper-dropdown .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
        width:200px;


    /* Styles */
    background: #1B1B1B;
    border-radius: 0 0 5px 5px;
    border: 1px solid rgba(0,0,0,0.2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    /* Hiding */
    max-height: 0;
    overflow: hidden;
}

.wrapper-dropdown .dropdown li {
    padding: 0 10px ;
    float:none;
}

.wrapper-dropdown .dropdown li a {
    color:#cccccc;
    display: block;
    text-decoration: none;
    padding: 10px 0;
    transition: all 0.5s ease-out;
    border-bottom: 1px solid #333333;
}

.wrapper-dropdown .dropdown li a:hover 
{
    color:#ffdefd;
}

.wrapper-dropdown .dropdown li:last-of-type a {
    border: none;
}

.wrapper-dropdown .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

.wrapper-dropdown .dropdown li:hover a {
}

.wrapper-dropdown.active {
    border-radius: 5px 5px 0 0;
    box-shadow: none;
    border-bottom: none;
    color: white;
}

.wrapper-dropdown.active:after {
    border-color: #FFDEFD transparent;
}

.wrapper-dropdown.active .dropdown {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    max-height: 800px;
}

/* MISC */

.black-on-black
{
    color:Black !important;
}

.soft-warning
{
    color:Orange;
    font-weight:bold;
}
.warning
{
    color:Red;
    font-weight:bold;
}

h2.soft-warning
{
    padding:0.25em;
    color:White !important;
    background-color:Orange;
    font-weight:bold;
}

h2.warning
{
    padding:0.25em;
    color:White !important;
    background-color:Red;
    font-weight:bold;
}

h2.okay
{
    padding:0.25em;
    color:White !important;
    background-color:Green;
    font-weight:bold;
}

h2.bright
{
    padding:0.25em;
    color:White !important;
    background-color:#FD5AA6;
    font-weight:bold;
}

h2.secondary-title
{
    float:right;
}

.secondary-text
{
    float:right;
}

h2.primary-title
{
    float:left;
}

hr.break
{
    margin-top:1em;
    margin-bottom:1em;
}

.hidden
{
    display:none;
}

div.shown
{
    display:inline-block;
}

div.submit-message
{
    padding:0.25em;
    margin-left:0.25em;
    margin-right:0.25em;
    font-weight:bold;    
}

.wizard-message
{
    padding-bottom:1em;
    display:block;
}

.promoter-event-wizard .info-panel
{
    clear:both;
    font-style:italic;
}