﻿body
{
	font-family: Tahoma;
	font-size: 8pt;
	color: #666666;
}


/*------------------------------*/
/* Bookings Styles				*/
/*------------------------------*/
.bd-BookingDetails
{
	border: solid 1px #cccccc;
}

.bd-PaymentDetails
{
	border: none;
}

.bd-topLeft
{
	float: left;
	border: solid 1px #cccccc;
	width: 48%;
}

.bd-tableleft
{
	border: solid 1px #cccccc;
}

.bd-textlevel
{
	color: #444444;
	font-family: tahoma;
	font-size: 8pt;
	vertical-align: middle;
}


@media screen
{

	.bd-viewcredit-small
	{
		background-image: url(images/searchresultsbg.gif);
		background-repeat: repeat-x;
		background-color: #E4E4E4;
		border-bottom-style: outset;
		border-bottom-width: 1px;
		border-left-style: outset;
		border-left-width: 1px;
		border-right-style: outset;
		border-right-width: 1px;
		border-top-style: outset;
		border-top-width: 1px;
		cursor: pointer;
		font-size: 11pt;
		height: 40px;
		padding-bottom: 4px;
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 4px;
		width: 265px;
	}	
	
	
}

@media screen
{
	.bd-viewcredit
	{
		background-image: url(images/searchresultsbg.gif);
		background-repeat: repeat-x;
		background-color: #E4E4E4;
		border-bottom-style: outset;
		border-bottom-width: 2px;
		border-left-style: outset;
		border-left-width: 2px;
		border-right-style: outset;
		border-right-width: 2px;
		border-top-style: outset;
		border-top-width: 2px;
		cursor: pointer;
		font-size: 11pt;
		height: 60px;
		padding-bottom: 6px;
		padding-left: 6px;
		padding-right: 6px;
		padding-top: 6px;
		width: 265px;
	}
}
@media print
{
	.bd-viewcredit
	{
		display: none;
	}
}


.bdtest
{
	background-image: url(images/searchresultsbg.gif);
	background-repeat: repeat-x;
	border: outset 2px #cccccc;
	padding: 2px 2px 2px 2px;
	background-color: #e4e4e4;
	width: 265px;
	height: 70px;
	cursor: pointer;
}

@media screen
{
	.bd-print
	{
		background-image: url(images/searchresultsbg.gif);
		background-repeat: repeat-x;
		background-color: #E4E4E4;
		border-bottom-style: outset;
		border-bottom-width: 2px;
		border-left-style: outset;
		border-left-width: 2px;
		border-right-style: outset;
		border-right-width: 2px;
		border-top-style: outset;
		border-top-width: 2px;
		cursor: pointer;
		font-size: 11pt;
		padding: 6px;
	}
}

@media print
{
	.bd-print
	{
		display: none;
	}
}

.bd-pagerItemStyle
{
	padding-left: 3px;
	padding-right: 3px;
}
.bd-pagerstyle
{
	text-align: center;
	margin: 0 auto 0 auto;
	height: 30px;
	background: #E4E4E4 url(images/table-header-bg.gif) repeat-x scroll 0%;
}



.bd-bookingname
{
	color: #f8941c;
	font-family: tahoma;
	font-size: 13pt;
	font-weight: bold;
}

.bd-extraHeading
{
	background: #E4E4E4 url(images/table-header-bg.gif) repeat-x scroll 0%;
	color: #777777;
	font-family: tahoma;
	font-size: 8pt;
	font-weight: bold;
	height: 20px;
	padding: 5px 0px 5px 0px;
	vertical-align: bottom;
	border: solid 1px #cccccc;
	width: 100%;
}

.bd-extraHeading textBlock
{
	height: 20px;
	width: 45%;
	text-align: left;
}

.bd-detail-row-left
{
	width: 40%;
	text-align: left;
	padding-left: 5px;
	height: 23px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	border-spacing: 0px;
}
.bd-detail-row-right
{
	width: 60%;
	text-align: left;
	padding-left: 5px;
	height: 23px;
	border-spacing: 0px;
	border-bottom: solid 1px #cccccc;
}

