/* 
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=
 * AOL GLOBAL LS & CG CONTENT 
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=
 * presentation for aol local search 
 * and cityguide
 *
 * TOC
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=
 * - html elements
 * - common presentation
 * - headers and footers
 * - additional navigation
 * - layer styles
 * - forms
 *
 */

/**
 * HTML ELEMENTS
 */ 
address
{	
	margin:		0;
	padding:		0;
	font-style:	normal;
}
 
form, li, p
{
	margin:	0;
	padding:	0;
}

h2, h3, h4
{
	margin:	0;
}

h5
{
	margin:	10px 0 5px;
}

img
{
	border: 0;
}

ul
{
/*
      list-style:     square;
*/
      margin:         5px 0 5px 7px;
      padding:                5px 0 5px 7px;
}


/**
 * COMMON PRESENTATION
 */

h2 span.alt
{
	color: #000;
}

* html h4.disi
{
	margin-left:	-4px;
}

h5 span
{
	font-weight:	normal;
}

.half ul
{
	margin:	0 0 5px 7px;
	padding:	0 0 5px 7px;
}

img.disb	
{
	margin-bottom:	30px;
}
img.fltl
{
	margin: 0 20px 5px 0;
}
img.fltr
{
	margin: 0 0 5px 5px;
}
img.mrgnr
{
	margin:	4px 4px 4px 0;
}

/* display */
.disb
{
	display:	block;
}
.disi
{
	display:	inline;
}

.hidden
{
	display:	none;
}

/* floats */
.clear
{	/*deprec: revise when time to pull clear from templates*/
	clear:			both;
	line-height:	1px;
}
.fltl
{
	float: left;
}
.fltr
{
	float: right;
}  

/* text formatting */
.textc
{
	text-align: center;
}
.textr
{
	text-align: right;
}

.nowrap
{
	white-space: no-wrap;
}

.smaller
{
	font-size: .95em;
}

.larger
{
	font-size: 105%;
}
* html .larger
{	/* foolish IE */
	font-size: 110%;
}

/*
 * HEADERS AND FOOTERS
 */

/* print button headerbars */
#buttonheader
{
	margin-bottom:	10px;
	border-bottom:	1px solid #ccd2d0;
	background:		#dee7e7;
	text-align:		right;
}
#buttonheader h5
{	/* brand */
	float:			left;
	margin-left:	10px;
}
#buttonheader a img
{	/* button */
	float:		right;
	margin-top:	20px;
}
#buttonheader img
{
	margin: 5px 10px 5px 0;
}
/* print button footer bars */
#buttonfooter
{
	margin-top: 10px;
	border-top: 1px solid #ccd2d0;
	background: #dee7e7;
	text-align: center;
}
#buttonfooter img
{
	margin: 10px;
}

/**
 * ADDITIONAL NAVIGATION
 */

/* alpha nav bar */
.alphabar
{
	height:			19px;
	margin-bottom:	4px;
	padding-top:	5px;
	padding-left:	5px;
}
.alphabar a:hover
{
	font-weight: bold;
}
.alphabar ul
{
	list-style:	none;
	float:		right;
	margin:		0;
	padding:		0 0;
}
.alphabar ul li
{
	float:		left;
	width:		13px;
	margin:		0;
	padding:		0;
	text-align:	center;
}
.alphabar ul li.this
{
	padding-bottom:	8px;
	font-weight:		bold;
}
.alphabar ul li.this	a
{
	margin-left:	2px;
}
.alphabar ul li.all
{
	width:	26px;
}
.alphabar div
{
	float:	left;
	width:	125px;
}
.alphaoptions
{
	margin-left:	7px;
}
.alphaoptions span.fltl
{
	padding-top:	4px;
}
.alphaoptions span.fltr label
{
	margin-left:	25px;
}
 
