/* BASE */
html {margin: 0; padding: 0}
body {margin: 0; padding: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #800000; background-attachment: fixed;}
form {padding: 0; margin: 0;}
.container {width: 770px; background-color: #F1F1E2; margin: 0px auto;}
.top {margin: 0; padding:0;}
.logo {margin-top: 27px; margin-left: 18px; margin-right: 18px; float: left;}
div#top_flash img {float: left; margin-top: 1px;}
.content {width: 770px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: left; background-color: #F1F1E2; margin-top:0px;}
.Title2{font-size:14px; font-weight:bold; padding-left: 20px; padding-bottom:1px;}

.langs {position:absolute; margin-top:130px; margin-left:-135px;}

.date {float: left; margin: 25px 0 0 3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
.footer {width: 770px; margin: 2px auto 0 auto; font-family:Verdana,  Arial, Helvetica, sans-serif; font-size: 12px; background: #F1F1E2; color: #333; text-align: center;}
.footer img {vertical-align: middle; padding: 2px;}
.footer a:link {color: #666; font-weight: bold;}
.footer a:visited {color: #666; font-weight: bold;}
.footer a:hover {color: #666; font-weight: bold;}

.margin {margin: 3px;}
input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
.pointer {cursor: pointer; border: 0px;}
.langChanger { color: #ccc; position: absolute; margin-left: 230px; margin-top: -35px;}
.langChanger a:link {color: #000; margin-left: 10px; font-weight: bold; text-decoration: none;}
.langChanger a:visited {color: #ccc; margin-left: 10px; font-weight: bold; text-decoration: none;}
.langChanger a:hover {color: #ccc; margin-left: 10px; font-weight: bold; text-decoration: none;}
.langChanger a:active {color: #ccc; margin-left: 10px; font-weight: bold; text-decoration: none;}
/*.langChanger a { color: #333; margin-left: 10px; font-weight: bold; text-decoration: none;}*/
.viewCart a{float: left; color: #fff; margin-left: 10px; margin-top: 5px; font-weight: normal; text-indent: 30px; text-decoration: none; background: url(../img/ntng/cart.gif) center left no-repeat;}
.elltheaLink a{float: left; color: #fff; font-weight: normal; text-decoration: none; margin-left: 10px; margin-top: 5px;}
/*.viewCart a img {padding-top: 4px;}*/
div#content{width: 770px; margin: 0 auto; padding: 0;}
div#header{margin: 0; padding: 0;}
.errors {background-color: #ffaaaa; padding: 5px; text-align: center;}
.waitMessage {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: center; font-size: 18px;}
.imgNoBorder {border: 0px;}
.upperCase {text-transform: uppercase;}
p {padding: 0px; margin: 0;}
/*.menublock {float: left; background: #fff url(../img/ntng/top_gr.jpg) top left no-repeat; width: 434px; height: 172px; margin: 0 8px 8px 0;}*/
/*.CNT_CX {margin: 0 0 15px 0; background: #fff url(../img/ntng/bg_top3.gif) top left no-repeat;}*/
/*.CNT_SX {margin: 0; padding: 0;}*/
.searchSx {width: 219px; background: #b5c635; overflow: hidden;}
.searchSx table thead tr th {color: #58595a;}
.calendarSx {overflow: auto; width: 219px; background: #b5c635; padding-bottom: 12px; margin-bottom: 8px;margin-right:8px;}
.eventSelect {font-family: Verdana,Arial,Helvetica, sans-serif; width: 200px; margin-bottom: 3px; margin-left: 8px; margin-top: 2px; font-size: 11px;}
input.eventSelect1 {width: 195px; margin-bottom: 3px; margin-left: 8px; margin-right: 8px; margin-top: 2px;}
.results {margin-left: 8px; font-family: Verdana,Arial, Helvetica, sans-serif; margin-bottom: 8px; color: #fff; background: #b5c635 url(../img/ntng/results2.gif) top left no-repeat; border: 0; width: 150px; text-align: left; cursor: pointer; font-weight:bold; font-size: 12px; letter-spacing:2px;}
.bigAlert {margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-align: center;}
.BoldText{color: #000; font-weight:bold;}

/* FIELDS */
.smallField {width: 60px; margin: 0px;}
.smallFieldUC {width: 60px; margin: 0px; text-transform: uppercase;}
.smallFieldDisabled {width: 60px; margin: 0px; color: #808080; background-color: #0c3457; color: #ffffff;}
.mediumField {width: 130px; margin: 0px;}
.Field150 {width: 150px; margin: 0px;}
.mediumFieldUC {width: 130px; margin: 0px; text-transform: uppercase;}
.mediumFieldDisabled {width: 130px; margin: 0px; color: #808080; background-color: #0c3457; color: #ffffff;}
.largeField {width: 260px; margin: 0px;}
.largeFieldImg {width: 260px; margin: 0px;}
.largeFieldUC {width: 260px; margin: 0px; text-transform: uppercase;}
.largeFieldDisabled {width: 520px; margin: 0px; color: #808080; background-color: #0c3457; color: #ffffff;}
.selectDisabled {background-color: #0c3457; color: #ffffff;}

/*TOOLTIP*/
.hint {display: none; position: absolute; width: 140px; margin-top: -4px; border: 1px solid #c93; padding: 10px 12px; /* to fix IE6*/ background: #ffc url(pointer.gif) no-repeat -10px 5px;}
.hint .hint-pointer {position: absolute; left: -10px; top: 5px; width: 10px; height: 19px; background: url(/img/cmn/pointer.gif) left top no-repeat;}


/* NEWS */
.newsTitle {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-align: center;}
.newsSubtitle {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic;}
.newsAbstract {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
.newsText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin-left: 15px; margin-right: 15px;}

/* SHOW PRODUCT */
.spPageProduct{width: 770px; margin: 0 auto;} 

.spDescontainer {width: 770px; background: #eeeded; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; /*margin-top: 0px;*/ margin-bottom: 10px; text-align: center;}

.spImg {float:left; height: 55px;}
.spTitle {font-size:14px; text-align: left; font-weight: bold;}
.spTitleUpper {font-size:14px; text-align: left; font-weight: bold; text-transform: uppercase;}
.spPlace {font-size:10px; text-align: left;}
.spAddress {font-size:10px; text-align: left;}
.spDate {font-size:10px; text-align: left;}
.spQty {font-size:10px; text-align: right; width: 30px}

.spNormal {table-layout: fixed; width: 0px; border-collapse: collapse;}
.spNormal table {background: #fbfbfb; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.spNormal th {font-style: italic; border: 1px solid #CCC; background:#999; color:#fff; font-size:12px; padding: 3px;}
.spNormal tr {background: #eeeded;}
.spNormal tr.hl {background: #ffa0a0;}
.spNormal td {color:#000; border:1px solid #fff; font-size:12px; padding: 3px;}
.spNormal td a:link {color: #ff0000;}
.spNormal td a:visited {color: #ff0000;}
.spNormal td a:hover {color: #ff0000;}

/*.spDeliveryCont {width: 770px; overflow: auto; height: 80px; padding-left: 15px; }*/
.spDelivery {float: left; display: block; width: 322px; background-color: #eeeded; height: 60px; border: 1px solid #cccccc; margin-right: 1px; margin-left: 1px;}
.spDelivery .title {font-size:14px; text-align: left; font-weight: bold;}
.spDelivery .text {font-size:10px; text-align: left;}

.spDeliveryFull {float: left; width: 100%; background-color: #eeeded; height: 60px; border: 1px solid #cccccc; margin-right: 1px; margin-left: 1px;}
.spDeliveryFull .title {font-size:14px; text-align: left; font-weight: bold;}
.spDeliveryFull .text {font-size:10px; text-align: left;}

.imgProduct {border: 1px solid #fbfbfb;}

.spButtons {width: 680px; text-align: center; margin-top: 12px; padding-bottom: 10px;}

/* SHOW BASKET */
.sbNormal {table-layout: fixed; width: 0px; border-collapse: collapse;}
.sbNormal table {background: #fbfbfb; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.sbNormal th {font-style: italic;/* border: 1px solid #CCC;*/ background:#999; color:#fff; font-size:12px; padding: 3px;}
.sbNormal td {color:#000; border:1px solid #fff; font-size:12px; padding: 3px; background: #eeeded;}

.sbNormalFee {table-layout: fixed; width: 0px; border-collapse: collapse; margin-left: 396px;}
.sbNormalFee table {background: #fbfbfb; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.sbNormalFee th {font-style: italic; border: 1px solid #CCC; background:#999; color:#fff; font-size:12px; padding: 3px;}
.sbNormalFee td {color:#000; border:1px solid #fff; font-size:12px; padding: 3px; background: #eeeded;}

.sbNormalTotal {table-layout: fixed; width: 0px; border-collapse: collapse; margin-left: 653px;}
.sbNormalTotal table {background: #fbfbfb; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.sbNormalTotal th {font-style: italic; border: 1px solid #CCC; background:#999; color:#fff; font-size:12px; padding: 3px;}
.sbNormalTotal td {color:#000; border:1px solid #fff; font-size:12px; padding: 3px; background: #eeeded;}

.sbButtons {width: 770px; text-align: center; margin-top: 12px;  padding-bottom: 10px;}

/* SHOWVENUE */
.svHeader {margin: 0; color: #000000; font-size: 15px; font-weight: bold; text-align: center;}
.svFooter {margin: 0; color: #808080; font-size: 11px; text-align: center;}
.svMap {text-align: center; width: 680px;}
.svMulti, .svMulti li {margin:0; padding:0 0 0 16px; display:block; list-style:none; background: transparent; color:#666;}
.svMulti {width: 100%;overflow: hidden; padding: 0 0 20px 0;margin: 20px 0 0 0; line-height: 1.8;}
.svMulti li{float:left; width:32%; margin-left: 80px;display: inline; border-bottom: 1px dotted #777}
.svMulti p{margin-left: 15px; margin-top: -10px;}

/* LOGIN */
div#login {padding-top: 10px; padding-bottom: 20px; width: 200px; margin: 0 auto; text-align: center;}
div#login .login_in_login {width: 180px; }
div#login .login_in_pwd {width: 115px; }
div#login .login_bt_submit_login {width: 60px;}
div#login .errors {background-color: #ffaaaa; padding: 5px;}
div#login a {color: #000066; text-decoration: none;}

/* ADDRESS */
div#address div.label {float:left;  width:255px; height: 30px; padding-top:4px; padding-bottom:0px; text-align:right;}
div#address div.input {float:right; width:410px; height: 30px; padding-top:0px; padding-bottom:4px;}

/* REGISTER */
div#register div.label {float:left;  width: 320px; height: 30px; padding-top:4px; padding-bottom:0px; text-align:right;}
div#register div.input {float:right; width: 440px; height: 30px; padding-top:0px; padding-bottom:4px;}
div#register .login_bt_submit_login {width: 200px; margin-bottom: 12px;}
div#register .errors {background-color:#ffaaaa; padding:5px;}
div#register a {color:#000066; text-decoration:none;}

/* CHECKOUT */
div#checkout_account                        {overflow: auto; margin-bottom: 0px;}
div#checkout_account div.label              {float:left;  width:48%; height: 30px; text-align:right;}
div#checkout_account div.input              {float:right; width:48%; height: 30px;}
div#checkout_account .bt_goToAddressAccount {width:200px;}
div.ck_seat {float:left;  width:120px; height: 42px; text-align:center; }
div.ck_document {float:left;  width:250px; height: 42px; text-align:center; font-size:11px; margin-left: 40px;}
div.ck_name_date {float:left;  width:385px; height: 42px; text-align:center; font-size:11px; }
input.checkout_registrant_input {font-size: 11px; font-weight:normal; text-transform: uppercase;}
select.checkout_registrant_select {font-size: 11px; font-weight:normal;}
.yellowButton {background-color: #fce569;}

/* SHOW PAYMENT */
.spayNormal {table-layout: fixed; width: 0px; border-collapse: collapse; /*margin-left: 40px;*/ margin-top:10px;}
.spayNormal table {background: #fbfbfb; font-family: Verdana, Arial, Helvetica, sans-serif;}
.spayNormal th {font-style: italic; border: 1px solid #CCC; background:#999; color:#fff; font-size: 12px; padding: 3px;}
.spayNormal td {color:#000; border:1px solid #fff; font-size: 12px; padding: 3px; background: #eeeded;}

/* LOST PASSWORD */
#pwdrec {padding-top: 10px; padding-bottom: 20px; width: 250px; margin: 0 auto; text-align: center;}

#calendarcontainer {position: absolute; left: -1000px; top: -1000px; width: 180px; height: 240px; display:none; z-index: 12;}
#calendarcontainer .prevYear {cursor: pointer;}
#calendarcontainer .nextYear {cursor: pointer;}
#calendar {float:right;}
#calendarmid {background:url(../img/cal/calmid.gif) repeat-y; width:180px; height:212px; padding:8px 0 0 13px; color:#0295FF;}
#calendar #close, #destination #closed {position:absolute; right:9px; top:3px; width:14px; height:12px;	cursor:pointer;}
#calendar #close a, #destination #closed a {width: 14px; height:12px;}
#calendar #close a {display:inline; display:block;}
#calendar #close a:hover, #destination #closed a:hover {text-decoration:none;}
#calendartop {background:url(../img/cal/caltop.gif); color:#FFF; font-weight:bold; height:18px; width:180px; padding:3px 0 0 13px; width:167px; height:15px;}
#calendarmonth {width: 60px; margin:-2px 0 0 0;}
#calendaryear {width: 60px; margin:-2px 0 0 0;}
#monthtable table {width:151px; margin:12px 0 0 0;}
#monthtable table tr td{border-bottom:1px solid #99CCFF; color:#C6D1DB; font-size:11px; text-align:center; padding:1px 0 1px 0 !important; padding:0; height:18px; height:17px !important; he\ight:16px;}
#monthtable table tr.head td{border-top:1px solid #0295FF;	border-bottom:1px solid #0295FF; color:#0295FF;	padding:1px 0 2px 0; font-size:10px;}
#monthtable table tr td a {font-size:11px; display:block; height:14px; width:20px; text-align:center; color: #0295FF;}
#monthtable table tr td a:active {font-size:11px; display:block; height:14px; width:20px; text-align:center; color: #0295FF;}
#monthtable table tr td a:hover {text-decoration: none; color: #FFF; background:url(../img/cal/day.gif) no-repeat;}
#monthtable table tr td a:visited {color: #0000FF;}
#selecthour {padding-top: 5px;}
#calendarbot {background:url(../img/cal/calbot.gif) no-repeat; width:180px; height:10px;}

/* Paging */
#paging {border:solid 1px #b5b4a0; color: #fff; height: 32px; background-image:url(../img/ntng/bg_paging2.gif); background-repeat: repeat-x; margin-top: 1px; font-size: 11px;}
#paging img {vertical-align: middle;}
#paging td {padding: 2px; text-align: center; border-left: 1px solid #b5b4a0; border-right: 1px solid #b5b4a0;}

/* Step Manager */
#sm td {margin-top: 7px; margin-bottom: 7px; height:60px; background-color:#EBEBEB; background-image: url(/img/ntng/navBtn.gif); background-repeat: no-repeat; background-position: right top;}
#sm td.current {background-color:#ff0000; background-image: url(/img/ntng/navCurrentBtn.gif);}
#sm td.currentNoBg {background-color:#ff0000; background-image:none;}
#sm td.lastDone {background-color:#800000; background-image: url(/img/ntng/navLastDoneBtn.gif);}
#sm td.done {background-color:#800000; background-image: url(/img/ntng/navDoneBtn.gif);}
#sm td.noBg {background-image:none;}
#sm td a em {font-style:normal; font-weight:bold;}
#sm td a span {font-weight:normal;}
#sm td a, td a:link, td a:visited, td a:hover, td a:active {color:#ccc; text-decoration: none;}
#sm td.lastDone a, td.lastDone a:link, td.lastDone a:visited, td.lastDone a:hover, td.lastDone a:active {color:#fff; text-decoration: none;}
#sm td.done a, td.done a:link, td.done a:visited, td.done a:hover, td.done a:active {color:#fff; text-decoration: none;}
#sm td.current a, td.current a:link, td.current a:visited, td.current a:hover, td.current a:active {color:#fff; text-decoration: none;}
#sm td.currentNoBg a, td.currentNoBg a:link, td.currentNoBg a:visited, td.currentNoBg a:hover, td.currentNoBg a:active {color:#fff; text-decoration: none;}
#sm div.margin {margin: 5px;}

/* SHOW ORDER */
.seatName {font-size: 14px;}
.seatNumber {font-size: 14px; font-weight: bold;}

/* Grid */
.grid {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #F1F1E2; margin-top:4px;}
.grid thead {background: #800000; font-size: 11px; font-weight: bold;  color: #fff; height: 34px;}
.grid tbody {background-color: #F1F1E2; font-size: 11px; color: #800000}
.grid td {padding: 1px; height: 15px;}
.grid .row0 {background-color: #f3f3f3; color: #000;font-weight: bold;}
.grid .row1 {background-color: #ffffff; color: #000;font-weight: bold;}
.grid td a, a:link, a:visited, a:hover, a:active {color: #b4c535; font-weight: bold;}

/* Grid2 */
.grid2 {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #800000; margin-top:15px;}
.grid2 thead {background: #800000; font-size: 11px; font-weight: bold;  color: #fff; height: 18px;}
.grid2 tbody {background-color: #F1F1E2; font-size: 11px; color: #002B79}
.grid2 td {padding: 1px; height: 15px;}
.grid2 .row0 {background-color: #F1F1E2; color: #000;}
.grid2 .row1 {background-color: #fff; color: #000;}
.grid2 td a, a:link, a:visited, a:hover, a:active {color: #800000; font-weight: bold;text-decoration: underline;}

/*GRIDSEARCH*/
.gridSearch {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: transparent; font-size:10px;}
.gridSearch thead {background: transparent; font-size: 12px; color: #fff; height: 20px; letter-spacing:1px;}
.gridSearch tbody {background-color: transparent; font-size: 11px; color: #002B79}
.gridSearch td {padding: 1px; height: 14px; border: none;}
.gridSearch .row0 {background-color: #d0d0d0;}
.gridSearch .row1 {background-color: #ffffff;}
.gridSearch th {text-align: left; padding-left: 10px; padding-top: 5px;}
.gridSearch td a, a:link, a:visited, a:hover, a:active {color: #800000; text-decoration: none;}


a, a:link, a:visited, a:hover, a:active {color: #333; text-decoration: none;}
.row {margin-left: 10px;}
.row1 {width: 100%; overflow: hidden;}
.cell {float: left; width: 26px; height: 20px; padding: 6px 0 0 0; margin: 1px; color: #000; text-align: center; background: #fff;}
.cellName {float: left; width: 26px; height: 20px; padding: 6px 0 0 0; margin: 1px; color: #fff; text-align: center; background: transparent;}
.cell2 {float: left; width: 26px; height: 20px; padding: 6px 0 0 0; margin: 1px; color: #000; text-align: center; background: #fff;}
.cell2 a:link {font-weight:bold; color: #000; text-align: center; background: #fff;}
.cell2 a:visited {color: #000; text-align: center; background: #fff;}
.cell2 a:hover {color: #fff; text-align: center; background: #58595a;}
.cell2 a:active {color: #000; text-align: center; background: #ccc;}
.cellEmpty {float: left; width: 26px; height: 20px; padding: 6px 0 0 0; margin: 1px; color: #fff; text-align: center; background: #d3dd86;}
.monthSelect {font-weight: normal; width: 135px; font-family: Verdana,Arial,Helvetica, sans-serif; margin-bottom: 3px; margin-left: 0px; margin-top: 10px; font-size: 11px;}
.cal {color: #58595a; padding-left: 10px; font-size: 12px; letter-spacing:1px; font-weight: bold;}
.otherLang {color: #333; margin: 0; font-weight: bold; padding: 0; float: left; /*padding-left: 10px;*/ font-size: 14px;}
.otherLang1 {color: #333; margin: 0; font-weight: bold; padding: 0; float: left; padding-left: 10px; font-size: 14px;}
.otherLang2 {color: #333; margin: 0; padding: 0; float: left; font-size: 14px;}
.otherLang2 a:link {color: #ccc; margin: 0; padding: 0; float: left; font-size: 14px;}
.otherLang2 a:visited {color: #333; margin: 0; padding: 0; float: left; font-size: 14px;}
.otherLang2 a:hover {color: #ccc; margin: 0; padding: 0; float: left; font-size: 14px;}
.otherLang2 a:active {color: #333; margin: 0; padding: 0; float: left; font-size: 14px;}
/*
.dwlJava {color: #ff0000;}
.dwlJava a:link {color: #ff0000;}
.dwlJava a:visited {color: #ff0000;}
.dwlJava a:hover {color: #ff0000;}
.dwlJava a:active {color: #ff0000;}
*/