/*******************************************************************************************************

                                      MAIN CSS Document for i-Reserve
                                       copyright Teqa Webdiensten

         *** document containing all necessary settings for a quick basic implementation ***


********************************************************************************************************/


/************************************************************************************************************************************************
COLOR SETTINGS by using CSS Constants
note: only working for values present in the css file where the constants are definied!
*************************************************************************************************************************************************/
/*-----------------------------
(just a overview for reference)

COLORS BASIC STYLE 																							<--> CORRESPONDING CSS CONSTANT NAMES 

#728492																										<--> $Color01CommonTxt
- common textcolor
- textcolor formfields
- floater textcolor	(.floater)
- floater bordercolor	(.floater)
- already selected boxes combipage textcolor (.combibooking)
- already selected boxes combipage bordercolor (.combibooking)
- combi calendar combo bordercolor (.combo)
- combi calendar combo textcolor (.combo)
- combi calendar combo hilite textcolor (.combo .hilite)
- combi calendar tablehead title and button active textcolor (.active)
- backgroundcolor formfields on focus (hover in IE)

#7c8389																										<--> $Color02TableHeadBackground
- tableheadings background
- combi calendar tablehead title and button backgroundcolor	 (.title / .button)
- combi calendar tablecell hilite backgroundcolor (td.hilite)
- combi calendar combo active backgroundcolor (.combo .active)
- tableborder
- combi calendar tablebordercolor
- bordercolor confirm booking box (.confirm_booking)
- backgroundcolor header confirm booking box (.confirm_booking_header)
- buttons backgroundcolor (hover state)
- buttons bordercolor (hover state)
- input form buttons backgroundcolor (hover state, button_main)
- input form buttons bordercolor (hover state, button_main)
- input form buttons backgroundcolor (hover state, button_lite)
- input form buttons bordercolor (hover state, button_lite)
- quick booking but backgroundcolor (hover state, enabled)
- quick booking but bordercolor (hover state, enabled)
- shopcart snippet already selected intro textcolor (#shopcart_already_selected p)
- loose_combi already selected intro textcolor (#combiloose_already_selected p)
- loose_combi bordercolor already selected boxes (.combiloose_booking)
- loose_combi backgroundcolor header already selected boxes (.combiloose_booking_header)
- loose_combi textcolor productname in already selected boxes (.combiloose_booking .headercolor)


#ffffff																										<--> $Color03TableHeadText 
- tableheadings text
- tablecell (containing subheaders) textcolor (.tdcat /.tdcatXXX / .tdday /.tdSubheadViewbooking)
- combi calendar tablehead title and button textcolor (.title / .button)
- combi calendar tablehead title and button hilite bordercolor (.hilite)
- combi calendar tablehead title and button active backgroundcolor (.active)
- combi calendar tablehead day AND tablefoot textcolor (.name / .weekend / .ttip)
- combi calendar tablecell hilite textcolor (td.hilite)
- combi calendar combo backgroundcolor (.combo)d
- combi calendar combo active textcolor (.combo .active)
- textcolor header confirm booking box (.confirm_booking_header)
- tablecell (containg calendar navigation) textcolor (.tdcal_nav)
- buttons textcolor (normal state), also for a.button
- input form buttons textcolor (normal state, button_main)
- input form buttons textcolor (normal state, button_lite)
- buttons textcolor (hover state), also for a.button
- input form buttons textcolor (hover state, button_main)
- input form buttons textcolor (hover state, button_lite)
- textcolor formfields on focus	(hover in IE)
- quick booking but textcolor (normal state, enabled)
- quick booking but textcolor (hover state, enabled)
- quick booking but textcolor (normal state, disabled)
- loose_combi textcolor header already selected boxes (.combiloose_booking_header)
	

#6a7c8a																										<--> $Color04PageHeaderText 
- pageheader text (.page_header)
- bordercolor book-, gift-, paynow buttons (hover state)
- textcolor book-, gift-, paynow buttons (hover state)
- backgroundcolor a.button (hover state)
- common hovered linkcolor
- common active linkcolor
- class GEN hovered linkcolor (a.gen:hover, a.genmed:hover, a.gensmall:hover)
- normal and visited bookinglinkcolor (linked bookingnumbers in Viewbookingtable - former: .forumlink!)
- hovered bookinglinkcolor	(linked bookingnumbers in Viewbookingtable - former: .forumlink!)
- footermenu hovered linkcolor
- copyright and admin hovered linkcolor
- normal and visited linkcolor in linksblocks (.shortdesc a, .shortdesc a:visited)
- hovered linkcolor in linksblocks (.shortdesc a:hovered)
- normal and visited linkcolor in linksblocks (a.shortdetail, a.shortdetail:visited)
- hovered linkcolor in linksblocks (a.shortdetail:hovered)
- textcolor in shortdesc class div (div.shortdesc), used for no-linked header
- textcolor hintbox (.hint)
- bordercolor hintbox (.hint)


#bcc7cd																										<--> $Color05CommonLink
- linkcolor
- visited linkcolor
- class GEN linkcolor (a.gen, a.genmed, a.gensmall)
- class GEN visited linkcolor (a.gen:visited, a.genmed:visited, a.gensmall:visted)
- bordercolor form fieldset
- bordercolor form legend
- textcolor form legend
- bordercolor jumpboxes	(also used for infoboxes!)
- textcolor jumpboxes	(also used for infoboxes!)
- bordercolor for the TH and TD classes of tables on event_product
- bordercolor book-, gift-, paynow buttons (normal state)
- textcolor book-, gift-, paynow buttons (normal state)	
- backgroundcolor a.button (normal state)
- floater backgroundcolor (.floater)
- already selected boxes combipage backgroundcolor (.combibooking)
- combi calendar tablehead title and button bordercolor (.title / .button)
- combi calendar tablehead title and button hilite backgroundcolor (.hilite)
- combi calendar tablehead day AND tablefoot bordercolor (.name / .weekend / .ttip)
- combi calendar rowhilite (rowhilite td / rowhilite td.wn)
- combi calendar tablecell hilite bordercolor (td.hilite)
- combi calendar combo hilite backgroundcolor (.combo .hilite)
- footermenu common textcolor
- copyright common textcolor
- footermenu normal and visited linkcolor
- copyright and admin normal and visited linkcolor
- quick booking but textcolor (hover state, disabled)


#e9ecee																										<--> $Color06TableCellBackground
- tablecell backgroundcolor
- backgroundcolor linkblocks (.link)
- backgroundcolor hintbox (.hint)
- backgroundcolor confirm booking box (.confirm_booking)
- quick booking but backgroundcolor (hover state, disabled)
- quick booking but bordercolor (hover state, disabled)
- loose_combi backgroundcolor already selected boxes (.combiloose_booking)
- backgroundcolor shopcart (#shopcart)


#9eabb4																										 <--> $Color07TableSUBHeadText
- tablecell (containing subheaders) background (.tdcat / .tdcatXXX / .tdday /.tdSubheadViewbooking)
- tablecell (containg calendar navigation) textcolor (.tdcal_nav)
- combi calendar tablehead day AND tablefoot backgroundcolor (.name / .weekend / .ttip)
- buttons backgroundcolor (normal state)
- buttons bordercolor (normal state)
- input form buttons backgroundcolor (normal state, button_main)
- input form buttons bordercolor (normal state, button_main)
- input form buttons backgroundcolor (normal state, button_lite)
- input form buttons bordercolor (normal state, button_lite)
- quick booking but backgroundcolor (normal state, enabled)
- quick booking but bordercolor (normal state, enabled)
- quick booking but backgroundcolor (normal state, disabled)
- quick booking but bordercolor (normal state, disabled)


#96a4ad																										<--> $Color08GenTxtColor
- textcolor GEN classes (.gen, .genmed, .gensmall)
- textcolor VALID class (voucher page)


#666666																										<--> $Color09TableCellClosedTxt
- the textcolor in the calendar and cal_legend incase a period is closed
- combicalendar tablecells textcolor (.disabled)


#ff0000																										<--> $Color10AlertMsgTxt
- textcolor warning message (.wrong)
- combi calendar table selected day textcolor (.selected)


transparent																									<--> $Transparent
- body background
- table background
-----------------------------*/


