html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
  /* this keeps text same size on tablets */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; 
}

body{
	margin: 0;
	padding: 0;
	color: #222;
	/*color: #521301;*/
	background: #d0d0d0 url(../images/noise.png) repeat;
}


img {
	border: none;
}

#marble {
	width: 100%;
	height: 45px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-image: url(https://www.frontdesq.com/images/top_band_bg.png);
	background-repeat: repeat;
	color: #000;
	position: fixed;
	z-index: 20000;
	top: 0px;
	background: #5c5c5c;
}

.main-content {
	margin-top: 70px;
}

#top_menu {
	position: relative;
	top: -17px;
	color: #222;
}

#top_menu_mobile {
	position: absolute;
	top: 25px;
	right: 10px;
	color: #222;
}

#logo {
	position: relative;
   top:5px;
	color: #222;
	font-size: 15px;
}

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

#float_left {
	float: left;
}

.required_field {
	color: #606060;
	position: relative;
	top: -2px;
	left: 3px;
	font-size: 95%;
}

.center_block {
	padding: 40px 20px 40px 20px;
}

div.color_band {
	background-image: url(../images/opaque_5.png);
	background-repeat: repeat;
	text-align: left;
	padding: 10px 20px 10px 20px;
	line-height: 30px;
	position: relative;
	background-position: center;
}

div.status_bar {
	background-image: url(../images/opaque_1.png); /*ecru_plaster3.png*/
	background-repeat: repeat;
	text-align: left;
	padding: 10px 20px 10px 20px;
	line-height: 30px;
	margin-bottom: 10px;
	background-position: center;
	color: #222;
}

div.message_bar {
/*	background-image: url(https://www.frontdesq.com/images/opaque_white_55.png);*/
	/*background-image: url(https://www.frontdesq.com/images/opaque_5.png);*/
	/*ecru_plaster3.png*/
	background-repeat: repeat;
	box-shadow: 0 0 12px rgba(32,32,32, 0.5);
	/*border: 1px solid rgba(128,128,128, 0.5);*/
	text-align: left;
	padding: 10px 10px 10px 15px;
	line-height: 30px;
	margin-bottom: 0px;
	background-position: center;
	color: #5c5c5c;
}
/*
 .glow {
	-webkit-animation-duration: 1s;
	-webkit-animation-name: glow;
	-webkit-animation-direction: alternate;
	-webkit-animation-iteration-count: infinite;
	animation-duration: 1s;
	animation-name: glow;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	color: #fcfae7;
}
    
    @-webkit-keyframes glow {
        from { text-shadow: 0 0 0px #fbd52a; }
        to { text-shadow: 0 0 20px #fbd52a; }
    }
*/


    


div.eBox_top {
	background-image: url(https://www.frontdesq.com/images/opaque_1.png); /*ecru_plaster3.png*/
	background-repeat: repeat;
	text-align: left;
	padding: 5px 10px 5px 10px;
	line-height: 30px;
	margin-bottom: 0px;
	background-position: center;
	color: #222;
}

/* status bar menu */

.status_bar_menu {
	/*background-image: url(../images/noise_even_less.png);
	background-repeat: repeat;*/
	color: #222;
	text-decoration: none;
   border-bottom: none;
   height: 100%;
	padding: 18px 10px 18px 10px;
}

.status_bar_menu a:link, .status_bar_menu a:hover, .status_bar_menu a:visited, .status_bar_menu a:active {
	color: #222;
}


.status_bar_on_right a, status_bar_on_left a, status_bar_on_center a {
	color: #111;
}


.status_bar_off_left, .status_bar_off_left:hover {
	color: #696969;
	text-decoration: none;
	border-top: none;
	border-bottom: none;
	border-right: 1px solid #dadada;
	padding: 14px 10px 14px 5px;
}

.status_bar_on_left, .status_bar_on_left:hover, .status_bar_on_left:visited, .status_bar_on_left:active {
	color: #585858;
	text-decoration: none;
	border-top: none;
	border-left: none;
	border-right: 1px solid #dadada;  
   
	border-bottom: 2px solid #9C4D0A;
	padding: 14px 10px 14px 5px;
}

.status_bar_off_center, .status_bar_off_center:hover {
	color: #696969;
	text-decoration: none;
	border-top: none;
	border-bottom: none;
	border-left: 1px solid #ababab;
	border-right: 1px solid #dadada;
	padding: 14px 10px 14px 10px;
}

.status_bar_on_center, .status_bar_on_center:hover, .status_bar_on_center:visited, .status_bar_on_center:active {
	color: #585858;
	text-decoration: none;
	border-top: none;
	border-left: 1px solid #ababab;
	border-right: 1px solid #dadada;
	

	border-bottom: 2px solid #9C4D0A;
	padding: 14px 10px 14px 10px;
}

.status_bar_off_right, .status_bar_off_right:hover {
	color: #696969;
	text-decoration: none;
	border-top: none;
	border-bottom: none;
	border-left: 1px solid #ababab;
	border-right: none;
	padding: 14px 5px 14px 10px;
}

.status_bar_on_right, .status_bar_on_right:hover, .status_bar_on_right:visited, .status_bar_on_right:active {
	color: #585858;
	text-decoration: none;
	border-top: none;
	border-left: 1px solid #ababab;
	border-right: none;
	
	border-bottom: 2px solid #9C4D0A;
	padding: 14px 5px 14px 10px;
}

/* end status bar menu */

span.clickable {
	position:absolute; 
	width:100%; 
	height:100%; 
	top:0; 
	left:0; 
	z-index:1;
}

a.clickable {
	position:absolute; 
	width:100%; 
	height:100%; 
	top:0; 
	left:0; 
	z-index:1;
}

div.note {
	background-image: url(../images/opaque_10.png);
	background-repeat: repeat;
	border-left: 8px solid #484848;
	text-align:left;
	padding: 15px 20px 10px 20px;
	line-height: 30px;
}

#float_right {
	float: right;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

#setup_window_right {
	float: right;
	text-align: left;
	width: 65%;
}

