/*Met digital styles (extends and overrides /metopera/_inc/css/main.css, /metopera/_inc/css/forms.css)*/
/* Form overrides*/
/************************/
input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}
select > option { /* fixes select box display in firefox, when universal margin and padding have been zero'd */
	padding: 0 5px 0 3px;
}
input.button, input.submit, input.reset{}
input.image{}
input.text{}
input.radio{margin-right:5px;}
input.checkbox{margin-right:5px;}
input.file{}

input.text_short{}
input.text_long{}

.required {}
.validator {}
.error {color: #df7a1c;}
.nowrap {white-space:nowrap;}

fieldset {
	width: auto;
	border: none;
}
fieldset br {clear:both;}

legend{font-weight:bold; font-size:1.5em;}

/* fieldlist defaults to label and input aligned horizontally*/
ol.fieldlist {list-style:none;}
	ol.fieldlist li {clear:both; margin:0 0 0.75em 0; padding:0;}
	ol.fieldlist li label {
			float:left; 
			width: 20%; 
			text-align:right; 
			padding-right:0.5em;
			margin-bottom:1.5em;
	}
	ol.fieldlist li input {/*float:left; */}
	ol.fieldlist li select {/*margin-bottom:0.5em;*/}
	ol.fieldlist li span.validator{}

ol.fieldlist li.inline_field{}
	ol.fieldlist li.inline_field label{display:inline; float:none; margin-left:5px;}
	ol.fieldlist li.inline_field input{}
	
ol.fieldlist li.block_field{}
	ol.fieldlist li.block_field label {
		float:none;
		display:block;
		width:auto;
		text-align:left;
		margin-bottom:0.25em;
	}
ol.fieldlist li.action_buttons{
	margin-top: 2em;
	margin-left: 20%;
}
ol.fieldlist li.action_buttons input{
	margin-right:1em;
}

ol.fieldlist li.radiochecklist{}
	ol.fieldlist li.radiochecklist label{float:left; width:auto;}
	ol.fieldlist li.radiochecklist input{float:left;}

ol.fieldlist li div.split_left{float: left; width:50%;}
ol.fieldlist li div.split_right{float:right; width:50%;}	

	
fieldset.block_fields{}
fieldset.block_fields ol.fieldlist {}
	fieldset.block_fields ol.fieldlist li {}
	fieldset.block_fields ol.fieldlist li label {
			float:none;
			display:block;
			width: auto; 
			text-align:left; 
			margin-bottom:0.25em;
	}
	fieldset.block_fields ol.fieldlist li.action_buttons{
		margin-left: 0;
	}

/*fieldset styles for targeting fieldlists*/
fieldset.inline_fields{}/* this is default ol.fieldlist defined above*/
/* block_fields */
fieldset.block_fields{}
fieldset.block_fields ol.fieldlist li.inline_field{}
	fieldset.block_fields ol.fieldlist li.inline_field label{display:inline;}
	fieldset.block_fields ol.fieldlist li.inline_field input{}

/*utility classes*/
/*****************/
.eventlink{cursor: pointer;}
.split_left{float:left; width:50%;}
.split_right{float:right; width: 50%;}
div#beautyBarContainer {
	height: 170px;
	margin-bottom: 20px;
	width: 850px;
}

/*common ui elements/controls*/
/*****************************/
/* Round Boxes */
/*tag order:
	round_top
	round_right
	round_bottom
	round_left
	round_tl
	round_tr
	round_bl
	round_br
	round_content
*/
div.round_c7c7c7 {
	background: #c7c7c7; /* light grey */
}
	div.round_c7c7c7 div.round_tl {
		background: url("../img/common/round_c7c7c7_tl.gif") left top no-repeat;
	}
	div.round_c7c7c7 div.round_tr {
		background: url("../img/common/round_c7c7c7_tr.gif") right top no-repeat;
	}
	div.round_c7c7c7 div.round_bl {
		background: url("../img/common/round_c7c7c7_bl.gif") left bottom no-repeat;
	}
	div.round_c7c7c7 div.round_br {
		background: url("../img/common/round_c7c7c7_br.gif") right bottom no-repeat;
	}
	div.round_c7c7c7 div.round_content {
		padding: 10px;
	}	
	
div.round_97999c {
	background: #97999c; /* dark grey */
}
	div.round_97999c div.round_tl {
		background: url("../img/common/round_97999c_tl.gif") left top no-repeat;
	}
	div.round_97999c div.round_tr {
		background: url("../img/common/round_97999c_tr.gif") right top no-repeat;
	}
	div.round_97999c div.round_bl {
		background: url("../img/common/round_97999c_bl.gif") left bottom no-repeat;
	}
	div.round_97999c div.round_br {
		background: url("../img/common/round_97999c_br.gif") right bottom no-repeat;
	}
	div.round_97999c div.round_content {
		padding: 10px;
	}
	