/*************************************************************************************************
CONSTANTS
change the HEX Values directly beneath for coloradjustment, DON'T CHANGE the TRANSPARENT setting!
**************************************************************************************************

$Transparent='transparent';

$Color01CommonTxt='#09539F';
$Color02TableHeadBackground='#2360A7';
$Color03TableHeadText='#ffffff';
$Color04PageHeaderText='#09539F';
$Color05CommonLink='#58AC25';
$Color06TableCellBackground='#CACFE6';
$Color07TableSUBHeadText='#92a1cd';
$Color08GenTxtColor='#09539F';
$Color09TableCellClosedTxt='#666666';	
$Color10AlertMsgTxt='#ff0000';

*************************************************************************************************/


/************************************************************************************************
COMMON FONT & LINE-HEIGHT SETTINGS, set font-family, font-size (in px or pt) and line-height here!
*************************************************************************************************/
body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10pt;
	line-height:1.4em;
	text-align:center; 	/* don't change the text-align setting! */
	margin:0; 			/* don't change the margin setting! 	*/
	padding:0; 			/* don't change the padding setting!	*/
	}

font,th,td,p,input,textarea, select { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}

.gen { font-size : 0.9em; } 		/* don't change the  gen font-size, only the one in the bodytag!*/
.genmed { font-size : 0.8em; }		/* don't change the  genmed font-size, only the one in the bodytag!*/
.gensmall { font-size : 0.7em; }	/* don't change the  gensmall font-size, only the one in the bodytag!*/

