/*USER AREA STYLING*/
* {
	margin:0px;
	padding:0px
}
/*GENERAL*/
body {
	font-family:verdana, sans-serif;
	font-size:11px
}
p {
	margin-bottom:5px;
	margin-top:5px
}
table {
	margin:10px
}
td {
	vertical-align:top;
	padding:3px
}
a {
	text-decoration:none;
	color:#900
}
a:visited {
	text-decoration:underline
}
a:hover {
	text-decoration:underline;
	color:#090
}
img{
	border:0px
}
dt{
	font-weight:bold;
	margin-top:0.5em
}
/*HEADER*/
h1 {
	padding-top:5px;
	padding-bottom:20px;
	background-color:#99c;
	font-size:45px;
	font-family:"courier new", monospace
}
/*MENU*/
div#navigation {
	position:absolute;
	width:20%;
	left:0px;
	top:65px;
	padding:5px
}
div#navigation a {
	display:block;
	text-align:center;
	background-color:#999;
	margin-bottom:2px;
	padding:5px;
	font-family:"gill sans mt";
	font-size:15px;
	text-decoration:none;
	color:#000;
	font-weight:bold
}
div#navigation a:hover {
	background-color:#c99
}
/*CONTENTS*/
div#contents {
	position:relative;
	width:70%;
	left:20%;
	top:10px;
	padding:5px;
	background-color:#ccf
}
td.label {
	font-weight:bold
}
td > p:first-child{
	margin-top:0px
}
p.error {
	border:2px solid #fff;
	background-color:#f33;
	font-weight:bold;
	padding:3px
}
input.error, select.error, textarea.error {
	background-color:#f00
}
select {
	min-width:3em
}
p.success {
	border:2px solid #fff;
	background-color:#3f3;
	font-weight:bold;
	padding:3px
}
div.productionMenu{
	width:150px;
	float:left
}
div.productionMenu > span{
	display:block
}
div.productionMenu > span > a{
	text-decoration:inherit
}
h2{
	clear:both
}
div.productionInfo{
	margin-left:150px
}
div.productionInfo div{
	border:1px solid #000
}
.hiddenInfo {
	display:none
}
.visibleInfo{
	display:block
}
.clicker{
}
.activeClicker{
}
p#sweeper{
	clear:both
}
img.headshot{
	height:200px;
}
img.multiView{
	max-height:300px
}
img.singleView{
	max-width:100%
}
img.thumbNail{
	height:75px;
	width:75px
}
/*STATIC PAGE PREVIEWS*/
#staticView{
	width:380px;
	padding:20px 10px;
	padding-top:0px;
	background:#cf9 url(../../images/contentbottom.jpg) bottom left no-repeat;
	font-family:verdana,sans-serif;
	font-size:11px
}
#staticView h2{
	font-size:150%;
	font-weight:bold;
	width:360px;
	padding:10px 20px;
	margin:0px -10px;
	background:#cf9 url(../../images/contenttop.jpg) top left no-repeat
}
#staticView h3{
	font-size:115%;
	font-weight:bold;
	margin:0px 0px 1em 0px
}
img.frontImage{
	position:relative;
	float:right;
	clear:right;
	margin-right:-50px;
	margin-top:-2px
}
#staticView a{
	text-decoration:none;
	color:#006
}
#staticView a:visited{
	color:#600
}
#staticView a:hover{
	text-decoration:underline
}
#staticView h4, #staticView h5{
	font-size:100%
}
#staticView  h4{
	margin:0.5em 0px
}
#staticView  p{
	margin-bottom:0.5em
}
#staticView ul{
	margin:1em 0px
}
#staticView li{
	list-style-position:inside
}
#staticView address{
	font-style:normal
}
#staticView abbr{
	border:none
}
#staticView q{
	font-style:italic
}
#staticView img{
	display:block;
	border:0px
}
#staticView .clear{
	clear:both
}
#staticView .playTitle{
	font-style:italic;
	text-transform:capitalize
}
#staticView .position{
	color:#060
}
#staticView .castName:before{
	content:'| '
}
#staticView q.pullQuote{
	display:block;
	font-weight:bold;
	text-align:center
}
#staticView q:before{
	content:open-quote
}
#staticView q:after{
	content:close-quote
}
