/*******************************************************************************************
*******************************************************************************************
/shared/modules/_pills.css
*******************************************************************************************
*******************************************************************************************/

/*********/
/* PILLS */

.pill { /* defaults to blue */
	background: #b4d7f7;
	border: solid 1px #86bce3;
	border-radius: 4px;
	color: #222;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	font-size: 14px;
	height: 27px;
	line-height: 26px;
	padding: 0 8px 0 0;
	text-align: left;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .4);
	text-transform: none;
	vertical-align: middle;
}
	.pill .icon,
	.pill:hover .icon {
		color: #fff;
		background: #1a6399;
		border-radius: 4px 0 0 4px;
		display: inline-block;
		height: 29px;
		line-height: 29px;
		padding: 0 6px;
		position: static; /* prevent conflict with relatively positioned icons */
		margin: -1px 1px 0 -1px;
		text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
		vertical-align: top;
	}
		.popoutSwitch.pill .icon,
		.popoutSwitch.pill:hover .icon,
		.popoutSwitch.pill.active .icon {
			color: #fff; /* override popoutSwitch icon style */
		}
		
		/* iconsweets */
		.pill.icon-zoom2, .pill.icon-zoom, .pill.icon-youtube4, .pill.icon-youtube3, .pill.icon-youtube2, .pill.icon-youtube, .pill.icon-write, .pill.icon-wordpress2, .pill.icon-wordpress, .pill.icon-winner-podium, .pill.icon-windows, .pill.icon-wifi4, .pill.icon-wifi3, .pill.icon-wifi2, .pill.icon-wifi, .pill.icon-walking-man, .pill.icon-wacom2, .pill.icon-wacom, .pill.icon-visa2, .pill.icon-visa, .pill.icon-vimeo5, .pill.icon-vimeo4, .pill.icon-vimeo3, .pill.icon-vimeo2, .pill.icon-vimeo, .pill.icon-vault, .pill.icon-v-card3, .pill.icon-v-card2, .pill.icon-v-card, .pill.icon-users2, .pill.icon-users, .pill.icon-user2, .pill.icon-user, .pill.icon-user-comment, .pill.icon-usb-stick, .pill.icon-upload, .pill.icon-universal-access, .pill.icon-under-construction, .pill.icon-umbrella, .pill.icon-twitter3, .pill.icon-twitter2, .pill.icon-twitter, .pill.icon-tumblr, .pill.icon-truck2, .pill.icon-truck, .pill.icon-trolly, .pill.icon-tree, .pill.icon-trashcan2, .pill.icon-trashcan, .pill.icon-traffic-light, .pill.icon-tools, .pill.icon-timer, .pill.icon-text-styling3, .pill.icon-text-styling2, .pill.icon-text-styling, .pill.icon-television, .pill.icon-telephone4, .pill.icon-telephone3, .pill.icon-telephone2, .pill.icon-telephone, .pill.icon-tags2, .pill.icon-tag, .pill.icon-table-, .pill.icon-sweater, .pill.icon-suitcase3, .pill.icon-suitcase2, .pill.icon-suitcase, .pill.icon-suitcase-travel, .pill.icon-stumbleupon, .pill.icon-strategy2, .pill.icon-strategy, .pill.icon-stopwatch, .pill.icon-sticky-note, .pill.icon-speech-bubbles2, .pill.icon-speech-bubbles, .pill.icon-speech-bubble2, .pill.icon-speech-bubble, .pill.icon-sound, .pill.icon-socks, .pill.icon-skype2, .pill.icon-skype, .pill.icon-signal, .pill.icon-sign-post2, .pill.icon-sign-post, .pill.icon-shopping-cart4, .pill.icon-shopping-cart3, .pill.icon-shopping-cart2, .pill.icon-shopping-cart, .pill.icon-shopping-basket2, .pill.icon-shopping-basket, .pill.icon-shirt-tshirt, .pill.icon-shirt-sport, .pill.icon-shirt-sleeveless, .pill.icon-shirt-nike, .pill.icon-shirt-dress, .pill.icon-shirt-adidas, .pill.icon-shades, .pill.icon-settings2, .pill.icon-settings, .pill.icon-sd3, .pill.icon-sd2, .pill.icon-sd, .pill.icon-scissors, .pill.icon-safari, .pill.icon-running-man, .pill.icon-ruler2, .pill.icon-ruler, .pill.icon-rss, .pill.icon-robot, .pill.icon-record, .pill.icon-rake-scoop, .pill.icon-radio, .pill.icon-radio-signal, .pill.icon-quicktime2, .pill.icon-quicktime, .pill.icon-printer, .pill.icon-price-tags, .pill.icon-price-tag, .pill.icon-presentation, .pill.icon-power, .pill.icon-postcard, .pill.icon-plixi, .pill.icon-piggy-bank, .pill.icon-phone-old, .pill.icon-phone-hook, .pill.icon-pencil, .pill.icon-pen-fountain, .pill.icon-paypal5, .pill.icon-paypal4, .pill.icon-paypal3, .pill.icon-paypal2, .pill.icon-paypal, .pill.icon-paperclip, .pill.icon-pants, .pill.icon-pacman, .pill.icon-pacman-ghost, .pill.icon-outbox2, .pill.icon-outbox, .pill.icon-notebook, .pill.icon-myspace2, .pill.icon-myspace, .pill.icon-musical-keyboard, .pill.icon-mouse2, .pill.icon-mouse, .pill.icon-mouse-with-wire, .pill.icon-monitor, .pill.icon-money2, .pill.icon-money, .pill.icon-mobypicture, .pill.icon-mobile-phone2, .pill.icon-mobile-phone, .pill.icon-mighty-mouse, .pill.icon-mickey-mouse, .pill.icon-mic, .pill.icon-megaphone, .pill.icon-medical-case, .pill.icon-mastercard, .pill.icon-marker, .pill.icon-map, .pill.icon-male, .pill.icon-male-symbol, .pill.icon-mail2, .pill.icon-mail, .pill.icon-magic-mouse, .pill.icon-macos, .pill.icon-locked, .pill.icon-lock, .pill.icon-lock-open, .pill.icon-loading, .pill.icon-list, .pill.icon-list-with-images, .pill.icon-list-with-image, .pill.icon-linux, .pill.icon-linked-in, .pill.icon-link2, .pill.icon-link, .pill.icon-like2, .pill.icon-like, .pill.icon-light-bulb, .pill.icon-lemon-stand2, .pill.icon-lemon-stand, .pill.icon-leaf, .pill.icon-lastfm2, .pill.icon-lastfm, .pill.icon-laptop, .pill.icon-lamps, .pill.icon-labs, .pill.icon-keyboard, .pill.icon-key2, .pill.icon-key, .pill.icon-joomla, .pill.icon-ipod-shuffle, .pill.icon-ipod-nano2, .pill.icon-ipod-nano, .pill.icon-ipod-classic, .pill.icon-iphone4, .pill.icon-iphone4-with-4, .pill.icon-iphone3g, .pill.icon-ipad2, .pill.icon-ipad, .pill.icon-info, .pill.icon-inbox3, .pill.icon-inbox, .pill.icon-images2, .pill.icon-images, .pill.icon-image2, .pill.icon-image, .pill.icon-imac, .pill.icon-ideal, .pill.icon-ichat, .pill.icon-ice-cream2, .pill.icon-ice-cream, .pill.icon-hour-glass, .pill.icon-home2, .pill.icon-home, .pill.icon-help, .pill.icon-headphones, .pill.icon-hd3, .pill.icon-hd2, .pill.icon-hd, .pill.icon-harddisk, .pill.icon-halloween, .pill.icon-group2, .pill.icon-group, .pill.icon-gowalla2, .pill.icon-gowalla, .pill.icon-google-plus2, .pill.icon-google-maps, .pill.icon-google-buzz, .pill.icon-globe2, .pill.icon-globe, .pill.icon-glass, .pill.icon-glass-wine, .pill.icon-g-key, .pill.icon-full-screen3, .pill.icon-full-screen2, .pill.icon-full-screen, .pill.icon-frames, .pill.icon-foursquare, .pill.icon-footprints, .pill.icon-footprint, .pill.icon-folder, .pill.icon-folder-user, .pill.icon-folder-music, .pill.icon-folder-locked, .pill.icon-flip-clock, .pill.icon-flag2, .pill.icon-flag, .pill.icon-firefox, .pill.icon-finish2, .pill.icon-finish, .pill.icon-film-strip2, .pill.icon-film-strip, .pill.icon-film-camera2, .pill.icon-film-camera, .pill.icon-file-cabinet, .pill.icon-female, .pill.icon-female-symbol, .pill.icon-factory, .pill.icon-facebook, .pill.icon-eyedropper, .pill.icon-eye, .pill.icon-expression-engine, .pill.icon-expose, .pill.icon-exit, .pill.icon-electricity-plug, .pill.icon-electricity-input3, .pill.icon-electricity-input2, .pill.icon-electricity-input, .pill.icon-dvd, .pill.icon-drupal, .pill.icon-dropbox, .pill.icon-dribbble4, .pill.icon-dribbble3, .pill.icon-dribbble2, .pill.icon-dribbble, .pill.icon-download, .pill.icon-download-to-pc, .pill.icon-dog-tags, .pill.icon-dog-tag, .pill.icon-documents, .pill.icon-documents-zip, .pill.icon-documents-word, .pill.icon-documents-text, .pill.icon-documents-powerpoint, .pill.icon-documents-pdf, .pill.icon-documents-excel, .pill.icon-document, .pill.icon-document-zip, .pill.icon-document-word, .pill.icon-document-text, .pill.icon-document-powerpoint, .pill.icon-document-photo, .pill.icon-document-pdf, .pill.icon-document-excel, .pill.icon-dinner-plate, .pill.icon-digg4, .pill.icon-digg3, .pill.icon-digg2, .pill.icon-digg, .pill.icon-delicious, .pill.icon-data-table, .pill.icon-cup, .pill.icon-creditcard, .pill.icon-coverflow, .pill.icon-contacts5, .pill.icon-contacts4, .pill.icon-contacts3, .pill.icon-contacts2, .pill.icon-contacts, .pill.icon-cogs, .pill.icon-cog4, .pill.icon-cog3, .pill.icon-cog2, .pill.icon-cog, .pill.icon-cloud, .pill.icon-cloud-upload, .pill.icon-cloud-rain-with-thunder, .pill.icon-cloud-rain-with-thunder-and-snow, .pill.icon-cloud-rain-with-sun, .pill.icon-cloud-rain-with-shiny-sun, .pill.icon-cloud-download, .pill.icon-clock2, .pill.icon-clock, .pill.icon-clipboard, .pill.icon-clapboard, .pill.icon-chrome, .pill.icon-chart-pie, .pill.icon-chart-pie-85, .pill.icon-chart-pie-75, .pill.icon-chart-pie-65, .pill.icon-chart-pie-50, .pill.icon-chart-pie-35, .pill.icon-chart-pie-25, .pill.icon-chart-pie-10, .pill.icon-chart-graph2, .pill.icon-chart-graph, .pill.icon-chair, .pill.icon-cd, .pill.icon-cat, .pill.icon-cash-register2, .pill.icon-casette, .pill.icon-car, .pill.icon-candy-cane, .pill.icon-camera2, .pill.icon-camera, .pill.icon-calendar-strike, .pill.icon-calendar-month, .pill.icon-calendar-day, .pill.icon-calculator, .pill.icon-bullseye, .pill.icon-building, .pill.icon-brush-small, .pill.icon-brush-paint, .pill.icon-brush-big, .pill.icon-box-incoming, .pill.icon-books2, .pill.icon-books, .pill.icon-book, .pill.icon-book-large, .pill.icon-bluray, .pill.icon-bluetooth2, .pill.icon-bluetooth, .pill.icon-blocks, .pill.icon-blackberry3, .pill.icon-blackberry2, .pill.icon-blackberry, .pill.icon-bills, .pill.icon-battery, .pill.icon-battery-full, .pill.icon-battery-empty, .pill.icon-battery-70, .pill.icon-battery-20, .pill.icon-barcode3, .pill.icon-barcode2, .pill.icon-barcode, .pill.icon-bandaid, .pill.icon-balloons, .pill.icon-bag2, .pill.icon-bag, .pill.icon-bag-shopping, .pill.icon-bag-recycle, .pill.icon-bag-lady, .pill.icon-arrow-up, .pill.icon-arrow-shuffle, .pill.icon-arrow-right, .pill.icon-arrow-repeat, .pill.icon-arrow-refresh4, .pill.icon-arrow-refresh3, .pill.icon-arrow-refresh2, .pill.icon-arrow-refresh, .pill.icon-arrow-recycle, .pill.icon-arrow-left, .pill.icon-arrow-down, .pill.icon-archive, .pill.icon-applications, .pill.icon-android2, .pill.icon-android, .pill.icon-american-express, .pill.icon-alert2, .pill.icon-alert, .pill.icon-alarm2, .pill.icon-alarm, .pill.icon-alarm-clock, .pill.icon-airplane, .pill.icon-admin2, .pill.icon-admin, .pill.icon-acd, .pill.icon-access-denied, .pill.icon-abacus {
			font-size: 1.15em;
		}
	.pill:hover,
	.pill.active {
		color: #fff;
		background: #1a6399;
		border: solid 1px #1a6399;
		text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	}	
	