.bd-bookingheadercontainer
{

	padding-top: 50px; width: 100%; height: auto;
	
}

.bd-innercontleft
{

	float: left;
	width: 99%;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none; 
	border-bottom-style: none;
	height: 100%;
	
}

.bd-innercontright
{

	float: right;
	width: 99%;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none; 
	border-bottom-style: none;
	height: 100%;
	
	
}

.bd-imgButton
{
	cursor: pointer;
}

.bd-dataListtable
{
	width:100%;
}

.bd-bookingheader
{
	background: #E4E4E4 url(images/table-header-bg.gif) repeat-x scroll 0%;
	color: #777777;
	font-family: tahoma;
	font-size: 8pt;
	font-weight: bold;
	height: 20px;
	padding: 5px;
}

.bg-bookinglist
{
	width: 100%; text-align: right; padding: 5px 10px 5px 5px;
}

.bd-customerheader
{
	background: #E4E4E4 url(images/table-header-bg.gif) repeat-x scroll 0%;
	color: #777777;
	font-family: tahoma;
	font-size: 8pt;
	font-weight: bold;
	height: 20px;
	padding: 5px;
}

a.bd-link, a.bd-link:link, a.bd-link:visited
{
	color: #228DC3;
	font-family: tahoma;
	font-size: 8pt;
	text-decoration: underline;
	cursor: hand;
	padding-left: 3px;
	padding-right: 3px;
}

a .bd-pagerstyle
{
	cursor: hand;
	padding-left: 5px;
	padding-right: 5px;
	background: #E4E4E4 url(images/table-header-bg.gif) repeat-x scroll 0%;
	color: #777777;
	font-family: tahoma;
	font-size: 8pt;
	font-weight: bold;
	height: 25px;
	padding: 5px;
	vertical-align: bottom;
}


input .bd-pagerstyle
{
	color: #228DC3;
	font-family: tahoma;
	font-size: 8pt;
	text-decoration: underline;
	cursor: hand;
	margin: 0 5px 0 5px;
}


img .bd-pagerstyle
{
	color: #228DC3;
	font-family: tahoma;
	font-size: 8pt;
	text-decoration: underline;
	cursor: hand;
	padding-left: 3px;
	padding-right: 3px;
}

span .bd-pagerstyle
{
	padding-left: 500px;
}


/*------------------------------*/
/* END Bookings Styles			*/
/*------------------------------*/


/*------------------------------*/
/* Image Gallery				*/
/*------------------------------*/

.ig-container
{
	height: 100%;
}

a.ig-link, a.ig-link:link, a.ig-link:visited
{
	color: #228DC3;
	font-family: tahoma;
	font-size: 8pt;
	text-decoration: underline;
	cursor: hand;
}
.ig-inner
{
	width: 630px;
	height: 700px;
	background-color: #FFFFFF;
}
.ig-step1
{
	background-color: #EDEDED;
	height: 100px;
	padding: 10px 10px 10px 10px;
}
.ig-step2
{
	background-color: #EDEDED;
	height: 330px;
	padding: 10px 10px 10px 10px;
}
.ig-step2 .content
{
	text-align: center;
	padding: 10px 10px 10px 10px;
}
.ig-step2 .content .imagecontainer
{
	text-align: center;
	float: left;
	padding-left: 140px;
}
.ig-step2 .content .tools
{
	font-size: xx-small;
	text-align: center;
	margin-left: 25px;
}
.ig-step2 .content .tools .group
{
	padding-top: 10px;
}
.ig-step2 .list
{
	font-size: xx-small;
}
.ig-step3
{
	background-color: #EDEDED;
	height: 100px;
	padding: 10px 10px 10px 10px;
}
.ig-step4
{
	background-color: #EDEDED;
	height: 100px;
	padding: 10px 10px 10px 10px;
}
.ig-header
{
	float: left;
	padding-left: 30px;
	padding-right: 30px;
	font-family: impact;
}

