/* @override 
        http://aarhusteater.billetten.dev/resources/aarhusteater_v2/css/global.css */
/* Defaults */

body {
    margin: 0;
    font-size: 13px;
    color: #FFFFFF;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    background: #3B2821 url(../images/bgs/4.jpg) center center fixed no-repeat;
    background-size: cover;
}

#supersized {
    display: none !important;
}

div.ui-widget-overlay {
	background: none;
	background-color: #000;
	opacity: .5;filter:Alpha(Opacity=50);
}

#body div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable {
	padding: 0px;
	border: 2px solid #A70432;
	border-radius: 0px;
	font-size: inherit;
	font-family: inherit;
}

#body div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable div.ui-dialog-content.ui-widget-content {
	background-color: #FFF;
}

#body div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable div.ui-dialog-titlebar.ui-widget-header.ui-corner-all{
	background: none;
	background-color: #A70432;
	color: #FFF;
	border-radius: 0px;
	border: 0;
	padding: 10px;
	font-weight: bold;
	text-transform: uppercase;
}


html,body {
    height: 100%;
    line-height: 1.3;
}

.wf-loading{
	visibility: hidden;
}

.wf-active{
	visibility: visible;
}

#changePriceContainer {
    z-index: 9999;
    width: 700px;
    max-height: 600px;
    overflow: auto;
    position: absolute;
    background-color: #FFFFFF;
    top: 200px;
}

.informationbox{
    color: #000;
}

.frontpage_text {
    background-color: rgba(255,255,255,0.8);
    padding: 10px;	
    margin-bottom: 20px;
}

.frontpage_text h1 {
    color: black;
}

p {
    line-height: 1.3;
    font-family: 'myriad-pro','Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif !important;
}

#flashMessenger .success, #flashMessenger .error, .success, .obs {
    margin: 20px 0px 00px 0px;
    font-weight: bold;
}

a {
    text-decoration: none;
    color: #000;
}

a:hover {
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-family: 'myriad-pro','Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;;
    font-weight: bold;
    text-transform: uppercase;
}

.italic {
    font-style: italic;
}

input[type='text'], input[type='password'],textarea {
    font-size: 12px;
    border: 1px solid #C3C3C3;
    width: 200px;
    margin: 5px;
    margin-left: 0px;
    background: none repeat scroll 0 0 white;
    border: 1px solid #BDBAB3;

    box-shadow: 0px 1px 2px 0px #BBBBBB inset;
    font-size: 13px;
    padding: 5px;
}

.obs {
    margin: 20px 0px 0px 0px;
}

.odd {
    background-color: #FFFFFF;
}

.even {
    background-color: #ffffff;
}

label {
    font-weight: bold;
    white-space: nowrap;
    margin-right: 10px;
}

.right {
    text-align: right;
}

/*IMAGE FORMATS*/
.eventDetailsImage {
    width: 346px;
    height: 192px;
    background-size: 100%;
    background-position: center center;
}

.searchlistImage {

}

.calendarImage {

}

#choosePriceForm .pricegroups tr:hover {
    background-color: #ffffff;
}

.nowrap {
    white-space: nowrap;
}

/* BUTTONS */

input[type='submit'],input[type='button'],input[type='reset'] {
    padding: 10px 24px;
}

.button {
    border: 0px;
    display: inline-block;
    color: #FFF !important;
    padding: 5px 24px !important ;
    text-decoration: none;
    background-color: #000;
    text-align: center;
    vertical-align: center;
    font-family: 'myriad-pro','Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif !important;
    font-size: 13px;
    text-transform: uppercase;

}

#showlist table.borderlist.oddeven tbody tr.item td {
    height: 30px;
}

.button:hover {
    background-color: #A70432;
    cursor: pointer;
}

.button:active {
    position: relative;
    top: 1px;
}

.smallbutton {
    font-size: 11px;
    padding: 2px 4px 2px 4px !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.searchbutton {
    margin: 0px;
    font-size: 14px;
    min-width: 75px;
    padding: 12px !important;
}

#searchresults div.item div.floatleft {
    background-repeat: no-repeat;
    background-position: 10px 10px;
}

.clearmargin a {
    margin-left: 0px;
}