div.round_333333 {
	background: #333333; /* really dark grey for player page */
}
	div.round_333333 div.round_tl {
		background: url("../img/common/round_333333_tl.gif") left top no-repeat;
	}
	div.round_333333 div.round_tr {
		background: url("../img/common/round_333333_tr.gif") right top no-repeat;
	}
	div.round_333333 div.round_bl {
		background: url("../img/common/round_333333_bl.gif") left bottom no-repeat;
	}
	div.round_333333 div.round_br {
		background: url("../img/common/round_333333_br.gif") right bottom no-repeat;
	}
	div.round_333333 div.round_content {
		padding: 10px;
	}
	
div.round_inset_e3e2f1 { /* lavendar: e3e2f1 */
	background: #e3e2f1;
}
	div.round_inset_e3e2f1 div.round_top {
		background: url("../img/common/round_inset_e3e2f1_top.gif") left top repeat-x;
	}
	div.round_inset_e3e2f1 div.round_left {
		background: url("../img/common/round_inset_e3e2f1_left.gif") left top repeat-y;
	}
	div.round_inset_e3e2f1 div.round_tl {
		background: url("../img/common/round_inset_e3e2f1_tl.gif") left top no-repeat;
	}
	div.round_inset_e3e2f1 div.round_tr {
		background: url("../img/common/round_inset_e3e2f1_tr.gif") right top no-repeat;
	}
	div.round_inset_e3e2f1 div.round_bl {
		background: url("../img/common/round_inset_e3e2f1_bl.gif") left bottom no-repeat;
	}
	div.round_inset_e3e2f1 div.round_br {
		background: url("../img/common/round_inset_e3e2f1_br.gif") right bottom no-repeat;
	}
	div.round_inset_e3e2f1 div.round_content {
		padding: 10px;
	}

div.round_inset_f5f5fa { /* antique: f5f5fa */
	background: #f5f5fa;
}
	div.round_inset_f5f5fa div.round_top {
		background: url("../img/common/round_inset_f5f5fa_top.gif") left top repeat-x;
	}
	div.round_inset_f5f5fa div.round_left {
		background: url("../img/common/round_inset_f5f5fa_left.gif") left top repeat-y;
	}
	div.round_inset_f5f5fa div.round_tl {
		background: url("../img/common/round_inset_f5f5fa_tl.gif") left top no-repeat;
	}
	div.round_inset_f5f5fa div.round_tr {
		background: url("../img/common/round_inset_f5f5fa_tr.gif") right top no-repeat;
	}
	div.round_inset_f5f5fa div.round_bl {
		background: url("../img/common/round_inset_f5f5fa_bl.gif") left bottom no-repeat;
	}
	div.round_inset_f5f5fa div.round_br {
		background: url("../img/common/round_inset_f5f5fa_br.gif") right bottom no-repeat;
	}
	div.round_inset_f5f5fa div.round_content {
		padding: 10px;
	}

div.round_inset_df7a1c { /* orange: df7a1c */
	background: #df7a1c;
}
	div.round_inset_df7a1c div.round_top {
		background: url("../img/common/round_inset_df7a1c_top.gif") left top repeat-x;
	}
	div.round_inset_df7a1c div.round_left {
		background: url("../img/common/round_inset_df7a1c_left.gif") left top repeat-y;
	}
	div.round_inset_df7a1c div.round_tl {
		background: url("../img/common/round_inset_df7a1c_tl.gif") left top no-repeat;
	}
	div.round_inset_df7a1c div.round_tr {
		background: url("../img/common/round_inset_df7a1c_tr.gif") right top no-repeat;
	}
	div.round_inset_df7a1c div.round_bl {
		background: url("../img/common/round_inset_df7a1c_bl.gif") left bottom no-repeat;
	}
	div.round_inset_df7a1c div.round_br {
		background: url("../img/common/round_inset_df7a1c_br.gif") right bottom no-repeat;
	}
	div.round_inset_df7a1c div.round_content {
		padding: 10px;
	}