#tabledescription {
	letter-spacing: 3px;
}

#list_rsvd {
	float: right;
	margin-right: 50px;
}

#right_pane_display {
	margin-right: 140px;
}

#days_of_week {
	margin-right: 100px;
}

.inline_5 {
	position: relative;
	top: -3px;
}

.inline_12 {
	position: relative;
	top: 1.5px;
}

.inline_14 {
	position: relative;
	top: 3px;
}

.inline_16 {
	position: relative;
	top: 4px;
}

.inline_20 {
	position: relative;
	top: 5.5px;
}

.inline_24 {
	position: relative;
	top: 7px;
}

.inline_32 {
	position: relative;
	top: 10px;
}

.inline_36 {
	position: relative;
	top: 12px;
}

.highlt_info {
	background-image: url(../images/opaque_5.png);
	background-repeat: repeat;
	padding-left: 5px;
	padding-right: 5px;
}

.reservation_requests {
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}

.res_req_detail {
	border: 1px solid #E0E0E0;
	background-image: url(../images/opaque_3.png);
	background-repeat: repeat;
	width: 500px;
}

/* gallery stuff */

#image_count {
	position: absolute;
	top: 150px;
	right: 65px;
	background-image: url(../images/vertical_separator.gif);
	background-position: left;
	background-repeat: repeat-y;
	min-height: 50px;
	padding-left: 20px;
}

.gallery_next_prev {
	background-image: url(../images/opaque_10.png);
	padding-left: 10px;
	padding-right: 10px;
}

#display_date {
	position: absolute;
	top: 80px;
	right: 10px;
}

#linkList {
	/*background: url(../images/menu_bg.gif) repeat;*/
	position: absolute;
	top: 100px;
	left: 20px;
	font-size: 80%;
}

#linkList ul {
	list-style-type: none;
	}

#linkList ul li {
	line-height: 15px;
	}

#linkList ul li a {
	display: block;
	border-top: 1px solid #EDEDED;
	text-decoration: none;
	letter-spacing: 3px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

li.bottom a {
	display: block;
	border-bottom: 1px solid #EDEDED;
	text-decoration: none;
	letter-spacing: 3px;
	padding-right: 20px;
}

#linkList ul li a:hover {
	text-decoration: none;
	}

#lselect li a.c {
	font: 90% Georgia, Times, Times New Roman, serif; 
	text-transform: none;
	text-decoration: none;
	display: inline;
	color: #64645A;
	}

#lselect ul li a:hover.c {
	color: #8C7846;
	text-decoration: none;
	}

a.galry_nxt{
	background-image: url(../images/navigation_forward.gif);
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	text-decoration: none;
	border: none;
	position: relative;
	top: -1px;
}

a.galry_prv{
	background-image: url(../images/navigation_back.gif);
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	text-decoration: none;
	border: none;
	position: relative;
	top: -1px;
}

a.v_delete:link, a.v_delete:visited, a.v_delete:active {
	background-image: url(../images/v_delete.gif);
	background-repeat: no-repeat;
	width: 8px;
	height: 8px;
	text-decoration: none;
	border-bottom: none;
	background-position: -3px;
}

a.v_delete:hover {
	background-image: url(../images/v_delete_hover.gif);
	background-repeat: no-repeat;
	width: 8px;
	height: 8px;
	text-decoration: none;
	border-bottom: none;
	background-position: -3px;
}


a.menu_highlt {
	text-decoration: none;
	border-bottom: none;
	background-color: #F8F8F8;
}

/*These next lines will remove the dotted lines that appear around image linkes when clicked */

a {
	outline: 0px;
	border: 0px;
	text-decoration: none;
}
a:active {
  outline: none;
}

a:focus {
  -moz-outline-style: none;
}

img.border {
	border: 1px solid #8C8673;
}

a {
	color: Black;
	border: 0px;
	text-decoration: none;
}
a.no_underline {
	border: 0px;
	text-decoration: none;
}

a.top_link {
	color: #E7E7E7;
	border: 0px;
	text-decoration: none;
}

#margins {
	margin-left: 10px;
	margin-right: 10px;
}

