/*
	BLUE		#04738F
	ORANGE		#cc6633
	LIGHT GREEN #F4F6EA
	GREEN		#92A343
	DARK GREEN	#717F34
	YELLOW		#FFC114
	CREME		#f8f2d8
	CREMIER		#F4EBC3
	CREMIEST	#F0E4AD
*/

/* GRID */

/* Site Grid by BoxedCSS.com */
#layout-container {
	width:770px;
	margin:0 auto;
	background-color:#fff;
	}
#layout-header {
	width:770px;
	clear:both;
	margin-bottom:10px;
	background-color:#F0E4AD;
	}
#layout-sidebar {
	width:166px;
	float:left;
	padding-left:6px;
	margin-left:6px;
	margin-bottom:3px;
	border-left:1px dotted #92A343;
	}
#layout-content {
	width:587px;
	float:left;
	padding-bottom:10px;
	padding-left:3px;
	}
#layout-footer {
	margin-top:10px;
	padding-top:10px;
	width:770px;
	height:30px;
	clear:both;
	background: url(/images/orange-white-bottom.gif);
	background-position:bottom;
	background-color:#F0E4AD;
	color:#F0E4AD;
	font-size:10px;
	text-align:center;
	}
	
#layout-footer a { color:#F0E4AD; font-size:11px; padding:2px 5px 2px 5px; }
#layout-footer a:hover { color: #04738F; background-color:#FFC114; }
	
#info-footer {
	padding-top:8px;
	text-align:center;
	background-color:#F0E4AD;
}

#info-footer * {
	margin:0;
	padding:0;
}


/* SPECIALS */

body { background-color: #F0E4AD }

b {
	font-weight:bold;	
	color:#cc6633;
}

img {
	border:none;
}


a { color: #04738F; }
a:visited { color: #04738F; }
a:hover { color: #04738F; background-color:#FFC114; }

.special-tags {
	clear:both;
	width:100%;
}

.results-summary{
	font-style:italic;
	color:#666666;
	text-align:center;
}

.indent {
	padding-left:10px;
}

.updated {
	font-size:10px;
	font-style:italic;
	float:right;
	color:#92A343;
}

.tag-list {
	margin:0px;
	padding:0px;
	padding-top:3px;
	font-size:11px;
	color:#92A343;
	font-weight:bold;
	float:left;
}
.tag-list li {
	display: inline;
	list-style-type:none;
	margin-left:0px;
/*	padding-right:10px;*/
	color:#cc6633;
	font-weight:normal;
}

#logo {
	font-size:30px;
	font-weight:bold;
	color:#92A343;
}

#side-actions h6 a, #side-actions h6 a:link, #side-actions h6 a:visited {
	background-image: url('/images/add_special.gif');
	background-position:bottom left;
	display: block;
	width: 110px;
	height:38px;
	text-indent: -9999px;
}
#side-actions h6 a:hover, #side-actions h6 a:active {
	background-position: top left;
	background-color:#fff;
}

#navcontainer a { color:#F0E4AD; padding:2px; }
#navcontainer a:hover { color: #04738F; background-color:#FFC114; }

#navcontainer {
	clear:both;
	width:100%;
	background-color:#fff;
	background: url(/images/orange-white-top.gif);
	height:40px;
}

#navlist {
	float:right;
	margin-top:1px;
	margin-right:5px;
	padding:5px;
}

#navlist li {
	display: inline;
	list-style-type:none;
	padding-left:5px;
	padding-right:5px;
	color:#FFC114;
	text-align:center;
}


#weekdaylist {
	float:left;
	margin-top:1px;
	margin-left:5px;
	padding:5px;
}

#weekdaylist li {
	display: inline;
	list-style-type:none;
	padding-left:5px;
	padding-right:5px;
	color:#FFC114;
	text-align:center;
}

#weekdaylist .selected-nav {
	padding-top:1px;
	padding-bottom:18px;
	font-weight:bolder;
	color:#717F34;
	background-color:#fff;
}

.specials-grouping .toggle {
	font-size:11px;
	margin-left:-50px; 
	margin-top:11px;
	float:right;
}

.specials-grouping .title a {
	text-decoration:none;
}

.specials-grouping .title a:hover .toggle {
	background-color:#FFC114;
}