div.round_inset_bbbbbb { /* gray: bbbbbb */
	background: #bbbbbb;
}
	div.round_inset_bbbbbb div.round_top {
		background: url("../img/common/round_inset_bbbbbb_top.gif") left top repeat-x;
	}
	div.round_inset_bbbbbb div.round_left {
		background: url("../img/common/round_inset_bbbbbb_left.gif") left top repeat-y;
	}
	div.round_inset_bbbbbb div.round_tl {
		background: url("../img/common/round_inset_bbbbbb_tl.gif") left top no-repeat;
	}
	div.round_inset_bbbbbb div.round_tr {
		background: url("../img/common/round_inset_bbbbbb_tr.gif") right top no-repeat;
	}
	div.round_inset_bbbbbb div.round_bl {
		background: url("../img/common/round_inset_bbbbbb_bl.gif") left bottom no-repeat;
	}
	div.round_inset_bbbbbb div.round_br {
		background: url("../img/common/round_inset_bbbbbb_br.gif") right bottom no-repeat;
	}
	div.round_inset_bbbbbb div.round_content {
		padding: 10px;
	}

div.round_fixedhead_d7d9e1 { /* grey headed (d7d9e1) fixed width (f5f5fa) */
	background: #f5f5fa;
	width: 570px;
}
	div.round_fixedhead_d7d9e1 div.round_left {
		background: url("../img/common/round_inset_f5f5fa_left.gif") left top repeat-y;
	}
	div.round_fixedhead_d7d9e1 div.round_tl {
		background: url("../img/common/round_fixedhead_d7d9e1.gif") left top no-repeat;
	}
	div.round_fixedhead_d7d9e1 div.round_tr {
		/*background: url("../img/common/round_inset_f5f5fa_tr.gif") right top no-repeat;*/
		/*background-image: none;*/
		background: url("../img/common/round_fixedhead_d7d9e1.gif") right top no-repeat;
	}

	div.round_fixedhead_d7d9e1 div.round_bl {
		background: url("../img/common/round_inset_f5f5fa_bl.gif") left bottom no-repeat;
	}
	div.round_fixedhead_d7d9e1 div.round_br {
		background: url("../img/common/round_inset_f5f5fa_br.gif") right bottom no-repeat;
	}
	div.round_fixedhead_d7d9e1 div.round_content {
		padding: 10px;
		min-height:300px;
	}	
	div.round_fixedhead_d7d9e1 div.round_content div.fixed_head{
		min-height:60px;
	}
		div.round_fixedhead_d7d9e1 div.round_content div.fixed_head	h1,
		div.round_fixedhead_d7d9e1 div.round_content div.fixed_head	h2 {
			color:#4f4f4f;
			margin-top:0;
		}

div.round_fixedfoot_d7d9e1 { /* grey footed (d7d9e1) fixed width (f5f5fa) */
	background: #f5f5fa;
	width: 570px;
}
	div.round_fixedfoot_d7d9e1 div.round_top {
		background: url("../img/common/round_inset_f5f5fa_top.gif") left top repeat-x;
	}
	div.round_fixedfoot_d7d9e1 div.round_left {
		background: url("../img/common/round_inset_f5f5fa_left.gif") left top repeat-y;
	}
	div.round_fixedfoot_d7d9e1 div.round_tl {
		background: url("../img/common/round_inset_f5f5fa_tl.gif") left top no-repeat;
	}
	div.round_fixedfoot_d7d9e1 div.round_tr {
		background: url("../img/common/round_inset_f5f5fa_tr.gif") right top no-repeat;
	}
	div.round_fixedfoot_d7d9e1 div.round_bl {
		background: url("../img/common/round_fixedfoot_d7d9e1.gif") left bottom no-repeat;
	}
	div.round_fixedfoot_d7d9e1 div.round_br { /*override whitebox*/
		background: url("../img/common/round_d7d9e1_br.gif") right bottom no-repeat;
	}
	div.round_fixedfoot_d7d9e1 div.round_content {
		padding:10px;
	}	