/* navigation subpage layer (view: summary events... bar) */
#navsubpage div
{
	height:			23px;
	margin-bottom:	20px;
}
#navsubpage div ul
{
	list-style:	none;
	margin:		0;
	padding:		0;
}
#navsubpage div ul li
{
	float:			left;
	width:			102px;
	margin:			0;
	padding:			5px 5px 4px 5px;
	text-align:		center;
	white-space:	nowrap;
}
#navsubpage div ul li.view
{
	width:			50px;
	padding:			5px 0px 4px 10px;
	font-weight:	bold;
	text-align:		left;
}
#navsubpage div ul li.this
{
	padding:			3px 5px 4px 5px;
	font-weight:	bold;
}
#navsubpage div ul li.current
{
	font-weight: bold;
}
#navsubpage div ul li a
{
	display:			block;
	font-weight:	normal;
}
#navsubpage div.print
{
	border-left:	1px solid #fff;
	border-right:	1px solid #fff;
	background:		transparent none;
}
#navsubpage div.print ul li.this
{
	border-top:		2px solid #fff;
	font-weight:	normal;
}

/**
 * LAYER STYLES
 */ 

/* back to results, previous, next page layer */
.barbackpn
{
	margin:				5px 0 10px 0;
	padding:				2px;
	vertical-align:	middle;
}
 
/* category listings */
.categories
{
	width:	550px;
}
.categories a
{
	font-weight:	bold;
}
.categories p	{
	margin-bottom: 5px;
} 
.categories table
{
	width:	100%;
}
.categories table tr
{
	vertical-align:	top;
}
.categories table td p
{
	margin-bottom:	0;
	white-space:	no-wrap;
}
.categories table .rt p
{
	margin-left:	5px;
}

/* details pages */
#details p
{
	margin-bottom:	5px;
}
#details ul.moviedata
{
	margin:	0 0 0 10px;
	padding:	0 0 0 10px;
}
#details .detailslayer ul
{
	margin-top:		0; 
	padding-top:	0;
}
#details .detailslayer h5
{
	margin-bottom:	0; 
}

/* driving directions */
#ddirman table th
{
	padding-right:	10px;
	padding-left:	5px;
	font-weight:	normal;
}
#ddirman table td
{
	padding:				6px 10px 4px;
	vertical-align:	top;
}
#ddirman table td.dist, #ddirman table td.num
{
	text-align:		right;
	white-space:	nowrap;
}
#ddirman table td.num
{
	font-weight:	bold;
}
#ddirman table td.man
{
	padding-right:	10px;
	padding-left:	10px;
}

/* find add send wrapper */
.findaddsend
{
	margin-left:	5px;
	padding:			4px 2px 4px 4px;
}
.findaddsend a
{
	display: block;
}

/* layer titles */
.layertitle
{
	margin:	0 0 5px;
}
.layertitle h2
{
	display:	inline;
	margin:	0;
	padding:	0;
}

/* listings long */
.showmore img
{
	margin:				0 5px 1px 0;
	border:				0;
	vertical-align:	middle;
}

.resultlisting h5
{
	margin-top: 5px;
}

/* listings short table - listings long showtimes */
table.shortlistings
{
	width:	584px;
}
table.shortlistings th
{
	font-weight:	bold;
	font-style:		normal;
	text-align:		left;
}
table.shortlistings tr
{
	padding:				2px;
	vertical-align:	middle;
}
table.shortlistings td p
{
	font-size: 95%;
}
table.shortlistings col.phone
{
	width:			90px;
	white-space:	no-wrap;
}
table.shortlistings col.distance
{
	width:			75px;
	white-space:	no-wrap;
}
table.shortlistings col.ratings
{
	width:			150px;
	white-space:	no-wrap;
}
table.shortlistings col.times
{
	width:	261px;
}
table.shortlistings col.theatername
{
	width:	105px;
}

/* maps */
.imap div
{
	margin:	0;
	padding:	0;
}

.mapmiddle
{	/* map widget is centered on route pages */
	margin:		0;
	padding:		0;
	text-align:	center;
}
.mapmiddle .map520, .mapmiddle .map425, .mapmiddle .map290
{
	margin:		0;
	text-align:	left;
}

