/*color constants are copied into ColorsViewModel.cs*/
/* These Z-Indexes Are Intertwined In order to support popups*/
/*-------------------- Top Bar and Main Menu --------------------------*/
/* -------------------------------------- Basic Typography -------------------------------------- */
/* -------------------------------------- Responsive Constants -------------------------------------- */
/* Same widths as Bootstrap's responsive breaks: http://getbootstrap.com/2.3.2/scaffolding.html#responsive */
.xc-popup-overlay {
		position: fixed;
		display: none;
		z-index: 801;
		width: 100%;
		height: 100%;
		background-color: white;
		opacity: 0.5;
		-moz-opacity: 0.50;
		filter: alpha(opacity=50); }

.xc-popup-content-container {
		position: absolute;
		display: none;
		z-index: 802;
		box-shadow: 0 0 15px -5px black;
		border: solid 1px silver;
		border-radius: 3px;
		/*background-color: #3C3E41;*/
		/*color: #EEE;*/
		/*background-color: #C3E8F8;*/
		background-color: #F7F7F7;
		margin-bottom: 100px; }

.xc-popup-content-container-inner {
		position: relative; }

.xc-popup-text {
		font-size: 16px;
		padding-left: 20px;
		float: left;
		text-overflow: clip;
		white-space: normal; }

.xc-popup-image {
		width: 76px;
		height: 76px;
		vertical-align: top;
		float: left; }

.xc-popup-image img {
		margin: 11px; }

.xc-popup-image.success {
		background-image: url(../images/cloud-ring-green.png); }

.xc-popup-image.working {
		background-image: url(../images/cloud-ring-blue.png); }

.xc-popup-image.warning {
		background-image: url(../images/cloud-ring-orange.png); }

.xc-popup-image.error {
		background-image: url(../images/cloud-ring-red.png); }

#PopupCloseButton {
		background-image: url(../images/icon-close.png);
		width: 21px;
		height: 21px;
		position: absolute;
		z-index: 1;
		background-repeat: no-repeat;
		background-position: 5px 3px;
		right: 0px;
		/* top: -6px; */
		cursor: pointer;
		border-top-right-radius: 3px;
		padding-left: 4px;
		background-color: #FAFAFA;
		border-left: 1px solid #AAA;
		border-bottom: 1px solid #AAA; }

#PopupCloseButton:hover {
		background-position: 5px -12px;
		box-shadow: 0 0 15px -4px black;
		background-color: #ee6262;
		color: #FAFAFA; }

#ApplicationStoreContainer #PopupCloseButton {
		box-shadow: none;
		background-color: #fff;
		background-position: 3px 3px;
		right: 5px;
		top: 5px; }
		#ApplicationStoreContainer #PopupCloseButton:hover {
				box-shadow: none;
				background-color: #424242;
				border-radius: 6px;
				background-position: 3px -12px; }

/* Custom HTML Helpers */
.xc-popup-title {
		margin-bottom: 0px;
		margin-top: 10px;
		margin-left: 20px; }

.xc-popup-content-container hr {
		border-top: 1px solid #CCC;
		margin-top: 0px;
		margin-bottom: 0px; }

.xc-popup-content-box {
		padding: 10px;
		margin: 10px 20px; }