.specials-grouping .title a:hover {
	background-color:#FFF;
}

.specials-grouping a .title-text {
	height:32px;
	line-height:32px;
	font-size:20px;
	color:#cc6633;
	font-weight:bolder;
	text-align:center;
	
	background-image: url(/images/group_star.gif);
	background-position: 50% center;
	background-repeat: no-repeat;	
}

.specials-grouping .title {
	margin-top:12px;
	padding-bottom:3px;
	border-bottom:3px solid #92A343;
}

.specials-list {
	width:100%;
} 
.specials-list tr {
}
.specials-list td {
	border-bottom:1px #92A343 dotted;
	padding-top:3px;
	padding-bottom:3px;
}

.restaurant-special {
	background-position: 50% left;
	background-repeat: no-repeat;
}

.restaurant-name {
	float:left;
}

.restaurant-special .restaurant-name {
	font-size:18px;
/*	background: url(/images/verified.gif);*/
	background-position: 50% right;
	background-repeat: no-repeat;
}

#time-frame {
	float:right;
	font-style:italic;
	font-size:11px;
}

#special-description {
	float:left;
	width:78%;
}

.special-address {
	font-size:11px;
	padding-left:5px;
}

#special-actions {
	float:right;
	margin:1px;
	font-size:11px;
	list-style-type:square;
	margin-bottom:3px;
	/*padding:3px 5px 3px 5px;
		border:1px #92A343 dotted*/
}

#special-actions li {
	padding-top:0 inherit;
	margin:0 inherit;
	line-height:13px;
}

.sweetness {
	visibility:hidden;
}

#layout-content div, span {
/*	border:1px dotted gray	*/
}

#side-actions {
	padding:5px;
	padding-bottom:10px;
	text-align:center;
}

#location-list {
	padding:0;
	margin:0;
}

.sidebar-add-edit b {
	color:#92A343;
}
.sidebar-add-edit dl {
	font-size:11px;
}

.sidebar-add-edit dt {
	font-weight:bold;
	color:#cc6633;
}

.sidebar-add-edit dd {
	padding-left:0;
	margin-left:5px;
}

.side-list {
	padding:3px;
	padding-left:6px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10%;
	margin-right:10%;
	/* border:3px solid #92A343;	 */
}

.side-list ul {
	margin-top:2px;
	margin-left:10px;
	padding-left:0px;
	list-style-type:none;	
	font-size:11px;
	color:#cc6633;
}

.selected-tag {
	background-color:#FFC114;
}

#form-actions {
	float:right;
	margin-right:20px;
}

#location-suggest-list {
	padding-left:20px;
	width:450px;
}

#layout-header h1 a:hover {
	background-color:#F0E4AD;	
}

#layout-header h1, #layout-header h1 a {
	font-size:30px;
	margin-bottom:5px;
	line-height:70px;
	height:70px; 
	font-weight:bold;
	color:#717F34;
	display:block;
	text-decoration:none;
}
#layout-header a span {
	padding:20px 20px 20px 60px;
	height:70px;
	background-image: url(/images/kcds_star.gif);
	background-position: 50% left;
	background-repeat: no-repeat;
}

/*  AUTOCOMPLETE */

div.location_auto_complete {
	background:#FFFFFF none repeat scroll 0%;
	display:inline;
	width:100px;
}
div.location_auto_complete ul {
	border:1px solid #888888;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
	width:100%;
}
div.location_auto_complete ul li {
	margin:0pt;
	padding:3px;
}
div.location_auto_complete ul li.selected {
	background-color:#F0E4AD;
}
div.location_auto_complete ul strong.highlight {
	color:#880000;
	margin:0pt;
	padding:0pt;
}

/*  ERRORS  */

.field-error {
	font-size:10px;
	color:red;
	font-weight:bold;
}

.fieldWithErrors {
  padding: 1px;
  background-color: red;
  display: table;
}

/* SCAFFOLD */

/*body { background-color: #fff; color: #333; }*/

body, p, ol, ul, td, textarea {
  font: 83%/1.8 arial, helvetica, sans-serif;
  /*font-family: verdana, arial, helvetica, sans-serif;*/
  font-size:   13px;
  line-height: 18px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}