.no_border {
	border: 0px;
}


.bottom_line {
	font-weight: bold;
	letter-spacing: 4px;
	position: absolute;
	top: 80px;
	left: 45%;
}

.bottom_line_red {
	font-weight: bold;
	color: #9F2D41; 
	letter-spacing: 4px;
	position: absolute;
	top: 100px;
	left: 10px;
}

.greyout, td.greyout, div.submenu_item, a.greyout:link, a.greyout:visited, a.greyout:hover, a.greyout:active {
	color: Gray;
	border-bottom: none;
	text-decoration: none;
}

/* hot button */

input.hot_button, .hot_button {
	color: #AFAFAF;
	background: #8B0000 url(../images/noise-11.png) repeat;
	box-shadow: 0 0 5px rgba(153, 0, 0, 1);
	border: 1px solid rgba(153, 0, 0, 1);
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 5px 10px 5px 10px;
}

input.hot_button:hover, a.hot_button:hover {
	/*
	color: #fff;
	background-image: url(../images/hot_button_bg.png);
	border: 2px solid #BE2400;
	background-position: center;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	*/
	color: #AFAFAF;
	background: #8B0000 url(../images/noise-11.png) repeat;
	box-shadow: 0 0 5px rgba(153, 0, 0, 1);	
	border: 1px solid rgba(153, 0, 0, 1);
   -moz-border-radius: 2px;
	border-radius: 2px;
   -webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

input.plain, input.plain:focus {
	background-image:none;
	border:none;
	padding: 0px;
}

input.hot_button:hover, a.hot_button:hover { 	
	color: #AFAFAF;
}

.hot_button, .hot_button:hover { 
	
}

/* end hot button */
 
.wide_spaced {
	letter-spacing: 4px;
}

@font-face { 
	font-family:'engravers_gothic_bt_top_off'; 
	src:url('../fonts/engravers_gothic_bt.eot'); 
	src: url('../fonts/engravers_gothic_bt.woff') format('woff'), url('../fonts/engravers_gothic_bt.otf') format('opentype');
} 

.engravers_gothic_bt_top_off {
	font-family: 'engravers_gothic_bt_top_off', Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	padding: 10px;
	color: #B7B7B7;
	font-size: 17px;
	border-bottom:none;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
}

a.engravers_gothic_bt_top_off {
	color: #B7B7B7;
}

a.engravers_gothic_bt_top_off:hover {
	color: #fff;
}

/* make a header version for interior page headings */
@font-face { 
	font-family:'engravers_gothic_bt_heading'; 
	src:url('../fonts/engravers_gothic_bt.eot'); 
	src: url('../fonts/engravers_gothic_bt.woff') format('woff'), url('../fonts/engravers_gothic_bt.otf') format('opentype');
} 

.engravers_gothic_bt_heading {
	font-family: 'engravers_gothic_bt_top_off', Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	padding: 0px;
	color: #fff;
	font-size: 19px;
	border-bottom: none;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
}

a.engravers_gothic_bt_heading {
	color: fff;
}

@font-face { 
	font-family:'constantia'; 
	src:url('../fonts/constantia.eot'); 
	src: url('../fonts/constantia.woff') format('woff'), url('../fonts/constantia.ttf') format('truetype');
} 

.constantia {
	font-family: 'constantia', Verdana, Arial, Helvetica, sans-serif;
	color: #525252;
	font-size: 18px;
	letter-spacing: 2px
}

@font-face { 
	font-family:'engravers_gothic_bt_top_on'; 
	src:url('../fonts/engravers_gothic_bt.eot'); 
	src: url('../fonts/engravers_gothic_bt.woff') format('woff'), url('../fonts/engravers_gothic_bt.otf') format('opentype');
} 

.engravers_gothic_bt_top_on {
	font-family: 'engravers_gothic_bt_top_on', Verdana, Arial, Helvetica, sans-serif;
	color: #fff; /*color: #521301;*/
	letter-spacing:2px;
	padding: 10px;
	margin-right: 0px;
	font-size: 17px;
	border-bottom:none;
}

a.engravers_gothic_bt_top_on {
	color: #fff;
}

/* input styles */

input, textarea, select, input.date_picker {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	padding: 7px 5px 7px 5px;
  /*	border: 1px solid #606060;*/
   border-top: 1px solid #ababab;
	border-left: 1px solid #ababab;
	border-right: #dedede solid 1px;
	border-bottom: #dedede solid 1px;
	/*background-image: url(https://www.frontdesq.com/images/opaque_white_even_less.png);*/
   background-color: transparent;
	color: #222;
   -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	outline-radius: 2px;
	-webkit-outline-radius: 2px;
	-moz-outline-radius: 2px;
}

input:focus, textarea:focus, select:focus {
	box-shadow: 0 0 20px rgba(255, 255, 255, 1);
	padding: 7px 5px 7px 5px;
	border: 1px solid rgba(102, 0, 0, 1);
	background-image: url(../images/opaque_white.png) repeat;
	color: #000;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	outline-radius: 0px;
	-webkit-outline-radius: 0px;
	-moz-outline-radius: 0px;
}

img.menu_btn_glow {
	box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
/*	border: 1px solid rgba(102, 0, 0, 1);*/
}

select {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	padding: 7px 5px 7px 5px;
  /*	border: 1px solid #606060;*/
   border-top: 1px solid #ababab;
	border-left: 1px solid #ababab;
	border-right: #dedede solid 1px;
	border-bottom: #dedede solid 1px;
	background-image: url(https://www.frontdesq.com/images/opaque_white_even_less.png) repeat;
   background-color: transparent;
	color: #222;
   -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	outline-radius: 2px;
	-webkit-outline-radius: 2px;
	-moz-outline-radius: 2px;
}

input.submit, .submit {
	color: #111111;
	background-color: #EBEBEB;
	border: 2px solid #E0E0E0;
	padding: 1px 5px 1px 5px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 7px 5px 7px 5px;
}

input.submit:hover, .submit:hover {
	color: #111111;
	background-color: #F1F1F1;
	border: 2px solid #E0E0E0;
	padding: 7px 5px 7px 5px;
}



input.invalid, textarea.invalid, input.invalid:focus, textarea.invalid:focus {
	box-shadow: 0 0 25px rgba(96,96,96, 1);
	border: 1px dotted rgba(255,255,224, 0.5);
	background-image: url(https://www.frontdesq.com/images/noise_even_less.png);
	background-repeat: repeat;
	padding: 7px 5px 7px 5px;
}

.submit_img {
	position: relative;
	top: 4px;
}
/* end input styles */

fieldset.plaster {
	box-shadow: 0 0 16px rgba(96,96,96, 1);
	border: 1px solid rgba(128,128,128, 0.5);
	margin-bottom: 30px;
	background-image: url(https://www.frontdesq.com/images/noise_even_less.png);
	background-repeat: repeat;
}

fieldset, fieldset.setup, fieldset.res_request {
	background-image: none;
	text-align: left;
	border: none;
	background-color: transparent;
	padding: 0px;
}

legend
{
	position:relative;
   top: -12px;
   left: -10px;
}

fieldset ol {  
	padding: 1em 1em 0 1em;  
	list-style: none;  
}  

fieldset.setup ol {  
   padding: 0px;
	list-style: none;  
}  

fieldset li {  
	padding-bottom: 1em;  
}  

label {
	width: 100px;
	float: left;
	text-align: left;
	display: block;
	color: Black;
}

label.wide {
	float: left; 
	position: relative;
	top: .2em;
	width: 15.5em;
	margin-right: 1em;
	text-align: left;
	font-weight: bold;
}

label.semi-wide {
	float: left; 
	position: relative;
	top: .2em;
	width: 9em;
	margin-right: 1em;
	text-align: left;
}

label.norm {
	float: none;
	display: inline;
}

label.tag-only {
  	float: none;
	width: auto;
	margin-right: auto;
	text-align: left;
	display: inline;
}

table.res_request {
	position: relative;
	left: -2px;
}

td.semi-wide {
	width: 9em;
	text-align: left;
	vertical-align: top;
}

td.semi_wide_right {
	padding-left: 10px;
	text-align: left;
	line-height: 22px;
}


div.separator {
	width: 100%;
	height: 2px;
	margin-bottom: 10px;
	background-image: url(../images/line_horizo_op.png);
	background-repeat: repeat-x;
}

.login_div_mobile {
	width: 75%;
	padding: 15px;
	background: url(../images/opaque_1.png) repeat;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
	margin-bottom: 30px;
	margin-top: 30px;
	text-align: left;
	line-height: 24px;
}

.login_div {
	width: 400px;
	padding: 20px;
	margin-bottom: 30px;
	margin-top: 30px;
	text-align: left;
	line-height: 24px;
	background: url(../images/opaque_1.png) repeat;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
	color: #222;
}

span.right_label {
	width: 75px;
	margin-left: 0.7em;
  text-align: right;
}


table.padded-table td{
	padding: 3px;
}

.index1 {
   background-color: transparent;
}

.index2 {
	background-color: #E2E2E2;
}


#left_table {
	float: left;
	margin-left: 10px;
	position: absolute;
	top: 150px;
	left: 10px;
}

#right_table {
	float: right;
	margin-right: 10px;
	position: absolute;
	top: 150px;
	right: 10px;
}

.smoke {
	/*border: 1px solid #E2E2E2;	*/

	vertical-align: middle;
	line-height: 26px;
}
	
.smoke th {
	text-align: center;
	padding: 5px;
	vertical-align: middle;
	font-weight: normal;
	letter-spacing: 5px;
	line-height: 26px;
}

.smoke td {
	padding: 5px;
	vertical-align: middle;
	line-height: 26px;	
}

.smoke tr.on {
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	background-image: url(../images/opaque_3.png);
	background-repeat: repeat;
}

.smoke tr.off {
	background-image: none;
}

.smoke td.on {
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	background-image: url(../images/opaque_3.png);
	background-repeat: repeat;
}

.smoke td.off {
	background-image: none;
	background-repeat: repeat;	
}

.box_smoke_mobile {
	color: #0E0E0E;
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	background-image: url(../images/opaque_3.png);
	background-repeat: repeat;
	line-height: 24px;
}

.box_smoke {
	color: #0E0E0E;
	border: 1px solid #D0D0D0;
	background-image: url(../images/opaque_3.png);
	background-repeat: repeat;
	padding: 20px;
	line-height: 24px;
}

.box_smoke_heading{
	text-align: center;
	border-bottom: 1px solid #D0D0D0;
	margin-bottom: 10px;
	letter-spacing: 2px;
	font-size: 110%;
}

.padded-table td.on, div.on {
	background-image: url(../images/opaque_3.png);
	background-repeat: repeat;
}

.padded-table td.off, div.off {
	background-image: none;
}

.red {
	color: #9F2D41;
}

.green {
	color: #228B22;
}

.new_console_menu {
	background-image: url(https://www.frontdesq.com/images/opaque_1.png);
	background-repeat: repeat;
	color: #222;
	text-decoration: none;
	border-top: 1px solid #ababab;
	border-left: 1px solid #ababab;
	border-bottom: 1px solid #dadada;
	border-right: 1px solid #dadada;
	background-color: transparent;
	box-shadow: 0 0 0px;
} 

p.console_menu {
	padding: 2px;
}


/*calendar stuff */

th.calendar {

	color: #222;
	background-repeat: repeat;

	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-right: #ababab solid 1px;
	border-bottom: #ababab solid 1px;
	
	padding: 7px;
}

td.na {
	/*background-image: url(../images/opaque_3.png);*/
	
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
	vertical-align: top;
	width: 14%;

	color: #969696;
}

td.available {
	background-image: url(../images/opaque_green_less.png);
	background-repeat: repeat;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
	vertical-align: top;
	color: #222;
	width: 14%;
}

td.available_selected {
	background-image: url(../images/opaque_3.png);
	background-repeat: repeat;
	border: 1px dashed #7a4e41;
	vertical-align: top;
	color: #222;
	width: 14%;
}

td.date_passed {
	background-image: url(../images/opaque_3.png);
	background-repeat: repeat;
	color: #E5E5E5;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
	vertical-align: top;
	width: 14%;
}

td.booked {
	background-image: url(../images/opaque_red.png);
	color: #222;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
	background-repeat: repeat;
	vertical-align: top;
	width: 14%;
}


td.booked_selected {
	background-image: url(../images/opaque_1.png);
	color: #222;
	border: 1px dashed #7a4e41;
	background-repeat: repeat;
	vertical-align: top;
	width: 14%;
}

td.partially_booked {
	background-image: url(../images/opaque_yellow.png);
	background-repeat: repeat;
	color: #222;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
	vertical-align: top;
	width: 14%;
}

td.partially_booked_selected {
	background-image: url(../images/opaque_yellow.png);
	background-repeat: repeat;
	color: #222;
	border: 1px dashed #5F843A;
	vertical-align: top;
	width: 14%;
}

td.fully_booked {
	color: #222;
}

.square{
  width:14%;
  padding-bottom:14%;
  background-color:green;
  display:inline-block;
  position:relative;
}

.square .content{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
}

td.booked a {
	color: #222;
}

td.booked_selected a {
	color: #222;
}

.small_button {
	font-size: 10px;
}

.search_result_message {
	margin-right: 15px;
	color: #e0cd91;
	font-size: 85%;
}

.receipt {
	font: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: lighter;
	color: Black;
	padding: 10px;
	border-top: 1px dashed #A9A9A9;
	border-bottom: 1px dashed #A9A9A9;
}

.receipt_wide_spaced {
	font: Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: 4px;
	padding: 10px;
	color: Black;
}

/* program message boxes */
.alert {
	margin-top: 5px;
	padding: 8px;
	background-color: #FFFFE0;
	color: Black;
	border: 1px solid #E6DB55;
	width: 35%;
	display: block;
}



#setup_left {
	padding: 10px 24px 0px 15px;
	width: 30%;
}


#wrapper1 {
	position:relative;
	text-align:left;
	width:100%;
	}
#wrapper2 {
	position:relative;
	text-align:left;
	width:100%;
	}
