/*

2940Brownstone.com

Solich Brownstone Reservation Tool



Global styling



Karl Glasgow

2008.07

*/





/* Elemental base styles */

body {

	padding: 0px;

	margin: 0px;

	background: #FFFFFF url(../images/bkgrd_page_5w905h.jpg) repeat-x top;

	background-color: #FFFFFF;

	text-align: center;

}

form {

	padding: 0px;

	margin: 0px;

}

body, 

table {

	color: #000000;

	font-family: Arial;

	font-size: 11px;

}

div { 

	text-align: left;

}



input, 

select, 

textarea {

	/*border: solid 1px #CCCCCC;*/

	border: none;

	color: #000000;

	font-size: 11px;

}





/* Input field styling options */

input.Inactive {

	color: #989898;

}

input.Active {

	color: #000000;

}

input.RadioButton {

	border: none;

}





/* Overall page style */

div.Page {

	width: 920px;

	margin: 0px auto;

	text-align: center;

}



/* Page layout */

table.Layout {

    width: 920px;

    background: url(../images/bkgrd_content_920w50h.gif) repeat-y center;

}

table.Layout td {

    padding: 0px;

    /*text-align: center;*/

}

table.Layout td.Banner {

    height: 15px;

    background: url(../images/banner_900w15h.jpg) no-repeat center top;

}

table.Layout td.Banner img {

    width: 900px;

    height: 15px;

}

table.Layout td.Menu {

}

table.Layout td.Header {

	text-align: center;

	vertical-align: top;

}

table.Layout td.Heading {

    padding: 25px 0px 15px 50px;

    text-align: left;

}

table.Layout td.Heading div.TextHeading {

    color: #601902;

    font-family: Palatino Linotype;

    font-size: 20px;

    letter-spacing: 3px;

    font-weight: bold;

    text-transform: uppercase;    

}

table.Layout td.Heading div.TextHeading b {

	margin: 0px 1px;

    font-size: 24px;

    font-weight: bold;

}

table.Layout td.Content {

	padding: 10px 25px 15px 25px;

    background: url(../images/bkgrd_content_920w191h.png) no-repeat center bottom;

}

table.Layout td.Content table.InnerLayout {

    width: 100%;

    background-color: #EEE8E0;

}

table.InnerLayout td.Copy, 

table.InnerLayout td.LargeCopy, 

table.InnerLayout td.Photo, 

table.InnerLayout td.LeftCopy,

table.InnerLayout td.RightCopy {

	padding: 15px;

    text-align: left;

    vertical-align: top;

}

table.InnerLayout td.SubCopy 

{

    text-align: left;

    vertical-align: top;

}

table.InnerLayout td.LeftCopy {

	background-color: #EEE8E0;

}

table.InnerLayout td.RightCopy {

	background-color: #D7D1C1;

	background: #D7D1C1 url(../images/bkgrd_Confirm_321w196h.gif) no-repeat center bottom;

}

table.InnerLayout td.Copy span.MinorHeading, 

table.InnerLayout td.LeftCopy span.MinorHeading, 

table.InnerLayout td.RightCopy span.MinorHeading {

	color: #6F1200;

	font-weight: bold;

}



table.Layout td.Content table.InnerLayout td.Photo {

	padding-top: 18px;

}

table.Layout td.ContentEdge {

	height: 10px;

	padding: 0px;

    background: url(../images/bkgrd_content_edge_920w10h.png) no-repeat center bottom;

}





/* General copy styling */

.Copy {

	font-size: 11px;

	line-height: 16px;

}

.LargeCopy {

	font-size: 14px;

	line-height: 22px;

}



.ParagraphHeading {

	color: #6F1200;

	font-size: 11px;

	font-weight: bold;

}



a.Link {

	font-size: 12px;

	line-height: 15px;

	color: #000000;

	text-decoration: underline;

}

a.Link:hover {

	color: #6F1200;

	text-decoration: underline;

}



a.URL {

	color: #6F1200;

	text-decoration: none;

}

a.URL:hover {

	color: #6F1200;

	text-decoration: underline;

}





/* Bulleted and ordered listings */

ul.List {

	margin: 5px 0px 0px 5px;

	padding: 0px;

}

ul.List li {

	list-style: none;

	background: url(../images/bullet_round_7w7h.png) no-repeat left 4px;

	padding-left: 12px;

	line-height: 1.4em;

}

ul.List li a, 

ol.List li a {

	color: #000000;

	text-decoration: none;

}

ul.List li a:hover, 

ol.List li a:hover {

	color: #000000;

	text-decoration: underline;

}

