/* BASE */
html {margin: 0; padding: 0}
body {margin: 0; padding: 0; font-family: Arial, Helvetica, Sans-serif; font-size: 12px; background: #d7d7d7;}
form {padding: 0; margin: 0;}

.topbar .link {margin-left: 40px; color: #3f0; font-size: 10px; text-decoration: none;}
.topbar .linktop {margin-left: 200px; margin-top: 5px;}
.date {float: left; margin: 25px 0 0 3px; font-family: Tahoma, Arial, Helvetica, Sans-serif; font-size: 12px;}
.footer {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px;  background: transparent url(../img/osfpbc/footer2.gif) top left repeat-x; text-align: center; padding-top: 10px; margin-top: 4px; width: 100%;}
.footer img {vertical-align: middle; padding: 10px;}
.footer a {color: #666;}
.content {width: 992px; margin: 0 auto; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align: left; background-color: transparent;}
.content_footer {width: 992px; height: 20px; margin: 0 auto 0 auto; padding: 0; background: transparent url(../img/osfpbc/bg_content1.gif) bottom left no-repeat;}
.margin {margin: 3px;}
input {font-family: Tahoma, Arial, Helvetica, Sans-serif; font-size: 12px;}
.pointer {cursor: pointer; border: 0px;}
.topLink {width: 992px; height: 26px; margin: 0 auto; background: transparent url(../img/osfpbc/topLink.gif) center right no-repeat; text-align: right;}
.topLink a {padding-right: 55px;}
.langChanger a{/*float: right;*/ display: block; width: 992px; margin: 120px auto 0 auto; font: bold 11px Tahoma, Verdana; color: #fff; text-align: right; padding: 0;}
.langChanger a, a:link, a:visited, a:hover, a:active {color: #fff; text-decoration: none;}
#content{width: 992px; margin: 0 auto; padding: 0; background: transparent url(../img/osfpbc/bg_content1.gif) top left no-repeat;}
#header{margin: 0; padding: 0;}
.errors {background-color: #ffaaaa; padding: 5px; text-align: center;}
.waitMessage {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #000000; text-align: center; font-size: 18px;}
.imgNoBorder {border: 0px;}
.upperCase {text-transform: uppercase;}
.swf {text-align: center;}
.container {width: 100%; padding: 0; background: #d7d7d7 url(../img/osfpbc/bg_body1.gif) top left repeat-x;}
.header_bg {position: relative; margin: 0 auto; padding: 0; width: 992px; height: 209px;}
.header_swf_logo {position:relative; margin-top: -146px; margin-left:0px; width: 143px; z-index:2;}
.header_banner {position:relative; margin-left: 143px; margin-top: 0px; z-index: 3;}
.header_topline {position:relative;margin-top: 0px; margin-left:0px; height: 7px; background: transparent url(../img/osfpbc/topline.gif) repeat-x; z-index:4;}
.header_logotext {position:relative; margin-left: 0px; margin-top: 30px; z-index:3;}
.black, .black:link, .black:visited, .black:active {color:#000000; text-decoration: underline;} 
.black:hover{color:#FF0000; text-decoration: underline;}
.bigAlert {margin-top: 50px; padding: 0; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; text-align: center;}
.qtPoint {position: absolute; margin-left: 380px; color: #f00; font-size: 18px; text-align:right;}
.AboutPoint {position: absolute; color: #f00; font-size: 12px; text-align:right;}
.AboutPointScci {color: #f00; font-size: 12px;}

.PreemptTitle {font-size:14px; font-weight:bold; padding-left: 100px; padding-bottom:5px;}
.PreemptTextLink {font-weight:normal; padding-left: 100px; padding-bottom:-30px;}
.PreemptTextLink a {color:#0000ff; font-weight:bold;}
.black{color: #000; font-weight:bold;}
.preemptProd {width:700px; text-align:center;}
.Info2 {font-size:12px; text-align: left; font-weight: bold; color: #f00;}

/* 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;}

/* NEWS */
.newsTitle {font-family: Tahoma, Arial, Helvetica, Sans-serif; font-size: 13px; font-weight: bold; padding: 15px 20px 10px 20px;}
.newsSubtitle {font-family: Tahoma, Arial, Helvetica, Sans-serif; font-size: 12px; font-style: italic; padding: 15px 20px 10px 20px;}
.newsAbstract {font-family: Tahoma, Arial, Helvetica, Sans-serif; font-size: 12px; padding: 15px 20px 10px 20px;}
.newsText {font-family: Tahoma, Arial, Helvetica, Sans-serif; font-size: 12px; padding: 15px 20px 10px 20px;}


/*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;}


/* SHOW PRODUCT */
.spPageProduct{width: 976px; margin: 0 auto !important; margin-left: 8px;}

.spDescontainer {width: 976px; margin: 0 auto; background: #eeeded; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; margin-top: 0px; margin-bottom: 10px; text-align: center;}

.imgProduct {border: 1px solid #fbfbfb;}
.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; margin: 0 auto;}
.spNormal table {background: #fbfbfb; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif;}
.spNormal th {font-style: italic; border: 1px solid #CCC; background:#999; color:#fff; font-size:12px; padding: 3px;}
.spNormal td {color:#000; border:1px solid #fff; font-size:12px; padding: 3px; background: #eeeded;}

.spDeliveryCont {width: 740px; overflow: auto; height: 80px; margin: 0 auto;}
.spDelivery {float: left; width: 365px; background-color: #eeeded; height: 70px; border: 1px solid #cccccc; margin-right: 1px;}
.spDelivery .title {font-size:14px; text-align: left; font-weight: bold;}
.spDelivery .text {font-size:14px; text-align: left; margin-left:90px;}

/*.spButtons {width: 740px; text-align: center; margin-top: 12px; margin-bottom: 10px;}*/
.buttons {width: 992px; text-align: center; margin-top: 12px; padding-bottom:20px;}
.buttonsLeft {float: left; width: 70%; text-align: left;}
.buttonsRight {float: right; width: 30%; text-align: right;}

/* SHOW BASKET */
.sbNormal {table-layout: fixed; width: 0px; border-collapse: collapse; margin: 0 auto;}
.sbNormal table {background: #fbfbfb; font-size: 12px; font-family: Tahoma, 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: 415px; margin: 0 0 0 556px;}
.sbNormalFee table {background: #fbfbfb; font-size: 12px; font-family: Tahoma, 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: 815px;}
.sbNormalTotal table {background: #fbfbfb; font-size: 12px; font-family: Tahoma, 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: 992px; text-align: center; margin-top: 12px; padding-bottom:20px;}
.sbButtons .Medium {width:134px; height:24px; background: url(../img/osfpbc/medium.gif) no-repeat top left; border: 0px;color:#FFF}
.sbButtons .Big {width:274px; height:24px; background: url(../img/osfpbc/big.gif) no-repeat top left; border: 0px;color:#FFF}

/* SHOWVENUE */
.svHeader {margin: 0; color: #000000; font-size: 15px; font-weight: bold; text-align: center;}
.svFooter {margin: 0; color: #808080; font-size: 13px; text-align: center;}
.svFooter1 {padding-left: 170px; width: 400px; margin: 20px; color: #000; font-size: 12px; text-align: center;}
.svMap {text-align: center; margin-left: 0px;}
.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:45%; margin-left: 210px;display: inline; border-bottom: 1px dotted #777}
.svMulti p{margin-left: 15px; margin-top: -10px;}

/* LOGIN */
#login {/*padding-top: 10px; padding-bottom: 20px;*/ width: 400px; margin: 0 auto; text-align: center;}
#login .login_in_login        {width: 155px;text-align: left;}
#login .login_in_pwd          {width: 155px;}
#login .login_bt_submit_login {width:74px; height:24px; background: url(../img/osfpbc/small.gif) no-repeat top left; border: 0px;color:#FFF; float:center;}
#login .login_bt_submit_logout {width:74px; height:24px; background: url(../img/osfpbc/small.gif) no-repeat top left; border: 0px;color:#FFF}
#login .Big                             {width:274px; height:24px; background: url(../img/osfpbc/big.gif) no-repeat top left; border: 0px;color:#FFF}
#login .errors                {background-color: #ffaaaa; padding: 5px;}
#login a                      {color: #000066; text-decoration: none;}

/* ADDRESS */
#address div.label              {float:left;  width:360px; height: 30px; padding-top:4px; padding-bottom:0px; text-align:right;}
#address div.input              {float:left; width:365px; height: 30px; padding-top:0px; padding-left:20px; padding-bottom:4px;}

/* REGISTER */
#registerForm					 {width: 772px; margin-left: 8px;}
#register div.label              {float: left; width:360px; height: 30px; padding-top:4px; padding-bottom:0px; text-align:right;}
#register div.input              {float: right; width:365px; height: 30px; padding-top:0px; padding-bottom:4px; padding-right: 40px;}
#register .login_bt_submit_login {width:134px; height:24px; background: url(../img/osfpbc/medium.gif) no-repeat top left; border: 0px;color:#FFF}
#register .errors                {background-color: #ffaaaa; padding:5px;}
#register a                      {color:#000066; text-decoration:none;}

/* CHECKOUT */
div#checkout_account                        {overflow: auto; margin-bottom: 10px;}
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:110px; height: 42px; text-align:center; }
div.ck_document                             {float:left;  width:250px; height: 42px; text-align:center; font-size:11px; }
div.ck_name_date                            {float:left;  width:375px; 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;}
.sbServiceButtons       {width:274px; height:24px; background: url(../img/osfpbc/big.gif) no-repeat top left; border: 0px;color:#FFF}

/* SHOW PAYMENT */
.spayNormal {table-layout: fixed; width: 0px; border-collapse: collapse; margin: 0 auto;}
.spayNormal table {background: #fbfbfb; font-size: 12px; font-family: Tahoma, 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;}

/* SHOW ORDER */
.seatName {font-size: 14px;}
.seatNumber {font-size: 14px; font-weight: bold;}

/* Grid */
.grid {font-family: Tahoma, 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: underline;}

#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: transparent 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;}

/* Step Manager */
#sm td {margin-top: 7px; margin-bottom: 7px; height:60px; background-color:#EBEBEB; background-image: url(/img/osfpbc/navBtn.gif); background-repeat: no-repeat; background-position: right top;}
#sm td.current {background-color:#a0a0a0; background-image: url(/img/osfpbc/navCurrentBtn.gif);}
#sm td.currentNoBg {background-color:#a0a0a0; background-image:none;}
#sm td.lastDone {background-color:#EA0018; background-image: url(/img/osfpbc/navLastDoneBtn.gif);}
#sm td.done {background-color:#EA0018; background-image: url(/img/osfpbc/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;}

/* 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;}

/* SCCI */
.scciButtons { text-align: center; margin-top: 12px; padding-bottom:20px;}
.scciButtons .Medium {width:134px; height:24px; background: url(../img/osfpbc/medium.gif) no-repeat top left; border: 0px;color:#FFF}