#maincol {
	position:relative;
	margin:0;
	padding:10px;
	}
#leftcol { 
	position:relative;
	top:-10px;
	left:-10px;
	float:left;
	width:450px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:430px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	z-index:100;
	}
	
#rightcol {
	position:relative;
	top:-10px;
	right:-10px;
	float:right;
	width:450px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:430px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	z-index:99;
	}
	
#centercol {
	position:relative;
	padding:0 430px;
	}
	
#txtHint {
	float:right; 
	text-align:right;
	font-size: 95%;
	color: #4D4D4D;
	max-width: 35%;
	margin-bottom: 25px;
}

#txtHint2 {
	text-align:center;
	font-size: 95%;
	color: #4D4D4D;
	height: 16px;
}

/*help file*/

td.help_console_left {
	line-height: 12px;
	padding-right: 20px;
	border-right: 1px solid #F2F2F2;
}

.module_submenu {
	margin-left: 20px;
	font-size: 85%;
}

.heading, .heading a {
	letter-spacing: 4px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #555555;
	padding: 5px;
}

.page_num_higlt {
	border-bottom: 1px solid White;
	font-weight: bold;
	color: #fff;
}

/* eBox */

.eBox {
	background-image: url(../images/opaque_white_even_less_yet.png) repeat;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
	width: 65%;
	margin-bottom: 30px;
	color: #222;
}