ol.List {

	list-style: decimal outside;

}

ol.List li {

}

ul.List li {

	margin-bottom: 1px;

	padding-left: 20px;

}





/* Footer style */

div.Footer {

	padding: 0px 10px 30px 10px;

	color: #000000;

	font-size: 11px;

}





/* Hover-layer messaging */

div#Message {

	display: none;

	position: absolute;

	top: 0px;

	left: 0px;

	width: 400px;

	padding: 15px 20px;

	border: solid 2px #C9BE9D;

	background-color: #3F2F19;

	text-align: left;

	color: #FFFFFF;

	font-size: 12px;

	font-family: Palatino Linotype;

}

div#Message b {

	font-family: Palatino Linotype;

	color: #FFFFFF;

	font-size: 18px;

	font-weight: normal;

}

div#Message div.Action {

	padding-top: 20px;

	text-align: right;

	font-family: Arial;

	font-size: 12px;

	text-transform: uppercase;

}

div#Message div.Action a {

	color: #C9BE9D;

	text-decoration: none;

}

div#Message div.Action a:hover {

	color: #FFFFFF;

	text-decoration: none;

}





/* Page menu */

div.Menu {

	margin: 0px 10px;

}

table.Menu {

	width: 900px;

	background-color: #FFFFFF;

}

table.Menu td.Header {

	height: 15px;

	padding: 0px;

}

table.Menu td.Options {

	height: 41px;

	padding: 0px 20px;

	text-align: center;

	vertical-align: middle;

}

table.Menu table.Options th {

	padding: 0px 12px;

	background: url(images/separator_2w11h.gif) no-repeat center middle;

	text-align: center;

}

table.Menu table.Options th img {

	width: 2px;

	height: 11px;

	border: none;

}

table.Menu table.Options td {

	padding: 0px;

	text-align: center;

	font-size: 12px;

	font-weight: normal;

	white-space: nowrap;

}

table.Menu table.Options td a {

	color: #8C8C8C;

	text-decoration: none;

}

table.Menu table.Options td a:hover, 

table.Menu table.Options td.Selected a, 

table.Menu table.Options td.Selected a:hover {

	color: #601902;

	text-decoration: none;

}

table.Menu table.Options td.Logout {

	padding-left: 30px;

	text-align: right;

}



table.SubMenu {

	float: right;

	background-color: #FFFFFF;

}

table.SubMenu td.Header {

	height: 15px;

	padding: 0px;

}

table.SubMenu td.Options {

	padding: 0px 20px;

	text-align: center;

	vertical-align: middle;

}

table.SubMenu table.Options th {

	padding: 0px 12px;

	background: url(images/separator_2w11h.gif) no-repeat center middle;

	text-align: center;

}

table.SubMenu table.Options th img {

	width: 2px;

	height: 11px;

	border: none;

}

table.SubMenu table.Options td {

	padding: 0px;

	text-align: center;

	font-size: 12px;

	font-weight: normal;

	white-space: nowrap;

}

table.SubMenu table.Options td a {

	color: #8C8C8C;

	text-decoration: none;

}

table.SubMenu table.Options td a:hover, 

table.SubMenu table.Options td.Selected a, 

table.SubMenu table.Options td.Selected a:hover {

	color: #601902;

	text-decoration: none;

}

table.SubMenu table.Options td.Logout {

	padding-left: 30px;

	text-align: right;

}





table.Layout td.Content table.InnerLayout table.Thumbnails {

	width: auto;

}

table.Layout td.Content table.InnerLayout table.Thumbnails td {

	padding: 8px;

}

table.Layout td.Content table.InnerLayout table.Thumbnails div.Thumbnail {

}

div.Thumbnail img {

    width: 80px;

    height: 80px;

    border: none;

}





/* Form styling */

div.InnerLayout {

	padding: 10px;

    background-color: #EEE8E0;

}



table.Form {

}

table.Form td.SectionHeading, 

span.SectionHeading {

	color: #666666;

	font-size: 12px;

	font-weight: bold;

	text-align: left;

	white-space: nowrap;

}

table.Form td.Prompt {

	padding-bottom: 2px;

	padding-right: 5px;

	color: #666666;

	font-size: 11px;

	text-align: right;

	white-space: nowrap;

}

table.Form td.Field {

	padding-bottom: 2px;

	padding-right: 5px;

	text-align: left;

}

table.Form td.Field input,

table.Form td.Field textarea, 

table.Form td.Field select {

	width: 350px;

	border: solid 1px #CCCCCC;

	font-size: 11px;

}

table.Form td.Field textarea {

	width: 350px;

	height: 100px;

	border: solid 1px #CCCCCC;

}

