body
{
	background-image: url(Images/BackgroudGradient.png);
	background-repeat: repeat-x;
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	margin: 0 auto;
}

img
{
	margin: 0 0 0 0;
}

input, select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #666666;
}

.main_div
{
	text-align: left;
	width: 1030px;
	margin: auto;
}

.top_div
{
	clear: both;
	width: 1030px;
}

.content_div
{
	clear: both;
	width: 1030px;
}

.topInfoSectionContainer
{
	width: 243px;
	float: left;
}

.topInfoSection
{
	padding: 10px 10px 0 20px;
}

.topInfoSection a
{
	color: #A7ABA7;
}

.topInfoSectionBigText
{
	font-family: "Franklin Gothic Demi Cond";
	font-size: 20px;
	line-height: 16px;
	color: #BABEBA;
}

.topInfoSectionHSeparator
{
	border-style: inset;
	font-size: 6px;
	width: 130px;
	height: 1px;
	color: #A7ABA7;
}

.topInfoSectionVSeparator
{
	width: 9px;
	height: 97px;
	float: left;
}

.topInfoSectionSmallText
{
	color: #A7ABA7;
}

.topInfoSectionLink
{
	color: #A7ABA7;
	font-weight: bold;
	text-decoration: none;
}

.separatorBig_div
{
	clear: both;
	height: 10px;
	width: 10px;
}

.separatorSmall_div
{
	clear: both;
	height: 4px;
	width: 10px;
}

.mailPanelContainer
{
	padding: 10px;
	position: fixed;
	width: 286px;
	height: 156px;
	top: 111px;
	left: 300px;
	background-image: url(Images/PopupWindowBackground.png);
	background-repeat: no-repeat;
	z-index: 100;
	color: #666666;
}

.contentsTopFrame
{
	background-image: url(Images/contentsTopFrame.png);
	background-repeat: no-repeat;
	width: 1030px;
	height: 15px;
	clear: both;
}
.contentsLeftFrame
{
	background-image: url(Images/contentsLeftFrame.png);
	background-repeat: repeat-y;
	width: 15px;
}
.contentsRightFrame
{
	background-image: url(Images/contentsRightFrame.png);
	background-repeat: repeat-y;
	width: 15px;
}
.contentsBottomFrame
{
	background-image: url(Images/contentsBottomFrame.png);
	background-repeat: no-repeat;
	width: 1030px;
	height: 15px;
	clear: both;
}
.contentsCenterFrame
{
	background-color: #FFFFFF;
	overflow: hidden;
	width: 1000px;
}

.hotelDetailTabContainer  
{
	padding: 5px; 
	background-color: #FFFFFF; 
	border: 1px solid #CECECE;
}

.contentsCenterFrameInternal
{
	margin: 2px;
	border: 1px solid #E2E4D9;
	padding: 10px;
}

.contentsCenterFrameAbsoluteWidth
{
	width: 971px;
	overflow: hidden;
}

.bottomLinks
{
	font-size: 14px;
	color: #666666;
	width: 1030px;
	clear: both;
	text-align: center;
}

.bottomLinks a
{
	color: #666666;
	text-decoration: none;
}

.bottomLinks a:visited
{
	color: #666666;
	text-decoration: none;
}

.bottomLinks a:hover
{
	color: #666666;
	text-decoration: underline;
}

.copyrightPanel
{
	clear: both;
	width: 1030px;
	text-align: center;
	height: 50px;
	color: #666666;
	background-image: url(Images/glocalia.png);
	background-repeat: no-repeat;
}

.copyrightPanel a
{
	color: #666666;
	text-decoration: none;
}

.copyrightPanel a:hover
{
	color: #666666;
	text-decoration: underline;
}

.upperTxt
{
	text-transform: uppercase;
}

.headerTxt
{
	text-transform: uppercase;
	font-weight: bold;
}

.pageHeaderControlContainer
{
	width: 971px;
	height: 431px;
	background-image: url(Images/MainImage.jpg);
	background-repeat: no-repeat;
	clear: both;
	margin: 0px;
}

.searchPanelTopMargin
{
	width: 971px;
	clear: both;
	height: 86px;
}

.SearchPanel
{
	border: 3px solid #FFFFFF;
	border-left-width: 0px;
	background-color: #F9F9F9;
	width: 297px;
	height: 344px;
	float: left;
}