.eBox a {
	color: #222;
}

.eBox td {
	text-align: left;
		color: #222;
}

td.post_comp {
   text-align: left;
   color: #5c5c5c;
}

.eBox_on {
	border: 1px solid #90A24D;
	width: 65%;
	margin-bottom: 30px; 
}

.eBox_edit {
	border: 1px dotted #9C4D0A;
	width: 65%;
	margin-bottom: 30px;
}

.eBox_edit_n {
	border: 1px dotted #9C4D0A;	
}

/* this is for tables that I want to have variable width */

.eBox_vary_width {
/*
	box-shadow: 0 0 16px rgba(96,96,96, 1);
	border: 1px solid rgba(128,128,128, 0.5);
	margin-bottom: 30px;
	background-image: url(https://www.frontdesq.com/images/noise_even_less.png);
	background-repeat: repeat;
*/
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
	color: #222;	
}

.eBox_vary_width td {
	padding: 10px;
   text-align: left;
}

.eBox_td_left {
	color: #222;
	text-decoration: none;
	border-bottom: none;
	border-right: 1px solid #C1C0C0;
   border-bottom: 1px solid #FCF8F5;
	border-top: 1px solid #C1C0C0;
}

.eBox_td_right {
	color: #222;
	text-decoration: none;
	border-bottom: none;
	border-left: 1px solid #FCF8F5;
	border-bottom: 1px solid #FCF8F5;
	border-top: 1px solid #C1C0C0;
}

