/********************************
			Main Layout
********************************/

body {
	font-family: Tahoma;
	font-size: 10pt;
	color: #3a3a3a;
	padding: 0px;
	margin: 0px;
	text-align: center; /* centrerar i IE */
	background: url("../images/body-bg.jpg") 0% 0% #fff;
}

div#container {
    width: 900px;
    position: relative;
	height: auto;
	margin: 0 auto;
	text-align: left;
}
div#container_top {
    width: 900px;
    height: 69px;
    position: relative;
    background-image: url(../img/container_top.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    clear: both;
    margin-top:20px;
    cursor: pointer;
}
div.container_top_intro {
    margin-top: 40px;
}
div#container_middle {
    width: 900px;
    position: relative;
    background-image: url(../img/container_middle.gif);
    background-repeat: repeat-y;
    clear: both;
    text-align: center;
}
div.middle_clean {
    padding-top:30px;
}
div#container_bottom {
    width: 900px;
    height: 69px;
    position: relative;
    background-image: url(../img/container_bottom.gif);
    background-repeat: no-repeat;
    overflow:hidden;
    clear: both;
}

div.content {
    width: 720px;
    position: relative;
    margin: 0 auto;
    clear: both;
    height: auto;
    text-align: left;

}
div.content_top {
    width: 720px;
    height: 27px;
    margin-top: 30px;
    background-image: url(../img/content_top.gif);
    background-repeat: no-repeat;
    overflow: hidden;
}
div.userinfo div.content_top {
    margin-top:0px;
}
div.content_middle {
    width: 680px;
    position: relative;
    background-image: url(../img/content_middle.gif);
    background-repeat: repeat-y;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
}
div.content_bottom {
    width: 720px;
    height: 26px;
    background-image: url(../img/content_bottom.gif);
    background-repeat: no-repeat;
    overflow: hidden;
}

/***************************************
              User info Top
***************************************/
div#top_bar
{
	height: 61px;
    width: 670px;
	margin-bottom: 20px;
}
div#top_bar_left
{
	width: 323px;
	height: 61px;
	float: left;
	background-image: url("../images/mmbox-tl.png");
	background-repeat: no-repeat;
}
div#top_bar_left p
{
	font-size: 10pt;
	margin-left: 10px;
	margin-top: 9px;
	margin-bottom: 0px;
}
div#top_bar_left span.top_bar_date,
div#top_bar_left span.top_bar_email
{
	color: #808080;
}
div#top_bar_right
{
	width: 323px;
	height: 61px;
	float:right;
	background-image: url("../images/mmbox-tr.png");
	background-repeat: no-repeat;
	position:relative;
}
div#top_bar_right_top
{
	margin: 7px 0px 0px 7px;

}
div#top_bar_right_top img
{
	display: inline;
	vertical-align: middle;
	margin: 0px;
}
div#top_bar_right_top p
{
	margin: 0px;
	font-size: 8.5pt;
}
div#top_bar_right_top p span.contact_phone,
div#top_bar_right_top p span.contact_email
{
	color: #808080;
}
div#top_bar_right_bottom
{
	position:absolute;
	width: 320px;
	top: 33px;
	left: 15px;
}

div#top_bar_right_bottom a#top_bar_right_bottom_users
{
	display:block;
	float:left;
	background-image: url("../images/mmbox-tr-personal.png");
	background-position: 0px 0px;
	width: 93px;
	height: 23px;
}

div#top_bar_right_bottom a#top_bar_right_bottom_users:hover
{
	background-position: 0px -23px;
}

div#top_bar_right_bottom a#top_bar_right_bottom_view_my_bookings
{
	display:block;
	float:left;
	background-image: url("../images/mmbox-tr-viewmy.png");
	background-position: 0px 0px;
	width: 113px;
	margin-left: 10px;
	height: 23px;
}

div#top_bar_right_bottom a#top_bar_right_bottom_view_my_bookings:hover
{
	background-position: 0px -23px;
}


div#top_bar_right_bottom a#top_bar_right_bottom_logout
{
	display:block;
	float:left;
	background-image: url("../images/mmbox-tr-logout.png");
	background-position: 0px 0px;
	width: 66px;
	margin-left: 10px;
	height: 23px;
}

