/* Booker CSS */

html, body { height: 100%; }

BODY {padding: 0px; margin: 0px 0px; color: #000; font-family: 'Verdana','Helvetica CE',Arial,helvetica,sans-serif; FONT-SIZE: 83%; text-align: center; }
#centerPage { width: 1000px; text-align: left; position: relative; height:100%; min-height: 100%; margin: 0px auto; }
body>#centerPage { height: auto; }

.floatClear {clear:both;display:block;height:1px;line-height:1px;font-size:1px;}
.floatClear HR {display:none;}

#portal {height: auto;}
.generalPage { position: relative; padding-left: 200px; padding-top: 20px; }
#pageContent { position: relative; color: #3B3B3B; }

IMG { border: 0; }

.generalTable780 {width: 770px; float: right; margin-right: 10px; }
.floatRightButton {float: right; margin-top: 5px;}

.pageLogoAttached { position: absolute; }
.pageLogoBorder { position: absolute; width: 170px; height:22px; background-color: black; top: 140px; }
#pageLogoBorderRed { background-color: #D10506; top:133px;}
#pageLogoBorderYellow { background-color: #F1C12F; top:133px;}
#pageLogoBorderOrange { background-color: #C47942; }
#pageLogoBorderBlue { background-color: #90A9C8; }
#pageLogoRegUser { background-color: #F1C12F; top: 110px;}

/* user and language info in right top corner */
#userInfo {color: #fff; text-decoration: none; position: absolute; top: 10px; right: 10px; FONT-SIZE: 10px; z-index:200;}
#userInfo A {color: #fff; text-decoration: none;}
#userInfo A:visited {color: #fff; text-decoration: none;}
#langInfo {color: #fff; text-decoration: none; position: absolute; top: 35px; right: 10px; FONT-SIZE: 10px; z-index:200; text-align: center;}
#langInfo .lang {float: left; margin-left:10px; text-align: center;}
#langInfo A, #langInfo A:visited {color: #fff; text-decoration: none;}
#langInfo A:hover { text-decoration: underline;}

#showBasketPage {margin-left:200px;}
/*#showBasketPage .pageLogoBorder {top: 135px;}
#showBasketPage .error {font-weight: normal; color:#FF0000; margin-top:5px; margin-bottom: 2px; text-align: left; padding-left: 20px; border:1px solid red; width: 500px;}
#showBasketPage .error A {font-weight: bold; color:#FF0000; margin-top:5px; margin-bottom: 2px; text-align: left; }
#showBasketPage .pageDescText { width: 500px; margin: 20px 0px; border:1px solid red;}
#showBasketPage .informMessage { color:#FF0000; font-size:16px; font-weight:bold; margin:10px 0px; }
#showBasketPage .globalTableWrapper {clear: right; }*/


#changePersonDetailsPage #pageLogoBorderYellow { top: 133px;}
#changePersonDetailsPage .pageTitle {top: 150px;}
#changePersonDetailsPage {min-height: 780px;}
#changePersonDetails .birthdatePicker { width: 110px ! important;  }

#showMyReservationsPage { position: relative; padding-left: 235px; padding-top: 20px; }
#showMyReservationsPage .error { text-align: left; }

#resourcesview {clear: both; position: relative; top: -10px;}
.resoview A.enter {font-weight: bold; text-decoration: none; font-size: 12px; font-family: helvetica; color: #4373B5; padding-left: 24px;}
.resoview A.enter SPAN {font-family: 'verdana'; color: #4373B5;}

.cmbBox {width: auto!important; z-index: 0;}

#myReservations {margin-top: 10px; margin-bottom: 30px;}
#myReservations .mrvDone {border: 1px solid #D7A700; width: 470px; margin-top: 5px; margin-bottom: 5px; padding: 5px 7px 5px 10px;}
#myReservations .mrvNotDone {border: 1px solid #E02A2A; width: 470px; margin-top: 5px; margin-bottom: 5px; padding: 5px 7px 5px 10px;}
#myReservations .mrvRsrvd {border: 1px solid #6B9618; width: 470px; margin-top: 5px; margin-bottom: 5px; padding: 5px 7px 5px 10px;}
#myReservations HR { width: 500px; margin-left: -30px; background: #484848; }

#myReservations .mrvTable {width: 135px; font-size: 11px;}
#myReservations .mrvTableOther {font-size: 11px; }
#myReservations .delResrvd {text-align: right;}
#myReservations .delResrvd A {color: black; text-decoration: none;}
#myReservations .delResrvd A:hover {text-decoration: underline;}
#myReservations .mrvWrapTable {width: 100%;}
#myReservations #pageNavigator {/*margin-left: 250px;*/}
#myReservations #pageNavigator A {color: #07429a; text-decoration: none;}
#myReservations #pageNavigator A:visited {color: #07429a; text-decoration: none;}
#myReservations #pageNavigator A:hover {color: #07429a; text-decoration: underline;}
#myReservations #pageNavigator .inactive {color: #dddddd;}
#myReservations .globalTableWrapper { padding-top: 5px; }
#myReservations .note { display: none; }

FORM {margin: 0px; padding: 0px;}

TABLE {color: #07429a; font-size: 12px; padding:0px; border:0px; margin:0px;}
TR.even_old { BACKGROUND-COLOR: #F1F1F1; color: #636363; }
TR.odd_old { BACKGROUND-COLOR: white; color: #636363; }
TR.even { BACKGROUND-COLOR: #EAEFF6; }
TR.odd  { BACKGROUND-COLOR: white; }
TR.substitute_even { BACKGROUND-COLOR: red; }
TR.substitute_odd  { BACKGROUND-COLOR: red; }

.radio { border: 0px ! important; width: 13px ! important; height: 13px ! important;}
INPUT.mail { width: 423px!important; }

#regUser.pageLogoBorder { position: absolute; top: 112px; background-color: #F1C12F; width: 168px; height:30px; }

.star { color: red; }
.radioBoxText { color:red; vertical-align:bottom; }

#testLinks { clear: both; text-align: center; }

.link A { color: #C50404; text-decoration: none; }
.link A:visited { color: #880606; }
.link A:hover { color: #D22626; text-decoration: underline;}

/*** Start  infoComponent componenet ***/
#infoComponent { float:right; width: 250px; font-size: 12px; text-align: center; min-height: 160px; z-index:100;}
#infoComponent A:visited { color: #07429a; }
#infoComponent .loginBackgrTop { background-image: url(../imgs/login/loginBackgrTop.gif ); width: 250px; height:6px; font-size:0px;}
#infoComponent .loginBackgrMiddle { background-image: url(../imgs/login/loginBackgrMiddle.gif ); width: 250px; /*LUDEK height:100%;*/ }
#infoComponent .loginBackgrBottom { background-image: url(../imgs/login/loginBackgrBottom.gif ); width: 250px; height:6px; font-size:0px;}
#infoComponent .title { text-align: right; padding-right: 15px; font-size: 15px; font-weight: bold; }
#infoComponent .nearReservationTitle { margin-top: 10px; font-size: 12px; font-weight: bold; text-align: left; padding-left: 25px;}
#infoComponent INPUT { font-size: 12px; margin-left: 10px; background-color: #EAEFF6; font-weight: normal;}
#infoComponent .row { margin-top: 5px; margin-bottom: 2px; }
#infoComponent LABEL { font-size: 12px; }
#infoComponent .submitButton { margin-top:5px; margin-bottom: 5px; }
#infoComponent .reservationCount {margin-top: 5px; padding-bottom: 5px;}

#infoComponent .userName {padding: 5px 0px;}
#infoComponent FORM {padding: 0px; margin: 0px;}
#infoComponent .tableHeader { background-color: #07429a; width: 100%;height: 14px; color: white; text-align: center; vertical-align: middle; font-size: 11px; }
#infoComponent .frontReservationsTable {font-size: 9px}
#infoComponent .frontReservationsTable TH{ background-color: #D1DDF0 ! important; }

/*** End  infoComponent componenet ***/

.floatMiddle {  text-align: center; }
.floatTopRight { float:right; width: 250px; margin: 10px 15px; padding-right: 0px; display: inline;}
/*** Start  loginFrame componenet ***/
#loginFrame { float: right; width: 250px; /*11px;*/ color: #3C3C3C; text-align: center; padding: 0px; padding-bottom: 2px; min-height: 160px; }
#loginFrame .loginBackgrTop { background-image: url(../imgs/login/loginBackgrTop.gif ); width: 250px; height:6px; font-size: 0px;}
#loginFrame .loginBackgrMiddle { background-image: url(../imgs/login/loginBackgrMiddle.gif ); width: 250px; }
#loginFrame .loginBackgrBottom { background-image: url(../imgs/login/loginBackgrBottom.gif ); width: 250px; height:6px; font-size: 0px;}
#loginFrame .title { text-align: right; padding-right: 15px; font-size: 15px; font-weight: bold; color: #3C3C3C;}
#loginFrame .row { padding-top: 5px; padding-bottom: 2px; }
#loginFrame .errorMessage { color:#FF0000; margin-top:5px; margin-bottom: 2px; }
#loginFrame .submitButton { margin-top: 10px; }
#loginFrame .links {padding-top: 5px; padding-bottom: 5px; font-size: 11px;}
/*** End  loginFrame componenet ***/


#reserveButton { position: absolute; text-align: right; width: 100%; bottom: 0px; right: 15px; z-index: 1; bottom: 5px;}
#reserveButton INPUT { margin:5px 20px; }

.pageContentTemplate1 { clear: both; }

/*#reservationPage {position: absolute;}*/
.pageLogo { position: absolute; margin: 35px 0px 0px 0px; width: 170px; }
#reservationPage .header1 { position: absolute; font-size: 20px; left: 220px; top: 20px;}
#reservationPage .pageDescText { position: absolute; left: 220px; top: 50px; width: 500px; _width: 500px; }
#reservationPage .sportAttentionText { position: absolute; left: 220px; top: 60px; width: 500px; _width: 500px; color: red;}


/* Table styles */
tr.even { BACKGROUND-COLOR: #EAEFF6; }
tr.odd  { BACKGROUND-COLOR: white; }
.centerColumn {text-align: center;}

.globalTableWrapper { padding-right: 20px; padding-top: 20px; width: 650px; }
.tableWrapper { border: 1px solid black; }
.tableWrapper TABLE TR TH {font-size: 10px;}
.tableWrapper .tableHeader { background-color: #07429a; width: 100%;height: 17px; color: white; text-align: center; vertical-align: middle; font-size: 12px; }


.contribTableStyleBlue { width: 100%; }
.contribTableStyleBlue TD{ padding-left: 10px; font-size:11px;}
.contribTableStyleBlue TD A {color: #07429a; }
.contribTableStyleBlue TD A:visited {color: #07429a; }
.contribTableStyleBlue TH{ background-color: #D1DDF0 ! important; border: 1px solid #004080 ! important; padding-left: 0px !important; font-size: 10px; text-align: center;}
.contribTableStyleBlue TH TABLE {width: 100%;}
.contribTableStyleBlue TH TABLE TD {padding-left: 0px !important; text-align:center; font-size: 10px;}
.contribTableStyleBlue TH TABLE TD A { font-weight: bold; font-size: 10px; color: #07429a ! important; background-color: #D1DDF0; text-align: center; text-decoration: none;}

#reservationStatisticsTable { width: 400px; margin-top: 40px; margin-bottom: 20px; margin-left: 210px;}
#paymentStatisticsTable { width: 400px; margin-top: 30px; margin-bottom: 20px; margin-left: 210px; }

/* end Table styles */


/* start Button styles */
.buttonGroup { text-align: right; }

.standardButton70 { font-weight: normal; background:url(../imgs/buttons/button_70_blue.jpg); color: white; font-size: 9px ! important; border: 0; height: 21px; width:71px; font-family: Verdana; padding-bottom:2px; letter-spacing: 1px; background-color:#3D71AB; }
.standardButtonDis70 { font-weight: normal; background:url(../imgs/buttons/button_70_disabled.jpg); color: white; font-size:10px; border: 0; height: 21px; width:71px; font-family: Verdana; padding-bottom:2px; letter-spacing: 1px; background-color:#3D71AB; color: #eeeeee;}
.standardButton130 { font-weight: normal; background:url(../imgs/buttons/button_130_blue.jpg); color: white; font-size:10px; border: 0; height: 21px; width:131px; font-family: Verdana; padding-bottom:2px; letter-spacing: 1px; background-color:#3D71AB; }
.standardButtonDis130 { font-weight: normal; background:url(../imgs/buttons/button_130_disabled.jpg); color: white; font-size:10px; border: 0; height: 21px; width:131px; font-family: Verdana; padding-bottom:2px; letter-spacing: 1px; background-color:#3D71AB; color: #eeeeee;}

.importantButton70 { font-weight: normal; background:url(../imgs/buttons/button_70_red.jpg); color: white; font-size: 9px ! important; border: 0; height: 21px; width:70px; font-family: Verdana; padding-bottom:2px; letter-spacing: 1px; background-color:#DD2726; }
.importantButtonDis70 { font-weight: normal; background:url(../imgs/buttons/button_70_disabled.jpg); color: white; font-size:10px; border: 0; height: 21px; width:70px; font-family: Verdana; padding-bottom:2px; letter-spacing: 1px; background-color:#DD2726; color: #eeeeee;}
.importantButton130 { font-weight: bold; background:url(../imgs/buttons/button_130_red.jpg); color: white; font-size:10px; border: 0; height: 21px; width:131px; font-family: Verdana; padding-bottom:2px; letter-spacing: 3px; background-color:#DD2726; }
.importantButtonDis130 { font-weight: bold; background:url(../imgs/buttons/button_130_disabled.jpg); color: white; font-size:10px; border: 0; height: 21px; width:131px; font-family: Verdana; padding-bottom:2px; letter-spacing: 3px; background-color:#DD2726; color: #eeeeee;}
/* end Button styles */

.smallTableWrapper { padding: 5px 0px; }

/* testing */
.basketHeader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; background-color:#003333; color:#FFFFFF; }
.basketRow{ background-color:#EEEBCC; text-align: center} 

.error {font-weight: normal; color:#FF0000; margin-top:5px; margin-bottom: 2px; text-align: center;}
.error .errorText{margin-left: 10px; vertical-align: super;}

.success {font-weight: normal; margin-top:5px; margin-bottom: 2px; text-align: center;}
.success .successText{margin-left: 10px; vertical-align: super;}


.finalPrice { color: red; font-weight: bold;}


#registerUser { margin: 0px 0px; padding: 20px 0px 0px 160px; min-height: 1150px;}
#registerUser .registerUserTableWrapper { display: inline; text-align:right; margin-right: 15px; }
#registerUser .registerUserTable{ width: 750px; }
#registerUser .registerUserTable TD { height: 30px; }
#registerUser .registerUserTable .tableHR TD{ background-color: #07429A; height: 2px ! important; }

#registerUser .registerUserTable .col1{ vertical-align:top; text-align: right; padding-right: 10px; width:200px; }
#registerUser .registerUserTable .col2{ width:160px; background-color: #E7ECF4; text-align: left; vertical-align:top; padding-left: 10px; }
#registerUser .registerUserTable .col2 INPUT { width: 145px; }
#registerUser .registerUserTable .col3{ text-align: left; font-size: 10px; background-color: #E7ECF4; }
#registerUser .registerUserTable .errorCol23{ vertical-align:top; background-color: #E7ECF4;}
#registerUser .registerUserTable .errorCol23 P { text-align: left; padding-left: 10px; }
#registerUser .registerUserTable .spaceCol1 { width:200px; height: 10px; }
#registerUser .registerUserTable .spaceCol23 { background-color: #E7ECF4; height: 10px; }
#registerUser .submit { margin: 5px 0px; }
.datePicker { position: relative; _position: fixed; }
#registerUser .registerUserTable .birthdatePicker { width: 100px ! important; vertical-align: top; }
#registerUser .captchaImage { /*border: 1px solid red;*/ width: 180px; padding-left: -30px;}
#registerUser #captchaIF {margin-top: 18px;}
#registerUser #captchaTDDescr { vertical-align: top; padding-top: 20px;}
#regUserSuccess { padding: 20px 0px;}

#enterRegistrationCodePage { margin: 20px 0px; }
#enterRegistrationCode { width: 400px; margin: 0 auto; font-size: 12px;color: #07429a; text-align: center; padding: 0px; padding-bottom: 2px; }
/*#enterRegistrationCode .title { text-align: center; background-color: #4171B9; color: #FFFFFF; }*/
#enterRegistrationCode .title { text-align: right; padding-right: 15px; font-size: 15px; font-weight: bold; }
#enterRegistrationCode .backgrTop { background-image: url(../imgs/login/login_top_line_400.gif ); width: 400px; height:5px; font-size: 0px;}
#enterRegistrationCode .backgrMiddle { background-image: url(../imgs/login/login_middle_line_400.gif ); width: 400px; }
#enterRegistrationCode .backgrBottom { background-image: url(../imgs/login/login_bottom_line_400.gif ); width: 400px; height:5px; font-size: 0px;}
#enterRegistrationCode .contText { padding: 10px; margin: 0px;}


div.formRow { clear: both; padding-top: 10px; }
div.formRow span.label { float: left; width: 45%; text-align: right; }
div.formRow span.formInput { float: right; width: 54%; text-align: left; } 
  
#loginPage #loginFrame { float: none; }
#loginPage { padding: 20px 0px 0px 200px; }
#loginPage A { font-weight: bold; text-decoration: none; }
#loginPage A:hover { font-weight: bold; text-decoration: underline;}
#loginPageComponent {  padding-top: 40px; padding-left: 180px; }
#loginInfoMessage { clear: left; }
#staleSessionMessage { font-size:18px; /*position: relative; left: -180px;*/} 


.exceptionTitle { font-size: 16px; font-weight: bold; padding-left: 200px; padding-top: 20px;}
.exceptionText { padding-left: 200px; padding-top: 20px;}

.formStyleBlueWrapper { display: inline; text-align:right; margin-right: 15px; }
.formStyleBlueWrapper .submitButton { margin: 10px; float: right; }

.formStyleBlue { width: 750px; }
.formStyleBlue TD { height: 30px; }
.formStyleBlue TD TABLE TD { height: auto !important; }
.formStyleBlue .tableHR TD{ background-color: #07429A; height: 2px ! important; }
.formStyleBlue .col1{ vertical-align:top; text-align: right; padding-right: 10px; width:200px; }
.formStyleBlue .col2{ width:160px; background-color: #E7ECF4; text-align: left; vertical-align:top; padding-left: 10px; font-weight: bold;}
.formStyleBlue .col3{ text-align: left; font-size: 10px; background-color: #E7ECF4; }
.formStyleBlue .col23{ text-align: left; background-color: #E7ECF4; vertical-align:top; padding-left: 10px; font-weight: bold;}
.formStyleBlue .col23Table{ text-align: left; background-color: #E7ECF4; vertical-align:top;}
.formStyleBlue .col23Table TD { height: 15px; }
.formStyleBlue .errorCol23{ vertical-align:top; background-color: #E7ECF4;}
.formStyleBlue .errorCol23 P { text-align: left; padding-left: 10px; }
.formStyleBlue .spaceCol1 { width:200px; height: 10px; }
.formStyleBlue .spaceCol23 { background-color: #E7ECF4; height: 10px; }

#startPage { padding-left: 20px; /*min-height: 900px;*/}



.titleWithoutPageLogo { font-size: 20px; padding: 20px 0px 10px 0px; color: #C3021F; }
.titleText { color: #777A7E; font-weight: bold; width: 650px; margin-bottom:25px;}

#priceNavigator .center {text-align: center;}

.resStatusError { color: red; font-weight: bold;}

#pageTitleRegUser {top: 130px;}
#regUserOverview {position: absolute; right: 20px; top: 10px; display: inline; width: 750px; }
#regUserOverview .info { padding-left: 220px; float: left; text-align: left; padding-top: 20px; width: 500px;}
#regUserOverview .importntLabel { font-weight: bold; }
#regUserOverview .infoText{ width: 400px; text-align: left; }

#changePassword {height: 90px;}
.chPswdVisible {}
.chPswdUnvisible {display: none;}
#changePassword P { padding: 0px; margin: 0px 0px 8px 0px; }
#changePassword INPUT { margin-bottom: 5px;}

.calendar {position: relative;}
.calendar SELECT {width: 70px ! important;}
.calendar .grid {float: left; margin-left: 40px; display: inline;}
.calendar .calendarFooter {clear: both; float: left; margin-left: 30px; border-style: groove; border: 0px solid; display: inline;}

.reqINPUT { border: 1px solid red;}

#writeToDirector { position: relative; padding-top: 20px; width: 980px;}
#writeToDirector .pageDescText {margin-left: 250px; width: 500px; }
#writeToDirector .textArea {width: 430px; margin-left: 250px; margin-top: 20px;}
#writeToDirector .textArea TEXTAREA {border-style: ridge; border-color: #4071b9;}
#writeToDirector .textArea .button {float: right; margin-right: 10px; margin-top: 10px;}

#manageTrainings { position: relative; padding-left: 200px; padding-top: 20px; }
#manageTrainings .resrvTable {text-align: center;}
#dialog { position: relative; padding-left: 200px; padding-top: 20px; text-align: left;}

#informationDialog { position: relative; padding-left: 200px; padding-top: 20px; text-align: left;}
#informationDialog .informationText { width: 500px; }
#informationDialog .backButton {text-align: center; margin-top: 20px;}

.icon {border:none; width: auto;}

.creditTable { width: 750px;}
.creditTable .season_reservation_idseason_reservationColumnValue {text-align: center;}
.creditTable .active_season_reservationsColumnValue {text-align: center;}
.creditTable .t008_seas_res_credit_diffColumnValue {text-align: right;}
.creditTable .credit_value_sumColumnValue {text-align: right;}

.openingTimeExceptionTable { width: 750px;}
.openingTimeExceptionTable .OpenedColumnValue {text-align: center;}
.openingTimeExceptionTable .ActionsColumnValue {text-align: center;}

.seasonReservationsCreditDetailTable { width: 550px;}
#SeasonReservationCreditDetail .backButton {float: right;}

#reservationDetailTable { width: 450px; }
#reservationDetailTable TD { height: auto; font-size: 11px;}

#creditLogDetail {position: relative; padding-left: 200px; padding-top: 20px;}

#creditDetail { position: relative; padding-left: 200px; padding-top: 20px;}
#creditDetail .button{ float: right; margin: 5px 10px 0px 0px; }

#creditValuesTable {width: 450px;}
#creditValuesTable TD { height: auto; font-size: 11px;}

#PCreditChargeLog .creditChargeSumTable {width: 350px; margin: 0px auto;}

#searchPersonResult { float: right; margin-top: 30px; margin-right: 20px; width:780px; display: inline;}