/* main page */
#box_heading { position: absolute; top: 15px; left: 15px; width: 670px; height: 120px; background: url(../img/logo.png) no-repeat; }
#box_heading_ie { position: absolute; top: 15px; left: 15px; width: 670px; height: 120px; background: url(../img/logo.gif) no-repeat; }
#box_right { position: absolute; top: 25px; left: 700px; width: 264px; height: 600px; background: #284a8b; z-index: 3; }
#box_content { position: absolute; top: 135px; left: 15px; width: 640px; height: 572px; background: #f6ecc8;
                padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 15px; z-index: 3; }
#box_content_bottom { position: absolute; top: 727px; left: 15px; width: 640px; height: 10px; z-index: 3; }
#box_login    { position: absolute; top: 5px; left: 15px; width: 204px; height: 110px; background: url(../img/background_login.gif) no-repeat;
                padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; overflow: hidden; z-index: 4;}
#box_login_ie { position: absolute; top: 5px; left: 15px; width: 204px; height: 110px; background: url(../img/background_login.gif) no-repeat;
                padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 15px; overflow: hidden; z-index: 4;}
#box_usermenu { position: absolute; top: 155px; left: 15px; width: 204px; height: 170px; background: url(../img/background_menu_right.gif) no-repeat; padding: 15px; z-index: 4; color: #ffffff;}
#box_order { position: absolute; top: 370px; left: 15px; width: 204px; height: 170px; background: url(../img/background_menu_right.gif) no-repeat; padding: 15px; z-index: 4; color: #ffffff; overflow: hidden; }
#box_profitlogo { position: absolute; top: 600px; left: 0px; width: 264px; height: 120px; background: url(../img/bottom_menu_right.gif) no-repeat; cursor: pointer;}
#box_avatar { position: absolute; top: 590px; left: 20px; width: 80px; height: 130px; z-index: 7; overflow: hidden;}
#box_right_top_under {position: absolute; top: 15px; left: 700px; width: 264px; height: 5px; z-index: 1; }
#box_right_top {width: 264px; height: 40px; background: #284a8b; z-index: 2; }

#body { background: url(../img/background.gif) #ffb209; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: black;}

/* popup */
#box_popup { position: absolute; visibility: hidden; top: 0px; left: 0px; width: 230px; background: #365e9f; z-index: 5; color: #ffffff; padding: 10px;
             border: medium #ffb209; border-spacing: 2px;}

/* classes */
/* login */
.logintext { color: white; }
input.tb_login { width: 100px; }
input.btn_login {  }
table.logintable { width: 204px; height: 80px; }

/* usermenu */
.usermenuitemtext { color: white; font-weight: bold; }
.usermenusubitemtext { color: white; font-weight: bold; margin-left: 0.7em; font-size: 90%; }
a.usermenulink { color: white; font-weight: bold; }

/* register */
.customertext { color: black; }
input.btn_register { }

/* changepassword */
.tbchangepassword {}
.btnchangepassword {}

