/*
======================================================================================================
======================================================================================================
GENERAL
======================================================================================================
======================================================================================================
*/
body 
{
	background-image: url('../images/skiidy-bg-gif_02.gif');
	background-color: #FFCC33;
	padding: 0px 0px;
	margin: 0px 0px;	
}
ul
{
	list-style-type: disc;
		
}
.text
{
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
}
.text-small
{
	font-family: Verdana;
	font-size: 9px;
	color: #666666;
}
.textquote
{
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
	font-style: italic;
}
.textbold
{
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}
.textwhite
{
	font-family: Verdana;
	font-size: 9px;
	color: #CCCCCC;
}
.textblack
{
	font-family: Verdana;
	font-size: 9px;
	color: #000000;
}
.label
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}
.title1
{
	font-family: Verdana;
	font-size: 19px;
	color: #000000;
}
.title1-red
{
	font-family: Verdana;
	font-size: 19px;
	color: red;
}
.title2-red
{
	font-family: Verdana;
	font-size: 15px;
	font-weight: bold;
	color: red;
}
.title3-red
{
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	color: red;
}
.title3white
{
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
}
.title2
{
	font-family: Verdana;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	
}
.error
{
	font-family: Verdana;
	font-size: 11px;
	color: #ff0000;
}
.errorcontainer
{
	text-align: left;
	width: 20px;
	height: 20px;
	
	border: solid 0px red;
}



.red
{
	color: #FF0000;
}


/*---------------------------------------------------------------------------------------------------*/



/*
======================================================================================================
======================================================================================================
NAVIGATION AND LINKS 
======================================================================================================
======================================================================================================
*/
.link:link
{
    font-family: Verdana;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}
.link:visited
{
    font-family: Verdana;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}
