@charset "utf-8";
/*	RMI Calendar CSS
	To be used with a restaurant specific CSS file containing colors, images, etc.
*/


/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 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, ol, ul, li, fieldset,#contact, 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; }
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }


/* HTML */
body { font-size:16px; font-family:Arial, Helvetica, sans-serif; }
h1 { font-size:28px; text-align:center; padding:4px; font-weight:bold; line-height:36px; }
em { font-style:italic; }
strong { font-weight:bold; }


/* Structure */
#holder { width:900px; margin:10px auto; }
#header { height:46px; text-align:center; }
	#header img { vertical-align:middle; }
#footer { clear:both; text-align:center; font-size:12px; padding:10px 4px; font-weight:bold; }
	#footer a { color:inherit; }


/* Calendar */
ul.calendar { width:774px; margin:0 auto; display:block; min-height:200px; padding:12px 0;}
.monthLong { width:774px; margin:10px auto 0; padding:10px 0; text-align:center; font-weight:bold; }
.current { background-color:#999; border:solid 2px #666; }

.prevMo, .nextMo { font-size:12px; line-height:20px; line-height:46px; padding:0 10px; color:#CCC; }
.prevMo a, .nextMo a { text-decoration:none; color:#FFF; }
.prevMo { float:left; }
.nextMo { float:right; }


/* Day Boxes */
li li { width:96px; height:96px; float:left; margin:3px 1px; padding:4px; overflow:auto; background:url(../images/day-bg1.png) center no-repeat; background-color:#FFF; border:solid 2px #999; }
li#thismonth li:hover { background-color:#999; border:solid 2px #666; }

li#days li { background:#666; color:#FFF; width:96px; height:20px; line-height:20px; text-align:center; font-size:14px; border:solid 2px #666; }

/* Day Content */
li li li { display:block; width:auto; height:auto; float:none; margin:0 0 8px; padding:0; background:none; border:none; overflow:visible; font-size:11px; line-height:12px; }
li li li:last-child { margin:0; }
li#thismonth li:hover li { background:none; border:none; }

li li li h3.mobT { display:none; }
li li li h3.desktop { font-size:11px; }
li li li h3.desktop a { color:#000; }
li li li p.mobD { display:none; }


/* Inactive Months */
li#lastmonth li, li#nextmonth li { background:url(../images/day-bg1.png) center no-repeat; background-color:#CCC; }


#webAppMob { display:none; }
#webAppDT, #webAppDT li { width:55%; margin:0 auto; height:auto; clear:both; float:none; background-image:none; }
#webAppMob a, #webAppDT a { display:block; height:55px; padding:0 0 0 60px; background:url(../images/eventsApp.png) no-repeat; font-size:13px; line-height:17px; color:inherit; text-decoration:none; }


/* Mobile */
@media all and (max-device-width: 480px) {

/* HTML */
body { }
h1 { font-size:18px; }


/* Structure */
#holder { width:92%; margin:5px auto; }
#header { height:auto; }
#footer { padding:10px 0; }

/* Calendar */
ul.calendar { width:98%; }
.monthLong { width:98%; }
.current { }

.prevMo, .nextMo { }
.prevMo a, .nextMo a { }
.prevMo { }
.nextMo { }


/* Day Boxes */
li li { width:auto; height:auto; float:none; margin:3px auto; overflow:auto; background-image:none; font-weight:bold; font-size:24px; color:rgba(0,0,0,.75); text-shadow:0px 1px 0px rgba(255,255,255,.35); }
li#thismonth li:hover { background-image:none; }

li#days li { display:none; }

/* Day Content */
li li ul { margin:10px 0 0; }
li li li { font-size:16px; line-height:18px; font-weight:normal; text-shadow:none; }

li li li h3.mobT { display:block; font-weight:bold; }
li li li h3.desktop { display:none; }
li li li p.mobD { display:block; }
li li li p.mobD a { color:inherit; }


/* Inactive Months */
li#lastmonth li, li#nextmonth li { display:none; }


#webAppMob { display:block; }
#webAppMob a { font-size:14px; }
#webAppDT { display:none; }

}