table.Form td.SubForm {

	text-align: left;

}

table.Form select {

	border: solid 1px #CCCCCC;

	font-size: 11px;

}



table.GolfForm, 

table.TennisForm, 

table.BillingForm {

	width: 100%;

}

table.GolfForm td, 

table.TennisForm td, 

table.BillingForm td {

	padding: 2px;

}

table.GolfForm td.Prompt, 

table.TennisForm td.Prompt, 

table.BillingForm td.Prompt {

	padding: 2px 5px;

	text-align: left;

	color: #666666;

	font-size: 11px;

	white-space: nowrap;

}

table.GolfForm td.Field, 

table.TennisForm td.Field {

	text-align: right;

}

table.GolfForm td.Field input,

table.GolfForm td.Field textarea,

table.GolfForm td.Field select, 

table.TennisForm td.Field input, 

table.TennisForm td.Field textarea,

table.TennisForm td.Field select, 

table.BillingForm td.Field input, 

table.BillingForm td.Field textarea,

table.BillingForm td.Field select {

	border: solid 1px #CCCCCC;

	color: #000000;

	font-size: 11px;

}

table.BillingForm td.Icon {

	padding-right: 10px;

}

table.BillingForm td.Prompt {

	text-align: right;

}

table.BillingForm td.Field {

	padding-right: 0px;

	text-align: left;

}

Table.BillingForm td.Field input, 

Table.BillingForm td.Field textarea {

	width: 350px;

}

Table.BillingForm td.Field input.RadioButton {

	width: auto;

	border: none;

	background: none;

}



/* Stylized HR element (actual HR cannot be styled in a browser-compatible fashion */

div.HR {

	height: 2px;

	margin: 6px 0px 8px 0px;

	padding: 0px;

	border: none;

	border-top: solid 1px #000000;

	background-color: #FFFFFF;

	font-size: 1px;

}

div.HR2 {

	height: 1px;

	margin: 6px 0px 8px 0px;

	padding: 0px;

	border: none;

	border-top: solid 1px #000000;

	font-size: 1px;

}



a.MajorReset {

	color: #BE1E2D;

	font-size: 11px;

	text-decoration: none;

	text-transform: uppercase;

}

a.MajorReset:hover {

	color: #BE1E2D;

	font-size: 11px;

	text-decoration: underline;

	text-transform: uppercase;

}







/* Calendar styling */

table.Layout table.InnerLayout table.Calendar {

	border-bottom: solid 2px #FFFFFF;

	background-color: #FFFFFF;

}

table.Layout table.InnerLayout table.Calendar td {

	padding: 2px 5px;

	border: solid 1px #FFFFFF;

	text-align: center;

	font-size: 11px;

}

table.Layout table.InnerLayout table.Calendar td.Heading {

	border: none;

	background-color: #5C4D41;

	text-align: center;

	color: #FFFFFF;

	font-size: 13px;

	font-weight: bold;

}

table.Layout table.InnerLayout table.Calendar td.Control {

	padding: 3px 5px;

	margin: 0px;

	border: none;

	background-color: #5C4D41;

	text-align: right;

}

table.Layout table.InnerLayout table.Calendar td.Margin {

	width: 3px;

	padding: 0px;

	background-color: #FFFFFF;

}

table.Layout table.InnerLayout table.Calendar td.DayOfTheWeek {

	color: #606060;

	font-size: 11px;

}

table.Layout table.InnerLayout table.Calendar td.Blank {

	background-color: #FFFFFF;

}

table.Layout table.InnerLayout table.Calendar td.Past {

	background-color: #F2F0E5;

	color: #D0D0D0;

	text-decoration: line-through;

}

table.Layout table.InnerLayout table.Calendar td.Blocked,

table.Layout table.InnerLayout table.Calendar td.Unavailable {

	background-color: #959595;

	color: #CCCCCC;

}

table.Layout table.InnerLayout table.Calendar td.Available {

	background-color: #EDF2D2;

	color: #000000;

}

table.Layout table.InnerLayout table.Calendar td.Available a {

	color: #000000;

	text-decoration: none;

}

table.Layout table.InnerLayout table.Calendar td.Available a:hover {

	color: #000000;

	font-weight: bold;

	text-decoration: none;

}

table.Layout table.InnerLayout table.Calendar td.Requested {

	background: url(../images/bkgrd_cal_req_1w17h.gif) repeat-x;

	color: #FFFFFF;

	font-weight: bold;

}

table.Layout table.InnerLayout table.Calendar td.Requested a {

	color: #FFFFFF;

	font-weight: bold;

	text-decoration: none;

}