.eBox_td_center {
	color: #222;
	text-decoration: none;
	border-bottom: 1px solid #FCF8F5;
	border-top: 1px solid #C1C0C0;
}

.eStatusBar {
	background-image: url(../images/opaque_white_even_less_yet.png) repeat;
	background-repeat: repeat;
	text-align: left;
	padding: 10px;
	line-height: 30px;
	margin-bottom: 10px;
}

.eBoxHeader {
	background-image: url(../images/opaque_white_even_less_yet.png) repeat;
	background-repeat: repeat;
	text-align: left;
	padding: 10px;
	line-height: 30px;
}

.eBoxHeader a {
	text-decoration: none;
	border-bottom: none;
}

.eBox_bottom_top {
	border-top: 1px solid #D9D9D9;
}

.eBox_bottom_border {
	border-bottom: 1px solid #D9D9D9;
}

.eBox_left_border {
	border-left: 1px solid #D9D9D9;	
}

.info_box {
	/*
	box-shadow: 0 0 16px rgba(96,96,96, 1);
	border: 1px solid rgba(128,128,128, 0.5);
	margin-bottom: 30px;

	background-image: url(https://www.frontdesq.com/images/opaque_3.png);
	background-repeat: repeat;
*/
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
	color: #222;
}

.border_right {
	border-right: 1px solid #DEDEDE;
}

.retailer_fee {
	background-image: url(../images/opaque_5.png);
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
}

.collapse{
  display:block;
}
.collapse + input{
  display:none;
}
.collapse + input + *{
  display:none;
}
.collapse+ input:checked + *{
  display:block;
}

/* end eBox */

