@import 'emmis.pagerControl.css';

.control .clearfix-content {*zoom: 1;}
.control .clearfix-content:before, .control .clearfix-content:after {content: ""; display: table;}
.control .clearfix-content:after {clear: both;}

/******************** Default styling meant to be overwritten by site stylesheet as global.css is pulled in BEFORE anything site-specific via pageObjects control */
.rowEven, .rowEven > td, .rowEven > th,
.rowOdd, .rowOdd > td, .rowOdd > th {padding: 0.5em;}
.rowEven, .rowOdd {padding: 0.5em;}
.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, .control.bgTitleBar {
	background: url(/EI/MS/Images/Frame/BG/tint/000x05.png) repeat transparent; padding: .333em;
	border: solid 1px rgba(0,0,0,.05); *border: none;
	}
.control .btnBar {
	-moz-border-radius: .667em; -webkit-border-radius: .667em; border-radius: .667em;
	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 .btnBar, .control .btnBar.contextualIcons {padding: .333em .667em;}
.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: 0.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; font-weight: bold;
	text-transform: uppercase;
	padding: 0; margin: 0 0 .545em;
	}
.control .txtMini {font-size: 0.91667em;}
.control .txtMicro {font-size: 0.8333em;}
.control .caption {} /* you are seeing ... see blog teasers, etc */
.control .readMore {display: block; margin-top: 0.5em;} /* [generally] <span.readMore> (exception being <a.readMore>) */
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;}
.control .instructions {} /* paragraph + of instructive text atop form */

/******************** Universal Error Dialogs for public controls */
.control .notificationMode { /* an notification of type [x -- secondary class] is displayed */
	padding: 1em; margin: 0.5em 0 1.5em; color: #444;
	background: #ffffe1; border: 1px dotted #ffe3a7; text-align: left;
	-moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em;
	display:block;
	}