div#top_bar_right_bottom a#top_bar_right_bottom_logout:hover
{
	background-position: 0px -23px;
}
/*** Registration-back-forward-links ****/
div.reg_nav {
    padding-top: 10px;
    clear: both;
    width: 670px;
}
div.link_back{
    padding-top: 0px;
    float: left;
}
div.link_forward {
    padding-top: 0px;
    float: right;
}

/**************************
         Inner box
****************************/
div.innerbox {
    width: 640px;
    position: relative;
    margin-bottom: 20px;
    clear: both;
    overflow: hidden;
}
div.innerbox_top {
    width: 640px;
    height: 32px;
    clear: both;
    background-repeat: no-repeat;
    overflow: hidden;
}
div.innerbox_content {
    width: 620px;
    padding-left: 20px;
    background-image: url(../img/innerbox_content.gif);
    background-repeat: repeat-y;
    clear: both;
    overflow: hidden;
}
/* Different innerbox_tops: */
div.student div.innerbox_top {
    background-image: url(../img/innerbox_top_student.gif);
}
div.guardian div.innerbox_top {
    background-image: url(../img/innerbox_top_guardian.gif);
}
div.other div.innerbox_top {
    background-image: url(../img/innerbox_top_other.gif);
}
div.courses div.innerbox_top {
    background-image: url(../img/innerbox_top_courses.gif);
}
div.activities div.innerbox_top {
    background-image: url(../img/innerbox_top_activities.gif);
}
div.extraproducts div.innerbox_top {
    background-image: url(../img/innerbox_top_extras.gif);
}
div.booking div.innerbox_top {
    background-image: url(../img/innerbox_top_booking.gif);
}
div.terms div.innerbox_top {
    background-image: url(../img/innerbox_top_terms.gif);
}
div.paytype div.innerbox_top {
    background-image: url(../img/innerbox_top_paytype.gif);
}
div.payments div.innerbox_top {
    background-image: url(../img/innerbox_top_payments.gif);
}
div.acc div.innerbox_top {
    background-image: url(../img/innerbox_top_accommodation.gif);
}

img {border: none;}

/******************************************
          Pre Payment
*******************************************/
table.paymenttype_info td {
    vertical-align: top;
}
table.paymenttype_info tr td {
    border-bottom: 1px dotted gray;
}
span.payment_type_name {
    font-weight: bold;
}
div#terms_scrollable {
    border: 1px solid rgb(192, 192, 192);
    padding: 5px;
    overflow: auto;
    width: 97%;
    height: 400px;
    background-color: #ffffff;
    font-size: 12px;
}
/****************************************
          Navigation
****************************************/
table.bottom_navigation {
    width: 640px;
}

/****************************************
        Page-Topics
****************************************/
div.smalltopic {
    clear: both;
    width: 680px;
    text-align: center;
    height: 19px;
    position: relative;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 5px;
}
div.smalltopic_personal_info {
    background-image: url(../img/smalltopic_personal_info.gif);    
}
div.smalltopic_select_courses {
    background-image: url(../img/smalltopic_select_courses.gif);
}
div.smalltopic_accommodation {
    background-image: url(../img/smalltopic_select_accommodation.gif);
}
div.smalltopic_payment {
    background-image: url(../img/smalltopic_payment.gif);
}
div.smalltopic_bookings {
    background-image: url(../img/smalltopic_bookings.gif);
}
div.smalltopic_booking {
    background-image: url(../img/smalltopic_booking.gif);
}
div.smalltopic_forgot_password{
    background-image: url(../img/smalltopic_forgot_password.gif);
}
div.smalltopic_register{
    background-image: url(../img/smalltopic_register.gif);
}
div.smalltopic_login{
    background-image: url(../img/smalltopic_login.gif);
}
/***********************************
   User Registration Form / Personal info Form
************************************/
div.required {
    font-weight: bold;
}
/* Change color to red when inputs are missing */
div#personal_info_form_errors ul li { color: #900;}
.form_label_error { font-weight: bold; color: #900;}

.form_input input, textarea { font-family: verdana, arial, sans-serif; font-size: 1.0em;}

#personal_info_form table
{
	float: left;
	border-spacing: 0px;
	width: 60%;
}

#personal_info_form fieldset
{
    border-style: solid none none;
	border-width: 0px;
	border-color: #000000;
}

.form_input input.text,
.form_input_text input,
.form_input textarea,
.form_input select
{
	width: 210px;
}

.form_input_dob select {
    width: auto;
}

.form_input textarea#other_comments
{
	height: 100px;
}

.form_input textarea#address,
.form_input textarea#guardian_address
{
	height: 60px;
}

.form_input select#year_of_graduation,
.form_input select#dob_year,
.form_input select#dob_month,
.form_input select#dob_day
{
	width: auto;
}

#personal_info_form fieldset div.instruction
{
	float:right;
	width: 30%;
	border: 1px;
	border-style: solid;
	border-color: #d3d3d3;
	background-color: #ffffff;
	color: #808080;
	padding: 15px;
	margin-right: 15px;
	margin-top: 19px;
	font-size: 9pt;
}

#personal_info_form fieldset div.instruction img.exclamation_mark
{
	float: left;
	margin-right: 8px;
	margin-left: 2px;
}

#personal_info_form td.form_label,
#personal_info_form td.form_label_static,
#personal_info_form td.form_label_error
{
	text-align: right;
	width: 35%;
}

#personal_info_form td.form_label,
#personal_info_form td.form_label_static
{
	color: #000000;
}

#personal_info_form td.form_label_error
{
	color: #B00000;
}

#personal_info_form td.form_span
{
	text-align: right;
}

#personal_info_form td.form_span_2
{
	text-align: right;
}

#registration_form_continue_button
{
	float:right;
}

form#student_registration_form {
	margin: 0px;
	padding: 0px;
}
/********************************
			Forms
********************************/