table.Layout table.InnerLayout table.Calendar td.Requested a:hover {

	color: #FFFFFF;

	font-weight: bold;

	text-decoration: none;

}

table.Layout table.InnerLayout table.Calendar td.Reserved {

	background-color: #959595;

	color: #CCCCCC;

}

table.Layout table.InnerLayout table.Calendar td.Reserved a {

	color: #FFFFFF;

	font-weight: bold;

	text-decoration: none;

}

table.Layout table.InnerLayout table.Calendar td.Reserved a:hover {

	color: #FFFFFF;

	font-weight: bold;

	text-decoration: none;

}

table.Layout table.InnerLayout table.Calendar td.Cleaning {

	background-color: #99CC99;

	color: #333333;

}



table.CalendarLegend td.Requested {

	width: 15px;

	background: url(../images/bkgrd_cal_req_1w17h.gif) repeat-x;

	color: #FFFFFF;

	font-weight: bold;

}

table.CalendarLegend td.Unavailable {

	width: 15px;

	background-color: #959595;

	color: #CCCCCC;

}

table.CalendarLegend td.Cleaning {

	width: 15px;

	background-color: #99CC99;

	color: #333333;

	font-weight: normal;

}



/* Reservation instructions */

div.Instruction {

	margin: 5px 0px 0px 0px;

	padding: 3px 10px;

	border: none;

	background: none;

}

div.Instruction span.Prompt {

	color: #000000;

	font-size: 11px;

	font-weight: bold;

}

div.ActiveInstruction {

	margin: 5px 0px 0px 0px;

	padding: 3px 8px;

	border: solid 1px #DCD9CB;

	background-color: #F1F1EB;

}

div.ActiveInstruction span.Prompt {

	color: #703745;

	font-size: 13px;

	font-weight: bold;

}

a.MinorReset {

	color: #BE1E2D;

	font-size: 11px;

	text-decoration: none;

}

a.MinorReset:hover {

	color: #BE1E2D;

	font-size: 11px;

	text-decoration: underline;

}

div.Instruction select, 

div.ActiveInstruction select {

	width: 35px;

	border: solid 1px #CCCCCC;

	background-color: #FFFFFF;

	color: #000000;

	font-size: 11px;

}



span.LargePrompt, 

div.LargePrompt {

	color: #666666;

	font-size: 11px;

	font-weight: bold;

	white-space: nowrap;

}





table.FootNotes {

}

table.FootNotes td {

	padding-right: 3px;

	color: #666666;

	font-size: 10px;

}







/* Reservations Manager - Past Reservations listing */

table.PastReservations {

	width: 675px;

	border: solid 2px #C9BE9D;

}

table.PastReservations td.Heading {

	padding: 5px;

	border-bottom: solid 2px #C9BE9D;

	background-color: #3F2F19;

	text-align: left;

	/*color: #601902;*/

	color: #FFFFFF;

	font-size: 13px;

	font-weight: bold;

}

table.PastReservations td {

	padding: 3px 5px;

	background-color: #FFFFFF;

	font-size: 11px;

}

table.PastReservations td a:hover {

	color: #601902;

	text-decoration: none;

}

table.PastReservations td.Id {

	width: 100px;

	padding-right: 20px;

}

table.PastReservations td.Id a {

	color: #999999;

	text-decoration: none;

}

table.PastReservations td.Name {

	width: 150px;

	color: #999999;

	padding-right: 20px;

}

table.PastReservations td.Name a {

	color: #000000;

	font-weight: bold;

	text-decoration: none;

}

table.PastReservations td.Dates {

}

table.PastReservations td.Dates a {

	color: #000000;

	font-weight: bold;

	text-decoration: none;

}

table.PastReservations td.Controls {

	padding-left: 20px;

	text-align: right;

	color: #601902;

	font-size: 11px;

	font-weight: bold;

}



/* Reservations Manager - Pending Requests listing */

table.PendingRequests {

	width: 675px;

	border: solid 2px #C9BE9D;

}

table.PendingRequests td.Heading {

	padding: 5px;

	border-bottom: solid 2px #C9BE9D;

	background-color: #3F2F19;

	text-align: left;

	/*color: #601902;*/

	color: #FFFFFF;

	font-size: 13px;

	font-weight: bold;

}

table.PendingRequests td {

	padding: 3px 5px;

	background-color: #FFFFFF;

	font-size: 11px;

}

table.PendingRequests td a:hover {

	color: #601902;

	text-decoration: none;

}

table.PendingRequests td.Id {

	width: 100px;

	padding-right: 20px;

}