.searchPanelInternal
{
	margin: 15px 10px 10px 10px;
	height: 190px;
}

.SearchPanelBottom
{
	margin: 0px 10px 10px 10px;
}

.searchImageButton input, .searchImageButton img
{
	float: left;
}

.searchPanelRightShadow
{
	background-image: url(Images/SearchTopRShadow.png);
	background-repeat: no-repeat;
	width: 15px;
	height: 90px;
	float: left;
}

.searchButtonShadow
{
	width: 278px;
	height: 14px;
	clear: both;
	float: left;
	vertical-align: top;
	border: 0px;
}

.searchPanelControlsContainer
{
	float: left;
	font-weight: bold;
	color: #A4AA88;
	text-align: left;
	margin-right: 10px;
}

.searchPanelControlsContainer input
{
	margin-right: 3px;
}


.searchPanelControlsContainer select
{
	margin-top: 3px;
}

.userControlSmallText
{
	font-size: 10px;
}

.userControlSmallTextRed
{
	font-size: 10px;
	text-align: left;
	color: #800000;
}

.roomDetailHeader
{
	background-color: #F8F8F8;
	border-bottom-style: none;
	height: 20px;
	font-weight: bold;
	font-size: 11px;
}

.rowDelimeterDot
{
	border-bottom-style: dotted;
	border-width: 2px;
	border-color: #C0C0C0;
}

.reserveDetailHeaderContainer
{
	clear: both;
	font-size: 16px;
	font-weight: bold;
	height: 24px;
	background-color: #F8F8F8;
	width:770px;
	padding-top: 4px; 
}

.reserveDetailBody
{
	width:770px;
	clear: both;
	text-align:right;
}

.reserveDetailList
{
	float: left;
	width: 370px;
}

.reserveDetailList ul
{
	list-style-type: none;
	text-align:left;
	margin: 0;
}

.reserveDetailList ul li
{
	float:left;
	width: 370px;
	margin-bottom: 5px;
	line-height: 20px;
}

.reserveDetailList ul li span
{
	float: left;
	text-align: left;
	width: 90px;
}
.reserveDetailList ul li label
{
	float: left;
	text-align: left;
	width: 180px;
	font-style: italic;
	color: #003399;
}

.reserveDetailList ul li.summaryDetail span, .reserveDetailList ul li.summaryDetail label
{
	line-height: 20px;
	background-color: #F8F8F8;
	font-weight: bold;
	color: #800000;
}

.userDataBody
{
	width:770px;
	clear: both;
	text-align:left;
}

.userDataColumn
{
	float: left;
	width: 370px;
	list-style: none;
}

.userDataColumn ul
{
	list-style: none;
}

.userDataColumn ul li
{
	float:left;
	width: 340px;
	margin-bottom: 5px;
	line-height: 20px;
}

.userDataColumn ul li label
{
	float: left;
	text-align: left;
	width: 135px;
}

.userDataColumn ul li input
{
	float: left;
	text-align: left;
	width: 150px;
}

.userDataSimple
{
	float: left;
	width: 700px;
}

.userDataSimple ul
{
	list-style: none;
}

.userDataSimple ul li
{
	float:left;
	width: 655px;
	margin-bottom: 5px;
	line-height: 20px;
}

.userDataSimple ul li label
{
	float: left;
	text-align: left;
	width: 110px;
}

.userDataSimple ul li input
{
	float: left;
	text-align: left;
}

.sectionTitle
{
	clear: both;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
}

.hotelListTitle
{
	clear: both;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
}

.hotelListLeftPanel
{
	width: 200px;
	float: left;
	font-size: 10px;
}

.frontHotelListLeftPanel
{
	width: 180px;
	float: left;
	font-size: 10px;
}

.hotelListRightPanel
{
	float: right;
	max-width: 740px;
}

.hotelListWeekEndOfferImage
{
	height: 67px;
	position: relative;
	float: right;
	top: -7px;
	left: -5px;
}

.ImgBorder
{
	border: 1px solid #CECECE;
	padding: 7px;
	width: 154px;
	height: 113px;
}

.packImgBorder
{
	border: 1px solid #CECECE;
	padding: 7px;
	background-color: #F8F8F8;
	width: 240px;
	height: 160px;
}

.InternalImageBorder
{
	border: 1px solid #606966;
	background: url(Images/loadingFlowerBlack.gif) no-repeat center center;
}