td.form_label,
td.form_input,
td.form_label_static,
td.form_label_error
{
	padding: 5px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 10pt;
	color: #b70000;
	margin: 7px;
}


input.text,
textarea
{
	border: 1px solid #b3b3b3;
}
input.phone {
    width: 200px;
}
input.prefix {
    width: 40px;
}


/********************************
			Links & Headers
********************************/

h2 { font-size: 1.5em;}
h3 { font-size: 1.2em;}

a {text-decoration: none}
a:link, a:visited { color: #369;}
a:hover { color: #333; }

/********************************
			Login Box
********************************/

div#login_box { margin-left: 20px;}
div#login_box input { margin-top: 5px;}



/********************************
		Top Div
********************************/
div#student_registration_top_div
{
	margin-top: 0px;
	margin-bottom: 30px;
}


/********************************
		Registration Menu
********************************/
div#student_registration_menu
{
	height: 61px;
}

div#student_registration_menu img,
div#student_registration_menu input
{
	float: left;
	margin: 0px;
}

/*********************************
 Admin
************************************/
table.coursetable {
    border: 1px solid black;
}

table.coursetable td.exists {
    background-color: gray;
}
table.coursetable td {
    background-color: #F1F1F1;
}
a.add_course_link {
    color: gray;
}

/*********************************
 General
************************************/
h2.small {
    border-bottom: 0px solid gray;
}
/********************************
	Select Course/Extraproduct/Activities
********************************/

/**
* No course that courseperiod: inactive
* Course that period, available: bookable, unbooked
* Course that period, booked: bookable, booked
*         other in same coursperiod: blocked
*/
table.cs, table.as, table.es {
    border: 0px;
    text-align: center;
    width: 620px;
    margin-top: 10px;
}
table.as_sep {
    margin-bottom: 10px;
    border-bottom: 1px solid gray;
    padding-bottom: 10px;
}

table.cs td.name, table.as td.name, table.es td.name {
    text-align: left;
    padding-left: 5px;
}
table.cs td.name {
    font-size: 80%;
}

table.cs td.price, table.as td.price, table.es td.price {
    width: 70px;
}

table.cs td.periodheader {
    height: 50px;
    width: 80px;
}

table.cs td.active, table.cs td.inactive {
    height: 30px;
    background-position: center center;
    background-repeat: no-repeat;
}

table.cs tr, table.as tr, table.es {
    background-color: #FFFFFF;
}

table.cs tr.alt, table.as tr.alt, table.es tr.alt {
    background-color: #F3F2F7;
}

table.cs td.bookable {
    cursor: pointer;
}

table.cs td.inactive {
    /*background-color: gray;*/
}
table.cs td.unbooked, td.unbooked {
    background-image: url('../images/cs_unbooked.gif');
}
table.cs td.booked, td.booked {
    background-image: url('../images/cs_booked.gif');
}
table.cs td.blocked, td.blocked {
    background-image: url('../images/cs_blocked.gif');
}
table.cs td.full, td.full {
    background-image: url('../images/cs_full.gif');
    color: red;
}
td.cs_info {
    height: 30px;    
	width: 150px;
    font-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
    border: 0 none;
    text-align: center;
}

span.full {
    color: red;
}

table.as td.book, table.es td.book {
    height: 30px;
    width: 50px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

table.as td.unbooked, table.es td.unbooked {
    background-image: url('../images/cs_unbooked.gif');
}

table.as td.booked, table.es td.booked {
    background-image: url('../images/cs_booked.gif');
}

form#student_registration_form { width:auto; }

/*** Occasion **/

div#info {
    display: none;
}

div#oc_container
{
	clear: both;
	float: left;
	padding-bottom: 20px;
}

div#oc_submit {
    clear: both;
    width: 640px;
}

div#oc_submit div.submit {
    text-align: right;
}