#terms {
    height: 300px;
    overflow: auto;
    float: left;
}

/* Navigation */

#content div.maincol.floatleft div div.content div.success {
	margin-bottom: 20px;
}

#main-navi a {
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: normal;
    font-family: "myriad-pro",​sans-serif,'Helvetica Neue', Helvetica, Helvetica, Arial;
    font-size: 15px;
    margin-right: 10px;
    margin-left: 10px;
}

#main-navi ul li.last a {
	margin-right: 0px;
}

#main-navi ul {

}

#main-navi li {
    float: left;

}

#main-navi ul li.first {
    padding-left: 0px;
}

#main-navi li.last{
    border: 0px solid;
    padding-right: 0px ;
}

#bottom div.sitewidth {
    color: #FFFFFF;
    font-size: 10px;
    text-transform: uppercase;
}

/* Layout */

#layout {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    min-height: 765px;
}

#ajaxwait {
    color: #000000;
}

#content {
    min-height: 704px;
}

#topbar {
    width: 100%;
}

#topbar .sitewidth{

}

#topbar #logo {
    float: left;
    margin-top: 9px;
    width: 70px;
    height: 50px;
}

#topbar #logo img{
	width: 100%;
	
}

#topbar #main-navi {
    float: right;
	margin-top: 55px;
}

.maincol {
    width: 692px;
    min-height: 700px;
    height: auto !important;
    margin-top: 20px;
    background-color: #FFFFFF;
    color: #000;
    padding: 10px;
}

.front-page .maincol{
    background: none;
    width: 712px;
    padding: 0px;
}

.mainrightcol {
    width: 224px;
    margin-left: 20px;
    min-height: 700px;
    height: auto !important;
    margin-top: 20px;
}

.eventheader .head2 {
    display: none;
}

#jumpbuybutton {
    margin-top: 20px;
}

.maincol .leftcol {
    width: 346px;
    float: left;
    margin-right: 10px;
}

.maincol .rightcol {
    float: left;
    margin-left: 10px;
    width: 326px;
}

.sitewidth {
    text-align: left;
    width: 956px;
    margin-left: auto;
    margin-right: auto;
}

#bottom {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

#featurebox {
    background-color: #ffffff;
    margin-bottom: 10px;
    line-height: 1;
}

#searchbox {
    margin: 20px 0px 20px 0px;
	background-color: #FFF;

    padding: 10px;
}

#currentevents {
    float: left;
    width: 204px;
    margin-left: 20px;
    padding: 10px;
    display: none;
}

#currentevents .head {
    margin-bottom: 20px;
}

img.ui-datepicker-trigger {
    vertical-align: middle;
    margin-bottom: 5px;
}

#currentevents .item {
    margin-top: 10px;
    margin-bottom: 10px;
}

.showlistcontainer {
    margin-top: 20px;
}

.showlistcontainer tr.item td {
    vertical-align: middle;
    height: 35px;
}

.showlistcontainer tr.subhead td {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    padding-top: 10px;
}

.showlist .item span {
    float: left;
    margin: 3px;
}

.showlist .button {
    margin-left: 5px;
    float: right;
}

.salesmethodButton {
    float: left;
    clear: left;
    margin-bottom: 10px;
    width: 300px;
}

.freeseatsindicator {
    border-radius: 3px;
    margin-top: 1px;
    margin-right: 10px;
}

.pricegroups input {
    margin-left: 10px;
    margin-right: 10px;
}

.borderbottom {
    border-bottom: 2px solid silver;
    padding-bottom: 10px;
    margin-bottom: 0px !important;
}

.basketoptions .head2 {
    padding: 10px;

    background: #d4d4d4;
}

.paymenttypebox {
    padding: 0;
}

.total {
    font-weight: bold;
    border-color: #FFFFFF;
}

.calendarMonth{
	width: 47px;
}

.calendarMonth a{
	border-radius: 0px;
	font-size: 12px;
}

.borderlist.oddeven tr:nth-child(even) {

}

.borderlist.oddeven tr:nth-child(odd) {

}

.borderlist td{
    padding: 0px 10px 0px 10px;
}

.eventdetails .description {
    width: 538px;
    line-height: 1.3;
}

