/* MRM.connect colours CSS file */
/* to change the colour scheme use this file */


/* this style controls the background of the whole page */

body
{

	background-color: rgb(204,204,204);
	background-image: url(../images/lined_background.gif);
	background-repeat: repeat;
	background-position: 0 0;
}



/* ignore this style to get things to work as they should */

div.spacer
{

background-color: rgb(153,153,153);

}


/* the box which holds the booking system design */


#wrapper
{
	border: 1px solid rgb(153,153,153);
}


/* the page header with logo and image */

#header
{
background-color: #ffffff;
}

/* the bar displaying the current site*/

#site
{
background-color: rgb(153,153,153);
border-bottom: 1px solid rgb(153,153,153);
border-top: 1px solid rgb(153,153,153);
}

/* the box from the header down to the footer */

#content
{

	background-color: #FFF;
	background-image: url(../images/content_background.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}


/* same as content but for when there is no navigation */

#fullcontent
{

	background-color: #FFF;
}


/* the following are navigation styles */

#navigation
{
background-color: transparent;
}


/* the box with the username and edit details links */


#userinfo
{
border-bottom: 1px solid rgb(153,153,153);
background-color: transparent;

}

/* as above but when highlighted */

#userinfo-on
{
border-bottom: 1px solid rgb(153,153,153);
background-color: rgb(215,204,234);
}

/* the text column */

#text
{
background-color: transparent;
}


/* styles for the booking progress bar */

 #progressbar
{
border-bottom: 1px solid rgb(153,153,153);
background-color: rgb(215,204,234);
} 



#progressbar li
{
	background-color: transparent;
	color: rgb(153,153,153);
/*	background-image: url(../images/progress-1.gif);
	background-repeat: no-repeat;
	background-position: 0 0; */

}

#progressbar .notdone1
{
color: #000000;
	background-image: url(../images/progress-1-notdone.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#progressbar .notdone2
{
color: #000000;
	background-image: url(../images/progress-2-notdone.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#progressbar .notdone3
{
color: #000000;
	background-image: url(../images/progress-3-notdone.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#progressbar .notdone4
{
color: #000000;
	background-image: url(../images/progress-4-notdone.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#progressbar .notdone5
{
color: #000000;
	background-image: url(../images/progress-5-notdone.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#progressbar .done1
{
color: #000000;
	background-image: url(../images/progress-1-done.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#progressbar .done2
{
color: #000000;
	background-image: url(../images/progress-2-done.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#progressbar .done3
{
color: #000000;
	background-image: url(../images/progress-3-done.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#progressbar .done4
{
color: #000000;
	background-image: url(../images/progress-4-done.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#progressbar .done5
{
color: #000000;
	background-image: url(../images/progress-5-done.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#progressbar .on1
{
color: rgb(56,0,150);
font-weight: bold;
	background-image: url(../images/progress-1-current.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#progressbar .on2
{
color: rgb(56,0,150);
font-weight: bold;
	background-image: url(../images/progress-2-current.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#progressbar .on3
{
color: rgb(56,0,150);
font-weight: bold;
	background-image: url(../images/progress-3-current.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#progressbar .on4
{
color: rgb(56,0,150);
font-weight: bold;
	background-image: url(../images/progress-4-current.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#progressbar .on5
{
color: rgb(56,0,150);
font-weight: bold;
	background-image: url(../images/progress-5-current.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}


/* the processing box while the system is checking for data */

#processing
{
border: 1px solid rgb(56,0,150);
background-color: rgb(235,229,244);
}


/* the footer at the bottom of the page */

#footer
{
background-color: rgb(153,153,153);
}


/* styles for the side navigation buttons */


#navigation li
{
border-bottom: 1px solid rgb(153,153,153);

}

#navigation li a
{
	
	background-color: #ffffff;
	color: rgb(51,51,51);
}


#navigation li a:hover
{
	background-color: rgb(56,0,150);
	color: #ffffff;
}

#navigation li .navon
{
background-color: rgb(56,0,150);
color: #ffffff;
}


#userinfo li a
{
	background-color: #ffffff;
	color: rgb(51,51,51);
	border: none;

}


#userinfo li a:hover
{
	color: rgb(56,0,150);
	background-color: #ffffff;
border: none;

}

#userinfo li .navon
{
background-color: #ffffff;
	color: rgb(51,51,51);
	border: none;


}

#userinfo-on li
{
/* border-bottom: 1px solid rgb(215,204,234); */
border-bottom: 0;
}


#userinfo-on li a
{
background-color: rgb(215,204,234);
	color: rgb(51,51,51);
	border: none;

}


#userinfo-on li a:hover
{
	color: rgb(56,0,150);
background-color: rgb(215,204,234);
border: none;

}

#userinfo-on li .navon
{
font-weight: bold;
background-color: rgb(215,204,234);
	color: rgb(51,51,51);
border: none;

}

/* typography: global styles */


p
{
	color: #000000;
	
}


li, ol
{
color: #000000;
	
}

ul
{
margin-top: 0;
margin-bottom: 8px;
}


h1
{
	color: rgb(56,0,150);

}

h2
{
	color: rgb(56,0,150);
}

h3
{
	color: rgb(56,0,150);
}


h4
{
	color: #000000;

}

/* typography: context specific */


/* text within the user info box */

#userinfo p
{
	color: rgb(51,51,51);

	}
	
	#userinfo-on p
{
	color: rgb(51,51,51);

	}
	

/* misc styles */

.black
{
color: #000000;
}

.unconfirmedbox
{
background-color: rgb(215,204,234);
}


/* table elements */



td {
	color: #000000;
}


.details
{
background-color: rgb(235,229,244);
}


tr.altrow
{
background-color: rgb(215,204,234);
}



td.weekends {
	BACKGROUND-color: rgb(215,204,234);
	color: #000000;
}

td.weekdays {
	BACKGROUND-color: #ffffff;
	color: #000000;
}

td.existing {
	BACKGROUND-color: rgb(56,0,150);
	color: #ffffff;
}

td.existing a {
color: #ffffff;
}

td.days
{
background-color: rgb(56,0,150);
color: #ffffff;
font-weight: bold;
}

td.sat_sun
{
background-color: rgb(56,0,150);
color: #ffffff;
font-weight: bold;
}

table.bdrcolor
{
	border: 1px solid grey;
	background-color: rgb(230,230,230);
}

td.ruled
{
border-bottom: 1px solid #cccccc;
}

tr.headings
{
background-color: rgb(56,0,150);
color: #ffffff;
font-weight: bold;
}

tr.headings td
{
color: #ffffff;
padding: 5px;
}

td.cellpad
{
padding: 3px;
}


td.weekdate{
	color: #ff0000;
	border:1px;
	border-style:solid;
	border-color:#006600;
}


td.date{
	BACKGROUND-color: #FFFFFF;
	color: #000000;
	border:1px;
	border-style:solid;
	border-color:#006600;
}


tr.bookingsrow
{
background-color: red;
}

td.bookings {
background-color: rgb(235,229,244);
	color : #000000;	
border-bottom: 3px solid #ffffff;
}

.errorshading
{
	color: #000000;
}

.errortext
{
	color: #ff0000;
}


td.tableheading {
	color: #FFFFFF;
	BACKGROUND-color: rgb(56,0,150);
}


td.tabledescription {
	color: #000000;
	BACKGROUND-color: #FFFFFF;
}




.today
{
	color: rgb(255, 102, 0);
	border-color: rgb(255, 102, 0);
	border-width: 1px;
	border-style: solid;
}




table.key
{
border: 1px solid #cccccc;
}


/* the log-in form box style */


#formbox
{
border: 1px solid rgb(56,0,150);
background-color: rgb(235,229,244);
}


#formbox p
{
color: #000000;
}





/* box for making another booking */

#anotherbooking
{
border: 1px solid rgb(56,0,150);
background-color: rgb(235,229,244);
}



/* form style, not used much as yet */


label
{
	color: #000000;
}


/* the notes on the payment screen next to the boxes */

.paymentnotes
{
	color: #333;
}



/* links */

a
{
	color: rgb(56,0,150);

}

a:hover
{
color: rgb(51,51,51);
}

#footer a
{
color: rgb(51,51,51);

}

#userinfo a
{
	color: rgb(51,51,51);
border: none;
}


#userinfo-on a
{
	color: rgb(51,51,51);
border: none;

}



#anotherbooking a
{
color: #000000;
}

a .today
{
	text-decoration: none;
	color: rgb(255, 0, 0);
}