/*join now table chart */
table.striped_chart{border-collapse: collapse; margin:5px 0 15px 0;}
	/*thead*/
	table.striped_chart thead tr {background-color:#97999c;}
	table.striped_chart thead th {
		padding: 5px 10px; 
		text-align: center; 
		border-right: 1px solid #fff;
	}
		/*top corners*/
		table.striped_chart thead th.first {
			background: #97999c url("../img/common/round_97999c_tl.gif") left top no-repeat;
		}
		table.striped_chart thead th.last 
		{
			background: #97999c url("../img/common/round_97999c_tr.gif") right top no-repeat;
			border-right:none;
		}
	/*tbody*/
	table.striped_chart tbody tr {background-color:#c7c7c7;}
	table.striped_chart tbody td, 
	table.striped_chart tbody th {
			border-bottom:1px solid white;
			padding: 10px;
			text-align:center;
	}
	table.striped_chart tbody tr.last td, 
	table.striped_chart tbody tr.last th {
		border-bottom: none;
	}
	
	/*alternate column color*/
	table.striped_chart td.alt, 
	table.striped_chart td.alt {background-color: #d5d5d5;}
	
	table.striped_chart tbody th {text-align:left;}
	/*orange selected row*/
	table.striped_chart tr.selected {background-color:#df7a1d;}
		table.striped_chart tr.selected td.alt, 
		table.striped_chart tr.selected td.alt {background-color:#e79b56;}
		table.striped_chart tr.selected a{color:#fff; text-decoration:underline;}
		
	/*bottom corners*/
	table.striped_chart tr.last {}
		table.striped_chart tr.last th.first {
			background: #c7c7c7 url("../img/common/round_c7c7c7_bl.gif") left bottom no-repeat;
		}
		table.striped_chart tr.last td.last {
			background: #c7c7c7 url("../img/common/round_c7c7c7_br.gif") right bottom no-repeat;
		}
		/*case where selected row is also the last row*/
		table.striped_chart tr.last.selected th.first {
			background: #df7a1d url("../img/common/round_inset_df7a1c_bl.gif") left bottom no-repeat;
		}
		table.striped_chart tr.last.selected td.last {
			background: #df7a1d url("../img/common/round_inset_df7a1c_br.gif") right bottom no-repeat;
		}

table.striped_chart .subtle{font-weight:normal;}
		
/*specific instances of table.striped_chart*/
table#joinnow_chart{}
	table#joinnow_chart thead th{width:20%;}
	table#joinnow_chart td.price{font-weight:bold;}
table#joinnow_chart a.lnk_more_details{
	display:block;
	
}
table#membersonly_chart	{}
	/*using thead for top corners*/
	table#membersonly_chart thead tr {background-color: #c7c7c7;}
	table#membersonly_chart thead tr.selected {background-color:#df7a1d;}
	table#membersonly_chart thead th span {position:absolute; left: -999999em; height:0;}
	table#membersonly_chart thead th {width:20%; height:8px; border:none; padding:0;}
	table#membersonly_chart thead th.alt{ background-color:#D5D5D5;}
		table#membersonly_chart thead th.first {
			background: #c7c7c7 url("../img/common/round_c7c7c7_tl.gif") left top no-repeat;
		}
		table#membersonly_chart thead tr.selected th.first {
			background: #df7a1d url("../img/common/round_inset_df7a1c_tl.gif") left top no-repeat;
		}
		table#membersonly_chart thead th.last {
			background: #c7c7c7 url("../img/common/round_c7c7c7_tr.gif") right top no-repeat;
		}
		table#membersonly_chart thead tr.selected th.last {
			background: #df7a1d url("../img/common/round_inset_df7a1c_tr.gif") right top no-repeat;
		}
		
		table#membersonly_chart thead th.alt{ background-color:#D5D5D5;}
		table#membersonly_chart thead tr.selected th.alt {background-color:#e79b56;}
		
	table#membersonly_chart tbody tr th,
	table#membersonly_chart tbody tr td {padding-top:2px; vertical-align:middle;}
	table#membersonly_chart td.price{font-weight:bold;}

/*detail tip*/
#detailtip{
	/*border:1px solid green;*/
	width: 312px; 
	position:absolute; 
	left:-10000px;
	z-index:9;
	margin:0;
	/*padding:20px;  enough padding for arrow*/
	padding: 0 30px 0 38px;
}
	#detailtip div.dt_arrow{
		width:50px;
		height:80px;
		position:absolute;
		top:0; 
		left:0;
		/*border:1px solid red;*/
	}
			#detailtip.east div.dt_arrow{background: transparent url("../img/common/detailtip_arrow_east.png") no-repeat center center; }
			#detailtip.west div.dt_arrow{background: transparent url("../img/common/detailtip_arrow_west.png") no-repeat center center; }
			
		#detailtip div.detailtip_content{}
		#detailtip div.dt_head {
			height:28px;
			background: transparent url("../img/common/detailtip_top.png") no-repeat left top;
		}
		#detailtip div.dt_foot
		{
			height:32px;
			background: transparent url("../img/common/detailtip_bottom.png") no-repeat left top;
		}
		#detailtip div.dt_mid_blue, #detailtip div.dt_mid_white{
			/*padding: 0 25px 0 33px;*/
			padding: 0 33px 0 33px;
		}
		#detailtip div.dt_mid_blue {
			background: transparent url("../img/common/detailtip_mid_blue.png") repeat-y left top;
			padding-bottom:5px;
		}
		#detailtip div.dt_mid_white {
			background: transparent url("../img/common/detailtip_mid_white.png") repeat-y left top;
			padding-top:10px;
			padding-bottom:5px;
		}
		#detailtip div.dt_mid_blue img.icon	{
			display:block;
			margin: 0 0 5px 0;
		}
		#detailtip div.dt_mid_blue h3 {
			/*margin:5px 0 0 0;*/
			margin: 0 0 0 0;
			/*padding-bottom:10px;*/
			font-size: 1.2em;
			color:#fff;
		}
		#detailtip div.dt_mid_white p {
			font-size: 0.9em;
		}
		#detailtip div.dt_mid_white .last {margin-bottom:0;}