div.submit {
    padding-top: 10px;
}

div.submit div.s_left {
    float: left;
}

div.submit div.s_right {
    position: relative;
    width: 94px;
    right: 0px;
    float: right;
}

div#oc_lefttop {
    float: left;
    width: 350px;
    height: 100px;
}

div#oc_righttop {
    float: right;
    position: relative;
    border: 1px solid black;
    width: 300px;
    height: 100px;
    text-align: right;
}

span.oc_price {
    font-size: 20px;
}
div#cs {
    clear: both;
}
div.coursetable_info {
    border-top: 1px dotted gray;
    margin-top: 5px;
    padding-left: 4px;
}

div#ac {
    clear: both;
}

div#od_div
{
	width: 50%;
	float: right;
	padding-bottom: 20px;
}

div#cs_div,
div#ab_div,
div#oec_div,
div#pmc_div,
div#pd_div
{
	clear: left;

	width: 636px;
	margin: 30px 0px 30px 4px;
	padding: 10px;
	border: 1px solid #555;

}

div#student_registration_select_courses input#submit_button
{
	clear: left;
}

div.co_sum {
    text-align: right;
    padding-bottom: 10px;
    width: 640px;
}
/* Course table */

div#cs_div
{
	margin-top: 20px;
	padding-top: 20px;
}

div#cs_div div table { width: auto; border-spacing: 4px;}

div#cs_div table td {
	border: 1px solid #444;
	border-collapse: collapse;
	padding: 3px 6px;
	vertical-align: top;
}

div#cs_div table td input
{
	font-size: 9pt;
	border: 1px solid #000020;

}

div#cs_div table td p.information
{
	margin: 3px 0px;
}

/*****************************
  Payment
******************************/
table.paymentinfo {
    width: 100%;
}
table.paymentinfo tr.break td {
    background-color:#6476C9;
    height: 1px;
}
table.paymentinfo tr.blackbreak td {
    height: 1px;
    background-color: #000000;
}
table.paymentinfo tr.graybreak td {
    height: 1px;
    background-color: gray;
}
table.paymentinfo td.amount {
    width: 100px;
}
table.paymentinfo td.time, table.paymentinfo td.text {
    width: 150px;
}
table.paymentinfo td.text {
    font-weight: bold;
}
table.paymentinfo td.topic {
    font-weight: bold;
    font-size: 12px;
    text-align: left;
}
table.paymentinfo tr.balance td {
    font-weight: bold;
}

table.paymenttype_info td.price {
    font-size: 11px;
    width: 150px;
}
span.price {
    font-weight: bold;
}
span.fee_info {
    font-size: 11px;
}
div.floater {
    /*position: relative;*/
    float:left;
    padding-right: 5px;    
    width: 100px;
    overflow: hidden;
}

div.print_link {
    clear: both;
    text-align: right;
}

table.payment_submit, table.accomodation_submit {
    border-spacing: 0px;
    width: 650px;
}
table.payment_submit td.left, table.accomodation_submit td.left {
    text-align: left;
    width: 300px;
}
table.payment_submit td.right, table.accomodation_submit td.right {
    text-align: right;
}

/**********************************
       payment success
**********************************/
div#email_status {
    text-align: center;
    clear: both;
}
div.email_status {
    text-align: center;
    margin: 0 auto;
}

/********************************
		accommodation booking
********************************/
table.orders {
    width: 100%;
}
td.form_td {
    width: 0px;
    height: 0px;
    display: none;
}


input.ordertable_textbox {
    width: 80px;
    font-size: 10px;
}

td.orderprice_sumtext {
    text-align: right;
    font-weight: normal;
}
tr.orderprice td {
    padding-top: 10px;
}
/*div#acc_info {
    clear: both;
    border-top: 1px solid gray;
}*/
td.price_summary {
    border-top: 1px solid black;
}