/*********************************************
ABSOLUTE MAIN CONTAINER, set fixed width here!
**********************************************/
#main {
	margin: -20px 16px 20px 16px;
	/*text-align:left;*/
	text-align:center;
	width:760px;
	padding:0;
	background:none;
	}
	

/**************************************************************************************************************************************************************************
COMMON LINK SETTINGS, set text-decoration and, if desired, font-weight etc here!
**********
Attention:
**********
Don't put a font-size value for any class of the GEN linksettings here!
The GEN size settings are defined in the section Common Font & Line-Height Settings above. Normally it shouldn't be necessary to alter these.
***************************************************************************************************************************************************************************/
a:link,a:visited { 
	text-decoration:none; 
	}
	a:hover,a:active { 
		text-decoration: underline; 
		}

a.gen,a.genmed,a.gensmall,
a.gen:visited,a.genmed:visted,a.gensmall:visited { 
	text-decoration: none; 
	}
	a.gen:hover,a.genmed:hover,a.gensmall:hover	{ 
		text-decoration: underline; 
		}

a.bookinglink, a.bookinglink:visited { font-weight: bold; text-decoration: none; } /* these are the linked bookingnumbers in Viewbookingtable */
a.bookinglink:hover{ font-weight: bold; text-decoration: underline; }

a.button, a.button:visited { /* a link buttons such as on the event_product page */
	border-width:0px;
	padding:2px 5px;
	cursor:pointer;
	text-decoration:none!important;
	}
	a.button:hover {
		border-width:0px;
		text-decoration:none!important;
		}


/***************************************************************************************************************************************************
COMMON TABLE SETTINGS, normally no need to change.
If desired you can change font-weight, borderstyle, borderwidth, height here!
**********
Attention:
**********
Don't put a font-size value for TH or TD here!
The font-size settings are defined in the ors_tables.css and normally it won't be necessary to alter these.

You can use ors_tables.css to set specific classes.
****************************************************************************************************************************************************/
table {
	border-width: 1px;
	border-style: solid;	
	}
	th {
		font-weight : bold;
		height: 25px;
		}
		td {
			}