a.detailtip_trigger{}


/*page layouts and page specific styles*/
/***************************************/
/*body#id is used for navigation state and to target page/section specific styles.*/
body#metdigital{}

/* player page*/
/**************/
/*lots of overrides for width and 333 background*/
body#player{}
body#player div#page_content_roundwrap { background-color:#333;} /* for overriding round_whitebox*/
body#player div#page_content_roundwrap div#page_content{padding:20px 20px 20px 20px;}
body#player div#page_content_roundwrap div#page_content div#main_content {
	/*color:#f5f5fa;*/
	position:relative;
	
}
	body#player div#page_content_roundwrap div.round_tl {
		background: url("../img/common/round_333333_tl.gif") left top no-repeat;
	}
	body#player div#page_content_roundwrap div.round_tr {
		background: url("../img/common/round_333333_tr.gif") right top no-repeat;
	}
	body#player div#page_content_roundwrap div.round_bl {
		background: url("../img/common/round_333333_bl.gif") left bottom no-repeat;
	}
	body#player div#page_content_roundwrap div.round_br {
		background: url("../img/common/round_333333_br.gif") right bottom no-repeat;
	}
	/*corners for left nav on 333 bg*/
	body#player div#page_content_roundwrap div.round_inset_e3e2f1 div.round_tl {
		background: url("../img/common/round_inset_e3e2f1on333_tl.gif") left top no-repeat;
	}
	body#player div#page_content_roundwrap div.round_inset_e3e2f1 div.round_tr {
		background: url("../img/common/round_inset_e3e2f1on333_tr.gif") right top no-repeat;
	}
	body#player div#page_content_roundwrap div.round_inset_e3e2f1 div.round_bl {
		background: url("../img/common/round_inset_e3e2f1on333_bl.gif") left bottom no-repeat;
	}
	body#player div#page_content_roundwrap div.round_inset_e3e2f1 div.round_br {
		background: url("../img/common/round_inset_e3e2f1on333_br.gif") right bottom no-repeat;
	}
	/*corners for body copy on 333 bg*/
	body#player div#requirements_round div.round_tl {
		background: url("../img/common/round_inset_f5f5faon333_tl.gif") left top no-repeat;
	}
	body#player div#requirements_round div.round_tr {
		background: url("../img/common/round_inset_f5f5faon333_tr.gif") right top no-repeat;
	}
	body#player div#requirements_round div.round_bl {
		background: url("../img/common/round_inset_f5f5faon333_bl.gif") left bottom no-repeat;
	}
	body#player div#requirements_round div.round_br {
		background: url("../img/common/round_inset_f5f5faon333_br.gif") right bottom no-repeat;
	}


/* Video Player*/
body#player div#flashContainer{}
body#player div#flashcontent {}
	body#player div#flashcontent div#requirements_round { float:right; width:576px;}/*instance of round_inset_f5f5fa */
	body#player div#flashcontent div#requirements_round div.round_content {padding:15px;}
	body#player div#flashcontent div#requirements_round h2 {color:#4f4f4f;margin-top:0;}

body#player div#moveMediaPlayer {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0 auto;
	width: 850px;
}
/*
body#player div#moveMediaPlayer div#moveplay_install {
	color:#fff;
	width:350px;
	margin: 60px auto 0 auto;
}
*/
body#player div#captions {
	position:absolute;
	top: 90px; /*(flash player top) + 90px*/
	left: 0px; /*(flash player left)*/
	z-index:999999 ;
}

#moveplay_install{
    padding:15px;
    font-size:17px; font-family: verdana, sans-serif;
    background-color: #0A0009;
    color:white;
}

#moveplay_feature2 {
    position:relative;
    left:5%;
}

#moveplay_feature3 {
    position:relative;
    left:10%;
}
.moveplay_featuretitle{
    color:#009FE1;
}

.moveplay_featuredesc{
    color:white;
}

#moveplay_progressouter{
    border:solid #888888 1px;
    width:150px;
    height:20px;
}

#moveplay_progressinner{
    width:1px;
    height:20px;
    background-image:url(moveplayprogress.jpg);
    overflow:hidden;
}

#moveplay_installprogressmsg{
    font-size:12px; font-family: verdana, sans-serif;
    background-color: #0A0009;
    color:white;
}

