/******************** Default styling meant to be overwritten by site stylesheet as global.css is pulled in BEFORE anything site-specific via pageObjects control */
.rowEven {background: url(/EI/MS/Images/Frame/BG/tint/000x05.png) repeat transparent;}
.rowOdd {background: url(/EI/MS/Images/Frame/BG/tint/000x10.png) repeat transparent;}
.req, .error {color: #f30;}
.control .bgTitleBar {background: url(/EI/MS/Images/Frame/BG/tint/000x05.png) repeat transparent; padding: .25em;}
.control .btnBar {
	padding: .25em .5em;
	-moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em;
	background: url(/EI/MS/Images/Frame/BG/tint/000.10-000.00x40.png) repeat-x bottom transparent;
	border: solid 1px rgba(0,0,0,.05); *border: none;	
	}
.control .iTunesBtnLabel {
	background: url(/EI/MS/Images/Frame/BG/tint/000.10-000.00x40.png) repeat-x top transparent;
	background-color: rgba(0,0,0,.05); padding: .5em 1em;
	-moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em;
	font-size: 10px; line-height: 1; text-align: center; text-transform: uppercase;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.4);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.4);
	box-shadow: 1px 1px 1px rgba(0,0,0,.4);
	display: block;
	}/* To match iTunes blue button styling
		background-image: url(/EI/T/Images/iTMS/bg.rptx.iTunesBubble.png); background-color: #2990dd;
		font-family: "Lucida Grande", "Lucida Sans-Serif Unicode", Arial, Verdana, Sans-Serif;
		color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.4);
	*/
	
/******************** Default Typography */
.control .title {}
.control .subtitle {}
.control .teasertitle {
	font-size: .92em;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0;
	margin: 0 0 .545em;
	}
