* {
  margin: 0;
  padding: 0;
}


ul, ol {
  padding-left: 25px;
  padding-top: 10px;
}
li { margin-bottom: 2px; }

select { margin: 0px 2px; }
option { padding: 0 2px 0 5px; }
textarea { width: 100%; }

.small form, .small form input { font-size: 10px; }




body {
  background: #eee url('../media/nowtowns/bg.gif') fixed repeat-x;
  font: normal 12px/22px "Lucida Grande", Verdana, Arial, sans-serif;
  color: #333;
  padding-top: 30px;
}
td {
  font: normal 12px/22px "Lucida Grande", Verdana, Arial, sans-serif;
  padding: 4px;
}
img {
  border: 0px;
  border-width: 0px;
  border-style: none;
}
hr { 
  border: none; 
  height: 1px; 
  background: #ddd; 
  margin: 1em 0;
}

a, a:link, a:active, a:visited{ color:#0060BF; text-decoration: underline; font-weight: bold; }

a:hover{ text-decoration: underline; color: #000; }

a#overlib, a#overlib:hover {
  color: #000;
  text-decoration: none;
  cursor: text;
}

a.underline { text-decoration: underline; }
a.nounderline, a.nounderline:visited, .nounderline a, .nounderline a:visited { text-decoration: none; }
.nounderline a:hover, a.nounderline:hover { text-decoration: underline; }


a.black,  a#black, a.black:visited, a#black:visited   { color: #000; }
a.white,  a#white, a.white:visited, a#white:visited   { color: #fff; }
a.red, a.red:visited,
a#red, a#red:visited, 
a.orange, a.orange:visited, 
a#orange, a#orange:visited, 
a.admin, a.admin:visited, a#admin, a#admin:visited 
{ 
  color: #f00; 
}


a.red:hover, a#red:hover, a.orange:hover, a#orange:hover, a.admin:hover, a#admin:hover{ color: #000; }


.ablock a, .ablock a:visited {
  display: block;
  font-weight: normal;
}
.ablack a, .ablack a:visited {
  color: #000;
}


h1 {font: bold 20px Arial, Helvetica, Verdana, sans-serif; letter-spacing: -1px; margin: 0 0 5px 0;}
h1.red {color: #e62c00; font-weight: bold;}
h2 {color: #EB694A; font: normal 18px Helvetica, Arial, Verdana, sans-serif; letter-spacing: -1px; margin: 0 0 5px 0;}
h3 {font: bold 18px Arial, Helvetica, Verdana, sans-serif; letter-spacing: -1px; margin: 0 0 5px 0;}
h4 {font: bold 14px Verdana, sans-serif; margin: 0 0 5px 0; }


label:hover { cursor: pointer; }

b { color: #000 }


ul.arrow {
  padding-left: 0px;
  padding-top:  5px;
  margin-left:  0px;
  list-style-type: none;
}
ul.arrow li {
  padding-left: 15px;
  margin-bottom: 3px;
  background: url('../media/nowtowns/arrow32.gif') no-repeat top left;
}


/* used in group sched, calendar, and search nav */
table.small tr td, #small form table tr td {
  font-size: 11px;
}
table.calendar tr td { padding: 2px; font-size: 10px; }






.bold  { font-weight: bold; color: #000; }
.small { font-size: 11px; }
.white { color: #fff; }
.black { color: #000; }
.red { color: #f00; }
.green { color: #0a0; }
.highlight { background: #ffa; }
.orange { background: #fc7; }
.normal, .normal a, a.normal, a:visited.normal, .normal a:visited { font-weight: normal; }
.italic { font-style: italic; }
.center, .centered { text-align: center; }

.bordertop     { border-top: 1px solid #ccc; }
.tableborder { border: 1px solid #ddd; }

.cleaner { clear: both; }

.hideme { display:none; }
.showme { display:block; }

.nowrap { white-space: nowrap; }

.inline { display: inline; }
.block { display: block; }


.faded {
  color: #888;
  font-weight: normal;
}


.bg-blue {
  padding: 6px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  background: #5881C8 url('../media/nowtowns/shiny-blue.gif') repeat-x;
}
.bg-grey {
  font-weight: bold;
  font-size: 12px;
  background: #e0e0e0 url('../media/nowtowns/shiny-grey.gif') repeat-x;
}







.title {
  font: bold 20px Helvetica, Arial, Verdana, sans-serif; 
  letter-spacing: -1px; 
  margin: 0 0 5px 0;
}
.title2 {
  font-family: verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  color: #000;
  margin-bottom: 5px;
}
.title2 a {
  color: #000;
  text-decoration: none;
}
.title2  a:hover { text-decoration: underline; }







.fl	{float:left;}
.fr	{float:right;}
.fn	{float:none;}

.cl 	{clear:left;}
.cr 	{clear:right;}
.cb 	{clear:both;}

.mb-1  {margin-bottom: -1px;}
.mb-2  {margin-bottom: -2px;}
.mb-3  {margin-bottom: -3px;}
.mb-4  {margin-bottom: -4px;}
.mb-5  {margin-bottom: -5px;}
.mb-10{margin-bottom: -10px;}

.mt0	{margin-top:0px;}
.mt5 	{margin-top:5px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20 	{margin-top:20px;}
.mt30	{margin-bottom:30px;}
.mb0	{margin-bottom:0px;}
.mb5 	{margin-bottom:5px;}
.mb10 	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb20 	{margin-bottom:20px;}
.mb30	{margin-bottom:30px;}
.mr5 	{margin-right:5px;}
.mr10 	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr20 	{margin-right:20px;}
.mr30	{margin-right:30px;}
.ml5 	{margin-left:5px;}
.ml10 	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20 	{margin-left:20px;}
.ml30	{margin-left:30px;}

.m0	    {margin:0px;}
.m5	    {margin:5px;}
.m10    {margin:10px;}
.m15    {margin:15px;}
.m20    {margin:20px;}

.pt0	{padding-top:0px;}
.pt5 	{padding-top:5px;}
.pt10 	{padding-top:10px;}
.pt15	{padding-top:15px;}
.pt20 	{padding-top:20px;}
.pb0 	{padding-bottom:0px;}
.pb5 	{padding-bottom:5px;}
.pb10 	{padding-bottom:10px;}
.pb15	{padding-bottom:15px;}
.pb20 	{padding-bottom:20px;}
.pr5 	{padding-right:5px;}
.pr10 	{padding-right:10px;}
.pr15	{padding-right:15px;}
.pr20 	{padding-right:20px;}
.pl5 	{padding-left:5px;}
.pl10 	{padding-left:10px;}
.pl15	{padding-left:15px;}
.pl20 	{padding-left:20px;}

.p0	    {padding:0px;}
.p5 	    {padding:5px;}
.p10    {padding:10px;}
.p15    {padding:15px;}
.p20    {padding:20px;}

table.td5 tr td { padding: 5px; }
table.td6 tr td { padding: 6px; }
table.td7 tr td { padding: 7px; }
table.td8 tr td { padding: 8px; }
table.td9 tr td { padding: 9px; }
table.td10 tr td { padding: 10px; }











#header {
  z-index: 10;
  background: url('../media/nowtowns/logo6.gif') no-repeat;
}
#header #about {
  position: absolute;
  left: -2000px;
  z-index: -10;
  color: #eee;
}
#footer {
  font-size: 11px;
  margin: 30px 0px 0;
  padding: 20px;
  text-align: right;
  clear: both;
}
#container {
  padding: 0 5px 5px 5px;
  width: 850px;
  text-align: left;
  overflow: hidden;
}
#container2 {
  background: #fff;
  border: 1px solid #aaf;
  border-top:0;
}
#main { padding: 15px; overflow: hidden;}
#main #tabs_main { line-height: 16px; }
#main #content {}









/* BOXES */


.box {
  margin: 5px 0 10px 0;
  overflow: hidden;
}
.box a.large {
  font-size: 14px;
}

.box .yellow1 {
  background: url('../media/nowtowns/box-yellow-left.gif') top left no-repeat;
}
.box .yellow2 {
  background: url('../media/nowtowns/box-yellow-right.gif') bottom right no-repeat;
  padding: 10px;
}

.box .grey1 {
  background: url('../media/nowtowns/box-grey-left.gif') top left no-repeat;
}
.box .grey2 {
  background: url('../media/nowtowns/box-grey-right.gif') bottom right no-repeat;
  padding: 10px;
}

.box .white1 {
  background: url('../media/nowtowns/box-white-left.gif') top left no-repeat;
}
.box .white2 {
  background: url('../media/nowtowns/box-white-right.gif') bottom right no-repeat;
  padding: 10px;
}

.box .blue1 {
  background: url('../media/nowtowns/box-blue-left.gif') top left no-repeat;
}
.box .blue2 {
  background: url('../media/nowtowns/box-blue-right.gif') bottom right no-repeat;
  padding: 10px;
  color: #fff;
}

.box .orange1 {
  background: url('../media/nowtowns/box-orange-left.gif') top left no-repeat;
}
.box .orange2 {
  background: url('../media/nowtowns/box-orange-right.gif') bottom right no-repeat;
  padding: 10px;
}




/* simpler boxes */

.box-grey {
  padding: 6px;
  margin-bottom: 10px;
  background: #e5e5e5 url('../media/nowtowns/box-simple-grey.gif') top left repeat-x;
  border: 1px solid #ddd;
}
.box-grey-border {
  padding: 6px;
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #ddd;
}
.box-blue {
  padding: 6px;
  margin-bottom: 10px;
  background: #e5e5ff url('../media/nowtowns/box-simple-blue.gif') top left repeat-x;
  border: 1px solid #ccf; /* bbf */
}
.box-yellow {
  padding: 6px;
  margin-bottom: 10px;
  background: #ffc url('../media/nowtowns/box-simple-yellow.gif') top left repeat-x;
  border: 1px solid #fda; /* fc8 */
}



/* admin and bluegrey are the old school "inside right" style but with way less bulk */

.box-admin {
  padding: 4px 6px;
  font-size: 11px;
  border: 1px solid #fa5;
  background: #fff;
  margin-bottom: 10px;
}
.box-admin a, .box-admin a:visited {
  color: #000;
  font-weight: normal;
  display: block;
  text-decoration:none;
}
.box-admin a:hover {
  text-decoration: underline;
}



.box-bluegrey {
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-top:0;
}
.box-bluegrey .title {
  font-weight: bold;
  font-size: 13px;
  margin: 0 -1px;
  letter-spacing: 0px;
  color: #fff;
  padding: 6px;
  background: #5881C8 url('../media/nowtowns/shiny-blue.gif') repeat-x; 
}
.box-bluegrey .content {
  font-size: 11px;
  background: #eee;
  padding: 5px;
}
.box-bluegrey a, .box-bluegrey a:visited {
  color: #111;
  display: block;
  padding: 0 2px;
  font-weight: normal;
  text-decoration: none;
}
.box-bluegrey a:hover {
  text-decoration: underline;
}





/* MAIN TABS */
/* ok, not main anymore, just used for the sidebar */


#tabs_main {
  margin-top: 10px;
  padding: 4px 0px 4px 15px;
  border-bottom: 1px solid #aaf;
  text-align: left;
  white-space: nowrap;
  line-height: 16px;
}
#tabs_main li {
  list-style: none;
  display: inline;
}
#tabs_main li a {
  padding: 5px 1em;
  border: 1px solid #ccc;
  border-bottom:0;
  text-decoration: none;
  color: #888;
  background: #fff;
  font-weight: normal;
  font-size: 11px;
}
#tabs_main li a.current {
  color: #000;
  background: #fff;
  border: 1px solid #aaf;
  border-bottom: 1px solid #fff;
  font-weight: bold;
  font-size: 13px;
  padding-top: 6px;
}
#tabs_main li a.admin, #tabs_main li a.red {
  color: #e00;
  font-weight: bold;
}
#tabs_main li a.private {
  color: #e00;
}
#tabs_main li a:hover {
  text-decoration: underline;
}

/* business tabs */
#biz_tabs #tabs_main li a {
  background: #eee url('../media/nowtowns/box-simple-grey.gif') repeat-x;
}
#biz_tabs #tabs_main li a.current {
  background: #fff;
}