/***************************************************************************************************************************************************
COMMON BUTTON SETTINGS, normally no need to change.
If desired you can change font-weight, borderstyle, borderwidth and if necessary you can put other settings such as text-transform, padding etc here!
To overrule a specific button, see ors_button.css and use the according button ID.
****************************************************************************************************************************************************/
.button {
	font-weight : bold;
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	}
	.button:hover {
		border-style:solid;
		border-width:1px;
		}

input.button_main {
	font-weight : bold;
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	}
	input.button_main:hover {
		border-style:solid;
		border-width:1px;
		}
input.button_lite {
	font-weight : normal;
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	}
	input.button_lite:hover {
		border-style:solid;
		border-width:1px;
		}
	

/**************************************************************************************************************************************************************************
COMMON LAY-OUT SETTINGS, such as common classes for the page-defined main div's, header div's, text div's, intro div's, jumpboxes, linksblocks (the links div and his corresponding classes which are responsible for the display of the productoverview with the available periods and so on, on pages as the indexpage), floater div's (for bookingnumber,giftnumber, clientnumber) etc.
The common lay-out settings also define the footer div with the footermenu, admin and copyrights classes.

**********
ATTENTION:
**********
In most cases there should be no need to alter these common lay-out settings, cause the settings which changed most (the colors) are set in this main document under the section Colorsettings. Other settings as provided, are optimized for most circumstances and should be automatically correct, except maybe the common settings for the pageheader (different font-family, font-size) and the common display of periods, objects, options, locations etc in the linksblocks (pagespecific display of the linksblock
items should be made in the CFG file, see line 68 in ors_lay-out.css!). The mentioned settings are put in this main document for quick adjustment.

In case you need to change other common lay-out settings than colorsettings or the ones present beneath, you'll be able to do so in ors_layout.css!
***************************************************************************************************************************************************************************/
.page_header {
		font-size: 1.3em; 
		font-weight : bold;
		text-align:center;
		background-color: #09539F;
		color:#fff; 
		height: 25px;
		padding: 5px 5px 5px 5px;
		}

.objects { width:28%;}
.periods { width:27%;}
.options { width:29%;}
.locations { width:29%;}
.groups { width:29%;} /*used on franchises*/
.combis { width:29%;} /*used on franchises*/


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/**********************************************************************************************************************************
IMPLEMENTATED CONSTANTS
Free to change a constantname in case the defined color of that constantname isnīt the one you need for that certain setting... 
***********************************************************************************************************************************/

body {
	color:$Color01CommonTxt;	
	background:$Transparent;
	}

.gen,.genmed,.gensmall { color :$Color08GenTxtColor; }
	
a:link { 
	color:$Color05CommonLink; 
	}
	a:visited { 
	color:$Color05CommonLink; 
	}
	a:hover { 
		color:$Color04PageHeaderText; 
		}
	a:active { 
		color:$Color04PageHeaderText; 
		}

a.gen,a.genmed,a.gensmall { 
	color:$Color05CommonLink; 
	}
	a.gen:visited,a.genmed:visted,a.gensmall:visited { 
		color:$Color05CommonLink; 
		}
	a.gen:hover,a.genmed:hover,a.gensmall:hover	{ 
		color:$Color04PageHeaderText;
		}

a.bookinglink, a.bookinglink:visited { color:$Color04PageHeaderText; }
	a.bookinglink:hover{ color:$Color04PageHeaderText; }

a.button, a.button:visited { 
	background-color:$Color05CommonLink;
	color:$Color03TableHeadText!important;
	}
	a.button:hover{ 
	background-color:$Color04PageHeaderText; 
	color:$Color03TableHeadText!important;
	}

