﻿/***   General Rules  ***/

body 
{
	margin: 0 0 0 0;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial;
}

h1
{
	background-color: #00008B;
	color: White;
	line-height: 35px;
	font-family: Arial;
	font-size: 23pt; 
	font-weight:700;
	width:100%;
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

/* rules for default layout */

a#logo { display:block; width: 150px; height:141px; background: url(../../Content/images/NJTheaterMask.gif) no-repeat; }
a#logo h1,
a#logo h2 { display: none; }

.MenuItem
{
	background-color:White;
	font:normal normal bold 9pt Arial; 
	color:Navy;
}
.MenuItem a
{
	text-decoration: none; 
	color:Navy;
}

.MenuItem a:hover
{
	color:blue;
}

.MenuItem a:active
{
	color: Red;
}


ul.MenuFrame
{
	list-style-type:none;
	width:100%;
	float:left;
}

ul.MenuFrame li
{
	margin-left:-35px;
	cursor: pointer;
}

ul.MenuFrame hr
{
	margin-left:-35px;
}

ul.MenuFrame li li
{
	margin-left:-15px;
	cursor: pointer;
}

#menuPanel
{
	vertical-align:top; 
	position:absolute;
	width: 15%;
		/*170px*/
/* 	width:15%;   
	position: relative;
	float:left; */
	top: 0;
	left: 0;    
}

#contentPanel
{
	vertical-align:top; 
	top:6px;
	left: 15%;
	width:72%;
	position: relative;
	z-index:75;
	margin-right: 145px;
	display:inline-block;
}

.adsense
{
	float:right;
	display:inline;
}

.bottomAd
{
	text-align:center; 
	width:100%
}

#childContent
{
	margin-right: 15px;
	vertical-align:top; 
	border: 1px solid white;
}


.Show-header
{
	text-align:center;
	max-height:31px;
}

/************** For Show/Playing.vm ********************************/
.announcement
{
	font-family:Arial; 
	color:Black; 
	  width: 100%;
	  border-color:Aqua;
	  border-width:2px;
	  border-style:solid;
}

.ShowListing
{
	list-style: none;
	list-style-position:outside;
}
.playingTitle
{
	font-family:Arial; 
	color:Black; 
	font-size:x-large; 
	font-weight:bold;
}

.NJTA
{
	background-image: url(../../content/images/njta.gif);
	background-repeat:no-repeat;
	background-position:right;
	border-color:Silver;
	border-width:2px 2px 2px 0px;
	border-style:solid;
	background-color:#DCDCDC;	
}

.NJACT
{
	background-image: url(../../content/images/perrylogo.gif);
	background-repeat:no-repeat;
	background-position:right;
}
.ShowItem
{
	padding-bottom: 10px;
	text-indent:-30px;
	margin-left:-30px;
	padding-left:30px;
}

.Date
{
	font-family:Arial;
}
.ThisWeek
{
	font-family:Arial;
	font-weight:bold;
}

.AuthorCredit
{
	font-family:Arial;
	font-size:small;
}

.AuthorName
{
	font-family:Arial;
	font-size:larger;
	font-style:italic;
}

.PersonHasBio
{
	 
}

.Description
{
	font-size:smaller;
	font-style:italic;
	color:Teal;
}

/************** For Show/Show.vm *************************************************/
.PlayTitle
{
	font-family:Arial;
	text-align:left;
	font-size:xx-large;
	width:100%;
	font-style:italic;
}

.AuthorBlock
{
	font-family:Arial;
	font-size:large;
	padding-bottom:10px;
}

.AuthorName
{
	 font-weight:bold;
}

.HasPhoto:after
{
	content: url(../../content/images/hasphoto.gif);
	background-position:left;
}
.HasBio:after
{
	content: url(../../content/images/hasbio.gif);
	background-position:right;
	
}

.PlayDesc
{
	font-family:Arial;
	font-size:large;
	padding-bottom:10px;
	background-color:#ACACDC;
	font-style:italic;
	border: 5px  outset Grey;
	border-collapse:collapse;
	width:80%;
	margin-top:2em;
	margin-bottom:2em;
}

.Comments
{
	font-family:Arial;
	font-size:large;
	padding-bottom:10px;
}

.PerformedBy
{
	font-family:Arial;
	font-size:large;
	padding-bottom:10px;
}

.PerformedByName
{
	font-weight:bold;
	font-style:italic
}

.PerformedAt
{
	font-family:Arial;
	font-size:large;
	padding-bottom:10px;
}

.PerformedAtName
{
	font-weight:bold;
	font-style:italic
}

.PerformanceDates
{
	font-family:Arial;
	font-size:large;
	padding-bottom:10px;
}

.PerformanceLinks
{
	font-family:Arial;
	font-size:large;
	padding-bottom:10px;
}

/************** For Show/Cast.vm *************************************************/
.CastList-Table
{
	border: 1px solid black;
}

.CastList-Role
{
	 text-align:right;
	 font-size:115%;
	 font-style:italic;
}
.CastList-Name
{
	text-align:left;
	font-size:115%;
}

.CastList-Crew
{
	 text-align:right;
	 font-size:115%;
	 font-style:italic;	
}
/************** For Troupe/ListAll.vm *************************************************/
.TheaterListActive
{
	font-weight:bold;
	text-align:center;
}

.TheaterListInactive
{
	font-style:italic;
	text-align:center;
}

.TheaterListLink
{
}

/************** For Venue/Display.vm *************************************************/
.VenueName
{
	font-size:xx-large;
	font-style:italic;
	font-weight:bold;
	text-align:center;
}

.VenueAddress
{
	 list-style-type:none;
	 text-align:center;
}

.VenueWheelchair:after
{
	content: url(../../content/images/whchair.gif);
}



/************** For Person/Find.vm *************************************************/

.PersonFindText
{
	text-align:center;
	font-family:Arial;
	font-size:larger;
}
/************** For Person/Display.vm *************************************************/
.BioPhoto
{
	position:relative;
	float:right;
	right:20px;
}
.BioName
{
	left: 33%;
	font-family:Times New Roman;
	font-weight:bold;
	font-size:x-large;
}



.BioText
{
	width:60%;
	float:left;
	z-index: 10;
}

.BioNoText
{
	width:60%;
	font-style:italic;
}
.BioSectionHeader
{
	 width: 60%;	
	font-family: Times New Roman;
	text-align: center;
	font-size: x-large;
	clear: both;
	padding-top: 14px;
	padding-bottom:10px;
}
.BioSectionHeader:after
{
	padding-bottom:10px;
}
table.BioRoles
{
	border-width:0;
	padding: 5px;
	border-collapse:collapse;
	width: 100%;	
	float: left;
	padding-bottom: 10px;
}

thead.BioRoles
{
	background-color:#000080;
	font-weight:bold;
	font-size:larger;
	color:White;
}

tr.BioRoles
{
	font-size:large;
}

tr.BioRoles td
{
	padding-right: 5px;
}

tr.BioRoles td.credit
{
	width: 50%;
}

#ActorWatchPanelXXXXX
{
	 position:static;
	 right: 10px;
	 top: 300px;
	 float:left;
}

/************** For Person/Search.vm *************************************************/

personIndex
{
	text-align:center;
	font-size:36pt;
}
personIndex:after
{
	content: url(../../content/images/up.gif)
}

.PersonList-Letter
{
	font-family:Arial;
	text-align:center;
	font-size:36pt;
}
.PersonList-Name
{
	font-family:Arial;
	text-align:center;
	font-size:18pt;
	
}

/** for Site/Faq.vm **/

.Question
{
	color:#666699;
	cursor:pointer;
	font-size:larger;
	font-weight:bold;
	font-family:Arial;
}

.Answer
{
	font-family:Arial;
}

/*---------------------------- Common Styles -----------------------------------------------------------*/

/**  QuoteComponent **/
.QuoteBlock
{
	width:50%;
	text-align:center; 
	border-color:red;
	border-width:thin;
	position:inherit;
	display:inline-block;
 }
 
dl.Quote
{
	background-color:#dcdcdc; 
	padding: 5px 5px 5px 5px;
	text-align:center;
	font-family:Arial;
	border-collapse: collapse; 
	border-color:#111111;
	border-width:thin;
	border-style:inset;
}
dl dt.Quote
{
	text-align:left;
	margin-bottom:11px;
}

dl dd.Quote
{
	text-align:right;
	margin-bottom:11px;
}
 
#BottomMatter
{
	display:inline;
	float:left;
	width:100%;
	text-align:center;
}

@media print
{
	.QuoteBlock
	{
		display:none;
	}
	#menuPanel
	{
		display:none;
	}
	
	#top-ad
	{
		display:none;
	}
	.noprint
	{
		display:none;
	}	
}

.AuditionDate
{
	font-family:Arial; font-size:x-large; font-weight:bold;
}

.AuditionLinks
{
	font-family:Arial; font-size:larger;
}