#content ul#minitabs{list-style: none; margin-bottom: 25px; padding: 10px 0; font-size: 12px; 
  border-bottom: 1px solid #CCC; line-height: 24px; }
#content ul#minitabs li{display: inline;}
#content ul#minitabs a{text-decoration: none; padding: 0 0 3px;  border-bottom: 4px solid #FFF; color: #999;}
#content ul#minitabs a.current{border-color: #F60; color: #07d;}
#content ul#minitabs a.admin, ul#minitabs a.admin:hover, ul#minitabs a.private, ul#minitabs a.private:hover { color: #d60; }
#content ul#minitabs a:hover{border-color: #F60; color: #666}
.menutabs #minitabs { font-size: 13px; }




#subtabs {
  padding: 12px 10px 10px;
  border-bottom: 1px solid #ccc;
  font-size: 12px;
  background: url('../media/nowtowns/gradient-white-grey.gif') top left repeat-x;
}
#subtabs a, #subtabs a:visited {
  margin: 6px;
}
#subtabs a.current, #subtabs a.current {
  color: #000;
  border: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  padding: 5px 15px 14px 15px;
  background: #fff url('../media/nowtowns/gradient-grey-white.gif') top left repeat-x;
  text-decoration:none;
}
#subtabs a:hover {
  text-decoration: underline;
  color: #000;
}
#subtabs a img {
  margin-bottom: -2px;
}





