/*#region notification */

div.notification {
	background-color: white; 
	background-color: rgba(255,255,255,0.75);
	padding: 0;
	padding-left: 10px;
	padding-bottom: 6px;
}

h1.notification {
	margin: 0;
	color: #659ace;

	font-weight: 300;
		font-family:myriad-pro,calibri,sans-serif;
}

h1.hotification a {
	color: #5584b3;
}

a.notification-link {
	font-size: 14px;
	font-weight: 300;
		font-family:myriad-pro,calibri,sans-serif;
}

/*#endregion */


/*#region HTML tags */

q {
	display: inline;
}

	q:before {
		content: open-quote;
		/*text-indent: -0.5em;*/ /* need to set text-indent on the container of the q tag */
	}

	q:after {
		content: close-quote;
	} 
/*#endregion */




.didbook-panel-background
{
    
	background-color:transparent;
	background-image:url(../images/backgroundImages/alpha-gradient-659ace-020-000-200x100.png);
	background-repeat:repeat-x;
}


/* the first panel before application tiles gives a welcome and some useful information*/
.welcome-message-counts
{
	font-size: 18px;
	font-weight: 300;
		font-family:myriad-pro,calibri,sans-serif;
	margin-right: 5px;
}

.welcome-message-name {
	margin: 0;
	margin-right: 10px;
}


.applicationTile {
    height:110px;/*plus 15 for the padding-top*/
    cursor: pointer;
	padding-top:15px;
}


/*application icon in the applicationTile*/
li.applicationTile a i
{
	margin-top:-2px;
	margin-left:5px;
}


li.applicationTile a
{
	color:#fff;
	font-weight:600;
	font-size:150%;
	line-height: 100%;
}

	li.applicationTile a:hover, li.applicationTile a:active
	{
		text-decoration:none;
	}

li.applicationTile div.media-body p
{
	color:#fff;
	font-weight:300;
		font-family:myriad-pro,calibri,sans-serif;
	font-size:120%;
}

.well-blank {
    background-color:white ;
    border-color:white ;
    box-shadow:none ;
}


.well-subtitle {
	margin-top:-10px;margin-bottom:5px;opacity:1;color:#659ace;font-size:12px;text-transform:uppercase;
}

	a.btn:hover .well-subtitle {
		/* when the text is in a button that is rolled over, make the text black */
		color: #111111;
	}





.hiddenAlert {
    display:none ;
}

legend {
    border-bottom-style: none ;
    margin-bottom: 0px;
}


img.userPhotoThumbnail {
    width:50px;
    height: 50px;    
}

#imgCurrentUserPhoto {
    width: 250px;

}


#CurrentUserPhoto > table td {
    padding:10px;
    vertical-align:top;
}


#applicationTitle img
{
	border-radius:200px;
	margin-top:-2px;
}


.searchMatch {
    background-color: #FFFF00;
}

/* ReSharper disable once DeclarationIsEmpty */
.userPhoto{
	/*
	border: 2px solid #fff;
	background-color:#fff;
	box-shadow: 0px 1px 4px #999999;
	*/
}







/* the applicationTile that is used to show the current user profile photo */
.applicationProfilePhoto {
        height:140px;
        width:140px;
        text-align:center;
		opacity:1;
		margin-top:-10px;
		margin-bottom:-10px;
}

/* get rid of the well background and border for the profile photo*/
.applicationTileProfilePhoto
{
	height: 135px;
	margin-bottom: 20px;
	background:none;
	padding: 0;
	border:0;
}


/*#region crystal-ball-overlay */

.crystal-ball-overlay-large
{
	position: absolute; z-index: 1000;
}

.crystal-ball-user-photo-large {
	border-radius: 500px;
	max-width:266px;max-height:266px;
	width: 266px;
	height: 266px;
	left:36px;top:31px;
	position: absolute; z-index: 999;
}



.crystal-ball-overlay-medium
{
	position: absolute; z-index: 1000;
	left: 50%;top: -25px;
	margin-left: -90px;
}
.crystal-ball-user-photo-medium {
	border-radius: 500px;
	max-width:139px;max-height:139px;
	left:50%;top:-5px;
	position: absolute; z-index: 999;
	margin-left: -70px;
}



