@import "base.css";

/* NEW RESKIN */
html { }
body { background: black url(/images/bg.jpg) no-repeat center top; color:#ffffff; font-family:Helvetica, Arial; font-size: small; padding: 10px 0 0 0;}
em{font-style:italic;}
strong{font-weight:bold;}
#print_logo { display:none; }
h1{font-size:48px; display:block;}
h2{font-size:18px; font-weight:bold; padding:5px 0 5px 0; text-transform:uppercase;}
h3 {font-size:16px; font-weight:bold; padding:5px 0 5px 0;}		
a {text-decoration:none; color:#FFFFFF; color:#00c6ff; font-weight:bold;}
li{font-size:12px;}
ul { color: #fff; margin-top: 10px; margin-bottom: 10px; }
ul li { color: #fff; margin-left: 25px; margin-bottom: 2px; list-style-type: disc; }


/* NEW GENERIC  */
.wrapper{margin-right:auto; margin-left:auto; width:960px; height:auto; position:relative;}
.header{position:relative;height:auto; width:960px;}
.headerTop{position:relative; height:82px; width:960px; }
.headerImage{height:254px; width:100%; background: transparent url(/images/mast_img.jpg) no-repeat left top;}
.headerNav{height:38px; width:960px; position:relative;}
.headerNavBG{height:38px; width:960px; position:absolute; top: 0; left: 0; background-color: #000; filter:alpha(opacity=40); opacity:0.4; }
.headerLinks{height:38px; width:960px; position:absolute; top: 0; left: 0;}
.maincontent{float:left; width:960px; min-height: 300px;}
.leftCol{float:left; width:145px; padding:108px 10px 0 10px;}
.clientForm{padding: 30px 0;}
.clientForm table td {padding: 5px; vertical-align:top;}
.clientForm input[type='submit'] { background-color: #777; border: solid 1px #999; cursor: pointer; color: #000; font-weight: bold; }
.clientForm input[type='text']{width: 250px;}
.clientForm textarea{width: 250px; height: 100px;}
.clientForm table td.formButtons { text-align: left;}
.formFieldLabel { font-weight: bold; text-align: right; white-space: nowrap; }
.clientForm td.formFieldLabel { text-align: right; }
.clientForm .footerRow td {padding: 10px 0;}
.clientForm div.formValidationSummary { width: 200px; margin: 0 auto; text-align: left; }
.formInstrucitons { font-style: italic; color: #777; font-weight: normal; padding: 15px 0;}
.subtextInfo { font-style: italic; color: #777; font-weight: normal; }
.FormValidationSummary ul li { color: #ff0000; }
.ValidationMessage  { display: block;}

/* DYNAMIC IMAGE STYLE PRESETS */
.DILStyle_Header1{display: block; margin-left: -9px;}
.DILStyle_Header2{display: block; margin-top: 20px; margin-left: -5px;}
.DILStyle_MenuItem{display: inline; margin: 10px 5px 0 5px;}
.DILStyle_SectionHeader{display: block; margin: 20px 0 10px 0;}

/* ASK A MUSICIAN */
#AskAMusician {}
#AskAMusician .newQuestionLink {padding: 10px 0;}
#AskAMusician .questionTable td {padding: 5px 30px 5px 0px; border: 0;}
#AskAMusician .questionTable th {padding: 0; border: 0;}
#AskAMusician .questionTable { border: 0; border-collapse: collapse; }
.popupFieldLabel { font-weight: bold; }
.popupFieldValue { padding-top: 5px; padding-bottom: 10px; }
.modalPopup {
	background-color:#000;
	border-width:3px;
	border-style:solid;
	border-color:#444;
	padding:10px;
	width: 500px;
}
#AskAMusician .modalPopup .closeLink { text-align: right; }
#AskAMusician input[type='submit'] { background-color: #777; border: solid 1px #999; cursor: pointer; color: #000; font-weight: bold; }
/*Modal Popup*/
.modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }

/**** PRIMARY CONTENT ****/
#primary{float:left; width:660px; padding:47px 10px 35px 10px}
#primary p, #primary a{font-size:12px;}
#primary span.headline{font-size:48px; display:block;}


/******* Opportunities *********/
.oppSection { padding: 0 0 20px 0; }
.oppSection .sectionLabel { font-weight: bold; font-size: 1.1em; }
.oppListItem a { font-size: .9em; }

/**** RIGHT COLUMN ****/
#rightColumn{float:left; width:260px; padding:47px 10px 15px 10px}
#rightColumn p{padding-bottom:20px;}
#rightColumn li{list-style-type:disc; list-style-position:outside;}
#rightColumn div{padding: 10px 0;}
.RightColumnContent { padding-top: 44px !important;}

/**** FOOTER  ****/
.footer{clear:both;font-size:75%;padding:10px 0 40px 0; text-align:center;color:#6e6e6e; background: transparent url(/images/footerbg.jpg) no-repeat left top;}
.footer ul { margin: 0; padding: 5px 0 0 0 ; list-style: none; }
.footer ul li { margin: 0; padding: 0 0px 0 0px; display: inline; color: #4f4f4f }
.footer ul li a { color: #4f4f4f; text-decoration: none; }
.footer ul li a:visited { color: #4f4f4f; text-decoration: none; }
.footer ul li a:hover { color: #4f4f4f; text-decoration: none;  }
.footer p { margin-top: 0; font-size: 10px; color: #6e6e6e; }

/** placed last to override **/
.active{display:block;}
.hide{display:none;}

/** convert reviews **/
.modalBackground
{ 
	filter: Alpha(Opacity=80); -moz-opacity:0.8; opacity: 0.8;
    width: 100%; height: 100%; background-color: #999999;
    position: absolute;
    z-index: 500;
    top: 0px;
    left: 0px;
 }
.modalViewReviewContainer
{ 
	z-index: 1000; 
	background-color: #000; 
	border: 1px solid #999999;
	padding: 10px;
	width: 300px;
	min-height: 200px;
}
.modalAddReviewContainer
{ 
	z-index: 1000; 
	background-color: #000; 
	border: 1px solid #999999;
	padding: 10px;		
}
.ConcertReview
{
	padding-bottom: 10px;
}
.ajax__calendar table td { padding: 0px !important; }