.ig-imgBlock
{
	border-bottom-color: #ACDEF3;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #ACDEF3;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #ACDEF3;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #ACDEF3;
	border-top-style: solid;
	border-top-width: 1px;
	width: 180px;
	text-align: center;
	height: 275px;
	margin: 0 auto 0 auto;
}

.ig-imgBlock .ig-firstTitle
{
	color: #228DC3;
	font-weight: bold;
	font-size: 8pt;
}

.ig-imgBlock .ig-options
{
	text-align: center;
	padding-top: 15px;
	font-size: 8pt;
}

.ig-imgBlock .ig-header
{
	height: 30px;
	padding-top: 10px;
	text-align: center;
}

.ig-imgBlock .ig-image
{
	vertical-align: bottom;
	text-align: center;
	padding-top: 8px;
}

.ig-imgBlock .ig-image .ig-imgBorder
{
	border: solid 3px white;
	width: 100px;
	height: 100px;
	text-align: center;
	margin: 0 auto 0 auto;
	cursor: hand;
}

.ig-imgBlock .ig-image .ig-imgGray
{
	border: solid 1px #cccccc;
	width: 110px;
	height: 107px;
	text-align: center;
	margin: 0 -2px -2px 0;
}

.ig-imgBlock .ig-descriptions
{
	padding-top: 25px;
}

.ig-imgBlock .ig-descriptions .ig-alert
{
	color: #666666;
	font-family: tahoma;
	font-size: 6.5pt;
	text-decoration: none;
}

.ig-imgBlock .ig-descriptions .ig-bodytext
{
	color: #666666;
	font-family: tahoma;
	font-size: 8pt;
	font-weight: bold;
}

.ig-imgBlock .ig-options .ig-divider
{
	padding-top: 25px;
	border: medium none;
	padding-left: 5px;
	padding-right: 5px;
}

.ig-imgBlock .ig-ordering
{
	vertical-align: middle;
	margin-bottom: 8px;
	margin-top: 15px;
	font-size: 8pt;
	padding-bottom: 5px;
}

.ig-imgBlock .ig-ordering .ig-imgForward
{
	border: medium none;
	padding-left: 5px;
}

.ig-imgBlock .ig-ordering .ig-imgBack
{
	border: medium none;
	padding-right: 5px;
}

.ig-sectiontitle
{
	color: #F57F1F;
	font-family: tahoma;
	font-size: 9pt;
	font-weight: bold;
}

.ig-button
{
	color: #444444;
	cursor: pointer;
	font-family: tahoma;
	font-size: 8pt;
	height: 22px;
}

.ig-stepnoblue
{
	color: #B7E1F3;
	font-family: impact,arial;
	font-size: 35pt;
	line-height: 0.8;
}

.ig-stepnoorange
{
	color: #F8CD9B;
	font-family: impact,arial;
	font-size: 35pt;
	line-height: 0.8;
}