/* sizes */	
.pill-sm {
	font-size: 13px;
	height: 23px;
	line-height: 23px;
}
	.pill-sm .icon,
	.pill-sm:hover:hover .icon {
		height: 25px;
		line-height: 25px;
		padding: 0 5px;
	}
.pill-lg {
	font-size: 15px;
	height: 30px;
	line-height: 29px;
	padding: 0 12px 0 0;
}	
	.pill-lg .icon,
	.pill-lg:hover .icon {
		height: 32px;
		line-height: 32px;
		margin-right: 3px;
		padding: 0 6px;
	}
.pill-xl {
	font-size: 17px;
	height: 35px;
	line-height: 34px;
	padding: 0 12px 0 0;
}	
	.pill-xl .icon,
	.pill-xl:hover .icon {
		height: 37px;
		line-height: 37px;
		margin-right: 3px;
		padding: 0 7px;
	}	
	
/* colors */	

/* yellow */
.pill-alt {
	background: #fbd69e;
	border: solid 1px #f6a42e;
}	
	.pill-alt .icon,
	.pill-alt:hover .icon {
		background: #de8300;
	}
	.pill-alt:hover {
		background: #de8300;
		border: solid 1px #de8300;
	}
	
/* green */	
.pill-confirm {
	background: #bfe494;
	border: solid 1px #85c63a;
}	
	.pill-confirm .icon,
	.pill-confirm:hover .icon {
		background: #509204;
	}
	.pill-confirm:hover {
		background: #509204;
		border: solid 1px #509204;
	}	
	
/* gray without hover effect */	
.pill-off,
.pill-off:hover {
	background: #dddddd;
	border: solid 1px #ccc;
	color: #777;
	cursor: default;
	text-shadow: none;
}	
	.pill-off .icon,
	.pill-off:hover .icon {
		background: #999;
	}
	
	
/* red */
.pill-prominent {
	background: #fec3c0;
	border: solid 1px #fd908c;
}	
	.pill-prominent .icon,
	.pill-prominent:hover .icon {
		background: #ed2c24;
	}
	.pill-prominent:hover {
		background: #ed2c24;
		border: solid 1px #ed2c24;
	}	
	
/* gray */	
.pill-subtle {
	background: #dadada;
	border: solid 1px #b7b7b7;
	color: #333;
}	
	.pill-subtle .icon,
	.pill-subtle:hover .icon {
		background: #767676;
	}
	.pill-subtle:hover {
		background: #767676;
		border: solid 1px #767676;
	}	

/* pills with specific parent containers */
.breadcrumb .pill {
	float: right;
	margin-top: -3px;
}
h1 .pill {
	margin-left: 6px;
	margin-top: 2px;
	vertical-align: top;
}	
h2 .pill {
	margin-left: 6px;
}