div.acc_discount {
    display: none;
}

div.date-holder {
    clear: both;
}

a.add_order {
    font-size: 14px;
    font-weight: bold
}

div.acc_totalsum {
    margin-top: 20px;
    text-align: right;
    width: 645px;
}

div#acc_select {
    clear: both;
}

div.acc_left {
    float: left;
    width: 45%;
    width: 45%;
}

div.acc_right {
    float: right;
    width: 45%;
}

div#acc_dates {
    clear: both;
}

div#acc_unbookable {
    clear: both;
}

div#acc_righttop {
    
}

div.add_acc {
    text-align: right;
    height: 20px;
}

span.acc_share_info {
    display: none;
}

div.acc_info_picture {
    height: 100px;
    border: 1px solid black;
}

div.acc_info_no_nights {
    clear: both;
}

div#acc_share {
    clear: both;
}

div.acc_info {
    clear: both;
}
div.acc_info_dates {
    clear: both;
}

div.acc_info_price {
    clear: both;
}

div.acc_info_book {
    /*top: 250px;*/
    text-align: left;
    bottom: 0px;    
    clear: both;
}

div.cleared {
    clear: both;
}

div#acc_orders {
    clear: both;
}

a.acc_cancel {
    
}

/* Where user inputs an existing code */
div#ab_input_code_div { margin: 10px 0px; }




/*#ab_use_code_div,
#ab_choose_room_types_div,
#ab_create_code_div,
#ab_not_sharing_div
{
	padding: 3px;
	margin-top: 10px;
	border-top: 1px solid #ffffff;
}

*/
/* Night chooser */
div#ab_div table.night_chooser
{
	border-collapse: collapse;
}

div#ab_div table.night_chooser td {
	border: 1px solid #ccc;
	border-collapse: collapse;
	text-align: center;
}


/* Date in top row of night chooser*/
tr.night_chooser_top_row {}


/* Share room div */
/* "Share rom with a friend" */
/*div#ab_create_code_title_div { font-weight: bold; margin-bottom: 10px;}*/
/* Not sharing checkboxes */

/* Extra options */
/*div#oec_div div { margin-top: 10px;}
table#oec_optional_activities_table td input{ margin-left: 10px;}
table#oec_optional_extras_table td input{ margin-left: 10px;}
div#oec_div table td { border: 1px solid #555; padding: 5px;}
*/

/* Colorschemes for selected, Opened, Cancelled and decancelled extra options */
/*div#oec_div table td.oec_selected { background: url('../images/course_form_selected.jpg') 0% 0% repeat-x #fffa45; }
div#oec_div table td.oec_deselected { background: url('../images/course_form_opened.jpg') 0% 0% repeat-x #95a545; }
div#oec_div table td.oec_decancelled { background: url('../images/course_form_booked.jpg') 0% 0% repeat-x #8bc8fd;}
div#oec_div table td.oec_cancelled { background: url('../images/course_form_cancelled.jpg') 0% 0% repeat-x #be77ba;}
*/

/* Sets a larger font-size on the "Total Price" text */
/*div#pd_div {font-size: 1.4em;}
span#pd_price_span { color: #95a545;}
*/
/*******************************/
/*        Booking overview/summary-element      */
/*******************************/
table.booking_summary {
    border: 0px solid black;
    width: 100%;
    margin-top: 15px;
}
tr.summary_table_small_topic td {
    font-size: 9px;
}

table.booking_summary td.dates {
    /*background-color:teal;*/
}

table.booking_summary tr.break td {
    text-align: center;
    background-color: #6476C9;
}

table.booking_summary td.big_topic {
    font-size: 16px;
    font-weight: bold;
    text-align: center; 
}

table.booking_summary td.small_topic {
    font-size: 15px;
    font-weight: bold;
}

table.booking_summary td.price {
    text-align: right;
}

table.booking_summary tr.total {
    padding-top: 10px;
}

table.booking_summary tr.total td {
    font-size: 15px;
    font-weight: bold;
}




/********************************
			Payment
********************************/

/* iframe Payment */
div#payment iframe#dibs_payment {
	width: 500px;
	margin-top: 20px;
	background: url('../images/bg_content.jpg') 0% 0% #567;
	border: 0px solid #ccc;
}