/* steps */
.stepnotdone { color: #993333; }
.stepdone { color: #339933}
.stepcurrent { color: #333333; font-weight: bold; }
#steps { }

/* time */
.box_taken { background: #993333; height: 10px; width: 25px; margin-right: 1px; margin-bottom: 1px;}
.box_free { background: #339933; height: 10px; width: 25px; margin-right: 1px; margin-bottom: 1px;}
.box_order { background: #365e9f; height: 10px; width: 25px; margin-right: 1px; margin-bottom: 1px;}
.box_crash { background: #ee2222; height: 10px; width: 25px; margin-right: 1px; margin-bottom: 1px;}
.timetabletext { font-size: 12px; vertical-align: top;}

/* choose activity */
td.rounded { background: url(../img/activity_background.gif) no-repeat; text-align: center; padding: 10px; color: white; font-weight: bold;}

/* choose division */
.choosedivisionlink { font-weight: bold; color: black;}

/* choose package */
.choosepackagelink { font-weight: bold; color: black;}

/* choose food */
.menuheading { font-weight: bold; padding-top: 20px; }
.menulink { padding-top: 3px; color: white;}
#foodmenubackground { position: absolute; left: 15px; top: 120px; height: 430px; width: 290px; float: left; background: url(../img/food_background.gif) no-repeat; padding: 10px; }
#foodorderbackground { position: absolute; right: 15px; top: 120px; height: 430px; width: 290px; float: right; background: url(../img/food_background.gif) no-repeat; padding: 10px; }
#foodmenu { height: 430px; width: 290px; overflow: auto; background: #365e9f; color: white; }
#foodorder { height: 430px; width: 290px; overflow: auto; background: #365e9f; color: white; }
.menudescription { font-size: 10px;  font-style: italic; }
.foodtableheading { font-size: 16px; font-weight: bold;}

/* my friends */
#box_my_friends_background { position: absolute; height: 325px; width: 450px; top: 135px; left: 110px; background: url(../img/my_friends_background.gif) no-repeat; color: white; }
#box_my_friends { position: absolute; height: 315px; width: 440px; top: 5px; left: 5px; overflow: auto; }
#box_my_friends_info { position: absolute; height: 70px; width: 640px; top: 485px; left: 15px; overflow: hidden; }
.friends_link { margin-left: 2em; color: white; }
.friends_selected { margin-left: 2em; color: #ff8910; }
.friends_heading { font-size: 110%; font-weight: bold; }
#add_friend_button { position: absolute; bottom: 20px; right: 20px; }

/* add friend */
#box_search_friend { position: absolute; height: 40px; width: 640px; top: 140px; left: 15px; overflow: hidden; }
#box_search_friends_result { position: absolute; height: 300px; width: 640px; top: 205px; left: 15px; overflow: auto; }
#box_add_friend { position: absolute; height: 45px; width: 640px; top: 530px; left: 15px; overflow: hidden; }

/* choose date */
.calendar_nonclickable { border: thin solid #ff8910; width: 30px; height: 30px; text-align: center; display: table-cell; vertical-align: middle; padding: 0px; }
.calendar_clickable { border: thin solid #ff8910; width: 30px; height: 30px; text-align: center; color: black; display: table-cell; vertical-align: middle; padding: 0px; }
.calendar_disabled { border: thin solid #ff8910; width: 30px; height: 30px; text-align: center; color: gray; display: table-cell; vertical-align: middle; padding: 0px; }
.calendarTableDays { border: thin solid #ff8910; padding: 0px; }
.calendarHeading { font-size: 120% } 
#datePrevButtonDate { position: absolute; top: 70px; left: 20px; text-align: center; cursor: default; border: 1px solid #000000; background: url(../img/button.gif); height: 19px; width: 22px; padding-top: 3px; font-size: 90%; }
#dateNextButtonDate { position: absolute; top: 70px; right: 20px; text-align: center; cursor: default; border: 1px solid #000000; background: url(../img/button.gif); height: 19px; width: 22px; padding-top: 3px; font-size: 90%; }
.ie_calendar_nonclickable { border: thin solid #ff8910; text-align: center; vertical-align: middle; padding: 0px; }
.ie_calendar_clickable { border: thin solid #ff8910; text-align: center; color: black; vertical-align: middle; padding: 0px; }
.ie_calendar_disabled { border: thin solid #ff8910; text-align: center; color: gray; vertical-align: middle; padding: 0px; }

/* choose players */
.playernum { border: thin solid #ff8910; width: 30px; height: 30px; text-align: center; vertical-align: middle; color: black; display: table-cell; }
.playernum_selected { border: thin solid #ff8910; width: 30px; height: 30px; text-align: center; vertical-align: middle; color: black; display: table-cell; }
.playernum_disabled { border: thin solid gray; width: 30px; height: 30px; text-align: center; vertical-align: middle; color: gray; display: table-cell; }
#name_scroller { height: 350px; width: 100%; overflow: auto; }
.ie_playernum { border: thin solid #ff8910; text-align: center; vertical-align: middle; color: black; }
.ie_playernum_selected { border: thin solid #ff8910; text-align: center; vertical-align: middle; color: black; }
.ie_playernum_disabled { border: thin solid gray; text-align: center; vertical-align: middle; color: gray; }
#selectfriendsbuttons { position: absolute; bottom: 20px; left: 20px; }
#nextpagebutton { position: absolute; bottom: 20px; right: 20px; }

/* chooseplaers from friends */
#choose_friends_scroller { height: 370px; width: 640px; overflow: auto; }
#selectplayersbuttons { position: absolute; bottom: 20px; right: 20px; }
#backbutton { position: absolute; bottom: 20px; left: 20px; }

/* notify friends */
#box_notify_friends_background { position: absolute; top: 160px; left: 110px; height: 390px; width: 450px; background: url(../img/notify_friends_background.gif) no-repeat; color: white; }
#box_notify_friends { position: absolute; top: 5px; left: 5px; height: 380px; width: 440px; overflow: auto; }
#notifyfriendsbuttons { position: absolute; bottom: 8px; left: 185px; width: 300px; text-align: center;}

/* confirm */
#confirmfoodorder { height: 430px; overflow: auto; width: 290px;}
.blue { color: #284a8b; font-weight: bold; }
.orange { color: #ff8910; font-weight: bold; }

/* my bookings */
#mybookingsscroller { position: absolute; left: 15px; top: 110px; height: 300px; overflow: auto; width: 640px; }
#mybookingsscroller_headings { position: absolute; left: 15px; top: 90px; height: 22px; overflow: hidden; width: 640px; }
#my_bookings_food { position: absolute; top: 425px; right: 15px; height: 165px; overflow: auto; width: 320px; }
#my_bookings_info { position: absolute; top: 425px; left: 15px; height: 165px; overflow: auto; width: 320px; }

/* many pages uses this */
table.customertable { width: 300px; }
input.tb_customer { }
.fieldError { color: red; font-weight: bold; }
.errorMessage { color: red; }
.infotext { font-size: small; }
a:hover { text-decoration: underline; } 
a { text-decoration: none; color: black; } 
.contentlink { color: #223f8e; }
.contentheading { font-size: 16px; font-weight: bold; line-height: 50px; }
.redline { position: relative; top: -25px; }
.redline_opera { position: relative; top: -15px; }
img { border: none; }
.centered { text-align: center; cursor: default;}
.button { text-align: center; cursor: default; border: 1px solid #000000; background: url(../img/button.gif); height: 19px; width: 110px; padding-top: 3px; font-size: 90%;}
.button_small { text-align: center; cursor: default; border: 1px solid #000000; background: url(../img/button.gif); height: 19px; width: 22px; padding-top: 3px; font-size: 90%; }