/* FlexBox default styles */

body {
	margin: 0;
	padding: 0;
}

#overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background-color: #000;	
}

#popup-frame {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 101;
	text-align: left;
	line-height: 1;
}

.popup-testimonial {
	display: none;
	padding: 5px;
	background-color: #fff;
	zoom: 1;
}

.popup-content {
	display: none;
	padding: 0;
	background-color: #fff;
}

div.listen-tooltip {
	display: none;
	background: url(/xres/images2/bg/listen-tooltip-bottom-2.gif) bottom left no-repeat;
	padding-bottom: 45px;
}

div.listen-tooltip-top {
	height: 8px;
	line-height: 8px;
	font-size: 0;
	padding: 0;
	margin: 0;
	background: url(/xres/images2/bg/listen-tooltip-top.gif) top left no-repeat;
}

div.listen-content {
	padding: 4px 15px 4px 15px;
	background: #f4740c url(/xres/images2/bg/listen-tooltip-middle.gif) top left no-repeat;
}

.audio {
	background: url(/xres/images2/common/audio.gif) top left no-repeat;
	padding: 4px 0 4px 32px;
}

div.listen-content p {
	margin: 4px 0 !important;
	color: white;
}

div.listen-content p a {
	color: white;
}

/* clients popup */

.client {
	outline: none;
}

div.client-popup {
	display: none;
	background: url(/xres/images2/bg/client-popup-bottom.png) bottom left no-repeat;
	padding: 0 0px 27px 0px;
}

div.client-popup h3 {
	color: #de6000;
	margin: 0 0 22px 0;
}

div.client-popup p, div.client-popup li {
	color: #666666;
}

div.client-popup img.screenshot {
	float: right;
	margin: 0 5px 6px 5px;
	border: 1px solid #ced4d6;
}

div.client-popup img.noborder {
	border: none;
}

div.client-popup div.client-popup-wrap {
	background: url(/xres/images2/bg/client-popup-top.png) top left no-repeat;
	padding: 13px 20px 1px 58px;
}

div.client-popup-inverse {
	background: url(/xres/images2/bg/client-popup-bottom-inverse.png) bottom left no-repeat;
}

div.client-popup-inverse div.client-popup-wrap {
	background: url(/xres/images2/bg/client-popup-top-inverse.png) top left no-repeat;
	padding: 13px 58px 1px 29px;
}

div.client-popup ul {
	margin: 11px 2px 0 2px;
}

div.client-popup ul li {
	line-height: 1.2em;
	background: url(/xres/images2/bullets/orange-dot.gif) 0 .3em no-repeat; 	
}

div.client-popup div.more {
	clear: both;
	width: 289px;
	padding: 9px 0 0 0;
	margin: 11px 0 0 -9px;
	background: #f2f5f5 url(/xres/images2/widgets/clients-more-top.gif) top left no-repeat;
}

div.client-popup h4 {
	margin-bottom: 4px;
}

div.client-popup div.more div {
	padding: 0px 12px 9px 12px;
	background: #f2f5f5 url(/xres/images2/widgets/clients-more-bottom.gif) bottom left no-repeat;
}

div.more p.title {
	margin: 0 0 4px;
	color: #004768;
	font-size: 100%;
	line-height: 1.2em;
}

div.more span.company {
	display: block;
	font-size: 93%;
	color: #666666;
}