.link:hover
{
    font-family: Verdana;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	text-decoration: underline;    
}
.link:active
{
    font-family: Verdana;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

.popuplink:link
{
    font-family: Verdana;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
.popuplink:visited
{
    font-family: Verdana;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
.popuplink:hover
{
    font-family: Verdana;
	font-size: 11px;
	color: #666666;
	text-decoration: underline;    
}
.popuplink:active
{
    font-family: Verdana;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

.whitelink:link
{
    font-family: Verdana;
	font-size: 9px;
	color: #CCCCCC;
	text-decoration: none;
}
.whitelink:visited
{
    font-family: Verdana;
	font-size: 9px;
	color: #CCCCCC;
	text-decoration: none;
}
.whitelink:hover
{
    font-family: Verdana;
	font-size: 9px;
	color: #CCCCCC;
	text-decoration: underline;    
}
.whitelink:active
{
    font-family: Verdana;
	font-size: 9px;
	color: #CCCCCC;
	text-decoration: none;
}
.blacklink:link
{
    font-family: Verdana;
	font-size: 9px;
	color: #333333;
	text-decoration: none;
}
.blacklink:visited
{
    font-family: Verdana;
	font-size: 9px;
	color: #333333;
	text-decoration: none;
}
.blacklink:hover
{
    font-family: Verdana;
	font-size: 9px;
	color: #333333;
	text-decoration: underline;    
}
.blacklink:active
{
    font-family: Verdana;
	font-size: 9px;
	color: #333333;
	text-decoration: none;
}
/*---------------------------------------------------------------------------------------------------*/



/*
======================================================================================================
======================================================================================================
QUOTE FORM
======================================================================================================
======================================================================================================
*/
div.quote
{
	height: 20px;
}
div.progress
{
	height: 20px;
	background-color:#FFCC33; 
	vertical-align: middle;
	padding: 4px 2px;
	position:relative;
	top:-20px;
	left:0px;
	cursor: wait;
}


.quickquotecontainer
{
	position: relative;
    top: 0px;
    left: 0px; 
    width: 170px;
    height: 25px;
    text-align: left;
    vertical-align: middle;
    
    border: solid 0px green;
}
.quickquotelabelcontainer
{
	position: relative;
    top: 0px;
    left: 0px; 
    width: 75px;
    height: 25px;
    text-align: right;
    vertical-align: middle;
    
    border: solid 1px green;
}

.quickquotecontainer-progress
{
	position: absolute;
    float: left;
    top: 0px;
    left: 0px;
    width: 170px;
    height: 30px;
    vertical-align: middle;
    
    background-color: #FFFFFF;
    cursor: wait;
    z-index: 3;

	border: solid 0px black;
}


/*container div for homepage quote form */
.quoteformcontainer
{
    position: relative;
    top: 0px;
    left: 0px; 
    width: 300px;
    
    /* height: 300px;*/
    border: solid 0px green;   
}

.quoteformcontainer-wide
{
    position: relative;
    top: 0px;
    left: 0px; 
    width: 720px;
    
    /* height: 300px;*/
    border: solid 0px green;   
}
/*overlay div to disable homepage quote form during async postback*/

.quoteformcontainer-wait
{
    position: absolute;
    float: left;
    top: 30px;
    left: 0px;
    width: 300px;
    height: 300px;
    
    background-color: #FFCC33;
    cursor: wait;
    z-index: 5;
    filter:alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
}

.quoteformcontainer-wide-wait
{
    position: absolute;
    float: left;
    top: 30px;
    left: 0px;
    width: 720px;
    height: 300px;
    
    background-color: #FFCC33;
    cursor: wait;
    z-index: 5;
    filter:alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
}
/*---------------------------------------------------------------------------------------------------*/






/*
======================================================================================================
======================================================================================================
BOOKING FORM
======================================================================================================
======================================================================================================
*/

/*container div for booking page trip details quote form */
.booknowformquotecontainer
{
    position: relative;
    top: 0px;
    left: 0px; 
    width: 300px;
    
    /* height: 300px;*/
    border: solid 0px green;   
}
/*overlay div to disable booking page trip details quote form during async postback*/
.booknowformquotecontainer-wait
{
    position: absolute;
    float: left;
    top: 0px;
    left: 0px;
    width: 300px;
    
    border: solid 0px blue; 
    
    background-color: white;
    cursor: wait;
    z-index: 2;
    filter:alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;

}

/* booking page trip details quote price container */
.bookformquotepricecontainer
{
    position: relative;
    top: 0px;
    left: 0px; 
    height: 25px;
    vertical-align: middle;
    width: auto;
    border: solid 0px red;
    
}

/* booking page trip details quote price progress animated gif container div */
.bookformquotepricecontainer-progress
{
	position: absolute;
    float: left;
    top: 0px;
    left: 0px;
    height: 25px;
    vertical-align: middle;
    padding: 0px 0px 0px 30px;
    
    width: 140px;
    
    background-color: #FFFFFF;
    cursor: wait;
    z-index: 10;

	border: solid 0px black;
}


/*container div for booking page trip details quote form */
.detailscontainer
{
    position: relative;
    top: 0px;
    left: 0px; 
    
    
    /* height: 300px;*/
    border: solid 0px blue;   
}
/*overlay div to disable booking page trip details quote form during async postback*/
.detailscontainer-wait
{
    position: absolute;
    float: left;
    top: 0px;
    left: 0px;
    
    
    border: solid 0px red; 
    
    background-color: white;
    cursor: wait;
    z-index: 2;
    filter:alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;

}








/* Contact details container */
.contactdetailscontainer
{
    width: 250px;
    height: 250px;
    border: solid 1px green;
    
}
/* overlay div to disable contact details while email is looked up*/
.contactdetailswait
{
    position: relative;
    top: -170px;
    left: 0px;
    width: 250px;
    height: 250px;
    
    background-color: white;
    cursor: wait;
    z-index: 2;
    filter:alpha(opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.50;
    
}
.contactdetailsprogress
{
    position: relative;
    top: -350px;
    left: 125px;
    height: 25px;
    width: 25px;
    z-index: 5;
    border: solid 1px red;
}





.flightdetailscontainer
{
	position: relative;
    top: 0px;
    left: 0px; 
    width: 325px;
    height: 90px;
    border: solid 0px red;
    

    
}
.flightdetailsdisabled
{
    
    position: absolute;
    float: left;
    top: 0px;
    left: 0px;
    width: 325px;
    height: 90px;
    
    border: solid 0px blue; 
    
    background-color: white;
    z-index: 2;
    filter:alpha(opacity=100);
    -moz-opacity: 0.70;
    opacity: 0.70;

}




.ModalBackground
{
    background-color: #FFFFD5;
    filter:alpha(opacity=70);
	opacity:0.7;
    cursor: default;	
}


/*---------------------------------------------------------------------------------------------------*/







/*
======================================================================================================
======================================================================================================
FORM COMPONENTS
======================================================================================================
======================================================================================================
*/
.dropdown
{
	border: solid 1px #FFCC33;
	font-family: Verdana;
	font-size: 11px;
	background-color: #ffff99;
	color: #666666;
}
.dropdown-error
{
	border: solid 1px #ff6666;
	font-family: Verdana;
	font-size: 11px;
	background-color: #ff9999;
	color: #666666;
}
.dropdown-disabled
{
	border: solid 1px #CCCCCC;
	font-family: Verdana;
	font-size: 11px;
	background-color: #CCCCCC;
	color: #666666;
	
}
.dropdown-noedit
{
	border: solid 1px #FFCC33;
	font-family: Verdana;
	font-size: 11px;
	background-color: #FFFF99;
	color: #FFCC33;
	
}
.button
{
	border: solid 1px #FFCC33;
	background-color: #ffff99;
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
}
.buttonrollover
{
  cursor: pointer; 
	border: solid 1px #ff9900;
	background-color: #FFCC66;
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
}

.button-large
{
	border: solid 1px #FFCC33;
	background-color: #ffff99;
	font-family: Verdana;
	font-size: 16px;
	color: red;
	font-weight: bold;
}
.button-large-rollover
{
  cursor: pointer; 
	border: solid 1px #ff9900;
	background-color: #FFCC66;
	font-family: Verdana;
	font-size: 16px;
	color: red;
	font-weight: bold;
}

.button-disabled
{
	border: solid 1px #CCCCCC;
	background-color: #CCCCCC;
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
}

.textbox
{
	border: solid 1px #FFCC33;
	background-color: #ffff99;
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
}

.textbox-disabled
{
	border: solid 1px #CCCCCC;
	background-color: #CCCCCC;
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
	height: 15px;
}
.textbox-noedit
{
	border: solid 1px #FFCC33;
	background-color: #FFFF99;
	font-family: Verdana;
	font-size: 11px;
	color: #FFCC33;
	height: 15px;
}

.textbox-hidden
{	
	display: none;
}

.Calendarstyle .ajax__calendar_container
{
	border:1px solid black;
	background-color: #ffff99;
}
.Calendarstyle .ajax__calendar_hover
{
	background-color: #FFCC33;
}
.Calendarstyle .ajax__calendar_today
{
	border:1px solid black;
}
.Calendarstyle .ajax__calendar_active
{
	font-weight:bold;
	border: solid 1px black;
}
.ajax__calendar_other
{
	color:#FFCC33;
}

.formerror
{
	width: 20px;
	height: 15PX;
	text-align: center;
	border: solid 0px red;
	
	display: block;
	
}



.displayblock
{
	display: block;
}

.displaynone
{
	display: none;
}


/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family: Verdana;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:2px 2px 2px 2px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:2px 2px 2px 2px; /* IE6 */
}
.buttons button[type]{
    padding:2px 2px 2px 2px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:2px 2px 2px 2px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/*---------------------------------------------------------------------------------------------------*/




/*
======================================================================================================
======================================================================================================
LAYOUT DIVS
======================================================================================================
======================================================================================================
*/
.headertitle
{	
	position: relative;
	width: 802px;
	height: 20px;
	margin: 0 auto;	
	padding: 5px 0;
	background-color: #000000;
	vertical-align: middle;
	
	/* border: solid 1px red; */
}
.flagcontainer
{
	/*position: absolute;
	right: 5px;
	*/
	/* border: solid 1px #FFCC33;	*/
	border-top: solid 1px #FFCC33;
	border-bottom: solid 0px #FFCC33;
	background-color: #666666;
	margin: 0px 0px;
	padding: 0px 8px;
	
	float: right;
	/* background-color: #666666; */
}

.contractlinkcontainer
{
	position: absolute;
	float: right;
	
	/* border: solid 1px #FFCC33;	*/
	border-top: solid 1px #FFCC33;
	border-bottom: solid 0px #FFCC33;
	background-color: #666666;
	margin: 0px 0px;
	padding: 0px 8px;
	
	float: right;
	/* background-color: #666666; */
}


.headerlogo
{
	width: 802px;
	margin: 0 auto;	
	padding: 0px 0px;
	background-color: #000000;
	text-align: center;
	/*vertical-align: middle;*/
	
	/*border: solid 1px red;*/
}
.navigationmenu
{
	width: 800px;
	margin: 0 auto;	
	padding: 0px 0px;
	background-color: #000000;
	/*vertical-align: middle;*/
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	
	/*border: solid 1px red;*/
}
.navigationlocation
{
	width: 802px;
	margin: 0 auto;	
	padding: 3px 0px;
	background-color: #333333;
	
	border-top: solid 1px #FFCC33;
	border-bottom: solid 1px #FFCC33;
	/*vertical-align: middle;*/
	
	/*border: solid 1px red;*/
	
}

.loginlogout
{
	padding-right: 10px;
}


.pagecontent
{
	width: 798px;
	margin: 0 auto;
	background-color: #000000;
	padding: 2px 2px;
	
	/*border: solid 1px red;*/
}
.copyrightfooter
{
	width: 802px;
	margin: 0 auto;
	padding: 3px 0px;
}

.footernavigation
{
	margin: 0 auto;
	width: 802px;
	background-color: #000000;	
	text-align: center;
	padding: 4px 0px;
	
	border: solid 0px red;
}
/*---------------------------------------------------------------------------------------------------*/






/*
======================================================================================================
======================================================================================================
Main Page Content Rounded Corner Panel DIVs
======================================================================================================
======================================================================================================
*/
/*
Total width of content panels is: 798px
*/
.panelcontainer
{
	width: 788px;
	position: relative;
	background-color: #000000;
	text-align: center;
	
	height: auto;
	margin: 5px 5px;
	
	border: solid 0px red;
}

.topleftcorner
{
	position: absolute;
	top: 0px; 
	left: 0px; 
	float: left;
	background-image: url(../images/curvedcorners/topleft.gif);
	width: 10px;
	height: 30px;
}
.toprightcorner
{
	position: absolute;
	top: 0px;
	right: 0px; 
	float: right;
	background-image: url(../images/curvedcorners/topright.gif);
	width: 10px;
	height: 30px;
}

.bottomleftcorner
{
	position: relative;
	bottom: -20px; 
	left: -30px; 
	float: left;
	background: url(../images/curvedcorners/bottomleft.gif) no-repeat top left;
	/* background-image: url(../images/curvedcorners/bottomleft.gif);*/
	height: 10px;
	width: 10px;
	overflow: hidden;		
	border: solid 0px blue;
}
.bottomrightcorner
{
	position: relative;
	bottom: -20px;
	right: -30px; 
	
	float: right;
	background: url(../images/curvedcorners/bottomright.gif) no-repeat top right;
	/* background-image: url(../images/curvedcorners/bottomright.gif);*/
	height: 10px;
	width: 10px;
	overflow: hidden;

	border: solid 0px blue; 
}


.panelheader
{	
	position: absolute;
	top: 0px; 
	left: 10px; 
	float: left;
	background: #FFCC33 url(../images/curvedcorners/headergraphic_03.gif) no-repeat right bottom;
	height: 28px;
	text-align: left;
	vertical-align: middle;
	padding: 2px 0px 0px 0px;
	width: 768px;
	
	/* border: solid 1px green;*/
}

.panelcontent
{	
	padding: 30px 30px 30px 30px;
	background-color: #FFFFFF;
	text-align: justify;
	
	height: auto;
	
	border: solid 0px red;
}


/*---------------------------------------------------------------------------------------------------*/



.generalcontent
{
	width: auto;
	height: auto;
	background-color: #FFFFFF;
	/*background-image: url(../images/curvedcorners/center-fade.gif);*/
	text-align: center;
	vertical-align: middle;
	padding: 20px 20px 20px 20px;
	
	border: solid 0px red;
}





/*
======================================================================================================
======================================================================================================
Page Element rounded corner panel DIVs
======================================================================================================
======================================================================================================
*/
.elementcontainer
{
	width: 300px;
	/* height: 300px;*/
	position: relative;
	background-color: #FFFFFF;
	text-align: center;
	
	margin: 5px 5px;
	padding: 30px 0px 30px 0px;
	
	/* border: solid 1px red;*/
}

.elementtitle
{
	position: absolute;
	top: 0px; 
	left: 0px; 
	float: left;
	text-align: left;
	padding: 0px 10px;
	background-image: url(../images/curvedcorners/newsheaderpanel.gif);
	width: 280px;
	height: 30px;
	
	border: solid 0px red;
}
.elementtitle-wait
{
	position: absolute;
	top: 0px; 
	left: 0px; 
	float: left;
	text-align: left;
	padding: 0px 10px;
	background-image: url(../images/curvedcorners/newsheaderpanel-solid.gif);
	width: 280px;
	height: 30px;
	
	cursor: wait;
    z-index: 2;
    filter:alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
	/* border: solid 1px green;*/
}


.elementfooter
{
	position: absolute;
	bottom: 0px; 
	left: 0px; 
	float: left;
	background-image: url(../images/curvedcorners/newsfooter.gif);
	width: 300px;
	height: 30px;
	
	border: solid 0px red;
}

.elementfooter-wait
{
	position: absolute;
	bottom: 0px; 
	left: 0px; 
	float: left;
	background-image: url(../images/curvedcorners/newsfooter-solid.gif);
	width: 300px;
	height: 30px;
	
	cursor: wait;
    z-index: 2;
    filter:alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
	/* border: solid 1px green;*/
}



.elementtitle-red
{
	position: absolute;
	top: 0px; 
	left: 0px; 
	float: left;
	text-align: left;
	padding: 0px 10px;
	background-image: url(../images/curvedcorners/newsheaderpanel-red.gif);
	width: 280px;
	height: 30px;
	
	border: solid 0px red;
}
.elementtitle-red-wait
{
	position: absolute;
	top: 0px; 
	left: 0px; 
	float: left;
	text-align: left;
	padding: 0px 10px;
	background-image: url(../images/curvedcorners/newsheaderpanel-solid.gif);
	width: 280px;
	height: 30px;
	
	cursor: wait;
    z-index: 2;
    filter:alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
	/* border: solid 1px green;*/
}

.elementfooter-red
{
	position: absolute;
	bottom: 0px; 
	left: 0px; 
	float: left;
	background-image: url(../images/curvedcorners/newsfooter-red.gif);
	width: 300px;
	height: 30px;
	
	border: solid 0px red;
}

.elementfooter-red-wait
{
	position: absolute;
	bottom: 0px; 
	left: 0px; 
	float: left;
	background-image: url(../images/curvedcorners/newsfooter-solid.gif);
	width: 300px;
	height: 30px;
	
	cursor: wait;
    z-index: 2;
    filter:alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
	/* border: solid 1px green;*/
}


/* Meduim Element Container    */
.elementcontainer-medium
{
	width: 400px;
	/* height: 300px;*/
	position: relative;
	background-color: #FFFFFF;
	text-align: center;
	
	margin: 5px 5px;
	padding: 30px 0px 30px 0px;
	
	/* border: solid 1px red;*/
}

.elementtitle-medium
{
	position: absolute;
	top: 0px; 
	left: 0px; 
	float: left;
	text-align: left;
	padding: 0px 10px;
	background-image: url(../images/curvedcorners/mediumwidthheaderpanel.gif);
	width: 380px;
	height: 30px;
	
	border: solid 0px red;
}
.elementtitle-medium-wait
{
	position: absolute;
	top: 0px; 
	left: 0px; 
	float: left;
	text-align: left;
	padding: 0px 10px;
	background-image: url(../images/curvedcorners/mediumwidthheaderpanel-solid.gif);
	width: 380px;
	height: 30px;
	
	cursor: wait;
    z-index: 2;
    filter:alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
	/* border: solid 1px green;*/
}


.elementfooter-medium
{
	position: absolute;
	bottom: 0px; 
	left: 0px; 
	float: left;
	background-image: url(../images/curvedcorners/mediumwidthfooterpanel.gif);
	width: 400px;
	height: 30px;
	
	border: solid 0px red;
}

.elementfooter-medium-wait
{
	position: absolute;
	bottom: 0px; 
	left: 0px; 
	float: left;
	background-image: url(../images/curvedcorners/mediumwidthfooterpanel-solid.gif);
	width: 400px;
	height: 30px;
	
	cursor: wait;
    z-index: 2;
    filter:alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
	/* border: solid 1px green;*/
}







/* Wide Element Container  */
.elementcontainer-wide
{
	width: 720px;
	/* height: 300px;*/
	position: relative;
	background-color: #FFFFFF;
	text-align: center;
	
	margin: auto;
	padding: 30px 0px 30px 0px;
	
	/* border: solid 1px red;*/
}

.elementtitle-wide
{
	position: absolute;
	top: 0px; 
	left: 0px; 
	float: left;
	text-align: left;
	padding: 0px 10px;
	background-image: url(../images/curvedcorners/fullwidthheaderpanel.gif);
	width: 700px;
	height: 30px;
	
	border: solid 0px red;
}
.elementtitle-wide-wait
{
	position: absolute;
	top: 0px; 
	left: 0px; 
	float: left;
	text-align: left;
	padding: 0px 10px;
	background-image: url(../images/curvedcorners/fullwidthheaderpanel-solid.gif);
	width: 700px;
	height: 30px;
	
	cursor: wait;
    z-index: 2;
    filter:alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
	/* border: solid 1px green;*/
}


.elementfooter-wide
{
	position: absolute;
	bottom: 0px; 
	left: 0px; 
	float: left;
	background-image: url(../images/curvedcorners/fullwidthfooterpanel.gif);
	width: 720px;
	height: 30px;
	
	border: solid 0px red;
}

.elementfooter-wide-wait
{
	position: absolute;
	bottom: 0px; 
	left: 0px; 
	float: left;
	background-image: url(../images/curvedcorners/fullwidthfooterpanel-solid.gif);
	width: 720px;
	height: 30px;
	
	cursor: wait;
    z-index: 2;
    filter:alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
	/* border: solid 1px green;*/
}


/*
---------------
Accodion sections
---------------
*/
.newsaccordionheader
{
	background-color: #FFFFFF;
	border-top: solid 1px #CCCCCC;
	text-align: left;
	padding: 0px 0px 0px 5px;
	vertical-align: middle;
}

.newsaccordioncontent
{
	background-color: #FFFFFF;
	border: dashed 0px red;
 	padding: 0px 5px 0px 5px;
 	text-align: left;
}
/*---------------------------------------------------------------------------------------------------*/



/*
======================================================================================================
======================================================================================================
My Booking login box
======================================================================================================
======================================================================================================
*/
.logincontainer
{
	position: relative;
    top: 0px;
    left: 0px; 
    width: 300px;
    
    text-align: left;
    vertical-align: middle;
    
    border: solid 0px green;
    
}


/*---------------------------------------------------------------------------------------------------*/


/*
======================================================================================================
======================================================================================================
Page sub heading DIV
======================================================================================================
======================================================================================================
*/
.subheader
{
	width: 600px;
	border-bottom: solid 1px #CCCCCC;
	
	/* background-color: #FFCC33;	*/
	/*background-image: url(../images/curvedcorners/center-fade.gif);*/
	text-align: left;
	padding: 0px 0px 0px 0px;
	height: 35px;
	
	/* border: solid 1px red; */
}

.subheader2
{
	width: 240px;
	border-bottom: solid 1px #CCCCCC;
	
	/* background-color: #FFCC33;	*/
	/*background-image: url(../images/curvedcorners/center-fade.gif);*/
	text-align: left;
	padding: 0px 0px 0px 0px;
	height: 35px;
	
	
	
	/* border: solid 1px red; */
}




/*
======================================================================================================
======================================================================================================
Booking gridview row colours
======================================================================================================
======================================================================================================
*/
.bookingsgridviewheader
{
	border: solid 1px #333333; 
	background-color:#FFCC66; 
}

.clientdeparturebooking
{
	background-color: #ff9999;
}

.clientarrivalbooking
{
	background-color: #99ff99;
}

.clientcompletedbooking
{
	background-color: #cccccc;
}
.clientcancelledbooking
{
	background-color: #993333;
}


.publiccancelledbooking
{
	background-color: #cccccc;
}
.publicopenbooking
{
	background-color: #99ff99;
}
.publiccompletedbooking
{
	background-color: #ff9999;
}

.publicarrivalbooking
{
	background-color: #99ff99;
}
.publicdeparturebooking
{
	background-color: #ff9999;
}





/*
======================================================================================================
======================================================================================================
AJAX ROUNDED CORNERS EXTENDER PANELS ETC
======================================================================================================
======================================================================================================
*/
.roundedPanel
{	
	background-color: red;
	z-index: 100;
	
	/* border: solid 1px red; */
}

/*---------------------------------------------------------------------------------------------------*/

p.content
{
	background: #FFFFFF;
	margin:0;
	padding: 5px 10px;
	line-height: 1.3;
	text-align: justify;
}


/* Ski Passes Page  */

.textboxski
{
	border: solid 1px #FFCC33;
	background-color: #ffff99;
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
}

.textboxski
{
	border: solid 1px #FFCC33;
	background-color: #ffff99;
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
}

.price
{
  text-align: right;
  width: 60px;
}
.pricetotal
{
  border-top: solid 1px #000000;
  border-bottom: solid 1px #000000;
  text-align: right;
  width: 60px;
}
.finalprice
{
}

.dropdownskiarea
{
	border: solid 1px #FFCC33;
	font-family: Verdana;
	font-size: 11px;
	background-color: #ffff99;
	color: #666666;
}
.dropdownskidays
{
	border: solid 1px #FFCC33;
	font-family: Verdana;
	font-size: 11px;
	background-color: #ffff99;
	color: #666666;
}

.dropdownskichildpasses
{
	border: solid 1px #FFCC33;
	font-family: Verdana;
	font-size: 11px;
	background-color: #ffff99;
	color: #666666;
}

.dropdownskiyoungadultpasses
{
	border: solid 1px #FFCC33;
	font-family: Verdana;
	font-size: 11px;
	background-color: #ffff99;
	color: #666666;
}

.dropdownskiadultpasses
{
	border: solid 1px #FFCC33;
	font-family: Verdana;
	font-size: 11px;
	background-color: #ffff99;
	color: #666666;
}

.dropdownskiseniorpasses
{
	border: solid 1px #FFCC33;
	font-family: Verdana;
	font-size: 11px;
	background-color: #ffff99;
	color: #666666;
}

.hiddentextbox
{
  display: none;
}



/*
--------------------------------------------------
General Gridview
--------------------------------------------------
*/
.whiterow
{
	background-color: #FFFFFF;
}
.alternaterow
{
	background-color: #FFFF80; 
}

.Spacer-NoBorder
{
	border: solid 0px black; 
	padding-left: 3px; 
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
.HeaderSpacer-NoBorder
{
	border: solid 0px black; 
	padding-left: 3px; 
	padding-right: 3px;
	text-align: center;
	vertical-align: middle;
}


/*
--------------------------------------------------
Print View
--------------------------------------------------
*/
.PrintViewContainer
{
  white-space:normal; 
  word-wrap: break-word; 
  border: solid 0px red;
  min-height: 20px;
  vertical-align:middle;    
}
.PrintViewHeader
{
  height: 145px;
  width: 600px;
  padding: 10px 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: left ;  
  background-color: #000000;
  border-right: solid 1px #000000;
  border-left: solid 1px #000000;
}
.PrintViewHeader-Logo
{
  color: #ffcc33;
  padding: 10px 10px 10px 5px;
  font-size: 35px;
}
.PrintViewHeaderContent
{
  color: #ffffff;
  padding: 10px 10px 10px 5px;
  font-family: Tahoma;
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
  border-right: solid 0px #000000;
  border-left: solid 0px #000000;
}
.PrintViewContent
{
  width: 600px;
  padding: 10px 10px; 
  margin-left: auto;
  margin-right: auto;
  text-align: center ;
  background-color: White;
  font-family: Arial;
  font-size: 13px;
  font-weight: normal;
  color: #333333;
  border-right: solid 1px #000000;
  border-left: solid 1px #000000;
}

.PrintViewFooter 
{
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  padding: 10px 10px;
  background-color: #333333;
  height: 65px;
  vertical-align: middle;
  font-family: Tahoma;
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
  line-height: 16px;
  border-right: solid 1px #000000;
  border-left: solid 1px #000000;
  border-bottom: solid 1px #000000;
}