img.desaturate{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

.tab1{
	padding: 12px;
	background-image: url(https://www.lanternworks.com/images/pool_table_cb.png);
	color: #222;
	background-repeat: repeat;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: none;
	border-right: none;
} 

.tab2{
	padding: 12px;
	background-image: url(../images/noise_even_less_yet.png);
	color: #222;
	background-repeat: repeat;
	background-color: #F0F0EB;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: none;
	border-right: 1px solid #ccc;	
}

.input_off {
	/*display:none;*/
	background-color: #DBDBD7;
	color: #DBDBD7;
}

.input_normal {
	
}

/* side menus */

table.side_menu {
	color: #222;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
}

.side_menu td {
	/*padding: 0px;   */
}

.menu_on_bg {
	/*background-color: #676767;
	background-image: url(../images/noise.png);*/
   background-image: url(../images/opaque_3.png);
	background-repeat: repeat;
	color: #fff;
	background-repeat: repeat;
	padding: 10px 18px 10px 15px;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #ababab;
}

.menu_on_bg a {
	font-size: 12px;
	letter-spacing: 2px;
	color: rgba(102, 0, 0, 1);
	text-decoration: none;
	border-bottom: none;
   padding: 10px;
}

.menu_off_bg {	
	padding: 10px 18px 10px 15px;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #ababab;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.menu_off_bg a {
	font-size: 12px;
	letter-spacing: 2px;
	color: #333;
	text-decoration: none;
	border-bottom: none;
   padding: 10px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.menu_off_bg a:hover {
	font-size: 12px;
	letter-spacing: 2px;
	color: rgba(102, 0, 0, 1);
	text-decoration: none;
	border-bottom: none;
   padding: 10px;
}

.menu_off_bg:hover {
	background-image: url(../images/opaque_3.png);
	background-repeat: repeat;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #ababab;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.menu_off_bg:hover a {
	color: rgba(102, 0, 0, 1);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
/* end side menus */

.post_comp {

   color: #5c5c5c;
}

input.inside, input.inside:focus {
	height:20px; 
	padding-right:50px;
   background-image: none;
}

.submit_button_inside {

	background-color: transparent;
	color: #111;
	text-decoration: none;
	margin-left: -52px;
   height: 33px;
   width: 50px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	
	
    -webkit-appearance: none;
}

td.today_border {
	background-color: #5f9ea0;
	color: #111;
}

/* search field with img */



input.search_img, input.search_img:focus, input.search_img:active {
	background: url(../images/search_input_bg.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #FAF0E6;
	background-color: #505050;
	padding-left: 30px;
	padding-right: 30px;
	border: 1px solid #868686;
}


.top_menu_input {
	border: 1px solid #868686;
	color: #F5F5F5;
	background: #606060 url(https://www.frontdesq.com/images/search_input_bg.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 22px;
	-moz-border-radius: 0px; 
	border-radius: 0px;
}

.top_menu_input:focus {
	border: 1px solid #A9A9A9;
	color: #F5F5F5;
	background: #606060 url(https://www.frontdesq.com/images/search_input_bg.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 22px;
	-moz-border-radius: 0px; 
	border-radius: 0px;
}

a.console_links:link  {
	font-size: 12px;
	letter-spacing: 2px;
	text-decoration: none;
	border-bottom: none;
	padding: 10px;
	color: #222;
}

p.console_links a:hover  {
	color: rgba(102, 0, 0, 1);
}

a.console_links:visited {
	font-size: 12px;
	letter-spacing: 2px;
	text-decoration: none;
	border-bottom: none;
	padding: 10px;
	color: #222;
}

a.console_links:hover {
	font-size: 12px;
	letter-spacing: 2px;
	color: rgba(102, 0, 0, 1);
	text-decoration: none;
	border-bottom: none;
	padding: 10px;
	background-repeat: no-repeat;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

a.console_links:active {
	font-size: 12px;
	letter-spacing: 2px;
	color: rgba(102, 0, 0, 1);
	text-decoration: none;
	border-bottom: none;
	padding: 10px;
}

a.console_selected:link,a.console_selected:visited,a.console_selected:hover,a.console_selected:active{
	font-size: 12px;
	letter-spacing: 2px;
	color: rgba(102, 0, 0, 1);
	text-decoration: none;
	border-bottom: none;
   padding: 10px;
}

select option {

	color: #222;

	border: 1px solid #353535;

	background-image: url(https://www.frontdesq.com/images/opaque_3.png);

	background-repeat: repeat;

	background-color: #4F4F4F;

	padding: 7px 5px 7px 5px;
}

#searchSubmit {
	border: medium none;
	cursor: pointer;
	margin-left: -40px;
	height: 100%;
	width: 40px;
	background: url(../images/opaque_grey2.png) repeat;
	color: Black;
	border: 0;
	padding-top: 7px;
	padding-bottom: 7px;
	-webkit-appearance: none;
}


.login_username {
	background: url(https://www.frontdesq.com/images/profile_24_16.png);
	background-position: left;
	background-repeat: no-repeat;
	border-top: 1px solid #ababab;
	border-left: 1px solid #ababab;
	border-right: #dedede solid 1px;
	border-bottom: #dedede solid 1px;
	/*background-image: url(https://www.frontdesq.com/images/opaque_white_even_less.png);*/
   background-color: transparent;
	color: #222;
   -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	outline-radius: 2px;
	-webkit-outline-radius: 2px;
	-moz-outline-radius: 2px;
	padding: 10px 10px 10px 30px;
}

.login_username:focus {
	background: url(https://www.frontdesq.com/images/profile_24_16.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
	box-shadow: 0 0 20px rgba(255, 255, 255, 1);
	border: 1px solid rgba(102, 0, 0, 1);
	background-color: transparent;
	color: #000;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	outline-radius: 0px;
	-webkit-outline-radius: 0px;
	-moz-outline-radius: 0px;
	padding: 10px 10px 10px 30px;
}

.login_password {
	background: url(https://www.frontdesq.com/images/lock_24_16.png);
	background-position: left;
	background-repeat: no-repeat;
	border-top: 1px solid #ababab;
	border-left: 1px solid #ababab;
	border-right: #dedede solid 1px;
	border-bottom: #dedede solid 1px;
	/*background-image: url(https://www.frontdesq.com/images/opaque_white_even_less.png);*/
   background-color: transparent;
	color: #222;
   -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	outline-radius: 2px;
	-webkit-outline-radius: 2px;
	-moz-outline-radius: 2px;
	padding: 10px 10px 10px 30px;
}

.login_password:focus {
   background: url(https://www.frontdesq.com/images/lock_24_16.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
	box-shadow: 0 0 20px rgba(255, 255, 255, 1);
	border: 1px solid rgba(102, 0, 0, 1);
	background-color: transparent;
	color: #000;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	outline-radius: 0px;
	-webkit-outline-radius: 0px;
	-moz-outline-radius: 0px;
	padding: 10px 10px 10px 30px;
}

input.login_inside_no_padd, input.login_inside_no_padd:focus {
	height:20px; 
	padding-right:0px;
   background-image: none;
}

input.login_inside, input.login_inside:focus {
	height:20px; 
	padding-right:40px;
   background-image: none;
}

.login_button_inside {
	background-color: transparent;
	background: url(../images/opaque_3.png) repeat;
	color: #000;
	text-decoration: none;
	margin-left: -41px;
	height: 34px;
	width: 40px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #ababab;
	-webkit-appearance: none;
}

input.people {
	background: url(https://www.frontdesq.com/images/profile_24_16.png);
	background-position: left;
	background-repeat: no-repeat;
	color: #000;
	text-decoration: none;
	border-top: 1px solid #ababab;
	border-left: 1px solid #ababab;
	border-right: #dedede solid 1px;
	border-bottom: #dedede solid 1px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	outline-radius: 3px;
	-webkit-outline-radius: 3px;
	-moz-outline-radius: 3px;
	padding: 10px 10px 10px 30px;
}

input.people:focus {
	background: url(https://www.frontdesq.com/images/profile_24_16.png); 
	background-position: left;
	background-repeat: no-repeat;
	color: #000;
	text-decoration: none;
	box-shadow: 0 0 20px rgba(255, 255, 255, 1);
	border: 1px solid rgba(102, 0, 0, 1);
	background-color: transparent;
	color: #000;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	outline-radius: 0px;
	-webkit-outline-radius: 0px;
	-moz-outline-radius: 0px;
	padding: 10px 10px 10px 30px;
}

a.delete_btn:link, a.delete_btn:visited {
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
	border-right: #ababab solid 1px;
	border-bottom: #ababab solid 1px;
	background-repeat: repeat;
	color: #5c5c5c;
	cursor: pointer;
} 

a.delete_btn:hover {
	background-repeat: repeat;
	color: #810000;
	cursor: pointer;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
} 



a.delete_btn:active {
	border-top: 1px solid #242424;
	border-left: 1px solid #242424;
	border-right: #414141 solid 1px;
	border-bottom: #414141 solid 1px;
	background-repeat: repeat;
	color: #5c5c5c;
	cursor: pointer;
} 

a.delete_btn {
	padding: 7px 15px 7px 7px;
}

/*close button */

a.close_button {
	background-image: url(https://www.frontdesq.com/images/xmark_drk_16.png);
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	position: relative;
	top: -5px;
	left: 3px;
}

a.close_button_b {
	background-image: url(https://www.frontdesq.com/images/xmark_drk_16.png);
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	position: relative;
	top: -1px;
	left: 2px;
}


 div.close_button {
	width: 20px;
	height: 20px;
   padding: 4px;
     -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}

div.close_button:hover {
	background-color: #bdbdbd;
	background-image: url(https://www.frontdesq.com/images/noise_less_even_less.png);
	width: 20px;
	height: 20px;
	padding: 4px;
	background-repeat: repeat;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-outline-radius: 4px;
	-moz-outline-radius: 4px;
	outline-radius: 4px;
}

.dlt_btn_inside {
	/*background-color: #4c4c4c;
	background-image: url(https://www.frontdesq.com/images/noise_less_even_less.png);*/
	color: #fff;
	text-decoration: none;
	margin-left: -30px;
	padding: 6px;
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-outline-radius: 2px;
	-moz-outline-radius: 2px;
	outline-radius: 2px;

	-webkit-appearance: none;
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}

.dlt_btn_inside:hover {
	/*background-color: #3a3a3a;
	background-image: url(https://www.frontdesq.com/images/noise_less_even_less.png);*/
	color: #fff;
	text-decoration: none;
	margin-left: -30px;
	padding: 6px;
	border: none;
	-webkit-appearance: none;
}

.percent_btn_inside {
	text-decoration: none;
	margin-left: -30px;
	padding: 6px;
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-outline-radius: 2px;
	-moz-outline-radius: 2px;
	outline-radius: 2px;
}


.money_btn_inside {
	text-decoration: none;
	margin-right: -25px;
	padding: 6px;
	border: none;
}

input.money_input, input.money_input:focus {
	padding-left:25px;
}

input.submit_button, .submit_button, a.submit_button:link, a.submit_button:active, a.submit_button:visited, a.submit_button:hover {
	background-image: url(https://www.frontdesq.com/images/noise_even_less.png);
	background-repeat: repeat;
	color: #222;
	text-decoration: none;
	border: 1px solid #eee;
	outline: #ababab solid 1px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	outline-radius: 4px;
	-webkit-outline-radius: 4px;
	-moz-outline-radius: 4px;
	padding: 10px;
	background-color: transparent;
   cursor:pointer;
}