.control .txtMini {font-size: .92em;}
.control .txtMicro {font-size: .83em;}
.control .caption {} /* you are seeing ... see blog teasers, etc */
.control .readMore {display: block; margin-top: .5em;} /* [generally] <a.readMore> (could also be <span> IFF story-type icons are present next to <a>) */
a.iTunesBtn { /* <a href='...' target="_blank" class="iTunesBtn"><img src="/EI/MS/Images/available_iTunes-short.png" alt="iTunes" /></a> */
	display: inline-block; *display: inline; *zoom: 1;
	vertical-align: middle;
	padding: 2px 6px 3px;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	background: url('/EI/MS/Images/bg_price.png') 0 0 repeat-x #999;
	text-decoration: none;
	} a.iTunesBtn:hover {background-color:#bbb;}
	a.iTunesBtn img {display: block;}

/******************** Universal Error Dialogs for public controls */
.control .errorMode {
	padding: .5em;
	margin: .25em 0 .75em 0;
	background: #fbeae8;
	border: 1px dotted #e7c1bc;
	text-align: center;
	-moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em;
	}
	.control .errorMode .errorHeader {
		display: block; margin: 0 0 .25em; padding: 0;
		font-size: 1.4em; line-height: 1.2;
		color: #d43319; font-weight: bold;		
		}
	.control .errorMode > p, .control .errorMode .errorText {color: #d43319;}
	.control .errorMode > p {padding: 0; margin: 0 0 1.5em;}
	.control .errorMode > *:last-child {margin-bottom: 0;}
	.control .errorMode a {border-bottom: 1px dotted #f34327;}
	.control .errorMode a, .control .errorMode a:visited {color: #f34327;}
	.control .errorMode a:hover {color: #f34327;}
	/* for empty data rows/grids/etc. - these should always appear consistent regardless of which control */	
	.control .errorNone {
		background: #ccc;
		margin: 2px 0 8px;
		border: 1px dotted #e7c1bc;
		font-size: 1em;
		text-align: center;
		}
	.control .errorMode .btnGo, .control .errorMode .text {font-size: 1.08em;}

/******************** Shared Form Elements */
.control a.btnGo, .control input.btnGo, .control input.buttonGo, .control input.text, .control textarea.text {
	font-size: 1.167em;
	font-family: inherit;
	}
.control input.buttonGo, .control a.buttonGo, /* attempting to phase out naming convention with .button spelled out */
.control input.btnGo, .control a.btnGo {
	display: inline-block; *display: inline; *zoom: 1;
	padding: 1px 10px;
	width: auto;
	background: url('/EI/MS/Images/Frame/BG/tint/000x10.png') repeat transparent;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	border-style: solid;
	border-width:1px;
	border-color: inherit; border-color: expression(this.parentNode.currentStyle.color);
	cursor: pointer;
	font-family: inherit;
	font-weight:bold;
	text-decoration: none;
	color: inherit; color: expression(this.parentNode.currentStyle.color);
	outline: none;
	}
	.control input.buttonGo:hover, .control a.buttonGo:hover,
	.control input.btnGo:hover, .control a.btnGo:hover {background-image: url('/EI/MS/Images/Frame/BG/tint/000x20.png'); text-decoration: none;}
	.control .errorMode .btnGo {border-color:#e7c1bc;}
		.control .errorMode .btnGo:hover {background-image: url('/EI/MS/Images/Frame/BG/tint/000x15.png');}
.control input.text, .control textarea.text, .control .textbox_small, .control .textbox_medium, .control .textbox_large { /* textarea classes result of legacy affinity clubs login code */
	border-style: solid;
	border-width: 1px;
	border-color: #7c7c7c #c3c3c3 #ddd;
	background: #fff url('/EI/MS/images/inputBg.gif') repeat-x bottom;
	color: #444;
	font-family: inherit;
	padding: 2px 4px;
	margin-right: .25em;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	outline: none;
	border-collapse: collapse;
	}
	input.text.watermarked, textarea.text.watermarked {color: #bbb;}
	input.text:focus, textarea.text:focus, .textbox_small:focus, .textbox_medium:focus, .textbox_large:focus {
		background: #fff;
		color: #111;
		}
.control textarea.text {height: 6em;}
.control input.btn_submit, .control a.btn_submit,
/*	attempting to phase out naming convention with underscore --
	found in uloginjoin, RecentPlayHistory, and BP controls */
.control input.btnSubmit, .control a.btnSubmit {
	padding: 2px 4px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	background: url("/EI/T/Images/Poll/bg_button_poll.jpg") repeat-x 0 0 #c4c4c4;
	text-align:center;
	font-weight:bold;
	font-size: inherit;
	text-transform:uppercase;
	font-family: Arial, sans-serif;
	border: 1px solid #777;
	color: #555 !important;
	text-decoration: none;
	cursor: pointer;
	display:inline-block; *display: inline; *zoom: 1;
	border-collapse: collapse;
	}
	.control a.btnSubmit {line-height: 1;} /* Site-specific stylesheets may need slight adjustment */
.control input.btn_submit:hover, .control a.btn_submit:hover,
.control input.btnSubmit:hover, .control a.btnSubmit:hover {
	background: url("/EI/T/Images/Poll/bg_button_poll_over.jpg") repeat-x 0 0 #fff;
	border-color: #888;
	color:#444; text-decoration: none;
	}
.control .validation {
	display: inline-block; *display: inline; *zoom: 1;
	padding: 3px 8px;
	margin: 0;
	color: #d43319 !important;
	background: #fbeae8;
	border: 1px dotted #e7c1bc;
	font-size: .92em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
	.control .validation.summary /* code-behind: ValidationSummaryDisplayMode.List */ {
		display: inline-block; *display: inline; *zoom: 1;
		}
	.control .validation.summary > ul {
		display: inline; margin: 0; padding: 0; list-style-type: none;
		}
		.control .validation.summary > ul > li {
			display: inline; margin: 0 0  0 .25em; padding: 0;
			}
		.control .validation.summary > ul > li:after {content: ","}
		.control .validation.summary > ul > li:last-child:after {content: ""}
	
/***** User Form - found in templated email control */
.control .userform {clear: both;}
.control .userform > ul, .control .userform > ol, .control .userform > * > li {
	margin: 0; padding: 0; list-style-type: none;
	}
.control .userform > * > li {
	margin-bottom: 1em;
	vertical-align: top;
	position: relative;
	}
.control .userform > * > li > input.text, .control .userform > * > li > textarea.text, .control .userform > * > li > select, .control .userform > * > li > .validation {
	vertical-align: middle;
	}
.control .userform > * > li > label {
	display: block;
	font-size: 1em;
	line-height: 1.2; margin: 0 0 .33em;
	color: inherit;
	font-family: inherit;
	font-weight: bold;
	font-style: inherit;
	}
	.control .userform .radiobutton input, .control .userform .radiobutton label,
	.control .userform > * > li > input[type=checkbox], .control .userform > * > li > input[type=radio],
	.control .userform > * > li > input[type=checkbox] + label, .control .userform > * > li > input[type=radio] + label {
		display: inline; vertical-align: middle; margin: 0 .5em 0 0;
		}
		.control .userform table.radiobutton {clear: both;}
		.control .userform .radiobutton td {padding: 0 .5em .5em 0;}
.control .userform > * > li > .text, .control .userform > * > li > .text,
.control .userform > * > li > .textbox_large {width: 80%}
	.control .userform > * > li > select {max-width: 80%;}
		.control .userform > * > li > select, x:-moz-any-link {max-width: inherit;} /* FF2 */
		.control .userform > * > li > select, x:-moz-any-link, x:default {max-width: 80%;} /*FF3 */
.control .userform > * > li > .textbox_medium {width: 60%}
	.control .userform > * > li > select.textbox_medium {max-width: 60%;}
	.control .userform > * > li > select.textbox_medium, x:-moz-any-link {max-width: inherit;} /* FF2 */
	.control .userform > * > li > select.textbox_medium, x:-moz-any-link, x:default {max-width: 60%;} /*FF3 */
.control .userform > * > li > .textbox_small {width: 40%}
	.control .userform > * > li > select.textbox_small {max-width: 40%;}
	.control .userform > * > li > select.textbox_small, x:-moz-any-link {max-width: inherit;} /* FF2 */
	.control .userform > * > li > select.textbox_small, x:-moz-any-link, x:default {max-width: 40%;} /*FF3 */
.control .userform > * > li > .dropdown {margin-right: .25em;}
.control .userform > ul > li > .validation {}
.control .userform > ul > li > .rfv {
	padding: 4px 0;
	display: inline-block; *display: inline; *zoom: 1;
	}

/******************** Common Structures */
.control ul.gridDsp, .control ol.gridDsp {list-style-type: none; margin: 0; padding: 0;}
.control .gridDsp > li {
	display: inline-block; *display: inline; *zoom: 1;
	vertical-align: top;
	margin: 0 .5em 0 0; padding: 0;
	width: 75px;
	}
	.control .gridDsp > li .thumb {
		display: block;
		max-width: 100%; height: auto;
		}
.control.skinnedList > ol, .control.skinnedList > ul {margin: 0; padding: 0;}
	.control.skinnedList > .hideItemPosition {list-style-type: none;}
	.control.skinnedList > .showItemPosition {list-style-position: inside;}
	.control.skinnedList > .showItemPosition > li {*display: list-item;}
.control.skinnedList > * > li, .control.skinnedList > * > li.rowOdd, .control.skinnedList > * > li.rowEven {
	padding: .5em; margin: 0;
	}
.control.skinnedList .btnBar {
	-moz-border-radius: 0 0 .5em .5em;
	-webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0;
	border-radius: 0 0 .5em .5em;
	}

/******************** Control-Within-A-Control */
/***** Share This */
.control .shareThis a > span, .control .shareThis a > img {vertical-align: middle;}
.control .shareThis.icon[class*=icon] {padding-left: 0;} /* image & padding handled within <li> */

/***** RSS Icon ... <div class="rss"><a><img /></a></div>*/
.rss {text-align:right; margin-top: .5em;}
.rss > a > img {display: inline; margin: 0; padding: 0; border: 0;}

/***** Pagination */
.control .paging { 
	width: 100%; clear: both;
	padding: .5em 0 0; margin: 0;
	font-style: italic;
	}
	.control .paging.bgTitleBar {padding: .25em; width: auto;}
.control .paging .PagerList {float: right;}
.control .paging li a .PagerSelected, .control .paging li a .PagerNotSelected, .control .paging .PagerPrevNext {}
.control .paging li a .PagerSelected {
	background: url(/EI/MS/Images/Frame/BG/tint/000x15.png) repeat transparent;
	cursor: default;
	color: inherit; color: expression(this.parentNode.currentStyle.color);
	}
	.control .paging li a:hover .PagerSelected {}
.control .paging li a .PagerNotSelected {background: url(/EI/MS/Images/Frame/BG/tint/000x05.png) repeat transparent;}
	.control .paging li a:hover .PagerNotSelected {background: url(/EI/MS/Images/Frame/BG/tint/000x02.png) repeat transparent;}

/***** Emmis Widths Calculator */
.emmisUsableWidth {
	overflow: hidden; padding: 1em; text-align: center;
	background: #e0eaf3; border: 1px solid #b7d97d;
	color: #2d6baa; font-size: 1.25em; font-family: Arial, Helvetica, sans-serif;
	}
	.emmisUsableWidth + .emmisUsableWidth, .control + .emmisUsableWidth {margin-top: 1em;}
	
/******************** Loading Status Bar */
.control .loadingBar {
	background: url('/EI/MS/Images/Frame/BG/tint/000x10.png') repeat;
	display: block; padding: 1px; margin: 0; float: left;
	text-align: center; font-style: italic;
	color: #444;
	-moz-border-radius: .25em; -webkit-border-radius: .25em; border-radius: .25em;
	}
	.control .loadingBar.fixed {
		position: fixed; left: 50%; bottom: 0; z-index: 5000; width: 338px;
		padding-bottom: 0; margin-left: -170px; float: none;
		font-size: 1.75em;
		-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
		}
.control .loadingBar > .loadingBarContent { /* place on top-level element within <asp:UpdateProgress /> */
	display: block; margin: 0; padding: 0 4px; text-align: center;
	background: url('/EI/MS/Images/Frame/BG/tint/fffx90.png') repeat transparent;
	-moz-border-radius: .25em; -webkit-border-radius: .25em; border-radius: .25em;
	}
	.control .loadingBar.fixed > .loadingBarContent {
		padding: 1em 0; line-height:normal;
		-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
		}
	.control .loadingBar > .loadingBarContent > span {
		background: url(/EI/MS/Images/ajax-loader_3e8cac.gif) no-repeat left center transparent;
		display: inline-block; *display: inline; *zoom: 1;
		padding-left: 20px; min-height: 16px;
		}
.control .loadingBar > .loadingBarContent > img {
	display: inline; vertical-align: middle;
	}
.control .loadingBar > .loadingBarContent > img + span {margin-left: .25em;}
	.control .loadingBar.fixed > .loadingBarContent > img + span {margin-left: 0;}

/***** Divisors */
.control hr {
	width: 100%;
	height: 1px; font-size: 1px; line-height: 1;
	overflow: hidden;
	margin: 11px 0 12px;
	padding: 0;
	clear: both;
	display: block;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: inherit;
	color: inherit; color: expression(this.parentNode.currentStyle.color);
	opacity: .1;
	/*filter: alpha(opacity=10); IE 7 can't handle right now */
	}
.control hr.dashed {border-style: dashed;}
.control hr.dotted {border-style: dotted;}
.control hr.spacer {border-color: transparent; color: transparent; margin-top: 0;}
.control h1 + hr, .control h2 + hr, .control h3 + hr, .control h4 + hr, .control h5 + hr, .control h6 + hr {margin-top:0;}
.div2, .div4, .div6, .div8, .div10, .hdiv11, .hdiv17 {
	overflow:hidden; clear:both;
	font-size:1px; line-height:1;
	}
	.div2 {height:2px;}
	.div4 {height:4px;}
	.div6 {height:6px;}
	.div8 {height:8px;}
	.div10 {height:10px;}
.clear, .clearfix {clear:both;}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	}

/***** Contextual Icons (16x16) */
.control .contextualIcons { /* applied to top-level element, typically an <ol> or <ul> */
	list-style-type: none; margin: 0; padding: 0;
	position: relative; z-index: auto;
	}
	.control .contextualIcons.bgTitleBar {padding: .25em 0 0 .25em;}
	.control .rss + .contextualIcons {margin-top: -16px; margin-right: 20px;} /* avoid any overlap with RSS icon */
	.control .rss + .contextualIcons.horizontal {margin-top: .5em; margin-right: 0;}
	.control .contextualIcons > li + li {margin-top: .25em;}
		.control .contextualIcons.horizontal > li, .control a.icon {
			 display: inline-block; vertical-align: top;
			 margin-right: .5em;
			  *zoom: 1; *display: inline;
			 }
		.control .contextualIcons.horizontal > li + li {margin-top: 0;}
		.control .contextualIcons.horizontal > li:last-child {margin-right: 0;}
		.control .contextualIcons.horizontal > li > a {
			display: inline-block; *display: inline; *zoom: 1;
			vertical-align: top;
			}
.control .icon { /* should be applied to block-level element, typically a <li> */
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	}
.control .icon.icon16, .control li.icon.icon16 { /* second declaration needed for various control resets */
	padding-left: 20px;
	min-height: 16px;
	font-size: .92em;
	}
	.control .icon.icon16, .control li.icon.icon16 {line-height: 16px;}
	.control .icon.icon16 > span, .control li.icon.icon16 > span,
	.control .icon.icon16 > a, .control li.icon.icon16 > a {line-height: 16px;}
	.control .icon16.send {background-image: url(/EI/T/Icons/16x16/sendToFriend.png);}
	.control .icon16.url {background-image: url(/EI/T/Icons/16x16/outToWebsite.png);}
	.control .icon16.download {background-image: url(/EI/T/Icons/16x16/download.png);}
	.control .icon16.suggestion {background-image: url(/EI/T/Icons/16x16/suggest.png);}
	.control .icon16.comment {background-image: url(/EI/T/Icons/16x16/comment.png);}
	.control .icon16.phone {background-image: url(/EI/T/Icons/16x16/phone.png);}
	.control .icon16.export {background-image: url(/EI/T/Icons/16x16/export.png);}
	.control .icon16.chain {background-image: url(/EI/T/Icons/16x16/chain.png);}
	.control .icon16.map {background-image: url(/EI/T/Icons/16x16/map.png);}
	.control .icon16.feed {background-image: url(/EI/T/Icons/16x16/feed.png);}
	.control .icon16.itunes {background-image: url(/EI/T/Icons/16x16/itunes.png);}
	.control .icon16.rating {background-image: url(/EI/T/Icons/16x16/star.png);}
	.control .icon16.return, .control .icon16.back, .control .icon16.submit {background-image: url(/EI/T/Icons/16x16/returnTo.png);}
	.control .icon16.read, .control .icon16.browse {background-image: url(/EI/T/Icons/16x16/document.png); background-position: 2px center;}

/***** User-defined HTML text */
.control .rte ul, .control .rte ol {margin: 0 0 1.5em 2em; padding: 0;}
.control .rte ul {list-style-type: disc;}
.control .rte ol {list-style-type: decimal;}
.control .rte li {}
.control .rte > *:last-child {margin-bottom: 0;}