﻿.popupContainer
{
    float:left;
    border:solid 10px #B8D9E0;
    color:#000000;
    font-size:90% !important;
    background-image:none !important
}

.popupContainer .resultBoxOutline
{
    background:none !important
}

.modalPopup {
	color:White;
	padding:10px;
    background-color: #333;
    width:900px;
    height:380px;
}

.feedBackModalPopup {
	padding:10px;
    background-color: #fff;
    width:397px;
    /*height:380px;*/
}

.staPopup {
	color:White;
	padding:10px;
	background-color:#333333;
	width:490px;
}

.dark .modalPopup {
	color:White;
	background-color:#333333;
	width:510px;
}

.dark .modalPopup .popupHeader
{
    width:99%
}

.dark .modalPopup .popupHeader .logo
{
    float:left
}

.modalPopup .popupHeader .promise
{
    float:right;
    margin-top:20px;
    margin-right:20px
}

.xButton
{
    background-color:#FF9900 !important;
    font-weight:bold;
    border:none
}

.popupTitle
{
    font-size:150%;
    margin-top:15px;
    font-weight:bold;
}

.modalBackground {
	background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
}

.modalPopup p 
{
	float:none !important;
	width:100% !important;
	color:#FFFFFF !important; 
}

.modalPopup .mpButton
{
	border:none; 
	background:none;
}

/* ---------------------------------- */
/*
#progressBackgroundFilter {
    position:fixed;
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}
*/
.progressBackgroundFilter {
    position:fixed;
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}
/* ---------------------------------- */

/*
#processMessageGeneral,
#processMessageSR, 
#processMessageAS, 
#processMessageHD */
.dockclass
{
    position: absolute;
    left:25%;
    top:25%;
    width: 600px;
    height: 250px;
    margin: auto;
    /*background: #339999 url(http://images.itc-uk.com/websiteimages/classics2010/css/bgLoading.jpg) top left repeat-x;*/
    background-color:#40C0C0;
    border:solid 10px #FFFFFF;
    color: white;
    padding:15px;
    z-index:1001; 
}

/* ---------------------------------- */
/*
#waitRight
{
    height: 235px;
    width: 200px;
    padding:0 0 0 15px;
    border-left: solid 10px #7BD4D4;
    float:right
}

#waitRight img
{
    padding:8px 0 8px 0;
    float:left
}
*/
.waitRight
{
    height: 235px;
    width: 200px;
    padding:0 0 0 15px;
    border-left: solid 10px #7BD4D4;
    float:right
}

.waitRight img
{
    padding:8px 0 8px 0;
    float:left
}
/* ---------------------------------- */

/* ---------------------------------- */
/*
#waitLeft
{
    height: 235px;
    width: 350px;
    float:left
}

#waitLeft p
{
    margin-top:20px
}

#waitLeft .waitAtol
{
    padding:5px;
    float:left
}

#waitLeft .waitSubTitle
{
    font-size:140%;
    color:#006666;
    line-height:22px;
}

#waitLeft .waitMsg
{
    font-size:120%;
    color:#FFFFFF;
    line-height:22px;
    margin-top:20px
}
*/
.waitLeft
{
    height: 235px;
    width: 350px;
    float:left
}

.waitLeft p
{
    margin-top:20px
}

.waitLeft .waitAtol
{
    padding:5px;
    float:left
}

.waitLeft .waitSubTitle
{
    font-size:140%;
    color:#006666;
    line-height:22px;
}

.waitLeft .waitMsg
{
    font-size:120%;
    color:#FFFFFF;
    line-height:22px;
    margin-top:20px
}
/* ---------------------------------- */

.waitContainer
{
	background: #339999 url(http://images.itc-uk.com/websiteimages/classics2010/css/bgLoading.jpg) top left repeat-x;
    padding:15px;
    border:solid 2px #FFFFFF;
    color: white;
}

.dockclass p,
.waitContainer p
{
    font-size:11px;
    line-height:20px
}


.dockclass img,
.waitContainer img
 {float:right}
 
.waitTitle
{
    color:#FFFFFF;
    font-family:verdana,sans-serif;
    font-size:180%;
    font-weight:normal;
    padding:10px 0;
}


 
/*
#processMessageSR
{
    position: absolute;
    left:25%;
    top:25%;
    width: 500px;
    height: 25%;
    margin: auto;
    background: #339999 url(http://images.itc-uk.com/websiteimages/classics2010/css/bgLoading.jpg) top left repeat-x;
    border:solid 2px #FFFFFF;
    color: white;
    padding:15px;
    z-index:1002; 
}

#processMessageAS
{
    position: absolute;
    left:25%;
    top:25%;
    width: 500px;
    height: 25%;
    margin: auto;
    background: #339999 url(http://images.itc-uk.com/websiteimages/classics2010/css/bgLoading.jpg) top left repeat-x;
    border:solid 2px #FFFFFF;
    color: white;
    padding:15px;
    z-index:1003;
}

#processMessageHD
{
    position: absolute;
    left:25%;
    top:25%;
    width: 500px;
    height: 25%;
    margin: auto;
    background: #339999 url(http://images.itc-uk.com/websiteimages/classics2010/css/bgLoading.jpg) top left repeat-x;
    border:solid 2px #FFFFFF;
    color: white;
    padding:15px;
    z-index:1004;
}
*/
 .TB_HideSelect{
    z-index:99;
    position:fixed;
    top: 0;
    left: 0;
    background-color:#fff;
    border:none;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height:100%;
    width:100%;
}