.featured, .featured-grey , .featured-blue, .featured-yellow{
  background: url('../media/nowtowns/gradient-grey-white.gif') 0px 2px repeat-x; 
  border-top: 1px dotted #bbb;
  margin-bottom: 10px;
  padding: 10px;
  clear: left;
}
.featured-blue {
  border-top: 1px dotted #abd;
  background: url('../media/nowtowns/gradient-blue-white.gif') 0px 2px repeat-x; 
}
.featured-yellow {
  border-top: 1px dotted #cca;
  background: url('../media/nowtowns/gradient-yellow-white.gif') 0px 2px repeat-x; 
}

.feartured h4, .featured-grey h4, .featured-blue h4, .featured-yellow h4 {
  margin-bottom: 10px;
}



#browse_top, .browse_top { 
  border: 1px solid #fa5;
  background: #ffd;
  padding: 6px;
  -moz-border-radius: 6px;
}
#browse_top a, .browse_top a {
  color: #249;
  padding: 2px;
  margin: 0 5px 0 0;
}



#browse_sort {
}
#browse_sort a, #browse_sort a:visited {
  color: #000;
}
#browse_sort a.current, #browse_sort a:hover {
  text-decoration: underline;
}





#browse-sidebar {
  float: right; 
  position: relative; 
  width: 150px; 
  margin-left: 10px;
}
#browse-sidebar a {
  display:block;
  color: #000;
  font-weight: normal;
  text-decoration: none;
}
#browse-sidebar a:hover {
  text-decoration: underline;
}
#browse-sidebar a.current {
  font-weight: bold;
  font-size: 13px;
  text-decoration: underline;
}