div#order_info h3, div#terms_and_conditions {margin-top: 10px; width: 300px; padding-top: 10px; border-top: 1px solid white;}

p span.price { font-size: 1.3em; color: #95a545;}



/********************************
			Other
********************************/

/* Printer icon */
/*p.print_view {  font-size: 1.2em;  }
p.print_view img { vertical-align: middle; margin-left: 5px;}
/*

/********************************
			Front page
********************************/
table#front_page_main
{
	width: 950px;
	width: 950px;
	height: 550px;
	margin: 0 auto;
	margin-top: 50px;
}


div#front_page_login,
div#front_page_new_user,
div#front_page_continue
{
	height: 350px;
	width: 350px;
}

div#front_page_login,
div#front_page_continue
{
	float: right;
	margin-top:25px;
	margin-right:0px;
}

div#front_page_new_user
{
	float: left;
	margin-left: 0px;
	margin-top: 25px;
}



div#front_page_login h2,
div#front_page_new_user h2,
div#front_page_continue h2
{
	font-family: Times New Roman;
	font-size: 20pt;
	font-weight: 200;
	color: #000000;
	margin: 15px;
}

div#front_page_login p,
div#front_page_new_user p,
div#front_page_continue p
{
	margin: 7px;
}

div#front_page_new_user a#new_user_link_not_logged_in
{
	display: block;
	margin: 20px auto;
	width: 160px;
	height: 34px;
	background-image: url("../images/box-create.png");
}

div#front_page_new_user a#new_user_link_logged_in
{
	display: block;
	margin: 20px auto;
	width: 77px;
	height: 34px;
	background-image: url("../images/box-logout.png");
}

div#front_page_new_user a#new_user_link_not_logged_in:hover,
div#front_page_new_user a#new_user_link_logged_in:hover
{
	background-position: 0px -34px;
}

div#front_page_login td.form_label
{
	text-align: left;
}

a#front_page_continue_link
{
	display: block;
	background-image: url("../images/box-continue-double.png");
	width: 90px;
	height: 34px;
	margin: 5px auto;
}

a#front_page_continue_link:hover
{
	background-position: 0px -34px;
}



/********************************
			Login box
********************************/
div.center_text {
    clear: both;
    text-align: center;
}
p.error {
    color: red;
}

table.login_box
{
	margin: 0 auto;
}

table.login_box td
{
	padding: 2px;
}
table.login_box td.forgot {
    text-align: right;
}
table.login_box input.text
{
	border: 1px solid #000080;
}

table.login_box td
{
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 10pt;
	color: #000080;
	margin: 2px;
	font-weight: bold;
}

table.login_box td.form_label
{
	text-align: left;
}

table.login_box td.form_input
{
	text-align: left;
    vertical-align: top;
}

/********************************
			Message redirect
********************************/



/********************************
		Forgot password form
********************************/
#forgot_password_form p
{
	margin-top: -10px;
	margin-bottom: 0px;

}

#forgot_password_form input.image
{
	position:relative;
	top: 10px
}



/***********************************
       Booking information
***********************************/

table.booking_breakdown td
{
	padding: 2px;
}

td.booking_breakdown_type
{
	width: 80px;
}

td.booking_breakdown_name
{
	width: 220px;
}

td.booking_breakdown_date
{
	width: 170px;
}

td.booking_breakdown_price
{
	width: 100px;
}

td.booking_breakdown_header
{
	background-color: #ABABF2;
	height: 30px;
	font-size: 11pt;
	text-indent: 20px;
}

tr.booking_information_breakdown_total td
{
	background-color: #ABABF2;
	padding: 3px;
	font-size: 11pt;
}

tr.booking_information_breakdown_total td.booking_breakdown_type
{
	text-indent: 3px;
}

tr.booking_information_breakdown_booked
{
	background-color: #D3F299;
}

tr.booking_information_breakdown_debooked
{
	background-color: #FEAEAE;
}

div#order_info p.created_sharing_code,
div#order_info p.used_sharing_code
{
	width: 400px;
	padding: 10px;
}

div#order_info p.deleted_sharing_code
{
	width: 400px;
	padding: 10px;
}


table.booking_information td.label
{
	background-color: #ABABF2;
}

table.booking_information td.data
{
	background-color: #D3F299;
}

table.payment_schedule td.payment_due_date
{
	width: 100px;
}

table.payment_schedule td.payment_amount
{
	width: 100px;
}

table.payment_schedule td.payment_remarks
{
	width: 400px;
}

table.payment_schedule thead td
{
	background-color: #ABABF2;
	padding: 3px;
}

table.payment_schedule tbody td
{
	background-color: #D3F299;
	padding: 3px;
}


/***********************************
       Single booking
***********************************/

table.booking_details td
{
	padding: 2px;
}

table.booking_details td.name
{
	width: 200px;
}

table.booking_details td.date
{
	width: 200px;
}

table.booking_details td.price
{
	width: 100px;
}

table.booking_details tr.header_row td
{
	background-color: #ABABF2;
	height: 30px;
	font-size: 11pt;
	text-indent: 20px;
}

table.booking_details tr.item td
{
	background-color: #D3F299;
}

table.booking_details tr.subtotal td
{
	background-color: #ABABF2;
}

table.booking_payments td.amount
{
	width: 150px;
}

table.booking_payments td.date
{
	width: 150px;
}

table.booking_payments tr.header_row td
{
	background-color: #ABABF2;
	height: 30px;
	font-size: 11pt;
	text-indent: 20px;
}

table.booking_payments tr.labels_row td
{
	background-color: #ABABF2;
}

table.booking_payments tr.item td
{
	background-color: #D3F299;
}


tr.booking_information_breakdown_total td
{
	background-color: #ABABF2;
	padding: 3px;
	font-size: 11pt;
}

tr.booking_information_breakdown_total td.booking_breakdown_type
{
	text-indent: 3px;
}

tr.booking_information_breakdown_booked
{
	background-color: #D3F299;
}

tr.booking_information_breakdown_debooked
{
	background-color: #FEAEAE;
}

div#order_info p.created_sharing_code,
div#order_info p.used_sharing_code
{
	width: 400px;
	padding: 10px;
}

div#order_info p.deleted_sharing_code
{
	width: 400px;
	padding: 10px;
}


table.booking_information td.label
{
	background-color: #ABABF2;
}

table.booking_information td.data
{
	background-color: #D3F299;
}

table.payment_schedule td.payment_due_date
{
	width: 100px;
}

table.payment_schedule td.payment_amount
{
	width: 100px;
}

table.payment_schedule td.payment_remarks
{
	width: 400px;
}

table.payment_schedule thead td
{
	background-color: #ABABF2;
	padding: 3px;
}

table.payment_schedule tbody td
{
	background-color: #D3F299;
	padding: 3px;
}

/****** CAKE Formatting ***********/
div#authMessage {
    color: red;
}
/*********** Users ***************/
div.right_link {
    float: right;
    clear: both;
}
#personal_info_form table.forme {
    clear: both;
    width: 90%;
    border-spacing: 8px;
}