table.PendingRequests td.Id a {

	color: #999999;

	text-decoration: none;

}

table.PendingRequests td.Name {

	width: 150px;

	color: #999999;

	padding-right: 20px;

}

table.PendingRequests td.Name a {

	color: #000000;

	font-weight: bold;

	text-decoration: none;

}

table.PendingRequests td.Dates {

}

table.PendingRequests td.Dates a {

	color: #000000;

	font-weight: bold;

	text-decoration: none;

}

table.PendingRequests td.Controls {

	padding-left: 20px;

	text-align: right;

	color: #601902;

	font-size: 11px;

	font-weight: bold;

}



/* Reservations Manager - Current and Upcoming Reservations listing */

table.UpcomingReservations {

	width: 675px;

	border: solid 2px #C9BE9D;

}

table.UpcomingReservations td.Heading {

	padding: 5px;

	border-bottom: solid 2px #C9BE9D;

	background-color: #3F2F19;

	text-align: left;

	/*color: #601902;*/

	color: #FFFFFF;

	font-size: 13px;

	font-weight: bold;

}

table.UpcomingReservations td {

	padding: 3px 5px;

	background-color: #FFFFFF;

	font-size: 11px;

}

table.UpcomingReservations td a:hover {

	color: #601902;

	text-decoration: none;

}

table.UpcomingReservations td.Id {

	width: 100px;

	padding-right: 20px;

}

table.UpcomingReservations td.Id a {

	color: #999999;

	text-decoration: none;

}

table.UpcomingReservations td.Name {

	width: 150px;

	padding-right: 20px;

}

table.UpcomingReservations td.Name a {

	color: #000000;

	font-weight: bold;

	text-decoration: none;

}

table.UpcomingReservations td.Dates {

}

table.UpcomingReservations td.Dates a {

	color: #000000;

	font-weight: bold;

	text-decoration: none;

}

table.UpcomingReservations td.Controls {

	padding-left: 20px;

	text-align: right;

	color: #601902;

	font-size: 11px;

	font-weight: bold;

}





table.GolfTeeTimes, 

table.TennisCourtRequests {

	width: auto;

}

table.GolfTeeTimes td, 

table.TennisCourtRequests td {

	padding: 0px 15px 5px 0px;

	text-align: center;

}

table.GolfTeeTimes td.ColumnHeading, 

table.TennisCourtRequests td.ColumnHeading {

	color: #000000;

	font-size: 11px;

	text-decoration: underline;

}

table.GolfTeeTimes input, 

table.TennisCourtRequests input {

	width: 55px;

	border: solid 1px #CCCCCC;

	font-size: 11px;

}

table.GolfTeeTimes input.RadioButton, 

table.TennisCourtRequests input.RadioButton {

	width: auto;

	border: none;

}





table.RadioButtons {

}

table.RadioButtons td {

	padding: 0px;

}



span.PolicyNote {

	/*font-weight: bold;*/

	font-style: italic;

}

span.PolicyNote em {

	color: #CC0000;

}



a.Button {

	width: 200px;

	padding: 3px 10px;

	border-top: solid 1px #FFEEDD;

	border-right: solid 2px #C9BE9D;

	border-bottom: solid 2px #C9BE9D;

	border-left: solid 1px #FFEEDD;

	background-color: #EEE8E0;

	color: #000000;

	font-size: 12px;

	font-weight: bold;

	white-space: nowrap;

	text-decoration: none;

}

a.Button:hover {

	border-top: solid 2px #C9BE9D;

	border-right: solid 1px #FFEEDD;

	border-bottom: solid 1px #FFEEDD;

	border-left: solid 2px #C9BE9D;

	color: #000000;

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

}

a.DeleteButton {

	width: 200px;

	padding: 3px 10px;

	border-top: solid 1px #601902;

	border-right: solid 2px #601902;

	border-bottom: solid 2px #601902;

	border-left: solid 1px #601902;

	background-color: #EEE8E0;

	color: #601902;

	font-size: 12px;

	font-weight: bold;

	white-space: nowrap;

	text-decoration: none;

}

a.DeleteButton:hover {

	border-top: solid 2px #601902;

	border-right: solid 1px #601902;

	border-bottom: solid 1px #601902;

	border-left: solid 2px #601902;

	color: #601902;

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

}



/*

Restriction notice styling

*/

span.Restrictions {

	color: #990000;

	font-size: 12px;

    font-weight: bold;

    text-transform: uppercase;

}



ul.GuestNames {

	padding: 0;

	margin-left: 20px;

	font-size: 11px;

	font-weight: 500;

	line-height: 1.5em;

}