.ig-arrowdownbluetoorange
{
	background-color: #F8DBB9;
	background-image: url(images/arrowdown-bluetoorange.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.ig-arrowdownorangetoblue
{
	background-color: #D8EBF3;
	background-image: url(images/arrowdown-orangetoblue.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.ig-tablestyle
{
	height: auto;
	width: 100%;
	margin: 0 auto 0 auto;
}

.ig-clear
{
	clear:both;
}

.ig-textright
{
	text-align:right
}

.ig-sectioncontainer
{
	padding-left: 10px;
	padding-right: 10px;
	
}

.ig-galleryblock
{
	height: auto;
	width: auto;
}

.ig-galleryblock .tablestyle
{
	height: auto;
	width: 100%;
	
}

.ig-footer
{
	float: right;
	padding-right: 10px;
	margin-bottom: 1px;
}




/*---------------------*/
/* Image Popup         */
/*---------------------*/


.igp-container
{
	height: 700px;
	width: 630px;
	text-align: center;
	margin: 0 auto 0 auto;
	position: relative;
	padding: 10px 10px 10px 10px;
}
.igp-inner
{
	width: 588px;
	height: auto;
	padding: 5px 5px 5px 5px;
	border: solid 3px lightgrey;
}
.igp-inner .innercontainer
{
	height: auto;
	width: 580px;
	background-color: #ffffff;
	text-align: center;
	margin: 0 auto 0 auto;
	position: relative;
}
.igp-inner .innercontainer .content
{
	font-size: 8pt;
}
.igp-step1
{
	background-color: #D8EBF3;
}
.igp-step1 .content
{
	padding-top: 15px;
	padding-bottom: 20px;
	text-align: left;
	padding-left: 50px;
	height: 80px;
}
.igp-step2
{
	background-color: #F8DBB9;
}
.igp-step2 .content
{
	padding-top: 15px;
	padding-bottom: 20px;
	text-align: left;
	padding-left: 150px;
	height: 100px;
}
.igp-step2 .list
{
	font-size: 8pt;
}
.igp-step3
{
	background-color: #D8EBF3;
}
.igp-step3 .content
{
	padding-top: 15px;
	padding-bottom: 20px;
	text-align: left;
	padding-left: 150px;
	height: 150px;
}
.igp-step4
{
	background-color: #F8DBB9;
}
.igp-step4 .content
{
	padding-top: 15px;
	text-align: left;
	padding-left: 150px;
	height: 100px;
}
.igp-header
{
	float: left;
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 15px;
}
.igp-imageStep
{
	background-color: #F8DBB9;
	height: 345px;
	width: auto;
	margin: 0 auto 0 auto;
}
.igp-imageStep .igp-content
{
	text-align: center;
	margin: 0 auto 0 auto;
	position: relative;
}

.igp-stepnoblue
{
	color: #B7E1F3;
	font-family: impact,arial;
	font-size: 35pt;
	line-height: 0.8;
}

.igp-stepnoorange
{
	color: #F8CD9B;
	font-family: impact,arial;
	font-size: 35pt;
	line-height: 0.8;
}

.igp-arrowdownbluetoorange
{
	background-color: #F8DBB9;
	background-image: url(images/arrow-bluetoorange.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.igp-arrowdownorangetoblue
{
	background-color: #D8EBF3;
	background-image: url(images/arrow-orangetoblue.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.igp-button
{
	color: #444444;
	cursor: pointer;
	font-family: tahoma;
	font-size: 8pt;
	height: 22px;
}
/*---------------------*/
/* End Image Popup     */
/*---------------------*/


/*---------------------*/
/* View Bookings
/*---------------------*/



.vb-toolbar
{
	vertical-align: bottom;
	border: solid 1px #cccccc;
	height: 46px;
	background-color: #eef4f6;
	
}

.vb-toolbar .tabStart
{
	float: left;
	vertical-align: middle;
	background-color: #75bad9;
	height: 100%;
	padding-left: 7px;
	color: #ffffff;
	font-weight: bold;

}

.vb-toolbar .container
{
	vertical-align: bottom;

}

.vb-toolbar .container .tab
{
	float: left;
	text-align: left;
	background-color: #eef4f6;
	height: 90%;
	padding-top: 3px;
	padding-left: 2px;

	width:auto;
}

.vb-toolbar .container .toplevel-tab
{
	float: left;
	text-align: left;
	height: 46px;
	width: 2%;
	background: url(images/arrow-blue.gif) no-repeat;
		
}


/*---------------------*/
/* Modal Popup
/*---------------------*/
.modalPopup {
	background-color:#ffffdd;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}
.modalPopUpHeader
{
	/*cursor: move; */
	background-color:#ffffdd;
	/*border:solid 1px Gray;*/
	padding:3px 3px 3px 3px;
	font-weight:bold;
	color:#f8941c;
}