#personal_info_form fieldset.light {
    border-width: 0px;
    clear: both;
    width: 500px;
    text-align: right;
}

/* Select course */
select#OcclistOccasion  {
	margin-bottom: 10px;
}


/** Buttons **/
div.link_button {
    width: 94px;
    height: 33px;
    overflow: hidden;
    cursor: pointer;
}
div.link_button:hover input, div.link_button:hover img{
    margin-top:-33px;
}

div.link_right {
    position:relative;
    float: right;
    clear: both;
}
div.link_login {
    width: 80px;
    text-align: right;
}

/* ********************
*** Bookings ******
**********************/
table.my_bookings, table.bookings, table.programs {
    width: 100%;
    font-size: 11px;
}
table.my_bookings td, table.bookings td, table.programs td{
    padding-right: 10px;
    border-bottom: 1px dotted gray;
}
table.my_bookings tr.header, table.bookings tr.header, table.programs tr.header{
    border-bottom: 1px solid gray;
    background-color: lightgray;
}

/*Existing user*/

div.existing_login {
	float: right;
	}

div.existing_login_button {
	float: right;
	}

/** 090702 Mackan **/
div.booking_printview {
    width: 600px;
    text-align: left;
}

span.reginfo {
    color: black;
}

div#flashMessage, div.personal_info_error_info {
    margin: 5px;
    clear: both;
    border: 1px dotted gray;
    padding-left: 40px;
    background-image: url('../img/flash_msg.jpg');
    background-repeat:no-repeat;
    background-position:left center;
    min-height: 40px;
    background-color: #F1F6CB;
}
span.info {
    color:gray;
}
/*********** HELP ****************/
div.help_container {
    text-align: left;
    width: 300px;
    overflow: auto;
}