@import url(nav.css); /* CSS for menu style */
@import url(defined_classes.css); 

/*==================================*\
|*		Re-usable Classes			*|
\*==================================*/
.right{text-align:right;} .left{text-align:left} .center{text-align:center;} .top{ vertical-align:top} .bottom{vertical-align:bottom;}
.floatLeft{float:left;} .floatRight{float:right;} .clear{clear:both;} .clearLeft{clear:left;} .clearRight{clear:Right;} 
.bold{font-weight:bold;} .italic{font-style:italic;} .caps{text-transform:capitalize;} .upper{text-transform:uppercase;}
.width20{width:20%;}.width25{width:25%;}.width30{width:30%;}.width50{width:50%;}.width80{width:80%;}.width90{width:90%;}.width100{width:100%;}
.negTop30{margin-top:-30px !important;} .negBot40{margin-bottom:-40px !important;}.nomargin{margin:0px;}
.inline{display:inline !important;}.block{display:block;} .inlineBlock{display:-moz-inline-box; display:inline-block;}
.hideme{display:none;} .hideme a{float:none !important; display:inline !important;}




html{
	margin: 0px;
	padding: 0px;
	height:100%;
	background-color: #E5E5E5;
	background-image:url(/images/bg/grey_wall_ppr.gif);
	background-position: center top;
}
body{
	margin: 0px;
	padding: 0px;
	background-image:url(/images/bg/faux_col_bg3.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#pageFrame{
	background-color: #FFFFFF;
	border: 1px #98AAB1 solid;
	width: 800px;
	margin:auto;
	/*background-image:url(/images/bg/faux_col_bg.gif);*/
	background-repeat:repeat-y;
	overflow:hidden;
}


body,font,th,td,p,div,li,h1,h2,h3,h4 { font-family: Arial, Helvetica, sans-serif; }
body,font,th,td,p,li,h1,h2,h3,h4 { color:#315079; }
h1,h2,h3,h4 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }

#breadcrumb{
	margin: 0px;
}
#header{
	padding-bottom: 5px;
	height:87px;
	background-image:url(/images/userimages/musical_affair_logo.gif);
	background-repeat:no-repeat;
	background-position: 19px 11px;
	background-color:#FFFFFF;
}


#leftSide{
	float: left;
	width:170px;

	background-image: url(/images/bg/lite_blue.gif);
	/*background-repeat: repeat-y;*/
	background-position: 0px 200px;
	border-top:1px solid #000000;
	padding:0px 0px 32000px 0px;
	margin-bottom:-32000px;
	/*margin: 0px;*/
}
#leftSide img{z-index:3;position:relative;float:left;margin-top:-20px;margin-right:-21px;}
#rightSide{
	float: left;
	width:600px;
	/*margin-left:-21px;*/
}
#content{
	float: left;
	height:100%;
	width:566px;
	/*background:url(/images/bg/page_top.jpg) no-repeat;*/
	padding:22px 30px 32000px 34px;
	margin-bottom:-32000px;
}
.footer{
	text-align:center;
	font-family: Verdana, Tahoma, Arial;
	font-size: 10px;
}
.footBar{
	background-color: #F0F0F4;
	height: 8px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-bottom-color: #666666;
	margin-left:2%;
	margin-right:2%;
}
#sectionTitle, #printHead, .hideme{visibility:hidden;display:none;}

#headImg{margin: 0px 0px 0px 0px;}

.content{width:95%;padding:0px 20px 20px 20px;}
#breadcrumb{
	font-size:10px;
	margin:0px 0px 0px 2px;
	color:#315079;
	font-weight:bold;
}
#breadcrumb a{
	color:#315079;
}
#breadcrumb ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	white-space:nowrap;
}

#breadcrumb li {
	display:block;
	font-size:10px;
	font-weight:normal;
}
.txtSml{font-size:small;font-weight:normal;}
.fixedSize{font-size:12px;}
#artOptions{margin: 30px 0px 30px 0px;}
#backBtn, #topBtn, #printBtn{font-size:10px;color:#404040;padding-left:7px;margin-right:10px;}
#backBtn:link, #topBtn:link, #printBtn:link{text-decoration:none;}
#backBtn{
	background-image: url(/images/back_sm.gif);
	background-repeat: no-repeat;
	background-position:left 5px;
}
#topBtn{
	background-image: url(/images/top_sm.gif);
	background-repeat: no-repeat;
	background-position:left 5px;
}
#printBtn{
	padding-left:12px;
	background-image: url(/images/print_sm.gif);
	background-repeat: no-repeat;
	background-position:left 2px;
}