.control .notificationMode.emptyResult {background-color: #ccc; border-color: #e7c1bc;}
.control .notificationMode.error {
	background: url(/EI/MS/Images/Frame/BG/tint/000x05.png) repeat transparent;
	border-color: rgba(0,0,0,.1); *border-width: 0;
	color: inherit; *color: expression(this.parentNode.currentStyle.color);
	}
.control .notificationMode.success {
	background: url(/EI/MS/Images/Frame/BG/tint/393x05.png) repeat transparent;
	border-color: rgba(51,153,51,.1); *border-width: 0;
	color: inherit; *color: expression(this.parentNode.currentStyle.color);
	}
	.control .notificationMode .notificationTitle { /* use .title instead */
		display: block; margin: 0 0 .25em; padding: 0;
		font-size: 1.4em; line-height: 1.2; border: none; background: none;
		font-weight: bold; font-style: normal;
		}
		.control .notificationMode .title,
		.control .notificationMode .subtitle,
		.control .notificationMode .notificationTitle {color: #222;}
		.control .notificationMode.error .title,
		.control .notificationMode.error .subtitle,
		.control .notificationMode.error .notificationTitle {
			color: inherit; *color: expression(this.parentNode.currentStyle.color);
			}
	.control .notificationMode p {margin: 0.5em 0 1.5em; padding: 0; border: none; background: none; font-size: 1em;}
		.control .notificationMode p:last-child {margin-bottom: 0;}
	.control .notificationMode a, .control .notificationMode a:visited {color: #ffae00; text-decoration: underline;}
	.control .notificationMode a:hover {color: #ff9000;}
		.control .notificationMode.error a,
		.control .notificationMode.error a:hover {color: inherit; *color: expression(this.parentNode.currentStyle.color);}
.control .notificationMode .btnGo, .control .notificationMode .text {font-size: 1.08em;}
.control .errorMode { /* phase out: an error of has occurred */
	padding: 0.5em; margin: .25em 0 .75em 0;
	background: url(/EI/MS/Images/Frame/BG/tint/000x05.png) repeat transparent;
	border: 1px dotted rgba(0,0,0,.1); *border-width: 0; text-align: left;
	-moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em;
	}
	.control .errorMode .errorHeader {
		display: block; margin: 0 0 .25em; padding: 0;
		font-size: 1.4em; line-height: 1.2; font-weight: bold;		
		}
	.control .errorNone {/* for empty data rows/grids/etc. - these should always appear consistent regardless of which control */
		background: #ccc; color: #333;
		margin: .25em 0 .75em 0;
		border: 1px dotted #e7c1bc;
		font-size: 1em; text-align: center;
		}
.control .errorMode .btnGo, .control .errorMode .text {font-size: 1.08em;}

/******************** Shared Form Elements */
/***** Fields */
.control .textbox,
.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; font-size: 1em;
	padding: 2px 4px; margin-right: .25em;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	outline: none; border-collapse: collapse;
	}
/* Focused */
.control .textbox:focus,
input.text:focus, textarea.text:focus, .textbox_small:focus, .textbox_medium:focus, .textbox_large:focus {
	background-image: none;
	color: #111;
	}
/* Watermarked */
.control .textbox.watermarked,
input.text.watermarked, textarea.text.watermarked,
input.textbox.watermarked, textarea.textbox.watermarked {color: #bbb;}
/* Dimensions */
.control textarea.textbox, .control textarea.text {height: 6em;}
.control textarea.htAuto {height: auto !important;}
.control select.textbox {}

.control .textbox, .control .textbox_large {width: 80%}
	.control select.textbox, .control select.textbox_large {max-width: 80%;}
	.control textarea.textbox, .control textarea.textbox_large {height: 10em;}
.control .textbox_medium {width: 60%}
	.control select.textbox_medium {max-width: 60%;}
	.control textarea.textbox_medium {height: 8em;}
.control .textbox_small {width: 40%}
	.control select.textbox_small {max-width: 40%;}
	.control textarea.textbox_small {height: 6em;}
/***** Submit Container */
.control .formActions {margin: 1em 0;}
/***** Submit Buttons */
.control a.btnGo, .control input.btnGo, .control input.buttonGo, .control input.text, .control textarea.text {
	font-size: 1.167em; overflow: visible;
	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: 0.25em .667em; width: auto; overflow: visible;
	background: url(/EI/MS/Images/Frame/BG/tint/000.10-000.00x40.png) repeat bottom transparent;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	border-style: solid; border-width:1px;
	border-color: rgba(0,0,0,.15); 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.btnGo, .control input.buttonGo {padding-top: 0.2em; padding-bottom: 0.2em;}
	/* Hover */
	.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;}
	/* Disabled */
	.control .btnGo[disabled=disabled], .control .btnSubmit[disabled=disabled] {opacity: 0.4; cursor: default;}
	.control .btnGo[disabled=disabled]:hover, .control .btnSubmit[disabled=disabled]:hover {background-image: url(/EI/MS/Images/Frame/BG/tint/000.10-000.00x40.png)}
	/* In Error Mode */
	.control .errorMode .btnGo {border-color:#e7c1bc;}
		.control .errorMode .btnGo:hover {background-image: url('/EI/MS/Images/Frame/BG/tint/000x15.png');}
	/* Secondary State */
	.control .btnGo.btnSecondary {}
.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; overflow: visible;
	-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 */
/* Hover */
.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;
	}
/* Search Glass */
.control .btnSearch {
	display: inline-block; *display: inline; *zoom: 1; overflow: visible;
	width: 36px; height: 40px; outline: none; border: none; padding: 0;
	background: url(/EI/T/Icons/sprites/searchGlass.bordered.png) 0 -217px no-repeat transparent;
	cursor: pointer; text-indent: -999em; text-align: left;
	*font-size: 0; *line-height: 0;
	}
/***** Validation Messages */
.control .validation {
	display: inline-block; *display: inline; *zoom: 1;
	padding: 3px 8px; margin: 0; line-height: 1.2;
	color: #d43319 !important; font-size: .92em;
	background: #fbeae8; border: 1px dotted #e7c1bc;
	-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: ""}
.control .userform .notificationWrap {position: relative; height: 0; overflow: visible; width: 100%; clear: both;}
.control .userform .notificationWrap .validation {
	position: absolute; left: auto; right: 0; top:-0.5em;
	display: block; margin: 0; max-width: 60%; z-index: 1;
	}
.control .validation.validation-badge {
	width: 1em; height: 1em; overflow: hidden; margin: 0 0 0 0.2em;
	padding: 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;
	-moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em;
	line-height: 1; font-size: 0.8333em; text-align: center;
	}
	
/***** Form Layout */
.control .userform, .control .formList {clear: both;}
.control .formList {
	margin: 0; padding: 0; list-style-type: none;
	}
	.control .formList.firstSection {margin-top: 1.5em;}
.control .formList > li {margin-bottom: 1.5em;}
.control .userform .textbox {
	vertical-align: middle;
	}
.control .userform .instruct,
.control .userform .characterCounter {margin: 0.333em 0; font-size: 0.91667em;}
.control .userform label, .control .userform .asLabel {
	display: block; margin: 0 0 0.333em;
	font-size: 1em; line-height: 1.2;
	font-family: inherit; font-weight: bold; font-style: inherit;
	}
	.control .userform legend.asLabel {*margin-left: 0;}
	.control .sideBySide label,
	.control .optgroup label {display: inline; vertical-align: baseline; margin-bottom: 0;}
	.control .userform label.hanging, .control .hanging label {display: inline-block; *display: inline; *zoom: 1; width: 20%; margin-right: 1%; vertical-align: text-top;}
	.control .optgroup input[type=checkbox], .control .optgroup input[type=radio], .control .optgroup label {
		display: inline; vertical-align: middle; margin: 0 0.5em 0 0; font-weight: normal;
		}
		.control .userform table.radiobutton {clear: both;}
		.control .userform .radiobutton td {padding: 0 0.5em 0.5em 0;}
/** Two-column form list layout */
.control .formList.cols_2 {
	margin-left: -1%; margin-right: -1%;
	}
.control .formList.cols_2 > li {
	display: inline-block; *display: inline; *zoom: 1;
	vertical-align: top; width: 47.5%; margin: 0.5em 1% 1.5em;
	}
	.control .formList.cols_2 > li.fullwidth {width: 97.5%;}
	.control .formList.cols_2 > li input.textbox {width: 92%; margin-right: 1%;}
	.control .formList.cols_2 > li select {max-width: 98%;}

/******************** 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 0.5em 0.5em 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: 0.5em; margin: 0;
	}
.control.skinnedList .btnBar {
	-moz-border-radius: 0 0 0.5em 0.5em;
	-webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0;
	border-radius: 0 0 0.5em 0.5em;
	}
.control ul.teaserList, .control ol.teaserList {
	list-style-type: none; margin: 0; padding: 0;
	}
.control ul.teaserList > li, .control ol.teaserList > li,
.control .teaserList > li > .itemWrap {*height: 1%;/* Holly Hack */}
.control .teaserList.textOnly > li {margin: 0.5em 0;}

/******************** Global Entry Structure */
.control .entry-section {margin-top: 1.5em; margin-bottom: 1.5em;}
    .control.teaser .entry-section {margin-top: 0; margin-bottom: .667em;}
.control .entry-header {margin-top: 0;}
.control .entry-footer {margin-top: 0;}

.control .search-bar {margin-bottom: 1.5em;}
.control .title-group {margin-bottom: 0.667em;}
.control .entry-meta {margin-top: 0.667em; margin-bottom: 0.667em;}
    .control.teaser .entry-meta {margin-top: 0; margin-bottom: .667em;}
    .control .meta-title {}
.control .sharing-options {margin-top: 0.667em;}
	



/******************** Tabbed Nav List */
.control .tabbedNavList {
	list-style-type: none; margin: 0; padding: 0; border: none;
	background: url(/EI/MS/Images/Frame/BG/tint/000.10-000.00x40.png) repeat-x bottom transparent;
    border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;
    -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0;
    border-style: solid; border-width: 1px; border-color: rgba(0,0,0,.05);
    *zoom:1; /* for clearfix */
	}
	.control .tabbedNavList:before, .control .tabbedNavList:after {display:table; content:"";}
	.control .tabbedNavList:after {clear:both;}
.control .tabbedNavList > li { /* always ensure there is zero whitespace between <li>s */
	margin: 0; padding: 0; float: left;
	}
.control .tabbedNavList > li > a {
	display: block; padding: 1em 1.25em; *zoom: 1;
	border-style: solid; border-width: 0 1px;
	border-color: rgba(0,0,0,.05) rgba(255,255,255,.20) rgba(255,255,255,.20) rgba(0,0,0,.05);
	}
	.control .tabbedNavList > li:first-child > a {border-left-width: 0;}
	.control .tabbedNavList > li:last-child > a {border-right-width: 0;}
.control .tabbedNavList > li.ui-tabs-selected {
	background: url(/EI/MS/Images/Frame/BG/tint/fffx30.png) repeat transparent;
	}
.control .tabbedNavList > li.ui-tabs-selected > a, .control .tabbedNavList > li.ui-tabs-selected > a:visited {
	cursor: text; color: inherit;
	*color: expression(this.parentNode.currentStyle.color);
	}
.control .tabbedNavList > li.ui-tabs-selected > a:hover {
	text-decoration: none;
	color: inherit; *color: expression(this.parentNode.currentStyle.color);
	}
.control .tabbedNavList > li.ui-state-inactive > a,
.control .tabbedNavList > li.ui-state-disabled > a {
	cursor: text; opacity: 0.6; filter: alpha(opacity=60);
	}
.control .tabbedNavList > li.ui-state-inactive > a,
.control .tabbedNavList > li.ui-state-disabled > a,
.control .tabbedNavList > li.ui-state-inactive > a:hover,
.control .tabbedNavList > li.ui-state-disabled > a:hover, 
.control .tabbedNavList > li.ui-state-inactive > a:visited,
.control .tabbedNavList > li.ui-state-disabled > a:visited {
	color: inherit; *color: expression(this.parentNode.currentStyle.color);
	}
.control .tabbedNavList > li.ui-state-inactive > a:hover,
.control .tabbedNavList > li.ui-state-disabled > a:hover {text-decoration: none;}
@media \0screen\,screen\9 { /* IE lte 8 cannot handle rgba */
	.control .tabbedNavList,
	.control .tabbedNavList > li > a {border-width: 0;}
}
.ei-ui-tabs .ui-tabs-hide {position: absolute; left: -99999px;}

/******************** Control-Within-A-Control */
/***** Share This */
.shareThis img {display: inline; vertical-align: middle; margin: 0 4px 0 0;}
.control .shareThis a > span, .control .shareThis a > img {vertical-align: middle;}
	.control .contextualIcons.horizontal .shareThis a > span {vertical-align: inherit;}
.control li.share .shareThis a.icon, .control li.shareThis .shareThis a.icon {margin-right: 0;}
.control .shareThis.icon {padding-left: 0; background: none;}

/***** RSS Icon ... <div class="rss"><a><img /></a></div> DEPRECATED, use .icon.feed.noTxt 2011/04 */
.rss {text-align:right; margin-top: 0.5em;}
.rss > a > img {display: inline; margin: 0; padding: 0; border: 0;}

/***** Pagination */
.control .paging { 
	width: 100%; clear: both;
	padding: 0.5em 0 0; margin: 0;
	font-style: italic; *zoom:1;
	}
	.control .paging.bgTitleBar {padding: .333em; width: auto;}
	.control .paging:before, .control .paging:after {content: ""; display: table;}
	.control .paging:after {clear: both;}
.control .paging .PagerList {text-align: right;}
/*	when both present, pager floated left; rss floated right;
	top margin to force vert alignment with pager control */
.control .paging .PagerList + .icon16.feed {margin-top: 3px;}

.paging .prevNext {width: 49%;}
.paging .prev {float: left; text-align: right;}
	.paging .prev .nav-directional {margin-right: 0.333em;}
.paging .next {float: right; text-align: left;}
	.paging .next .nav-directional {margin-left: 0.333em;}

/***** 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%; overflow: hidden; height: 1px;
	font-size: 0; *font-size: 1px; line-height: 1;
	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: 0.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 hr.divideSections {margin-top: 36px; margin-bottom: 36px;}
.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; line-height: 16px;
	}
	.control .contextualIcons.bgTitleBar {padding: .25em 0 .25em .25em;}
	.control .contextualIcons.bgTitleBar.horizontal {padding-bottom: 0;}
	.control .rss + .contextualIcons {margin-top: -16px; margin-right: 20px;} /* avoid any overlap with RSS icon */
	.control .rss + .contextualIcons.horizontal {margin-top: 0.5em; margin-right: 0;}
	.control .contextualIcons > li {margin-top: .25em;}
	.control .contextualIcons > li:first-child {margin-top: 0;}
	.control .contextualIcons > li.icon {display: block; margin-right: 0;}
		.control .contextualIcons.horizontal {margin-bottom: -.5em;}
		.control .contextualIcons.horizontal.bgTitleBar {margin-bottom: 0;}
		.control .contextualIcons.horizontal > li {
			 display: inline-block; vertical-align: text-top;
			 margin: 0 0.5em 0.5em 0; *zoom: 1; *display: inline;
			 }
		.control .contextualIcons.horizontal > li {margin-top: 0;}
		.control .contextualIcons.horizontal > li:last-child {margin-right: 0;}
.control .icon { /* should be applied to block-level element, typically a <li> */
	background-color: transparent; background-position: 0 0; background-repeat: no-repeat;
	line-height: 16px; text-align: left;
	display: inline-block; vertical-align: baseline;
	margin-right: 0.5em; *zoom: 1; *display: inline;
	}
.control .icon, .control li.icon { /* second declaration needed for various control resets */
	padding-left: 20px; min-height: 16px; line-height: 16px;
	}
	.control .icon.iconOnRight {padding-left: 0; padding-right: 20px; background-position: right 0;}
	.control .icon.emptyIcon, .control li.icon.emptyIcon {background-image: none; padding-left: 0;}
	.control .contextualIcons li.emptyIcon > .icon {margin-right: 0;} /* targeted use: feed icon */
	.control .icon.noTxt { /* generally <span/> */
		text-align: left; text-indent: -999em; /* there shouldn't be text, but just in case */
		overflow: hidden; padding-left: 0; overflow: hidden;
		float: left; display: block; width: 16px; height: 16px;
		}
.control .icon { background-image:url(/EI/T/Icons/sprites/icon16x16.png);}
.control .icon.album{ background-position: 0 0; } 
.control .icon.available, .control .icon.approved { background-position: 0 -46px;} 
.control .icon.audio{ background-position: 0 -92px;} 
.control .icon.clock{ background-position: 0 -138px;} 
.control .icon.collapse{ background-position: 0 -184px;} 
.control .icon.collapsed{ background-position: 0 -230px;}
    .control .icon.collapsed.iconOnRight{ background-position: right -230px;} 
.control .icon.comment, .control .icon.reply, .control .icon.app-Comment { background-position: 0 -276px; } 
.control .icon.read, .control .icon.browse,
.control .icon.print, .control .icon.app-ArticlesPro,
.control .icon.app-Blogs, .control .icon.app-Channels,
.control .icon.app-Page, .control .icon.app-PageManagementSystem
{ background-position: 0 -322px; }
.control .icon.download{ background-position: 0 -368px;} 
.control .icon.expand{ background-position: 0 -414px;} 
.control .icon.expanded{ background-position: 0 -460px;}
    .control .icon.expanded.iconOnRight{ background-position: right -460px;} 
.control .icon.export{ background-position: 0 -506px; } 
.control .icon.facebook{ background-position: 0 -552px;} 
.control .icon.feed{ background-position: 0 -598px; } 
.control .icon.flagged{ background-position: 0 -644px;} 
.control .icon.globe{ background-position: 0 -690px;} 
.control .icon.google-plus{ background-position: 0 -736px;} 
.control .icon.favorite{ background-position: 0 -782px;} 
.control .icon.app-Showcases{ background-position: 0 -828px;} 
.control .icon.itunes{ background-position: 0 -874px;} 
.control .icon.chain, .control .icon.link { background-position: 0 -920px; } 
.control .icon.linkedin{ background-position: 0 -966px; }
.control .icon.map{ background-position: 0 -1012px; }
.control .icon.url, .control .icon.submit, .control .icon.go { background-position: 0 -1058px; } 
.control .icon.pending{ background-position: 0 -1104px; }
.control .icon.phone{ background-position: 0 -1150px; }
.control .icon.pinterest{ background-position: 0 -1196px; }
.control .icon.return, .control .icon.back { background-position: 0 -1242px; }
.control .icon.send, .control .icon.email{ background-position: 0 -1288px; }
.control .icon.share{ background-position: 0 -1334px; } 
.control .icon.rating{ background-position: 0 -1380px; }
.control .icon.suggestion{ background-position: 0 -1426px; }
.control .icon.like{ background-position: 0 -1472px; }
.control .icon.twitter{ background-position: 0 -1518px; }
.control .icon.app-VideoChannels { background-position: 0 -1564px; }
.control .icon.warning, .control .icon.unavailable { background-position: 0 -1610px; }
.control .icon.youtube{ background-position: 0 -1656px; }
.control .icon.app-Feeds{ background-position: 0 -1702px; }
		
/***** 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;}

/******************** jQuery UI */
/*
 * jQuery UI CSS Framework 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/***** Layout helpers */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/***** Interaction Cues */
.ui-state-disabled { cursor: default !important; }

/***** Misc visuals */
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/EI/MS/Images/Frame/BG/tint/000x70.png) repeat transparent; }

/*
 * jQuery UI Resizable 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}



/* Fonts Icons (iconmoon) */
@font-face {
    font-family: 'ds-icomoon';
    src:url('/EI/Fonts/ds-icomoon.eot?x6rusj');
    src:url('/EI/Fonts/ds-icomoon.eot?#iefixx6rusj') format('embedded-opentype'),
    url('/EI/Fonts/ds-icomoon.woff?x6rusj') format('woff'),
    url('/EI/Fonts/ds-icomoon.ttf?x6rusj') format('truetype'),
    url('/EI/Fonts/ds-icomoon.svg?x6rusj#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'ds-icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[data-icon]:before {
    font-family: 'ds-icomoon';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-arrow_left:before {
    content: "\e601";
}
.icon-arrow_right:before {
    content: "\e602";
}
.icon-search:before {
    content: "\e600";
}
.icon-albums:before {
    content: "\e603";
}