@import 'emmis.pagerControl.css';

/******************** 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(../../MS/Images/Frame/BG/tint/000x05.png) repeat transparent;}
.rowOdd {background: url(../../MS/Images/Frame/BG/tint/000x10.png) repeat transparent;}
.req, .error {color: #f30;}
.control .bgTitleBar {
	background: url(../../MS/Images/Frame/BG/tint/000x05.png) repeat transparent; padding: .333em;
	border: solid 1px rgba(0,0,0,.05); *border: none;
	}
.control .btnBar {
	padding: .333em .667em;
	-moz-border-radius: .667em; -webkit-border-radius: .667em; border-radius: .667em;
	background: url(../../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(../../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; font-weight: bold;
	text-transform: uppercase;
	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] <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('../../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 .confirmationMode {margin: 0.5em 0 1.5em;} /* a user has successfully submitted a form, etc */
.control .notificationMode { /* an notification of type [x -- secondary class] is displayed */
	padding: .5em; margin: 0.5em 0 1.5em; color: #444;
	background: #ffffe1; border: 1px dotted #ffe3a7; text-align: left;
	-moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em;
	}
.control .notificationMode.emptyResult {background-color: #ccc; border-color: #e7c1bc;}
.control .notificationMode.error {}
.control .notificationMode.success {}
	.control .notificationMode .notificationTitle {
		display: block; margin: 0 0 .25em; padding: 0;
		font-size: 1.4em; line-height: 1.2;
		color: #222; font-weight: bold;		
		}
	.control .notificationMode a, .control .notificationMode a:visited {color: #ffae00; text-decoration: underline;}
	.control .notificationMode a:hover {color: #ff9000;}
.control .notificationMode .btnGo, .control .notificationMode .text {font-size: 1.08em;}
.control .errorMode { /* phase out: an error of has occurred */
	padding: .5em; margin: .25em 0 .75em 0;
	background: url(../../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: .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; 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('../../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(../../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;
	}
	/* Hover */
	.control input.buttonGo:hover, .control a.buttonGo:hover,
	.control input.btnGo:hover, .control a.btnGo:hover {background-image: url('../../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(../../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('../../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("../../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("../../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(../../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;
	display: block; margin: 0;
	}
	
/***** 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: 1em;}
.control .userform .textbox {
	vertical-align: middle;
	}
.control .userform label, .control .userform .asLabel {
	display: block; margin: 0 0 .33em;
	font-size: 1em; line-height: 1.2;
	color: inherit; *color: expression(this.parentNode.currentStyle.color);
	font-family: inherit; font-weight: bold; font-style: inherit;
	}
	.control .userform legend.asLabel {*margin-left: 0;}
	.control .sideBySide 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, .control .optgroup label {
		display: inline; vertical-align: middle; margin: 0 .5em 0 0; font-weight: normal;
		}
		.control .userform table.radiobutton {clear: both;}
		.control .userform .radiobutton td {padding: 0 .5em .5em 0;}

/******************** 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 .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: .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 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 */}

/******************** Tabbed Nav List */
.control .tabbedNavList {
	list-style-type: none; margin: 0; padding: 0; border: none;
	background: url(../../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);
    *border-width: 0; border-width: 0\9; /* IE lte 8 cannot handle rgba */
	}
.control .tabbedNavList > li { /* always ensure there is zero whitespace between <li>s */
	margin: 0; padding: 0;
	display: inline-block; *display: inline; *zoom: 1; vertical-align: top;
	}
.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);
	*border-width: 0; border-width: 0\9; /* IE lte 8 cannot handle rgba */
	}
	.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(../../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 {
	cursor: text; opacity: 0.6; filter: alpha(opacity=60);
	}
.control .tabbedNavList > li.ui-state-inactive > a:hover {text-decoration: none;} */

/******************** 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 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: .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: .333em; width: auto;}
.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;}

/***** 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('../../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('../../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(../../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 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: .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 .5em .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: .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.send, .control .icon.email {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/sendToFriend.16x16.png);}
	.control .icon.url, .control .icon.submit, .control .icon.go {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/outToWebsite.16x16.png);}
	.control .icon.download {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/download.16x16.png);}
	.control .icon.share {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/share.16x16.png);}
	.control .icon.suggestion {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/suggest.16x16.png);}
	.control .icon.comment, .control .icon.reply {background-image: url(../../T/Icons/16x16/comment.16x16.png);}
	.control .icon.like {background-image: url(../../T/Icons/16x16/thumbsup.16x16.png);}
	.control .icon.favorite {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/heart.16x16.png);}
	.control .icon.flagged {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/flag.16x16.png);}
	.control .icon.phone {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/phone.16x16.png);}
	.control .icon.album {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/album.16x16.png);}
	.control .icon.collapse {background-image: url(../../T/Icons/16x16/collapse.16x16.png);}
	.control .icon.expand {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/expand.16x16.png);}
	.control .icon.collapsed {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/collapsed.16x16.png);}
	.control .icon.expanded {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/expanded.16x16.png);}
	.control .icon.audio {background-image: url(../../T/Icons/16x16/audio.16x16.png);}
	.control .icon.image {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/image.16x16.png);}
	.control .icon.export {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/export.16x16.png);}
	.control .icon.chain, .control .icon.link {background-image: url(../../T/Icons/16x16/link.16x16.png);}
	.control .icon.warning, .control .icon.unavailable {background-image: url(../../T/Icons/16x16/yield.16x16.png);}
	.control .icon.pending {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/pending.16x16.png);}
	.control .icon.available, .control .icon.approved {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/approved.16x16.png);}
	.control .icon.map {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/map.16x16.png);}
	.control .icon.feed {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/feed.16x16.png);}
	.control .icon.itunes {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/itunes.16x16.png);}
	.control .icon.rating {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/star.16x16.png);}
	.control .icon.return, .control .icon.back {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/returnTo.16x16.png);}
	.control .icon.read, .control .icon.browse {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/document.16x16.png);}
	.control .icon.app-Blogs {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/document.16x16.png);}
	.control .icon.app-Channels {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/document.16x16.png);}
	.control .icon.app-Page, .control .icon.app-PageManagementSystem {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/document.16x16.png);}
	.control .icon.app-Showcases {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/image.16x16.png);}
	.control .icon.app-Comment {background-image: url(../../T/Icons/16x16/comment.16x16.png);}
	.control .icon.app-VideoChannels {background-image: url(http://www.fmnewschicago.com/EI/T/Icons/16x16/video.16x16.png);}

/***** 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;}