.map520
{	/* width of container holding map, zoom and margin space */
	width:	623px;
}

.map425
{
	width:	528px;
}

.map290
{
	width:	393px;
}

#mapform
{	/*larger maps need to have form info on right*/
	text-align:	left;
}

.mapform, .mapform div
{
	font-weight:	bold;
}
.mapform p
{
	margin-top:	5px;
	text-align:	center;
}
.mapform label
{
	margin-right:	10px;
}
.mapform div.dirmyloc
{
	height:		25px;
	margin:		5px 5% 0;
	text-align:	center;
}
.mapform div.dirmyloc div div
{
	float:			right;
	width:			150px;
	line-height:	20px;
}
.mapform div.dirmyloc div.fltr
{
	display:	inline;
	width:	25%;
}

/* mapwrapper + zoomwrapper = mapXXX (map425, map290)*/
.mapwrapper
{
	float: left;
	display: inline;	
}
.map425 .mapwrapper
{
	width:	465px;
}
.map290 .mapwrapper
{
	width:	330px;
}
.map520 .mapwrapper
{
	width:	560px;
}

.zoomwrapper
{
	display:		inline;
	float:		left;
	width:		53px;
	background:	transparent url(http://cdn.digitalcity.com/localsearch30/button_labels.gif) 0 61px no-repeat;
}
.zoomwrapper div
{
	margin-top:	23px;
}
.zoomwrapper div img
{	/*stack zoom buttons*/
	display:			block;
	margin-left:	10px;
	cursor:			hand;
}

/* map rollover data */
.poirollover
{
   position:	absolute;
   top:			0;
   left:			0;
   z-index:		100;
   width:		auto;
}	
.poirollover div
{
   margin:		5px 0 0 5px;/* will adjust distance from mouse or poi coordinates */
   padding:		4px;
	border:		2px outset #b5b8c5;
	background:	#f6f6ed;
}
.poirollover p
{
	margin:	0;
	padding:	0 3px;
}

.poilist
{	/* container for poi listing links next to map */
	float:	right;
	width:	175px;
}
.poilist div
{
	margin:	20px 30px 0 0;
}
.poilist p
{
	margin-bottom:	10px;
}

/* print route maps */
.routemap
{
	margin:		0;
	text-align:	center;
}
.routemap .wrapper
{
	width:		450px;
	margin:		10px auto;
	text-align:	left;
}

#dirman .half p
{
	margin: 0;
}

/* panels */
.panels
{
	width:	460px;
	margin:	10px 0;
}
.panels .wrapper
{
	margin:	0 10px 0 20px;
}

.panel
{
	width:	200px;
	height:	150px;
}
.panel div
{
	margin:	5px;
}

/* programming layer */
.programming
{
	margin:	20px 0 10px 0;
}
.programming div
{
	width:			47%;
	margin-bottom:	10px;
	padding:			3px;
	text-align:		left;
}
.programming div img
{
	float:	left;
	margin:	0 4px 4px 0;
}

/* provider images (infousa, switchboard, etc) */
.provider img
{
	margin:	0 10px 0 0;
}

/* rating and review stars */
.ranktype
{
	height: 15px;
}
.ranktype .rankstars
{
	float: right;
	width: 70px;
}

/**
 * FORMS
 */
.formstars input
{	/*myRatingReview form */
	margin-right:	10px;
}
.formstacked label
{
	margin-top:	10px;
}
.formstacked label, .formstacked input, 
.formstacked textarea
{
	display:	block;
	width:	90%;
}
.formstacked textarea
{
	height:			160px;
	margin-bottom:	5px;
}

.formbuttons
{
	margin:	15px 10% 10px 0;
}
.formbuttons input
{
	margin:	0 10px;
}

input.phonearea, input.phoneprefix
{
	width:	40px;
}
input.phonesuffix
{
	width:	60px;
}