.borderlist th {
    font-weight: bold;
    vertical-align: middle;
    padding: 0px 10px 0px 10px;
}

.borderlist td, #reducTable td {
    height: 30px;
    vertical-align: middle;
    border-bottom: 1px solid silver;
    color: #000;
}

#reducTable th {
    padding-right: 20px;
}

#reducTable th:last-child {
    padding-right: 0px;
}

.center {
    text-align: center;
}

.w100 {
    width: 100%;
}

.box .item {
    line-height: 25px;
    color: gray;
}

.box {
    margin-bottom: 10px;
    border: 1px solid silver;
    background-color: #FFFFFF;
    border-radius: 5px;
}

.box .head {
    font-weight: bold;
    font-size: 125%;
    border-bottom: 1px solid;
    padding: 10px;
    color: #000000;
}

.box .content {
    margin: 10px;
}

.shippingbox, .totalbox {
    float: left;
    min-height: 170px;
    width: 336px;
    background-color: #f4f4f4;
    margin-top: 20px;
    margin-bottom: 20px;
}

.basketcontent th {
    background-color: #c4c4c4;
    padding: 5px 10px 5px 10px;
    font-size: 125%
}

.basketcontent .smallbutton {
    margin-top:  5px;
    margin-bottom: 5px;
}

.basketcontent .seasonlabel{
    font-size: 11px;
    color: gray;
    margin-left: 10px;
}

#showlist .button2 {
    padding: 3px 10px;
    font-size: 11px;
}

#showlist table.borderlist.oddeven tbody tr.item td.center div {
    white-space: nowrap;
}

.shippingbox {
    margin-right: 20px;
}

.shippingbox .content, .totalbox .content {
    margin: 10px;
}

.totalbox table {
    width: 100%;
}

.totalbox table td {
    line-height: 20px;
}

.box.info .head {
    color: #FFFFFF;
    border-bottom: 0px;
    background: #575757 url('../../default/images/bar-bg.png') repeat-x 0 10px;
}

.box .boxcontent {
    padding: 10px;
    border-top: 0px;
}

.mainrightcol input[type='text'],.rightcol input[type='password'] {
    width: 170px;
    margin-left: 0px;
}

#basketlist tbody tr td.head {
    background-image: none;
    width: 100%;
}

#reductions input {
    width: 30px;
}

.campaigncodepanel {
    margin: 10px;
    margin-bottom: 30px;
}

.basketpanel {
    margin-bottom: 20px;
    background-color: #FFFFFF;
    color: #000;
}

.basketpanel .content {
    margin: 10px;
    min-height: 40px;	
}

.searchPanel input.datefield {
    width: 70px;
}

.basketpanel .button {
    width: 152px;
    margin-top: 10px;
    margin-bottom: 10px;;
}

.searchPanel input.searchfield {
    width: 590px;
    margin: 0px;
    margin-right: 10px;
    padding-left: 10px;
    border: 1px solid silver;
    box-shadow: none;	
    font-size: 24px;
    font-weight: bold;

    font-family: 'myriad-pro','Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

#searchVenue, #searchRegion {
    margin-left: 20px;
}

.loginpanel input#submit.button {
    margin-bottom: 10px;
}

.loginpanel input#username,.loginpanel input#password, #campaign-redeem-form input {
    width: 193px;
}
#loginform table {
    width: 100%;
}

.loginpanel {
    padding-bottom: 10px;
    background-color: #FFFFFF;
    color: #000;
    margin-bottom: 20px;
}

#eventtilebox div.item {
    background-color: #FFFFFF;
    color: #000;
}

#eventtilebox div.item a div.details, #eventtilebox div.item a div.details div.head2 {
    color: #000;
}

.basketpanel h1, .loginpanel h1 {
	/*background: #C80439 url('../images/panelbg.gif') repeat-x left bottom;*/
    padding: 10px 10px 10px 10px;
    /*color: #FFF;*/
    background-color: silver;
    color: #000;
    font-size: 14px;	
    line-height: 1;
    text-transform: uppercase;
}

.loginpanel .content {
    margin: 10px;
}

