@charset "UTF-8";

/*
 *	content.css
 *
 *	This file defines any special case styles
 *	for the main content area as well as any
 *	unique style for secondary content areas.
 */

label
{
	display: block;
	font-size: 14px;
	margin: 5px 0 3px;
}
input.button,
input[type=button],
input[type=submit]
{
	background-color: #CCCCCC;
	color: #642C90;
	border: none;
	font-size: 18px;
	padding: 7px 10px;
	margin: 0;
	vertical-align: middle;
	text-transform: uppercase;
	letter-spacing: 2px;
}
input.right
{
	float: right;
}
input.text,
input[type=text],
input[type=password],
select
{
	/*background: url(../cmsimages/email_box_bg.gif) top left no-repeat;*/
	background-color: #E1E1E1;
	color: #333;
	border: none;
	padding: 10px 10px 11px;
	margin-right: 16px;
	width: 284px;
	vertical-align: middle;
	border-top: 1px solid #969696;
	border-left: 1px solid #969696;
	border-bottom: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
	font-size: 14px;
}
select { width: auto; padding: 0; }
input[type=checkbox]
{
	vertical-align: top;
	margin-right: 10px;
}
input.purple
{
	background: url(../cmsimages/email_box_bg.gif) top left no-repeat;
	border: none;
	width: 203px;
}
input.last
{
	margin-right: 0;
}
.placeholder
{
	color: #333 !important;
}
::-webkit-input-placeholder {color: #ccc;}
:-moz-placeholder {color: #ccc !important;}
input.shorter,
#footer input[type=text]
{
	width: 203px;
}
input.shortest
{
	width: 124px;
}
input.longest
{
	width: 641px;
	margin: 0;
}
textarea
{
	background-color: #E1E1E1;
	width: 455px;
	height: 121px;
	padding: 10px 10px 11px;
	border-top: 1px solid #969696;
	border-left: 1px solid #969696;
	border-bottom: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
}
#footer form,
.landing form
{
	padding-top: 1em;
}


/*
	Homepage slideshow
*/
#slide_holder {
	position: relative;
	width: 1020px;
	height: 406px;
}
.slides {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}
#slides_auto {
	background: url(../cmsimages/slide_bg.jpg) top left no-repeat;
}
#slides_auto h1,.banner h1 { font-size: 64px; color: #26A9E0; padding-bottom: 0;}
#slides_auto h2,.banner h2 { font-size: 48px; color: #652C90; }
#slides_auto img { position: absolute; left:56px; bottom: 40px;}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:1020px;
	height:384px;
	overflow:hidden;
	position:relative;
	display:none;
	-webkit-box-shadow: 0px 0px 35px 0px #aaa;
	box-shadow: 0px 0px 35px 0px #aaa;

}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:1020px;
	height:384px;
	display:block;
	float: left;
}

#slides_auto .slide {
	padding: 40px;
	width: 940px;
	height: 304px;
}

#slides_auto .slide h3{
	width: 470px;
	float: right;
}


/*
	Next/prev buttons
*/

.slides .next,.slides .prev {
	position:absolute;
	top:175px;
	left: -46px;
	width:34px;
	height:33px;
	display:block;
	z-index:101;
}

.slides .next {
	left:auto;
	right: -46px;
}

/* slide navigation (circles at the bottom) */
.pagination {
    margin: 10px auto 0;
    width: 56px;
}
.pagination li {
    float: left;
    list-style: none outside none;
    margin: 0 1px;
}
.pagination li a {
    background-image: url("../cmsimages/pagination.png");
    background-position: 0 0;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 12px;
    width: 12px;
}
.pagination li.current a {
    background-position: 0 -12px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-71px;
	left:0;
	padding:0px;
	background:#000;
	background:url(../cmsimages/slide_label_bg.png) top left no-repeat;
	width:1020px;
	font-size:36px;
	color:#fff;
	text-shadow:none;
	text-align: center;
	text-shadow: 0px -1px 1px #3881C6;
	letter-spacing: 3px;
}
.caption a {
	color: #fff;
}
.caption a:hover {
	text-decoration: none;
	border-bottom: 1px solid #fff;
}
.caption p {
	padding-bottom: 0;
	line-height: 71px;
}

.blue_arrow, .purple_arrow {
	padding: 20px 0 20px 130px;
	background: url(../cmsimages/blue_down.gif) 42px top no-repeat;
	color: #27A9E1;
	font-size: 21px;
}
.box .purple_arrow, .box .blue_arrow {
	padding: 10px 0 10px 65px;
	background-position: left center;
}
.purple_arrow { 
	background-image: url(../cmsimages/purple_up.gif); 
	color: #652C90;
}
.big_arrow {
	font-size: 36px;
}



