/* Style up some of the tags for every where */
#hotelresLogo h1 {
      font-family: Arial, sans-serif;
      font-size: small;
      margin: 3px;
      }

#hotelresLogo h2 {
      font-family: Arial, sans-serif;
      font-size: small;
      margin: 3px;
      }

h3 {
      font-family: Arial, sans-serif;
      font-size: medium;
      margin: 3px;
      }

body {
        font-family: Arial, sans-serif;
        font-size: small;
        margin: 3px;
         background-color: #e6e2d9 
		/* background-color: #02153C; */
}

table {
         border-style: none;
}

 A:link  {text-decoration: none; color:#0000cc}
 A:visited{text-decoration: none; color:#0000cc}
 A:active {text-decoration: none; color:#0000cc}



/* Some font styles to use */

.label {
        font-family: Arial, sans-serif;
        font-size: small;
        font-weight: bold
}

.redLabel{

        font-family: Arial, sans-serif;
        font-size: small;
        color: #a00033;
}


.finePrint {
        font-family: Arial, sans-serif;
        font-size: xx-small;
        margin: 3px;
}


.warning {
        font-family: Arial, sans-serif;
        font-size: medium;
        font-weight: bold;
        color: #ff0000;
}

.error{
        font-family: Arial, sans-serif;
        font-size: small;
        font-weight: bold;
        color: #ff0000;
}

th.error{
       background-color: #ff0000;
       font-family: Arial, sans-serif;
       font-size: small;
       font-weight: bold;
       color: #000000;
}

.big {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: x-large;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
}

.rate {
        font-family: Arial, sans-serif;
        font-size: x-small;
}




/*create the hotFrame class for the border frame */
.hotFrame {
         font-family: Arial, sans-serif;
         font-size: small;
         font-weight: bold;
         background-color: #e6e2d9;
         margin: 3px;
		 /*width: 800px;*/
}

.hotFrame A:link  {
        font-family: Arial, sans-serif;
        font-size: small;
        text-decoration: none;
        color:#0000cc
}
.hotFrame A:visited{
        font-family: Arial, sans-serif;
        font-size: small;
        text-decoration: none;
        color:#0000cc
}

.hotFrame table{
        padding-bottom: 3px;
        border-style: none;
        border-collapse: collapse;  
}

/* the normal class */

.normal {
        font-family: Arial, sans-serif;
        font-size: small;
        font-weight: normal;
        margin: 3px;
        background-color: #ffffff
}


.normal A:link  {
        font-family: Arial, sans-serif;
        font-size: small;
        text-decoration: none;
        color:#0000cc
}
.normal A:visited{
        font-family: Arial, sans-serif;
        font-size: small;
        text-decoration: none;
        color:#0000cc
}

.normal table{
        padding-bottom: 3px;
        border-style: none;
        border-collapse: collapse;
}

.normal th{
font-family: Arial, sans-serif;
        font-size: small;
        font-weight: bold
}


/*the bubble on the google map */
.bubble {
        font-family: Arial, sans-serif;
        font-size: x-small;
}

.bubble A{
        font-family: Arial, sans-serif;
        font-size: small;
        font-weight: bold;
        color:#0000cc;
        text-decoration: underline;
        }

/* the navigation area */
.nav {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: small;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
}

.nav A:link  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.nav A:hover {
   color: #FFFFFF;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
   font-weight: bold;
   text-decoration: none;
}

/* List of links on left hand column */
.linkList {
         font-family: Arial, sans-serif;
         font-size: small;
         font-weight: bold;
         background-color: #e6e2d9;
         margin: 3px;
}

.linkList A:link  {
        font-family: Arial, sans-serif;
        font-size: small;
        font-weight: normal;
        text-decoration: none;
        color:#0000aa
}
.linkList A:visited {
        font-family: Arial, sans-serif;
        font-size: small;
        font-weight: normal;
        text-decoration: none;
        color:#0000aa
}


/*the tooltip on the google map */

div.markerTooltip, div.markerDetail {
	    text-align:  center;
	    white-space: nowrap;
	    margin:      0px;
	    padding:     2px 0.5ex;
	    border:      2px solid #fff;
	    font-weight: bold;
	    font-family: Verdana;
	    font-size:   x-small;
	    background:  #000;
        color:       #ff8;
	}

/* the date picker on the map page */
div.mapdatepickerpanel {
	   background-color: #eeeeee;

	}
div.mapdatepickerpanel TD {
	   color: #000000;
	   font-family: Verdana, Arial;
	   font-size: small;
	   font-weight: bold;

	}

div.mapdatepickerpanel TD SELECT {
       color: #000000;
	   font-family: Verdana, Arial;
	   font-size: x-small;
	   font-weight: normal;
	   z-Index: 0;
	}

	/* The Search page */
.search {
         font-family: Arial, sans-serif;
         font-size: small;
         font-weight: normal;
         background-color: #ffffff;
         margin: 3px;
}

.searchsmall {
         font-family: Arial, sans-serif;
         font-size: x-small;
         font-weight: normal;
         background-color: #ffffff;
         margin: 3px;
}

.search A:link  {
        font-family: Arial, sans-serif;
        font-size: small;
        font-weight: normal;
        text-decoration: none;
        color:#0000aa
}
.search A:visited {
        font-family: Arial, sans-serif;
        font-size: x-small;
        font-weight: normal;
        text-decoration: none;
        color:#0000aa
}

.calendar {
font-family: Arial, sans-serif;
         font-size: small;
         font-weight: normal;
         background-color: #e2e2e2;
         margin: 3px;
}

.calendar.small {
         font-family: Arial, sans-serif;
         font-size: x-small;
         font-weight: normal;
         background-color: #ffffff;
         margin: 3px;
}

.calendar A:link  {
        font-family: Arial, sans-serif;
        font-size: x-small;
        font-weight: normal;
        text-decoration: none;
        color:#0000aa
}
.calendar A:visited {
        font-family: Arial, sans-serif;
        font-size: x-small;
        font-weight: normal;
        text-decoration: none;
        color:#0000aa
}

.calendarHeader{
         font-family: Arial, sans-serif;
         font-size: small;
         font-weight: bold;
         margin: 3px;
}

.calendarHeader tr{
        background-color: #D0D0D0;
}

/* Begin Busy Dates */

TABLE.busydates TH {
		font-family: Arial, Verdana, Helvetica;
		font-size: 13px;
		font-weight: bold;
		color: #990000;
	}

TABLE.busydates TD {
		font-family: Arial, Verdana, Helvetica;
		font-size: 12px;
		font-weight: bold;
		vertical-align: top;
		text-align: center;
	}

TABLE.busydates TR.topline {
		/* background-image: url("../images/topline_backgr.gif"); */
		background-repeat: no-repeat;
	}

TABLE.busydates TR.middleline {
		/* background-image: url("../images/middleline_backgr.gif"); */
	}

TABLE.busydates TR.bottomline {
		/* background-image: url("../images/bottomline_backgr.gif"); */
	}

/* End Busy Dates */

/* Begin Events */
TABLE.events {
	background: white url("../images/events_backgr.jpg") no-repeat bottom;
	background-position: top;
}

TABLE.events TR.middleline TABLE {
    width: 100%;
}

TABLE.events TH {
		font-family: Arial, Verdana, Helvetica;
		font-size: 16px;
		font-weight: bold;
		color: #990000;
	}

TABLE.events TD {
		font-family: Arial, Verdana, Helvetica;
		font-size: 12px;
		font-weight: bold;
		vertical-align: top;
		text-align: left;
	}

TABLE.events SPAN.title {
		color: #16B4D4;
	}
	
TABLE.events SPAN.what {
	color: #38558E;
	font-style: italic;
	font-size: 13px;
}
TABLE.events SPAN.where {
	color: #555555;
	font-size: 10px;
}

TABLE.events .when {
	font-size: 11px;
}

TABLE.events TR.topline {
		/* background-image: url("http://www.hotelres.com/images/topline_backgr.gif"); */
	}

TABLE.events TR.middleline {
		/* background-image: url("http://www.hotelres.com/images/middleline_backgr.gif"); */
	}

TABLE.events TR.bottomline {
		/* background-image: url("http://www.hotelres.com/images/bottomline_backgr.gif"); */
	}


/* End Events */

/* Begin Featured Hotels */

div.featured_hotelname {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 16px;
	font-weight: bold;
}

div.featured_hoteldescription {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 12px;
}

div.featured_ratesfrom {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 13px;
	font-weight: bold;
}

TABLE.featured_hotelbox {
	border: 1px solid;
	border-collapse: separate;
	background-color: #DDDDDD;
}

/* End Featured Hotels */

/* Begin Left Menu */
		BODY.tundra .dijitAccordionTitle {
			background-image: url(../images/leftMenuAccordionItemBackgr.jpg);
		}		
		.dijitAccordionContainer  {
			font-size: 14px;
			font-family: Arial;
			font-style: italic;
			
		}
		BODY.tundra .dijitAccordionTitle-selected {
			color: #003399;
		}
		BODY.tundra .dijitAccordionContainer-dijitContentPane {
			overflow-x: hidden;
			background-color: #E6E2D9;
		}
		UL {
			list-style-image: url(../images/leftMenuBullet.png);
			margin-bottom: 20px;
		}
		LI {
			margin-bottom: 10px;
		}
		#leftSideTempCover {
			width: 185px;
			height: 1200px;
			background-color: #E6E2D9;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 100;
		}
		.hideWhileDojoLoading , .noshow {
			display: none;
		}
/* End Left Menu */

/* Special Bargains begin */
.hotframe .sb_normal TABLE {
	border-collapse: separate;
	border-style: solid;
	border-width: 1px;
}
/* Special Bargains end */