.browse-item {
  padding: 20px 10px; 
  border-bottom: 1px dotted #ccc;
}

.browse-item a.big {
  font-size: 14px;
}
.browse-item2 {
  padding: 12px;
  border-bottom: 1px dotted #ccc;
}


.browse-search {
  margin: 0 10px 0 5px;
  float: right;
}







#photobox {
  margin-bottom: 10px;
  overflow: hidden;
}
#photobox img {
  margin: 3px;
}
#photobox a, #photobox a:hover {
  border:0;
}





/* BUTTONS */

a#button {
  border: 1px solid #ccc;
  padding: 3px;
  margin: 3px;
  margin-left: 0;
  color: #222;
  background: #fff url('../media/nowtowns/gradient-grey-white.gif') top left repeat-x;
  text-decoration: none;
  font: bold 11px verdana, arial, helvetica, sans-serif;
  line-height: 30px;
}
a#button:hover {
  background: #fff;
}


/* MESSAGES */

#message {
  border: 1px solid #f00;
  color: #f00;
  font-weight: bold;
  padding: 6px;
  margin-bottom: 15px;
}






/******** STAR RATINGS THINGY ************/

.rating-box {
  padding: 5px;
  background: #eef;
  border: 1px solid #aaf;
}
.rating-empty {
  text-indent: -9000px;
  text-align: left;
  width: 100px;
  height: 20px;
  background: url('../media/nowtowns/star_rating.gif') top left repeat-x;
}
.rating-full {
  width: 0px;
  height: 20px;
  background: url('../media/nowtowns/star_rating.gif') 0px -20px repeat-x;
}


.stars{
	list-style:none;
	margin: 3px;
	padding:0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url('../media/nowtowns/star_rating.gif') top left repeat-x;
}
.stars li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.stars li a{
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	background-image:none;
}
.stars li a:hover{
	background: url('../media/nowtowns/star_rating.gif') 0px -20px repeat-x;
	z-index: 1;
	left: 0px;
}
.stars a.one-star   { left:  0px;  }
.stars a.one-star:hover, .stars a .one-star .current      { width: 20px; }
.stars a.two-stars                { left:  20px; }
.stars a.two-stars:hover    { width: 40px; }
.stars a.three-stars            { left:  40px; }
.stars a.three-stars:hover{ width: 60px; }
.stars a.four-stars              { left:  60px; }
.stars a.four-stars:hover  { width: 80px; }
.stars a.five-stars              { left:  80px; }
.stars a.five-stars:hover  { width: 100px;}




/******** POPULAR ITEMS THINGY ************/

table.popular {
	background: url(../media/nowtowns/popular_bg.png) top left repeat-x;
  border: 1px solid #ddd;
}
table.popular a#black {
  font-weight: normal;
}
table.popular td {
	padding: 8px;
	background-color:#fff;
  border-bottom: 1px solid #ddd;
  font-size: 11px;
  font-weight: bold;
}
table.popular td.value {
	background: url(../media/nowtowns/popular_gridline.gif) top left repeat-x;
	padding: 0 20px 0 0;
	background-color:transparent;
  text-align: left;
  border-left: 1px solid #ddd;
}
table.popular td.value img {
	vertical-align: middle;
	margin: 5px 5px 5px 0;
}
table.popular th {
	text-align: left;
	vertical-align:top;
}