.onethird
{
	float: left;
	width: 304px;
	padding: 0 54px 0 0;
}
.half
{
	float: left;
	width: 478px;
	padding: 0 64px 0 0;
}
.twothirds
{
	float: left;
	width: 662px;
	padding: 0 54px 0 0;
}
.onethird.last,
.twothirds.last,
.half.last
{
	padding: 0;
}
.halfline
{
	float: left;
	width: 100%;
	background: url(../cmsimages/line.gif) 508px 0 repeat-y;
	margin: 10px 0 1.5em;
}
.halfline div
{
	float: left;
	width: 475px;
	padding-right: 70px;
}
.halfline div.last
{
	padding-right: 0;
}
.one-two-line
{
	float: left;
	width: 100%;
	background: url(../cmsimages/line.gif) 331px 0 repeat-y;
	margin: 10px 0 1.5em;
}
.one-two-line div
{
	float: left;
	width: 304px;
	padding-right: 56px;
}
.one-two-line div.last
{
	width: 660px;
	padding: 0;
}
.onethird.lines
{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-left: -27px;
	padding-left: 26px;
	margin-right: 27px;
	padding-right: 26px;
}

ol.bluedot
{
	font-size: 18px;
	list-style: none inside;
	margin-left: -32px;
}
ol.bluedot li
{
	padding-left: 32px;
	padding-bottom: 1.5em;
}
ol.bluedot li.one
{
	background: url(../cmsimages/1.png) left 5px no-repeat;
}
ol.bluedot li.two
{
	background: url(../cmsimages/2.png) left 5px no-repeat;
}
ol.bluedot li.three
{
	background: url(../cmsimages/3.png) left 5px no-repeat;
}

.banner
{
	background: url(../cmsimages/banner.jpg) top left no-repeat;
	height: 347px;
	text-align: right;
	padding: 10px 42px;
}
.narcbanner
{
	background: url(../cmsimages/narc_banner.jpg) top left no-repeat;
}
.dunsalbanner
{
	background: url(../cmsimages/dunsal_banner.jpg) top left no-repeat;
}
.agingbanner
{
	background: url(../cmsimages/aging_banner.jpg) top left no-repeat;
}
.datebanner
{
	background: url(../cmsimages/date_banner.jpg) top left no-repeat;
}

.percent
{
	font-size: 80px;
	color: #652C90;
	padding-bottom: .5em;
	line-height: .9em;
	font-weight: normal;
}

.landing p.smaller,
.landing p.checkbox
{
	font-size: 15px;
	letter-spacing: normal;
	padding-bottom: .8em;
}
.landing p.checkbox { padding-bottom: 10px; line-height: 1em;}
.landing img
{
	vertical-align: bottom;
}

.placeholder { color: #ffffff }

.smaller
{
	font-size: 12px;
}
.small
{
	font-size: 14px;
}

/* jQuery Countdown styles 1.5.11. */
.hasCountdown {
}
.countdown_rtl {
	direction: rtl;
}
.countdown_row {
	display: block;
	clear: both;
	width: 272px;
	margin: auto;
	padding: 0px 2px 20px;
	text-align: center;
	height: 50px;
}
.countdown_section {
	display: block;
	float: left;
	text-align: center;
	width: 68px;
	font-size: 10px;
	color: #2A9DD8;
	text-transform: uppercase;
}
.countdown_amount {
	font-size: 36px;
	color: #642C90
}
.countdown_descr {
	display: block;
	width: 100%;
}

ul.sitemap,
ul.sitemap ul {
	margin-bottom:0;
}

.purple {
	color: #642C90;
}
.blue {
	color: #27A9E1;
}
.larger {
	font-size: 130%;
}

.box,.box2 {
	border: 1px solid #BBBDC0;
	padding: 25px 35px 15px 35px;
	-webkit-box-shadow: 0px 0px 35px 0px #aaa;
	box-shadow: 0px 0px 35px 0px #aaa;
	background-color: white;
	float: left;
	margin-bottom: .5em;
}
.box2 { padding: 20px 20px 10px; border: none;}
.last .box, .last .box2 {
	float: right;
}
.box ul {
	font-size: 1.2em;
	list-style-type: disc;
	margin-bottom: 0;
	margin-left: 1em;
}
.box ul li {
	line-height: 1em;
	padding-bottom: 10px;
}
.box2 .fullwidth { 
	margin: -20px -20px -10px; 
	text-align: center;
	padding: 0;
}

.clear {
	clear: both;
}

.shadow {
	-webkit-box-shadow: 0px 0px 35px 0px #aaa;
	box-shadow: 0px 0px 35px 0px #aaa;
}

/* tooltip styles */
.tooltip_left,.tooltip_bottom { cursor: help }
.tooltip {
	display: none;
	position: absolute;
	width: 135px;
	padding: 5px;
	color: #939598;
	border: 2px solid #939598;
	background-color: #E7E7E8;
	font-size: 9px;
	line-height: 1.1em;
	margin-left: 9px;
}
.tooltip.bottom {
	margin-left: 0;
	margin-top: 8px;
}
.tooltip .leftarrow {
	background-image: url(../cmsimages/arrowleft.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	left: -9px;
	width: 9px;
	height: 9px;
}
.tooltip .toparrow {
	background: url(../cmsimages/arrowup.png) top left no-repeat;
	position: absolute;
	top: -8px;
	left: 50%;
	margin-left: -7px;
	height: 8px;
	width: 14px;
}