.crystal-ball-overlay-338
{
	position: absolute; z-index: 1000;
	left: 50%;top: -30px;
	margin-left: -169px;
	max-width:338px;max-height:338px;
}
.crystal-ball-user-photo-338 {
	border-radius: 500px;
	max-width:258px;max-height:258px;
	left:50%;top:1px;
	position: absolute; z-index: 999;
	margin-left: -129px;
}

/*#endregion */





.userlink-information-container
{
	/* this is only displayed to debug and server administrators */
	border: 1px solid #e5eef8;
	border-color: rgba(255, 255, 255, 0.5);
	padding: 10px;
	padding-bottom: 5px; /* less because the items will have their own padding */
	margin-right: 20px;
	background-color: rgba(255, 255, 255, 0.2);

	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.userproperty-guidance-container 
{
	/* used in Detail view as well as in the editor */

	border: 1px solid #e5eef8;
	border-color: rgba(255, 255, 255, 0.5);

	padding: 10px;
	padding-bottom: 10px; /* less because the items will have their own padding */
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 7px;

	background-color: rgba(255, 255, 255, 0.2);

	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;

}



/*#region ul.guest-access-list */

ul.guest-access-list {
	list-style: none;
	margin-left: 0;
	margin-top: 8px;
}
	ul.guest-access-list li {
		display: inline-block;
		padding: 4px;
		padding-top: 3px;
		padding-right: 8px;
		padding-left: 6px;
		border: 1px solid white;
		border-color: rgba(255, 255, 255, 0.5);
		margin-right: 10px;
		margin-bottom: 8px;
		line-height: 26px;

		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 7px;

		background-color: rgba(101,154,206,0.1);
	}


	ul.guest-access-list li.application{
	
	}

	ul.guest-access-list li.showcase i{
		margin-left: -2px;
		margin-top: -2px;
		opacity: 0.8;
	}

/*#endregion */




/*#region Error Messages */


.error-message {
	position: absolute;
	width: 100%;
	border-bottom: 1px solid rgba(102, 102, 102, 0.5);
	border-top: 1px solid #cac49f;
	background-color: #efebce;
	left: 0;
	top: 60px; /* this is programatically overriden to allow for the actual height of the navbar if present */
	padding: 10px;
	font-family: myriad-pro,calibri,sans-serif;
	color: #666;
	z-index: 10001;
	cursor: pointer;
}

	.error-message:hover {
		background-color: #eae6c4;
	}


.error-message.server-admin::before {
	margin-top: -1.5px;
}



/*#endregion */














.light {
	font-weight: 300;
		font-family:myriad-pro,calibri,sans-serif;
}


.debug-header-note
{
	font-size: 12px;
	color: #aaaaaa;
	position: absolute;
	margin-left: 165px;
	*margin-left: 15px;
	padding-top: 16px;
}


.greenGlow
{
	/* use to draw attention to UI elements */
	-webkit-box-shadow: 0px 0px 6px 3px rgba(140,240,135,0.62);
	-moz-box-shadow: 0px 0px 6px 3px rgba(140,240,135,0.62);
	box-shadow: 0px 0px 6px 3px rgba(140,240,135,0.62);
}


i.entry-userlink-information-toggle {
	/* used for the information toggle icon*/
	opacity: 0.45;
	cursor: pointer;
}

i.entry-userlink-information-toggle:hover {
	opacity: 1;
}


.hover-cursor-opacity-50 { opacity: 0.5; cursor: pointer;}
	.hover-cursor-opacity-50:hover { opacity: 1; }




/* Badges */
/* -------------------------------------------------------------------- */
/*#region badges*/

	.badge-wrapper {
		/* from Google Polymer */
		padding: 20px;
		border-radius: 50%;
		background-color: #f5f5f5;
		box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
		display: inline-block;
		margin-right: 0.5em;
		margin-left: -0.25em;
		margin-bottom: 1em;
		position: relative;
		vertical-align: top;
		/*float:left;*/
	}

		.badge-wrapper-icon {
			width: 80px;
			height: 80px;
			color: rgb(76, 175, 80);
			fill: rgb(76, 175, 80);
			text-align: center;
			margin-bottom: 0;
		}

			.badge-wrapper-title {
				font-size: 60px;
				position: absolute;
				top: 45px;
				width: 100%;
				left: 0;
			}
				.badge-wrapper-title.with-subtitle {
					font-size: 60px;
					top: 38px;
				}
				.badge-wrapper-subtitle {
					font-size: 12px;
					text-transform: uppercase;
					position: absolute;
					top: 74px;
					width: 100%;
					left: 0;
				}

/*#endregion*/
/* -------------------------------------------------------------------- */





.user-thumbnail {
	border: 2px solid #659ace;
	border-radius: 50%;
	min-width: 25px;
	min-height: 25px;
	width: 25px;
	height: 25px;
	max-width: 25px;
	max-height: 25px;
	background-color: white;
	background-color: rgba(255,255,255,0.2);
}

	.user-thumbnail.green {
		border-color: #7ece8e;
	}

	.user-thumbnail.red {
		border-color: #d85656;
	}

	.user-thumbnail.broken {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8wOC8xNu62ZXUAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAABZ0lEQVRoge2ZT2qDQBSHf0krsdKCJaXMpjBLj5ClyxwjR/MoHiPLgWxctDCLogahduNIsyimnef4CO9bipnxy/s34qrv+x43wHrpB6BCRLghItwQEW6ICDdEhBsiwg0R4cb9EpvWxgAAYqWwjmOSNYNH5PN4xKkocCoK0nWDi7hoPGYZWTSAhSICAE9ZRrqud43Uxoxp8rzb4XW///Xezlp01gIAHrT23foC0ojcTaRKM6RVlKaI0pRya/+IRGmKlzwHMP0vt1U1/oYaEpHtIDLFeRBJiNMKmGGOfJQl3svy4lqiNd4OB3y1LfV2I0G7lkst6kIHZojINs+vTjVKSNpv82PIbZTyXfJfeIs0xow1MUfKXEvQGpmaMz54R+QvNbFRCrUxOFcVeQsOGhE3COdow0FFXCNwJ2BKFhFxE56SoG+IidbjuayzlvTMtZJPb8wQEW6ICDdEhBsiwg0R4YaIcONmRL4BIFhb87eG+8IAAAAASUVORK5CYII=);
		background-repeat: no-repeat;
		background-position: -12px -12px;
	}



.class-codes {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}



.server-admin::before {
	content: " ";

	display: inline-block;
	width: 14px;
	height: 14px;
	/**margin-right: .3em;*/
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("/mobile/img/glyphicons-halflings.png");
	/*background-position: 14px 14px;*/
	background-repeat: no-repeat;

	background-position: -216px 0; /* icon-th-large */
	opacity: 0.2;
	margin-right: 3px;
	margin-top: 2px;
}

.server-admin.server-admin-20 {
	display: inline-block;
	padding-top: 2px;
	margin-right: -5px;
	vertical-align: top;
}



/*#region bootstrap button extensions */

.btn:focus, .btn-link:focus
{
	outline:none;
	border:1px solid #67a2ff;
}

.btn-default-subtle {
	background-color: rgba(255, 255, 255, 0.3);
}

.btn-default-subtle:hover {
	background-color: rgba(255, 255, 255, 1);
}

.btn-default-subtle-white {
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.1);

	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);

	background-image: none;

}


	.btn-default-subtle-white:hover {
		background-color: transparent;
		background-color: rgba(255, 255, 255, 0.3);

		border: 1px solid #ffffff;
	}

	.btn-default-subtle-white:active {
		/* appears when the mouse is clicked down */
	}

	.btn-default-subtle-white:focus {
		/* after the button has been clicked */
		background-color: transparent;
		background-color: rgba(255, 255, 255, 0.1);
	}

/*#endregion */