/* This first entry removes all the default borders
   and padding, so that we start from scratch.

I have removed the following from being stripped of
their attributes:
blockquote, ol, ul, li
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/* GENERAL DEFINITIONS */

body { 
  font-family:	Calibri, Lucida Sans Unicode, Arial, Sans-Serif;
  font-size:	small;
  margin:	0px;
  padding:	0px;
  background-color: #f5f5f5;	
  }

table {
  border-collapse: collapse;
  padding: 0px 0px;
  margin: 0;
  background-color: white;
  }

	
h1 {
  font-size: 50px;
  color: black;
  height: 100px;
  padding: 10px 0px 10px 20px;
  margin-top: 0;
  }

input.btn {   
  font: bold 80% Calibri, Lucida Sans Unicode, Arial, Sans-Serif;
  margin-top: 10px;
  } 

input.bigbtn {   
  font: bold 100% Calibri, Lucida Sans Unicode, Arial, Sans-Serif;
  font-size: 100%;
  text-transform: uppercase;
  background-color: #e0e0e0; 
  border-color: #c0c0c0 #777777 #777777 #c0c0c0; 
  filter:progid:DXImageTransform.Microsoft.Gradient   
  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='silver');  
  margin: 10px 0px 20px 0px; 
  } 

span.required {
  color: red;
  font-weight: bolder;

  }

/* =================================================== */
/* CLASS DEFINITIONS */ 

.ShowNameStyle {
  font-size: 40px;
  font-weight: normal;
  text-align: center;
  height: 50px; 
  } 

.ShowLocationStyle {
  font-size: 30px;
  font-weight: normal;
  text-align: center;
  color: #474747;
  } 

.ShowDateStyle {
  font-size: 30px;
  font-weight: normal;
  text-align: center;
  color: #474747;
  height: 50px; 
  } 

.Indented {
    margin-left: 40px;
  }

.Validation {
    margin: 0px 0px 20px 20px;
  }

/* mainlayout defines styles for the class applied to the primary table 
   used to layout the sidebar/content <div>s */

table.mainlayout {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 1000px;
  background-color: white;
 }

.mainlayout h2 {
  font-size:        140%;
  color:            white;
  background-color: #474747;
  padding:          10px 0px 10px 20px;
}

.mainlayout td {
  padding: 0; /* must stay 0 for header backgrounds to fill in completely */
  vertical-align: top;
  border-bottom: 0px;
  }

/* mainheading, decosquare, and linedivider define the values 
   to the colored headings, borders & content divider lines */

.mainheading {
  border-top: 6px solid silver;
  }

.decosquare {
  border-right: 45px solid;
  text-transform:  uppercase;
  }

h2.decosquare2 {
  padding:          10px 20px 10px 20px;
  margin:           20px 0px 0px 0px;
  text-transform:   uppercase;
  }

.linedivider {
    border-right: 6px solid silver;
    width: 140px;
    }
    
  
/* content area styles for the main section of the page 
   which changes on user actions */

.contentarea h2 {
  padding-left: 30px;
  margin:	0px 0px 20px 0px;
}  

.contentarea h3 {
  font-size:	100%;
  padding:	20px 20px 20px 30px;
  text-transform: uppercase; 
}

#PrefSection h3 {
  padding:	0px 20px 0px 0px;
}

#PrefSection h4 {
  padding:	0px 20px 20px 0px;
  font-weight: 	bold;
}

#BlockRoomsSection h4 {
  padding:	0px 20px 20px 30px;
  text-transform: uppercase; 
}  

.contentarea hr {
  width:	95%;
  margin:	20px 0px 20px 20px;
  }  

.contentarea p { 
  font-size:        100%;  /* font-size for most of main content */
  padding:          0px 65px 20px 30px;
  margin-top:       -5px;
  line-height:     1.5em;
  }

.TextEntryBox {
  font-family:	Calibri, Lucida Sans Unicode, Arial, Sans-Serif;
  line-height: 1.5em; 
  }
  
.contentarea table {
  margin-left: 30px;
  }

h3.ReviewConf {
  font-size: 150%;
  }
  
/* dataform class is applied to tables/divs that contain data entry fields */
  

td.formfieldlabel {
  text-align: left;
  padding: 5px 5px 0px 0px;
  }
  
td.formfieldcontrol {
  padding: 5px 20px 0px 0px;
  }
  
  
/* hotellistheading and hotellistdetails for hotel and room list styles */

.hotellistheading {
  font-size:        100%;
  text-transform:   uppercase;
  line-height:      1em;
  }