.article h1, .articleTitle, h1, #articleContent h1{color:#642D55;font-size:1.5em;margin:0px 0px 10px 0px;}
.article p, .article .details, .article .heading, #articleContent{font-size:0.8em;}
.article a{font-size:0.8em;}
.article .heading{margin-bottom:1em;}

#footer, #footer p, #footer a{
	text-align:center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#315079;
}
#footer p, .footLink{margin: 0px 10px 10px 10px;}


.messageStack{clear:both;}
.messageStack ul, .messageStack li{list-style-type:none; margin: 0px; padding:0px}
.error, .messageStackError{color:#FFFFFF !important; background-color:#FF0000;padding:3px 5px !important;}
.messageStackError dt, .messageStackError dd{color:#FFFFFF}
.messageStackSuccess{color:#FFFFFF !important; background-color:#009900; padding:3px 5px !important;}
.messageStackWarning{color:#FFFFFF !important; background-color:#FF9900; padding:3px 5px !important;}

.error a, .messageStackError a{color:#226}
.error a:hover, .messageStackError a:hover{color:#fff}




.surveyQues{font-weight:bold}
.surveyResp{font-style:normal;}

#footer, #footer p, #footer a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#315079;
}
#footer p, .footLink{margin: 0px 10px 10px 10px;}



.data {
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
}
.data th{background-color: #E5E5EE;padding:3px 0 3px 0;border-top:2px solid #FFFFFF;}
.data td{padding:3px 10px 3px 10px;}
.data tr.odd{background-color: #F4F4F7;}
.data tr.evn{background-color: #FFFFFF;}

/* Admin styles */
#logo{display:none;}

#topMenu{background:#000;}
#topMenu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	min-height: 15px;
}

.adminMenu{background-color: #000000;list-style:none; margin:0px; padding:0px;}
.adminMenu li{float:left; margin:3px 0px 0px;}
.menuTopItm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.menuTopItm a{padding:3px 10px 0px;}
.menuTopItm A:link, .menuTopItm A:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.menuTopItm A:active, .menuTopItm A:hover {
	color: #FFFFFF;
}

.tabContent{
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	background-color:#FFFFFF;
	padding:10px;
}
#catalog{
	overflow: auto;
	height: 250px;
	width:150px;
}
.required{color:#990000;font-weight:bold;}
#articleContent fieldset{border:1px solid #8C2F17;padding:10px 1px 5px 10px;}

table.selgrp50 tr td{width:50%;}
table.selgrp25 tr td{width:25%;}

#playlist{
	float:none;
	clear:both;
	/*width:100%;*/
	display:block;
    background-color: rgb(49, 80, 121);
}

#dirMenu{clear:both;}

#reviews{margin-top:25px;margin-bottom:25px;}
#reviews li{padding:5px 10px 5px 10px;}
#reviews, #reviewsp{font-size:12px;}


.photoDesc{font-size:10px;}


/*Used to Fix IE's PNG rendering bug *//*
* { behavior: url(/includes/css/iepngfix.htc) }*/



.frm_struct{ margin:0px; padding:0px; list-style-type:none; }

.frm_struct li{
	float:left;
	clear:left;
	margin:0px 0px 10px 0px;
	font-weight:bold;
	font-size:12px;
}

.frm_struct li label{}
.frm_struct li div label{
	padding: 0px 23px 0px 0px;
	display:block;
	font-size:10px;
	color:#404040;
	text-align:left;
	width:auto;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}

input[type=text], input[type=password], textarea{
	padding:3px 2px;
	background-color:#fff !important; 
}
input[type=text], textarea, select{
	background:#fff url(/images/bg/input_bg.png) repeat-x; 
	border:1px solid #999;
}
select{padding:2px 2px;}


#phone label{width:23px;float:left;}

#error{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ff0000;	
	border:2px solid #aa0000;
	color:#fff;
	font-weight:bold;
	margin: 0px 0px 10px 0px;
	padding: 3px 10px;
}
.inputRequirement{color:#ff0000;}

input.medium, select.medium, textarea.medium{width:50%;}
input.large, select.large, textarea.large{width:100%;}