/* BASE */
html {margin: 0; padding: 0}
body {margin: 0; padding: 0; font-family: Arial, Helvetica, Sans-serif; font-size: 12px; background-color: #3c3c3c}
form {padding: 0; margin: 0;}
.container {width: 800px; height: 100px; margin: 0 auto; padding:0; background: transparent;}
.topbar_en {position: absolute; margin: 0 auto; padding: 0; width: 800px; background: #b5b4a0 ;}
.ellthea_logo {text-align: center;background: #3c3c3c; margin-top: 25px;}
.date {float: left; margin: 25px 0 0 3px; font-family: Arial, Helvetica, Sans-serif; font-size: 12px;}
.footer {width: 800px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #b5b4a0; color: #FFF; text-align: center; border-top: 1px solid #323232;}
.footer img {vertical-align: middle; padding: 10px;}
.footer a {color: #FFF; font-weight: bold; }
.content {width: 800px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; color: #000000; text-align: left; background-color: #b5b4a0;}
.margin {margin: 3px;}
input {font-family: Arial, Helvetica, Sans-serif; font-size: 12px;}
.pointer {cursor: pointer; border: 0px;}
.langChanger a{float: right; color: #fff; margin-top: 5px; margin-right: 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/elt/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{  margin: 0 auto; padding: 0;}
div#header{margin: 0; padding: 0;}
.errors {background-color: #ffaaaa; padding: 5px; text-align: center;}
.waitMessage {font-family: Arial, Helvetica, sans-serif; color: #000000; text-align: center; font-size: 18px;}
.imgNoBorder {border: 0px;}
.upperCase {text-transform: uppercase;}
p {padding: 0px; margin: 0;}

.invisible {visibility:hidden;}

/* 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;}
.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: Arial, Helvetica, Sans-serif; font-size: 13px; font-weight: bold; text-align: center;}
.newsSubtitle {font-family: Arial, Helvetica, Sans-serif; font-size: 12px; font-style: italic;}
.newsAbstract {font-family: Arial, Helvetica, Sans-serif; font-size: 12px;}
.newsText {font-family: Arial, Helvetica, Sans-serif; font-size: 12px; margin-left: 15px; margin-right: 15px;}

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

.spDescontainer {width: 800px; 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: 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;}

/*.spDeliveryCont {width: 770px; overflow: auto; height: 80px; padding-left: 15px; }*/
.spDelivery {float: right; width: 323px; 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: 800px; text-align: center; margin-top: 12px; padding-bottom: 10px;}

/* SHOW BASKET */
.sbNormal {table-layout: fixed; width: 0px; border-collapse: collapse; margin: 0px 10px 0px 10px;}
.sbNormal table {background: #fbfbfb; font-size: 12px; font-family: 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; float:right; display:block; border-collapse: collapse; margin-right: 10px; margin-top:10px;}
.sbNormalFee table {background: #fbfbfb; font-size: 12px; font-family: 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; float:right; display:block; border-collapse: collapse; margin-right: 10px; margin-top:10px;}
.sbNormalTotal table {background: #fbfbfb; font-size: 12px; font-family: 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: 800px; 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: 800px;}
.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: 175px; }
div#login .login_in_pwd {width: 175px; }
div#login .login_bt_submit_login {width: 85px;}
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:510px; height: 30px; padding-top:0px; padding-bottom:4px;}

/* REGISTER */
div#register div.label {float:left;  width:300px; height: 30px; padding-top:4px; padding-bottom:0px; text-align:right;}
div#register div.input {float:right; width:465px; 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;}

.sbNormalService {table-layout: fixed; float:right; display:block; border-collapse: collapse; margin-right: 10px; margin-top:10px;}
.sbNormalService table {background: #fbfbfb; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.sbNormalService th {font-style: italic; border: 1px solid #CCC; background:#999; color:#fff; font-size:12px; padding: 3px;}
.sbNormalService td {color:#000; border:1px solid #fff; font-size:12px; padding: 3px; background: #eeeded;}


/* SHOW PAYMENT */
.spayNormal {table-layout: fixed; width: 0px; border-collapse: collapse; margin-left: 40px; margin-top:10px;}
.spayNormal table {background: #fbfbfb; font-size: 12px; font-family: 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/bck/bg_paging2.gif); background-repeat: repeat-x; margin-top: 3px; font-size: 13px;}
#paging img {vertical-align: middle;}
#paging td {padding: 3px; 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/elt/navBtn.gif); background-repeat: no-repeat; background-position: right top;}
#sm td.current {background-color:#C36615; background-image: url(/img/elt/navCurrentBtn.gif);}
#sm td.currentNoBg {background-color:#C36615; background-image:none;}
#sm td.lastDone {background-color:#7C8437; background-image: url(/img/elt/navLastDoneBtn.gif);}
#sm td.done {background-color:#7C8437; background-image: url(/img/elt/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; background-color: #ccc;}
.grid thead {background: #3c3c3c; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #fff; height: 20px;}
.grid tbody {background-color: #ffffff; font-size: 11px; color: #002B79}
.grid td {padding: 1px; height: 15px;}
.grid .row0 {background-color: #d0d0d0;}
.grid .row1 {background-color: #ffffff;}
.grid td a, a:link, a:visited, a:hover, a:active {color:#ff0000; text-decoration: none;}

a, a:link, a:visited, a:hover, a:active {color:#ffffff; text-decoration: none;}

.input1 {float:right; width:465px; height: 28px; padding-top: 6px; padding-bottom: 0px;}

.contentCenter{float:left; width:100%; padding: 0px 0px 0px 0px;}
.contentRight{float:right; width:100%; padding-right:10px;}
.contentLeft{float:left; width:100%; padding-left:10px;}

div.goHomeBtn{text-align: center;}