#moveplay_eula{
    font-size:9px;
}

body#player div#movePostInstall{color:#fff;}

body#player ul#nav_base {display:none;}

/*page.class is used to decide column layout format to use.*/


/* Met Player index page */
/*********************/
body#met_player_index div#main_content_top,
body#met_player_index div#main_content {
	float: right;
	display: inline;
	width: 570px;
}
body#met_player_index div#secondary_content_top,
body#met_player_index div#secondary_content {
	float: left;
	display: inline;
	width: 250px;
}
body#met_player_index div#main_content_top,
body#met_player_index div#secondary_content_top {
	margin: 0 0 10px 0;
}
	body#met_player_index div#main_content_top div.round_content,
	body#met_player_index div#secondary_content_top div.round_content {
		height: 160px;
	}
body#met_player_index div#middle_content {
	width: 850px;
	margin: 0 0 10px 0;
}

	body#met_player_index div#freeoperas_control {}
		body#met_player_index div#freeoperas_control div.round_content {}
		body#met_player_index div#freeoperas_control div.contentblock {
			float: left;
			display: inline;
			width: 139px;
			margin: 5px 0 0 0;
		}
			body#met_player_index div#freeoperas_control div.contentblock h1 {
				color: #ffffff;
				font-size: 28px;
				line-height: 36px;
				margin: 0;
			}
			body#met_player_index div#freeoperas_control div.contentblock h4,
			body#met_player_index div#freeoperas_control div.contentblock p {
				margin: 0.5em 0;
			}
		body#met_player_index div#freeoperas_control ul.perflist {
			width: 402px;
			margin: 0;
		}
		body#met_player_index div#freeoperas_control ul.perflist li {
			min-height: 150px;
			padding: 10px 5px 0 5px;
		}

	body#met_player_index div#featured_operas {}/* specific instance of div.round_fixedfoot_d7d9e1*/
		body#met_player_index div#featured_operas div.round_content {
			padding: 20px 15px 10px 15px; /*override default padding*/
		}
		body#met_player_index div#featured_operas h2 {
			margin: 0 0 0.75em 0;
		}
		body#met_player_index div#featured_operas ul.perflist {
			margin: 0;
		}
		body#met_player_index div#featured_operas a.lnk_catalog {
			float:right;
		}

	body#met_player_index div#secondary_content_top ul.nav {
		margin: 10px 0 5px 0;
		padding: 0;
		list-style: none;
	}
		body#met_player_index div#secondary_content_top ul.nav  li {
			margin: 0 0 0.4em 0;
			padding: 0 0 0 17px;
			background: url(../img/common/bullett_df7a1c_white.gif) 0em 0.3em no-repeat;
		}
			body#met_player_index div#secondary_content_top ul.nav a {color: #ffffff;}

	body#met_player_index div#middle_content {
		width: 850px;
	}
	body#met_player_index div#middle_content div.search_sort_module_uppercap {
		width: 850px;
		height: 8px;
		background: transparent url(../img/common/searchsort_uppercap.png) no-repeat left top;
		overflow: hidden;
	}
	body#met_player_index div#middle_content div.search_sort_module_lowercap {
		width: 850px;
		height: 8px;
		background: transparent url(../img/common/searchsort_lowercap.png) no-repeat left top;
		overflow: hidden;
	}
	body#met_player_index div#middle_content div.search_sort_module_inner {
		width: 850px;
		padding: 8px 0;
		background: transparent url(../img/common/searchsort_innerbg.png) repeat-y left top;
		overflow: hidden;
	}
		body#met_player_index div#middle_content div.search_sort_module_inner div.sortbox {
			float: left;
			display: inline;
			width: 340px;
			padding-left: 20px;
		}
			body#met_player_index div#middle_content div.search_sort_module_inner div.sortbox label {
				font-weight: bold;
				margin-right: 10px;
			}
			body#met_player_index div#middle_content div.search_sort_module_inner div.sortbox select {
				width: 200px;
				margin: 0;
			}
		body#met_player_index div#middle_content div.search_sort_module_inner div.searchbox {
			float: right;
			display: inline;
			width: 425px;
			height: 20px;
			padding-right: 20px;
		}
			body#met_player_index div#middle_content div.search_sort_module_inner div.searchbox label {
				left: -999999px;
				position: absolute;
			}
			body#met_player_index div#middle_content div.search_sort_module_inner div.searchbox input.txt_search	{
				color: #666666;
				font-size: 11px;
				line-height: 16px;
				width: 200px;
				height: 16px;
				margin: 0;
				padding: 2px 2px 2px 8px;
				border: none;
				background: transparent url("../img/common/searchbox_bg.gif") no-repeat left top;
			}
			body#met_player_index div#middle_content div.search_sort_module_inner div.searchbox input.btn_search	{
				width: 80px;
				height: 20px;
				margin: 0 0 0 -4px;
				padding: 0;
				vertical-align: middle;
			}
			body#met_player_index div#middle_content div.search_sort_module_inner div.searchbox a.lnk_advsearch {
				float: right;
				display: inline;
				line-height: 16px;
				margin: 2px 0;
			}