table {
	border-color:$Color02TableHeadBackground;
	background:transparant;	
	}		
	th, td.tdheading {
		color:$Color03TableHeadText;
		background-color:$Color02TableHeadBackground;
		}
		td {
			background-color:$Color06TableCellBackground;
			}
			td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom,
			td.tdday,
			td.tdSubheadViewbooking {
				background-color:$Color07TableSUBHeadText;
				color:$Color03TableHeadText;
				}
			td.tdcal_nav {
				background-color:$Color07TableSUBHeadText;
				color:$Color03TableHeadText;
				}
			td.tdclosed {
				color:$Color09TableCellClosedTxt;
				}
			/*addon ireserve style*/
			td.tdnav, td.tdoptions {
				color:#444;
				}
			/*einde addon ireserve style*/
	th.part_title_left, th.part_title_middle, th.part_title_right,
		td.event_left_bordered, td.event_right_bordered, 
		td.part_content_left , td.part_content_middle, td.part_content_right {
			border-color:#d4daf0;
			}
.calendar, .calendar table {
	border-color:$Color02TableHeadBackground!important;
	}
	.calendar thead .title,
	.calendar thead .button {
		color:$Color03TableHeadText!important;
		background-color:$Color02TableHeadBackground!important;			
		border-color:$Color07TableSUBHeadText;
		}
		.calendar thead .hilite {
			background-color:$Color05CommonLink!important;			
			border-color:$Color03TableHeadText!important;
			}
		.calendar thead .active { 
			color:$Color01CommonTxt!important;
			background-color:$Color03TableHeadText!important;
			}
		.calendar thead .name,
		.calendar thead .weekend,
		.calendar tfoot .ttip {
			color:$Color03TableHeadText!important;
			background-color:$Color07TableSUBHeadText!important;
			border-color:$Color06TableCellBackground!important;
			}
			.calendar tbody .disabled {
				color:$Color09TableCellClosedTxt!important;
				}
			.calendar tbody .rowhilite td,
			.calendar tbody .rowhilite td.wn {
				background-color:$Color05CommonLink!important;
				}
			.calendar tbody td.hilite { 
					background-color:$Color02TableHeadBackground!important; 
					color:$Color03TableHeadText!important;
					border-color:$Color05CommonLink!important;
					}
			.calendar tbody td.selected { 
					color:$Color10AlertMsgTxt!important;
					}
					.calendar .combo {
						border-color:$Color01CommonTxt!important;
						background-color:$Color03TableHeadText!important; 
						color:$Color01CommonTxt!important;
						}
						.calendar .combo .hilite {
							background-color:$Color05CommonLink!important; 
							color:$Color01CommonTxt!important;
							}
							.calendar .combo .active {
								background-color:$Color02TableHeadBackground!important; 
								color:$Color03TableHeadText!important;
								}	
			

.button {
	background-color:#09539F;
	color:$Color03TableHeadText;
	border-color:#09539F;
	}
	.button:hover {
		background-color:#58AC25;
		color:$Color03TableHeadText;
		border-color:#58AC25;
		}

input.button_main {
	background-color:#09539F;
	color:$Color03TableHeadText;
	border-color:#09539F;
	}
	input.button_main:hover {
		background-color:#58AC25;
		color:$Color03TableHeadText;
		border-color:#58AC25;
		}
input.button_lite {
	background-color:#09539F;
	color:$Color03TableHeadText;
	border-color:#09539F;
	}
	input.button_lite:hover {
		background-color:#58AC25;
		color:$Color03TableHeadText;
		border-color:#58AC25;
		}

.all_header {
	color:$Color04PageHeaderText;
	}
	
.jumpbox {
	border-color:$Color05CommonLink;
	}
	.jumpbox p.gen {
		color:$Color05CommonLink;
		}

.link {	
	background-color:$Color06TableCellBackground;
	}
	.valid {
		color:$Color08GenTxtColor;
		}
	