* html .TB_HideSelect { /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
} 

.dockclassdockclass
{
position:relative;
}

.ajax__tab_header
{
    width:100% !important;
    margin:10px 0 0 0;
    float:left;
    }

.ajax__tab_outer
{
    float:left;
    height:25px !important;
    margin-right:2px;
    margin-left:2px;
    background:transparent url(http://images.itc-uk.com/websiteimages/classics2010/css/ajax-nav/right-off.gif) no-repeat scroll right center !important;
}

.ajax__tab_header
{
    background:transparent !important;
    height:25px !important;
}

.ajax__tab_tab
{
    background:transparent !important;
    height:25px !important;
    background:transparent url(http://images.itc-uk.com/websiteimages/classics2010/css/ajax-nav/mid-off.gif) top left repeat-x !important;

}

.ajax__tab_inner
{
    height:25px;
    float:left;
    padding-left:8px;

}
.ajax__tab_outer
{
    padding-right:8px !important
}

.ajax__tab_xp .ajax__tab_inner
{
    padding-left:8px !important
}
    
.ajax__tab_inner
{
    background:transparent url(http://images.itc-uk.com/websiteimages/classics2010/css/ajax-nav/left-off.gif) no-repeat scroll 0 0 !important;
    height:25px;
}

.ajax__tab_tab
{
    font-size:110%;
    color:#fff;
    padding:0 10px 0 10px
}

.ajax__tab_default .ajax__tab_tab
{
    margin:0 !important;
    padding:0 !important
}

.ajax__tab_active .ajax__tab_inner,
.ajax__tab_hover .ajax__tab_inner
{
    background:transparent url(http://images.itc-uk.com/websiteimages/classics2010/css/ajax-nav/left-on.gif) no-repeat scroll 0 0 !important;
    height:25px;
}

.ajax__tab_active .ajax__tab_tab,
.ajax__tab_hover .ajax__tab_tab
{
    background:transparent !important;
    height:25px !important;
    color:#333333 !important;
    background-color:#FFFFFF !important;
}

.ajax__tab_active .ajax__tab_outer,
.ajax__tab_hover .ajax__tab_outer
{
    float:left;
    height:25px !important;
    background:transparent url(http://images.itc-uk.com/websiteimages/classics2010/css/ajax-nav/right-on.gif) no-repeat scroll right center !important;
}

.ajax__tab_body #middleCol a, 
.ajax__tab_body #middleCol p
{
    color:#333333 !important
}
/* Debug fix
/* WARNING!!! - SOMETHING IN THE FOLLOWING CSS IS CAUSING IE6 TO CRASH. */
/*
.tabbedCopy
{
    float:left;
    padding:10px;
    width:98%;
    line-height:22px
}

*/
.tabbedFooter
{
    float:left;
    width:100%;
    margin: 0 0 10px 0;
    height:20px;
    background:#ffffff url(http://images.itc-uk.com/websiteimages/classics2010/css/text-body-curve3.gif) top right no-repeat !important;
    }
    
.tabbedFooterLeft
{
    float:left;
    width:20px;
    height:20px;
    background:#ffffff url(http://images.itc-uk.com/websiteimages/classics2010/css/text-body-curve4.gif) top right no-repeat !important;
    }


.tabbedCopy a
{
    color:#333333 !important;
    text-decoration:none;
    font-weight:normal;
	margin:0 !important;
}

.tabbedCopy h3,
.tabbedCopy h2
{
    font-weight:bold !important
}

.tabbedCopy p,
.roomFacilities
{
    color:#333333 !important;
    padding:5px
}

.ajax__tab_body 
{
	background-color:#ffffff;
	float:left !important;
	width:100%;
	margin:0 !important;
	border:none !important;
}

.ajax__tab_body table,
.ajax__tab_body #WideContent
{
	float:none;
}

.ajax__tab_hover
{
    background:url(images/tab-line.gif) repeat-x bottom;
}


.contactus-calendar .ajax__calendar_container
{
	background-color:#fff; /* white */
	border:solid 1px #000;
}
.contactus-calendar .ajax__calendar_title
{
	background-color:#fff; /* white */
	height:20px;
	color:#000;
}
.contactus-calendar .ajax__calendar_prev,
.contactus-calendar .ajax__calendar_next
{
	background-color:#B9DAE0; /* blue */
	height:20px;
	width:20px;
}
.contactus-calendar .ajax__calendar_today
{
	display:none;
	background-color:#cff; /* pale blue */
	height:20px;
}
.contactus-calendar .ajax__calendar_days table thead tr td
{
	background-color:#9999cc; /* purple */
	color:#000;
}
.contactus-calendar .ajax__calendar_day
{
	color:#000; /* normal day -black */
}
.contactus-calendar .ajax__calendar_other .ajax__calendar_day
{
	background-color:#E4E4E4;
	color:#000; /* day not actually in this month - lighter gray color */
}

.contactus-calendar .ajax__calendar_dayname
{
	background-color:#9999CC;
	color: #fff;
}