/* left subnav */
div#secondary_content_top div.round_inset_df7a1c ul.nav ,
div#secondary_content div.round_inset_df7a1c ul.nav {
	margin: 10px 0 5px 0;
	padding: 0;
	list-style: none;
}
	div#secondary_content_top div.round_inset_df7a1c ul.nav li,
	div#secondary_content div.round_inset_df7a1c ul.nav li {
		margin: 0 0 0.4em 0;
		padding: 0 0 0 17px;
		background: url(../img/common/bullett_df7a1c_white.gif) 0em 0.3em no-repeat;
	}
		div#secondary_content_top div.round_inset_df7a1c ul.nav a,
		div#secondary_content div.round_inset_df7a1c ul.nav a {color: #ffffff;}

/*general list of thumbnail performances*/
ul.perflist {
	list-style: none;
	float:left;
	margin: 0 auto 1em auto;
}
	ul.perflist li {
		float:left; 
		width:124px;/*125*/
		min-height: 160px;
		display:block;
		text-align:center;
		padding:0 5px; 
		margin: 0;
	}
	ul.perflist li div.perfitem_wrap{}
	ul.perflist li a.lnk_thumb{}
	ul.perflist li img.perf_thumb{width:80px; height:80px;}
	ul.perflist li a.lnk_title {
		display:block;
		margin: 5px auto;
		color:#222222;
		font-size:0.86em;
	}
	ul.perflist li a.lnk_title span.perftitle{display:block;font-weight:bold;}
	ul.perflist li a.lnk_title span.perfdate{display:block;}
	ul.perflist li p.remaining_duration	{
		font-size: 0.9em;
		font-weight:bold;
		color: #666;
		margin: 0 auto 5px auto;
	}
	ul.perflist li input.btn_play{}
	
/*specific instances of ul.perflist*/
div#rentaloperas_control ul.perflist{margin-top:10px;}


/*opera catalog control*/
#opera_catalogcontrol{}
	#opera_catalogcontrol div.fixed_head div.split_left{}
	#opera_catalogcontrol div.fixed_head div.split_right{}
	
	#opera_searchbox{float:right; width:210px;}
		#opera_searchbox label{
			left:-999999px;
			position:absolute;
		}
		#opera_searchbox input.txt_operasearch	{
			background: transparent url("../img/common/opera_searchbox_bg.gif") no-repeat left top;
			border: none;
			color:#666666;
			/* font-size:0.86em; */
			height:16px;
			padding:2px 0 2px 5px;
			margin:0;
			width:145px;
		}
		#opera_searchbox input.btn_operasearch	{
			margin:0;
			padding:0;
			vertical-align:middle;
		}
		#opera_searchbox a.lnk_advsearch{
			float:right;
			padding-top:3px;
		}
		#opera_catalogcontrol a.lnk_back{float:right;}
		
#opera_catalogcontrol div.catalog_resultcontrols{margin-bottom:15px;}
	#opera_catalogcontrol div.catalog_resultcontrols p.resultcontrols_description{
		float:left;
		width:205px;
		color:#666;
	}
		#opera_catalogcontrol div.catalog_resultcontrols p.resultcontrols_description strong{color:#000;}
	#opera_catalogcontrol div.catalog_resultcontrols div.resultcontrols_sortby {
		float:left;
		width: 160px;
	}
		#opera_catalogcontrol div.catalog_resultcontrols div.resultcontrols_sortby label{font-weight:bold;color:#000; padding-right:5px;}
	
	#opera_catalogcontrol div.catalog_resultcontrols div.resultcontrols_paging {}
	
	/* div.resultcontrols_paging used by RentalOperaPerformanceControl on account/digitalrentals also*/
	div.resultcontrols_paging {
		text-align:right;
		width: 165px;
		float:right;
		margin:0;
	}
	div.resultcontrols_paging ol.paging_control{
		list-style:none;
		float:right;
		margin:0;
	}
	div.resultcontrols_paging ol.paging_control li {
		float:left;
		width:1.3em;
		margin:0; padding: 0;
		text-align:center;
	}
	div.resultcontrols_paging ol.paging_control li.paging_label{ width:3.0em;}
	div.resultcontrols_paging ol.paging_control li a {text-decoration: underline;}
	div.resultcontrols_paging ol.paging_control li a.normal{ }
	div.resultcontrols_paging ol.paging_control li a.selected{font-weight:bold; text-decoration: none;}
	div.resultcontrols_paging ol.paging_control li span.selected{font-weight:bold;}