hr.HotelDivider {
  width:	100%;
  margin:	0px 0px 15px 0px;
  }
  
.hotellistheading th {
  color:            black;
  font-weight:      bold;
  vertical-align:   bottom;
  border-bottom:    0px;
  padding:          3px 5px 3px 5px;
  text-transform:   uppercase;
  line-height:      1em;
  background-color: silver;
  }

.hotellistheading td {
  font-size:        100%;
  padding:          3px 5px 3px 5px;
  border-bottom:    0px;
  }

span.HotelAddress {
  font-size:        80%;
  font-weight:      normal;
  color:            black;
  text-transform:   capitalize;
  }

span.HotelNote {
  font-size:        80%;
  font-weight:      bold;
  color:            black;
  text-transform:   none;
  }

span.HotelCancelPolicy {
  font-size:        80%;
  font-weight:      bold;
  color:            black;
  text-transform:   none;
  }

span.HotelDetailsLink {
  font-size:        80%;
  font-weight:      normal;
  color:            black;
  text-transform:   none;
  text-align:	    right;
  }

a.HotelDetailsLink:link {
  color: black;
  text-decoration: underline;
  }

a.HotelDetailsLink:hover {
  color: blue;
  text-decoration: underline;
  }

.hotellistdetails {
  font-size:        80%;
  font-weight:      normal;
  color:            black;
  text-transform:   none;
  padding: 0px 5px 0px 0px;
  }

table.hotellistdetails {
  padding:  0px 0px 0px 0px;
  margin:   0px 0px 0px 0px;
  }
  
th.hotellistdetails {
  background-color: silver;
  vertical-align: bottom;
  padding: 2px 3px 0px 3px;
  }
  
td.hotellistdetails {
  font-weight:   normal;
  padding:       0px 2px 0px 2px;
  border-bottom: 1px solid silver;
  border:        0px dotted silver;
  }

.hotellistdetails hr {
  width:            95%;
  } 

#ratecell {
  text-align:  center;
  }

*.flushleft {
  padding-left: 0px;
  margin-left: -20px;
  }

*.alignright {
  text-align:    right; 
  padding-right: 10px;
  }

*.alignleft {
  text-align:    left; 
  }

*.aligncenter {
  text-align: center; 
  }

*.details {
  font-size:        80%;
  }

*.nopadding {
  padding: 0px 0px 0px 0px;
  }

.keynote {
  font-size: 80%;
  font-style: normal;
  font-weight: normal;
  color: red;
  }

p.fineprint {
  font-size:	75%;
  padding-top: 10px;
  } 

span.fineprint {
  font-size:	75%;
  } 

table.RsvnSummary {
  margin: 0px 20px 0px 30px;
  }

.smaller {
  font-size: 80%;
  font-weight: normal;
  }

.smallerMixedCase {
  font-size: 80%;
  font-weight: normal;
  text-transform: lowercase;
  }


/* Terms selectors.  These are used on the Terms & Conditions
   and Privacy Pages only */

.terms p {  /* for Terms of Use and Privacy pages */
  font-size:        100%;  
  padding:          10px 60px 0px 60px;
  margin-top:       -5px;
  line-height:      1.2em;
  }

.terms h3 {
  font-size:        125%;  
  font-weight:	    bold;
  padding:          40px 60px 0px 60px;
  margin-top:       -5px;
  line-height:      1.5em;
  }

.terms h4 {
  padding:          20px 40px 0px 40px;
  }

.terms td {
  padding:          0px 20px 0px 20px;
  margin-top:       -5px;
  line-height:      1.5em;
  }

.buttoncell th, td {
  margin-left: 350px;
  }
  
a.customlink:link {
  color: black;
  text-decoration: underline;
  }
a.customlink:visited {
  color: black;
  text-decoration: underline;
  }
a.customlink:hover {
  color: blue;
  text-decoration: none;
  }


a.blacklink:link {
  color: black;
  text-decoration: none;
  }
a.blacklink:visited {
  color: black;
  text-decoration: none;
  }
a.blacklink:hover {
  color: blue;
  text-decoration: underline;
  }

.RoomBlockGrid table {
  table-layout: auto;
  padding-right: 0px;
  margin-right: 0px;
  border-left: solid 1px #474747;
  border-right: solid 1px #474747;
  border-bottom: solid 1px #474747;
  border-top: solid 2px #474747;
  }

.RoomBlockGrid th {
  font-weight: bold;
  font-size: 80%;
  }

.RoomBlockGrid td {
  font-size: 80%;
  }

td.ConfirmListPrimary {
  border-left: solid 1px #474747;
  border-right: solid 1px #474747;
  border-bottom: solid 1px #474747;
  border-top: solid 2px #474747;
  }