.loginpanel input[type='text'], .loginpanel input[type='password'] {
    margin: 0px;
    margin-bottom: 5px;
}

.divider {
    height: 1px;
    background-color: silver;
    margin-top: 10px;
    margin-bottom: 10px;
}

.loginpanel input[type='submit'], #campaign-redeem-form input[type='submit']{
    width: 100%;
}


span.medvirkende, span.staff_type {
    font-weight: bold;
    color: gray;
}

#content div.rightcol {
    margin-left: 10px;
}

.maincol div.rightcol span {
    color: gray;
    font-weight: bold;
}

.eventdetails {

}

#searchresults {
    margin-top: 20px;
}

#searchresults .item {
    border-bottom: 1px solid silver;
    color: gray;
}

#searchresults .item img {
    height: 100%;
    width: 100%;
}

#searchresults .item .imagecontainer {
    width: 95px;
    height: 52px;
    margin-right: 20px;
}

.profilemenu-container {
    float: right;
}

#searchresults .title {
    font-weight: bold;
    font-size: 13px;
}

.eventdetails .eventimage .image {
    border: 1px solid #ffffff;
    width: 712px;
    height: 200px;
}

.eventdetails .description ul,.eventdetails .description ol {
    margin-left: 0;
    padding-left: 1em;
    text-indent: -1em;
    font-family: 'myriad-pro','Helvetica Neue',Helvetica,Helvetica,Arial,sans-serif !important;
}

#shufflebox div.head2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.head1 {
    font-family: 'myriad-pro','Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
    font-size: 170%;
    font-weight: bold;
    color: #000;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.head2 {
    font-family: 'myriad-pro','Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
    font-size: 125%;
    font-weight: bold;
    color: #000;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.head3 {
    font-family: 'myriad-pro','Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 4px;
    text-transform: uppercase;
}

#terms .bold {
    font-family: 'myriad-pro','Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 5px;
}

#terms ul {
    list-style-type: disc;
    list-style-position: inside;
    margin: 20px;
}

#terms p {
    margin: 0px;
}

div.loginbox.ajaxloginbox  div.formcontainer table tbody tr td input {
    margin: 5px;
    margin-right: 5px;
    margin-left: 10px;
}

#otherShowsContainer {
    background-color: #FFFFFF;
}

.imagecredit {
    margin: 5px 0px 5px 0px;
    font-size: 11px;
    color: gray;	
}

input.antal {
    text-align: right;
}

#choosePriceForm {
    margin-top: 20px;
}

#relatedevents.horizontal .item {
    width: 163px;
    margin-right: 20px;
    float: left;
    border: 0px;
    background-color: #ffffff;
}

#relatedevents.horizontal .title{
    text-overflow: ellipsis;
    white-space: nowrap; 
    overflow: hidden;
    width: 143px;
}

#relatedevents.horizontal .details{
    padding: 10px;
}

#relatedevents.vertical .item {
    width: 100%;
    height: 56px;
    margin-right: 20px;
    float: left;
    border-bottom: 1px solid silver;
}

#relatedevents .item .image img {
    width: 100%;
    margin: 0px;
}

#relatedevents.vertical .image {
    width: 102px;
    height: 56px;
    float: left;
    margin-right: 20px;
}

#relatedevents.vertical .title, #relatedevents.vertical .floatright{
    line-height: 56px;		
}

.profilemenu-container {
    margin-right: 20px;
    background-color: #ffffff;
    padding: 10px;
    border: 1px solid silver;
}

.profilemenu-container ul li {
    list-style-type: disc;
    list-style-position: inside;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    font-weight: bold;
}

/* PRODUCTS*/
.product_header{
    font-weight: bold;
}

.front-season-label {
	font-family: myriad-pro,'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 24px;
	text-transform: uppercase;
	text-rendering: optimizelegibility;
	padding: 10px 24px;
	color: #000;
	background-color: #FFF;
	margin-top: 20px;
	margin-bottom: 10px;
}

#eventtilebox div.item {
	margin-top: 0px;
	margin-bottom: 20px;
}

.informationbox{
    color: #FFF !important; 
}

#createvoucherform {
	background: url('../images/voucher.jpg') no-repeat center bottom;
	height: 550px;
	
}