/*
* These are the default values for the callout bubble
*/


/*container to keep sizes equal between preview and basket*/
#bubble-container{
	max-width:550px;
	float:right;
}

/*Box*/
.bubble{
	display:inline-block;
	background-color: #FE7E00;
	border-radius: 5px;
	box-shadow: 0 0 6px #B2B2B2, inset 1px 1px 5px RGBA(255,255,255,0.3);
	padding: .9em 2em .9em 2em;
	position: relative;
	vertical-align: top;
	letter-spacing: 0.2px;
	max-width: 100%;
}

.bubble a{
	white-space: nowrap;
}

.bubble a:link{
	color: #009;
	text-decoration: none;
}
.bubble a:hover{
	color: #01F;
	text-decoration: underline;
}

.bubble p{
	padding: 0;
	margin: 0;
}

.bubble #message-paragraph, .bubble#message-link{
	display: inline-block;
}


/*Triangle*/
.bubble::before {
	background-color: #FE7E00;
	content: "\00a0";
	display: block;
	height: 16px;
	position: absolute;
	top: 7px;
	transform:             rotate( 29deg ) skew( -35deg );
		-moz-transform:    rotate( 29deg ) skew( -35deg );
		-ms-transform:     rotate( 29deg ) skew( -35deg );
		-o-transform:      rotate( 29deg ) skew( -35deg );
		-webkit-transform: rotate( 29deg ) skew( -35deg );
	width:  20px;
}

.left {
	display:inline-block;
	float: left;   
	margin: 5px 0px 5px 25px;         
}

.left::before {
	box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
	left: -9px;           
}

/*required field*/
.required-field{
	color:red;
	font-style:italic;
	margin-left:.25em;
	margin-right:.25em;
}