a.but_booknow, a.but_booknow:visited, 
a.but_giftnow, a.but_giftnow:visited,
input.but_giftnow,
a.but_paynow, a.but_paynow:visited,
#payment input.sbm_return, #payment input.sbm_return:visited {
	color:$Color04PageHeaderText;								
	border-color:$Color04PageHeaderText;
	}
	a.but_booknow:hover, 
	a.but_giftnow:hover,
	input.but_giftnow:hover,
	a.but_paynow:hover,
	#payment input.sbm_return:hover {
		color:#58AC25;
		border-color:#58AC25;
		}

.q_disabled:hover {
	border-color:$Color06TableCellBackground;
	background-color:$Color06TableCellBackground;
	color:$Color07TableSUBHeadText;
	}
.q_enabled:hover {
	border-color:$Color02TableHeadBackground;
	background-color:$Color02TableHeadBackground;
	color:$Color03TableHeadText;
	}
	a.q_enabled{
		border-color:$Color07TableSUBHeadText;
		background-color:$Color07TableSUBHeadText;
		color:$Color03TableHeadText;
		}
	a.q_disabled{
		border-color:$Color07TableSUBHeadText;
		background-color:$Color07TableSUBHeadText;
		color:$Color03TableHeadText;
		}

.short_desc {
	color:$Color04PageHeaderText;
	}
	.short_desc a, .short_desc a:visited{
		color:$Color04PageHeaderText!important;
		}
		.short_desc a:hover{
			color:$Color04PageHeaderText!important;
			}
	
	a.short_detail, a.short_detail:visited {
		color:$Color04PageHeaderText!important;
		}
		a.short_detail:hover {
			color:$Color04PageHeaderText!important;
			}

fieldset {
	border-color:$Color05CommonLink;
	}
legend {
	border-color:$Color05CommonLink;
	color:#09539F;
	}
	input,textarea, select {
		color:$Color01CommonTxt;
		}	
		input.post, select.post, textarea.post {
			color:$Color01CommonTxt;
			}
			input.post:focus, select.post:focus, textarea.post:focus,
			input.post:hover, textarea.post:hover {
				background-color:$Color01CommonTxt;
				color:$Color03TableHeadText;
				}

fieldset div:hover span.hint { 
	color:$Color04PageHeaderText;
	background-color:$Color06TableCellBackground;
	border-color:$Color04PageHeaderText;
	}

div.floater {
	border-color:#58AC25;
	background-color:#B0BDEC;
	color: $Color01CommonTxt;
	}

div.combibooking {
	border-color:$Color01CommonTxt;
	background-color: $Color05CommonLink;
	color: $Color01CommonTxt;
	}

.confirm_booking { 
	background-color:$Color06TableCellBackground;	
	border-color:$Color02TableHeadBackground;
	}
	.confirm_booking_header  {
		color:$Color03TableHeadText;
		background-color:$Color02TableHeadBackground;
		}
		.confirm_booking .headercolor {
			color:$Color02TableHeadBackground;
			}

#shopcart {
	background-color:$Color06TableCellBackground;
	}
	#shopcart_already_selected p {	
			color:$Color02TableHeadBackground;		
			}

#combiloose_already_selected p {	
		color:$Color02TableHeadBackground;		
		}
.combiloose_booking {
		background-color:$Color06TableCellBackground;
		border-color:$Color02TableHeadBackground;
		}
		.combiloose_booking_header  {
			color:$Color03TableHeadText;
			background-color:$Color02TableHeadBackground;
			}
		.combiloose_booking .headercolor {
			color:$Color02TableHeadBackground;
			}
		
.wrong {
	color:$Color10AlertMsgTxt;
	}

.footermenu {
	color:$Color05CommonLink;
	}
	a.menu_foot, a.menu_foot:visited {
		color:$Color05CommonLink;
		}
		a.menu_foot:hover {
		color:#58AC25;
		}		
.copyright, .admin { color:#09539F; }
	.copyright a, .copyright a:visited, 
	.admin a, .admin a:visited { color:#09539F;}
		.copyright a:hover, 
		.admin a:hover { color:#58AC25;}

	
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/