#RoomingListTable table {
  padding:  0px 0px 0px 0px;
  margin:   0px 0px 0px 0px;
  }

#BookingStatus {
  color: red; 
  font-weight: bold; 
  padding-right: 100px
  }
  
#EmptyGridWarning {
  color: red; 
  font-weight: bold; 
  padding-right: 100px
  }


/* =================================================== */
/* IDENTIFIER DEFINITIONS */

#header {
  margin: 20px 0px 0px 0px;
  }

#header table {
  border-top: 6px solid silver;
  padding: 0px;
  background-color: white;
  }

#header td {
    padding: 0px;
    border-bottom: 0px;
    }
    
#footer table {
  padding: 		0px;
  margin: 		0px 0px 20px 0px;
  background-color: white;
  margin-left: 	auto;
  margin-right: auto;
  border-bottom: 6px solid silver;
  } 

#footer td {
  font-size:	75%;
  padding: 	0px 2px 0px 2px;
  vertical-align: top;
  text-align:	left; 
  } 


  
/* status bar related styles */

#statusbar {
  width:            200px;
  margin:           auto;
  border:           1px solid;
  padding-bottom:   5px;
  }


/* sidebar & statusbar styles */
 
#sidebar {
  text-align: center;
  width: 240px;
  }

#statusbar {
  margin: 20px 0px 20px 0px;
  }

#statusbar hr {
  width:            95%;
  }

#statusbar h3 {
    font-size:        100%;
    color:            white;
    text-align:       center;
    padding:          5px 0px;
    margin:           0px;
    text-transform:   uppercase;
    font-style:       normal;
    }

#statusbar h4 {
    font-size:        90%;
    text-align:       left;
    margin:           10px 0px 0px 5px;
    }

#statusbar table {
    width:            200px;
    border: thin;
    }

#statusbar th, #statusbar td {
    font-size:        80%;
    padding:          5px;
    line-height:      0.8em;
    border-bottom:    10px;
    }


#statusbar th {
    font-weight:      normal;
    text-align:       left;
    width:	      60px;
    font-weight:      normal;
    }

#statusbar td {
    text-align:       left;
    border-bottom:    0px;
    }

#sidemenu img {
  margin: 10px 0px 10px 0px;
  }

#RsvnHomeSection p {
  font-size:        100%;
  line-height:      1.5fem;
  padding-top:      20px;
  padding-bottom:   10px;
  padding-left:     0px;
  }

#RsvnHomeSection h3 {
  font-size:        100%;
  font-weight:      bold;
  text-transform:   uppercase;   
  padding-bottom:   0px;
  padding-left:     0px;
  margin-bottom:    0px;
  }

#RsvnHomeSection h4 {
  font-size:        100%;
  padding-bottom:   10px;
  margin-left:      0px;
  }
  
a#RsvnHomeSection:link {
  color: red;
  text-decoration: underline;
  }

a#RsvnHomeSection:hover {
  color: blue;
  text-decoration: underline;
  }

#RsvnHomeSection ul {
  list-style-type: square;
  margin-left:      20px;
  }

#SearchDatesSection table {
  margin-top: -0px;
  margin-bottom: 20px;
  }
  
#RsvnConfirmSection hr {
  width:            95%;
  } 

.highlight {
  font-weight: bold;
  font-size: 120%
  }

#CreateNewRsvnLink {
  text-transform:   none;
  text-decoration: none;
  text-decoration: underline;
  padding: 0px 0px 10px 0px;
  }

#CreateNewRsvnLink:hover {
  text-transform:   none;
  text-decoration: underline;
  }


#hotelinfopage ul {
  list-style-type: disc;
  }

.hname {
  font-size:        130%;
  text-transform:   uppercase;
  line-height:      1em;
  }

#hotelinfopage th {
  text-align:       left;
  font-size:        120%;
  text-transform:   uppercase;
  line-height:      1em;
  font-weight:      bold;
  }

#DepositSection td{
  padding: 3px 20px 0px 0px;
  text-align: left;
  }

#DepositSection table{
  margin-top: 5px;
  }
 
#DepositSection  h3 {
  font-size:	100%;
  padding:	0px 20px 0px 30px;
  text-transform: uppercase; 
}



/* ============== END OF CSS DEFINITIONS ============= */

/* DEBUG NOTE STYLE; this is used for parts of the code where
   Richard needs to communication an aspx change to Luis, or
   vise versa. */

span.debug {
  color: red;
  text-transform: uppercase;
  font-weight: bold;
  }