.hotelDetailHeader
{
	font-size: 16px;
	font-weight: bold;
	color: #9A9F79;
	margin-top: 15px;
	margin-bottom: 5px;
}

.hotelDetailImageContainer
{
	float: left; 
	margin-right: 15px; 
	margin-bottom: 15px;
}

.grandTitlePanel
{
	font-family: "Franklin Gothic Demi Cond";
	font-size: 26px;
	font-weight: bold;
	color: #DDEAF4;
	clear: both;
	height: 45px;
}

.grandTitleColored
{
	color: #FF6600;
}

.grandTitlePanel a
{
    text-decoration: none;
    color: #B9D3E8;
}

.grandTitlePanel a:hover
{
    text-decoration: underline;
    color: #B9D3E8;
}

.packGrandTitle
{
	font-size: 16px;
	font-weight: bold;
}

.packFrontPanelHeader
{
	float: left; width: 297px;
}

.packFrontPanel
{
	float: left; width: 297px; height: 785px; 
	background-color: #F0F0F0;
	color: #333333;
	overflow: hidden;
}

.hotelFrontPanel
{
	float: left; background-color: #F8F8F8; width: 674px; height: 785px; 
	overflow: hidden;
}

.hotelFrontPanelLeft
{
	float: left; border-right-style: dotted; border-right-width: 2px; 
	border-right-color: #666666; width: 335px;}
    
.hotelFrontPanelRight {float: left; width: 335px;} 
   
.publicityPanel {float: left; background-color: #F9F9F9; width: 100%;}    

.packFrontPanel a, .frontHotelListRightPanel a
{
	text-decoration: none;
	color: #333333;
}

.packFrontPanel a:hover, .frontHotelListRightPanel a:hover
{
	text-decoration: underline;
	color: #333333;
}

.frontHotelListRightPanel
{
	float: left;
	color: #333333;
}

.titleWithBG
{
	background-color: #F0F0F0;
	border: none;
	height: 24px;
	font-weight: bold;
	font-size: 16px;
	padding-top: 4px;
}

.rowHeader
{
    font-weight: bold;
    font-size: 12px;
    color: #7d6421;
    text-align:right;
}

.loadIndicator
{
	background: url(Images/loadingFlowerBlack.gif) no-repeat center center;
}

.withBorder
{
	border: 1px solid #CECECE;
}

.webConfig
{
	margin: 20px 40px 10px 40px;
}

.webConfig span
{
	float: left;
	text-align: left;
	width: 250px;
}

.webConfig input
{
	float: left;
	text-align: left;
	width: 350px;
}



.button
{
	border: solid 1px #746f6b;
	font-size: 12px;
	cursor: pointer;
	background-color: #E9E9E9;
	text-align: center;
}

.grid_container table
{
	background-color: White;
	border-collapse: collapse;
	border: solid 1px #999999;
	color: #000000;
	width: 100%;
	padding:0;
	margin:0;
}

.grid_container table th
{
	font-weight: bold;
	background-color: #E9E9E9;
}

.grid_container table tr td.data_pager
{
	text-align: center;
	border: solid 1px #999999;
}

.data_form
{
	width: 500px;
	overflow: hidden;
}

.data_form ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.data_form ul li
{
	text-align: left;
	margin-bottom: 4px;
	clear: both;
}

.data_form ul li span
{
	float: left;
	width: 100px;
	margin-right: 4px;
}

.data_form ul li input
{
	width: 270px;
	font-size: 12px;
	float: left;
}

.data_form ul li textarea
{
	width: 270px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	height: 100px;
}

.data_form ul li input.button
{
	border: solid 1px #746f6b;
	font-size: 12px;
	cursor: pointer;
	margin-right: 10px;
}

.poll_legend_container
{
	border: solid 1px #E9E9E9;
	clear: both;
	padding: 4px;	
}

.poll_legend_container .poll_item
{
	width: 12px;
	height: 12px;
	margin-right: 4px;
	float: left;	
	border-style:outset;
	border-width: 1px;
	border-color: White;
	color: White;
}

.poll_result_container
{
	border: solid 1px #E9E9E9;
	clear: both;
	padding: 4px;
	font-size: 11px;
}

.poll_result_container .poll_item
{
	height: 26px;
	clear: both;	
	border-style:outset;
	border-width: 1px;
	border-color: White;
	color: White;
	text-align: right;
	padding-top: 4px;
	vertical-align: middle;
	padding-right: 4px;
}