@charset "UTF-8";
/* CSS Document */

/* ########################################################################### */
/* CSS FOR ALL THE INDIVIDUAL POCKETS WEBSITE PAGES, INCLUDING THE FRONT PAGE
/* ########################################################################### */

/* ########################################################################### */
/* FRONT PAGE (INDEX.PHP) */

#frontPgLeft,#frontPgRight {	
	padding:10px;
	float:left;
	border:none;
}

#frontPgLeft {
	width:610px;
}

#frontPgRight {
	width:290px;
	text-align:center;
}

/* ########################################################################### */
/* LOCATIONS PAGE */

#mapCol,#locationCols {
	float:left;	
	height:100%;
}

#locationCols {
	width:510px;
	padding-top:10px;
	background-image:url(../graphics/backSq.jpg);
	
	
}
#mapCol {
	clear:both;
	text-align:center;
	width:400px;
	padding-right:10px;
	background-color:#FFFFFF;
}

.locationListCol {
	width:33%;
	float:left;
	text-align:center;
}
.locationBlock {
	background-color:#FFFFCC;
	width:85%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
}
.locationcolumnhead {
	font-family:"AvenirLTStd-Heavy",Tahoma, "Trebuchet MS", sans-serif;
	font-weight:bold;
}
.boldred {
	font-family:"AvenirLTStd-Heavy",Tahoma, "Trebuchet MS", sans-serif;
	font-weight:bold;
	color:#990000;
	margin-bottom:5px;
}
.orderBtn {
	margin-bottom:20px;
	border:none;
}
/* 2011 version (applies correct style to mobile-friendly tabs) */
#locationsArea {
	float:left;	
	width:510px;
	padding-top:10px;
	background-image:url(../graphics/backSq.jpg);
}
div.locationCol {
	width:32%;
	float:left;
	text-align:center;
}
div.locBlock {
	background-color:#FFFFCC;
	width:85%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;	
}
div.locBlock h3 {
	font-size:14px;
	width:85%;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	margin-top:0;
	padding-top:0;
}


/* ########################################################################### */
/* FRANCHISE */
ul.franchiseLinks {
	list-style:none;
	margin:0px;
	padding:0px;
}
ul.franchiseLinks li {
	float:left;
	text-align:center;
	width:25%;
}
ol.franchiseOl li {
	padding-top:3px;
	padding-bottom:3px;
}
ol.franchiseOl li ul {
	margin-left:15px;
}

ol.franchiseOl li ul li {
	list-style:disc;
}

/* ########################################################################### */
/* CONTACT FORMS - GENERAL AND APPLICATION */

form#applicationForm fieldset,form#regForm fieldset {
	border:none;
}
form#applicationForm label,form#regForm label {
	width:150px;
	text-align:right;
	position:relative;
	float:left;
	padding-right:8px;
	
}
form#applicationForm input, form#regForm input {
	margin-bottom:15px;
}

#checkBoxDiv {
	margin-left:auto;
	margin-right:auto;
}

form.regForm fieldset {
	border:none;
	margin:0;
	padding:0;
	width:800px;
}
form.regForm label {
	font-weight:bold;
	font-size:1.3em;
	
}
form.regForm div.empBox {
	width:32%;
	float:left;	
}
div.empBox label.fromTo {
	width:60px;
	float:left;
	font-size:1em;	
}

.rankRestaurant {
	font-size:15px;	
	font-family:"AvenirLTStd-Heavy",Tahoma, "Trebuchet MS", sans-serif;
}
div.radioOptionBox {
	float:left;
	font-size:10px;
	width:90px;
	padding-right:10px;
}
div.boldRestText {
	font-family:"AvenirLTStd-Heavy",Tahoma, "Trebuchet MS", sans-serif;
	font-size:11px;	
	height:24px;
	padding-top:3px;
}


/* ########################################################################### */
/* POCKETS PERKS */

.myForm td, input, select, textarea, checkbox  {
	font-family: tahoma;
	font-size: 12px;
}

.required {
	color: red;
}

#selectSpecStore {
	margin-left:auto;
	margin-right:auto;
	width:100%;	
}
#selectSpecStore td {
	width:33%;
	padding:3px;	
}

/* ########################################################################### */
/* NUTRITION TABLE AND MENU TABLE */
table.nutritionArea,table.menuArea {
	border-collapse:collapse;
	width:100%;
}
table.nutritionArea td, table.menuArea td {
	padding:1%;
	border-bottom:1px solid #999;
}
tr.mainBlock {
	background-color:#000000;
	color:#FFFFFF;
	height:20px;
		font-family:"AvenirLTStd-Heavy",Tahoma, "Trebuchet MS", sans-serif;
}
tr.mainBlock td {
	padding-top:1%;
	padding-bottom:1%;
	
}
tr.topRowNutr td, tr.topRowMenu td {
	text-align:center;
}
col.col {
	
}
col.white {
	background-color:#FFFFFF;
	width:10%;
}
col.grey {
	background-color:#CCCCCC;
	width:10%;
}

col.itemName {
	width:15%;
	font-weight:bold;	
}
col.itemDescription {
	width:60%;	
	padding-right:2%;
}

col.itemPrice {
	width:9%;	
	text-align:center;
}

/* ########################################################################### */
/* MENU PAGE */
#menuPage img {
	float:left;
}


/* ########################################################################### */
/* POCKET CHANGE */
table.pocketChangeTbl,div.pocketChangeDiv, div.pocketChangeDiv blockquote {
	margin-left:auto;
	margin-right:auto;
}

table.pocketChangeTbl {

	border-collapse:collapse;	
}
table.pocketChangeTbl td {
	padding:5px;
	border-collapse:collapse;
}
div.pocketChangeDiv {
	width:85%;
	clear:both;	
	font-size:1.2em;
}
div.pocketChangeDiv blockquote {
	font-family:"AvenirLTStd-Heavy",Tahoma, "Trebuchet MS", sans-serif;
	font-weight:bold;
	width:50%;
	text-align:center;		
}



/* ########################################################################### */
/* TWITTER PAGE - NOT CURRENTLY IN USE */
/*
#twitterFeed {
	background-color:#FFFFFF;
	width:485px;
	font-size:11px;
}
.twitterLn,#visitTwitter {
	padding:4px;
}


.twitBlk {
	float:left;
}
.tText {
	width:80%;
}

.tDate {
	color:#66CCFF;
	font-weight:bold;
	width:16%;
	padding-right:1%;
	text-align:right;
}
#visitTwitter {
	text-align:right;
}
#visitTwitter a {
	color:#66CCFF;
}
.tSpace {
	font-size:1px;
	height:3px;
	border-bottom:1px dotted #66CCFF;
}
*/