#opera_catalogcontrol div.catalog_results{}


/* common styles used by both div#comingsoon_control and div#recentlyadded_control*/
#comingsoon_control h3,  #recentlyadded_control h3{padding-top:5px;}
ul.recentlist{
		list-style: none;
		margin:10px 0px 5px 0px;
		padding:0px;
}
ul.recentlist li{
	background:transparent url("../img/common/bullett_bucket_purple.gif") no-repeat scroll 0em 0.3em;
	margin: 0 0 0.4em 0;
	padding: 0 0 0 17px;
	font-weight:bold;
	font-style: italic;	
}

#comingsoon_control {/* specific instance of div.round_inset_e8e8f4 */}
	#comingsoon_control ul.recentlist li span {
		display:block;
		font-style: normal;	
		padding:3px 0;
	}
#recentlyadded_control{/* specific instance of div.round_inset_e8e8f4 */}

/* performance detail page*/
div.perfdetail_control{}
	div.perfdetail_control img.perf_thumb {
		width:80px;
		height:80px;
		float:left;
		margin:0  20px 20px 0;
	}
	div.perfdetail_control h1 span.perf_date{display:block;}

/* Catalog Search page*/
div#advsearch_form{}
	div#advsearch_form label {
		width: 10em;
	}
	
	div#advsearch_form input.text {
		width: 16em;
	}

		div#response_form p input.text {
			width: auto;
		}
		
div#advsearch_form #datepicker_from {
	float:left;
}
	div#advsearch_form #datepicker_from label{ display:none;}
	div#advsearch_form #datepicker_from input{ width:7.6em;}
	div#advsearch_form #datepicker_from span.field_note{ color:#666; clear:both; display:block; font-size:0.75em;}
	
div#advsearch_form #datepicker_through{
	float:left;
	padding-left: 5px;
}
	div#advsearch_form #datepicker_through label{ display:none;}
	div#advsearch_form #datepicker_through input {width:7.6em;}

div#advsearch_form input.btn_submit{clear:both; margin: 2em 0 1em 22em;}

/* join index page*/
#operapricing_control{}
#operapricing_control p.disclaimer{padding: 0 10px;}

/* join technical requirements page*/

/*Account pages*/
/***************/
/*styles for /account pages in root of site */

/*digital subscriptions page*/
fieldset#subscriptions{}
fieldset.confirmation input{margin: 1em 1em 2em 0;}/*ok and cancel buttons*/

/*manage payments*/
table.payment_methods{}
table.payment_methods tr{}
	table.payment_methods tr.hide
	{
		display:none;
	}
	table.payment_methods tr.show
	{
		/*display:inherit;*/
		display: table-row;
	}

table.payment_methods th{
	text-align:right;
	padding-right:5px;
	font-weight: normal;
	color: #666;
	width:160px;
}
table.payment_methods td{padding:5px;}
table.payment_methods label{line-height:1.25em;}
table .action_buttons {margin-top: 2em; margin-bottom:1em; }
table .action_buttons input {	margin-right:30px; vertical-align:baseline;}
table .action_buttons a {	margin-right:30px;}

.hide { display:none; }
/*
div.show { display:inherit; }
a.show { display:inherit; }
h4.show { display:inherit; }
table.show { display:inherit; }
ul.show { display:inherit; }
p.show { display:inherit; }
*/
span.checkbox input, input.checkbox{margin-right:0.3em;}

/* Round MET Button (using Sliding Doors Method) */

a.roundButton, a.roundButtonBlue {
	line-height: 18px;
	padding: 0;
	background: url(../../../metopera/_img/btn/rounded-button-blue.png) no-repeat right -21px;
	display: inline-block;
	font: normal 12px/20px Helvetica, Arial, sans-serif;
	color: #f1f1f1;
	text-decoration:none;
	text-transform: lowercase;
}

a.roundButton strong, a.roundButtonBlue strong, a.roundButton span, a.roundButtonBlue span {
	display: block;
	float: left;
	color: #f1f1f1;
	height: 20px;
	background: url(../../../metopera/_img/btn/rounded-button-blue.png) no-repeat left top;
	padding-left: 10px;
	margin-right: 20px;
	cursor: pointer;
	font-weight: normal;
}

a.roundButton:hover, a.roundButton:hover strong, a.roundButton:hover span {
	color: #fff;
}

#base_search #met_search 
{
    top: 0;
    right: 0;
}