@import url(reset.css);
@import url(basics.css);
@import url(nav.css);
@import url(typography.css);
@import url(depricated.css);

body {
	background-color: #ccc;
	margin: 0;
	padding: 0;
}
#wrapper {
	width: 1004px;
	/*overflow: auto; /* self clearing */
	padding: 0;
	margin: 0 auto;
	}
#container {
	position: relative;
	z-index: 110;
	background-color: white;
	/*overflow: auto; /* self clearing */
	width: 1004px;
	padding: 0;
	overflow: auto;
	}
#header {
	position: relative;
	width: 100%;
	height: 98px;
	background: #fff;
	font-family: "Trebuchet MS",Arial,tahoma,Verdana,Helvetica,sans-serif;
	overflow: hidden;
}
#logo {
	position: absolute;
	top: 20px;
	left: 33px;
	font-size: 11px;
	font-weight: bold;
	color: #1c7db6;
	line-height: 13px;
}
	#logo a {
		display: block;
		width: 239px;
		height: 62px;
		text-decoration: none;
		outline: none;
		background: white url("/images/bg_header_logo.gif") repeat top left;
	}
	#logo span {
		position: absolute;
		top: 48px;
		left: 9px;
	}
	
#task_menu{
	position: absolute;
	top: 15px;
	right: 42px;
	list-style: none;
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
}
	#task_menu li {
		float: left;
		margin-top:5px;
	}
	#task_menu li.sync_link a {
		border-left: 1px #c9c9c9 solid;
		display: block;
		margin-left: 5px;
		padding-left: 5px;
	}
	#task_menu li.contact_email a {
		border-left: 1px #c9c9c9 solid;
		border-right: 1px #c9c9c9 solid;
		display: block;
		margin: 0 5px;
		padding: 0 5px;
	}
	#task_menu li.contact_phone {
		border-right: 1px #c9c9c9 solid;
		background: transparent url("/images/bg_li_phone.gif") no-repeat left 0;
		padding-left: 18px;
		padding-right: 5px;
	}
	#task_menu li.contact_chat {
		margin-left: 5px;
	}
	#task_menu li.contact_chat a {
		background: transparent url("/images/bg_li_chat.gif") no-repeat left 0;
		display: block;
		/*margin-left: 16px;*/
		padding-left: 21px;
		padding-right: 10px;
	}
	#task_menu li a,
	#task_menu li a {
		text-decoration: none;
		color: #333;
	}

#social_task_menu {
	display: block;
	position: absolute;
	right: 35px;
	top: 62px;
	list-style: none;
	overflow: hidden;
}
	#social_task_menu li {
		float: left;
		/*margin-left: 20px;*/
		height: 22px;
	}
	#social_task_menu li.twitter img,
	#social_task_menu li.youtube img,
	#social_task_menu li.facebook img {
		height: 16px;
		width: 16px;
		padding-top: 2px;
		padding-right: 5px;
	}
	#task_menu li a:link,
	#task_menu li a:active,
	#task_menu li a:visited {
		text-decoration: none;
		color: #333;
	}
	#task_menu li a:hover {
		text-decoration: underline;
		color: #2783ba;
	}

/* #navbar is styled in nav.css */

#testimonial_bar{
	background: #cde1e9 url("/images/bg_testimonial_bar.jpg") no-repeat top left;
	position: relative;
	z-index: -1;
	/*top: 15px;*/
	/*right: 20px;*/
	height: 187px;
}
	#testimonial_bar h1 {
		position: absolute;
		top: 38px;
		left : 0;
		width: 551px;
		height: 68px;
	}
	#testimonial {
		position: absolute;
		right: 0;
		top: 0;
		padding-top: 35px;
		padding-right: 180px;
		width: 230px;
		height: 152px;
		background-position: right top;
		background-repeat: no-repeat;
	}

	#testimonial_bar .button_signup {
		display: block;
		position: absolute;
		left: 60px;
		top: 137px;
		width: 337px;
		height: 46px;
		background: transparent url("/images/bg_button_free-trial.jpg") no-repeat top left;
		outline: none;
	}
	#testimonial_bar .three_month_button,
	#homeBanner .tryFreeBtn .three_month_button {
		background: transparent url("/images/smp/freeTrialBtn.png") no-repeat top left;
	}

#content {
	background: transparent url("/images/bg_body.gif") repeat-x top left;
	padding: 50px 65px 25px 65px;
	width: 874px; 
	overflow: hidden; /* self clearing */
}
	.main_col {
		float:left;
		overflow: visible; /* self-clearing */
		width: 562px;
		padding-right: 30px;
	}
	.right_col {
		width: 281px;
		float:right;
		overflow: visible; /* self-clearing */
	}

#footer {
	position: relative;
	clear: both;
	padding: 20px 42px 0 42px;
	height: 130px;
	background: #f1f4f9 url("/images/footer-bg.gif") top repeat-x;
	border-top: 1px #d6dbe3 solid;
	border-bottom: 1px #d6dbe3 solid;
}
#footer .footer_nav_a,
#footer .footer_nav_b,
#footer .footer_nav_c {
	float: left;
	padding: 0 5px 0 0;
}
#footer .footer_nav_a { width: 210px; }
#footer .footer_nav_b { width: 130px; }
#footer .footer_nav_c { width: 100px; }

#footer .addresses {
	position: absolute;
	top: 20px;
	right: 42px;
	width: 425px;
}

div.splitColL  {
	width: 49%;
	float: left
}
div.splitColR {
	width: 49%;
	float: right
}

#sub-footer {
	background-color: #d6deec;
	border-top: 1px #ebeff6 solid;
	clear: both;
	height: 50px;
	position: relative;
	text-align: center;
}
	#sub-footer  ul {
		color: #333;
		font-family: Verdana, Arial, "Trebuchet MS", Tahoma, Helvetica, sans-serif; 
		font-size: 11px;
		padding-top: 17px;
	}
	#sub-footer  ul li {
		display: inline;
		padding-right: 5px;
		margin-right: 5px;
		border-right: 1px #c1c1c1 solid;
	}
	#sub-footer  ul li a {
		color: #333;
		text-decoration: none;
	}
	#sub-footer  ul li a:hover {
		text-decoration: underline;
	}
	#sub-footer .button_reseller_login {
		position: absolute;
		top: 12px;
		left: 42px;
	}
	#sub-footer-logo {
		position: absolute;
		top: 7px;
		right: 42px;
	}

/*---- three column ----*/
div.splitColThirds,
div.splitColTwoThirds {
	width: 281px;
	padding-right: 15px;
	float: left;
	overflow: hidden;
}
div.splitColTwoThirds {
	width: 562px;
	padding-right: 30px;
}
div.splitColThirds.last {
	padding-right: 0px;
}

div.splitColThirds .callout,
div.splitColThirds .callout_alt {
	background: url('/images/bg_callout_thirds.gif') no-repeat bottom left;
	width: 281px;
	float: left;
	padding-bottom: 10px;
}
div.splitColThirds .callout_alt {
	background: url('/images/bg_callout_alt_thirds.gif') no-repeat bottom left;
}
	div.splitColThirds .callout .body,
	div.splitColThirds .callout_alt .body {
		background: url('/images/bg_callout_thirds.gif') no-repeat top left;
		padding: 8px 15px 0 15px;
	}
	div.splitColThirds .callout_alt .body {
		background: url('/images/bg_callout_alt_thirds.gif') no-repeat top left;
	}

/*---- four column ----*/

div.splitColFourths {
	width: 211px;
	padding-right: 10px;
	float: left;
	overflow: hidden;
}
div.splitColFourths.last {
	padding-right: 0px;
}

div.splitColFourths .callout,
div.splitColFourths .callout_alt {
	background: url('/images/bg_callout_fourths.gif') no-repeat bottom left;
	width: 211px;
	float: left;
	padding-bottom: 10px;
}
div.splitColFourths .callout_alt {
	background: url('/images/bg_callout_alt_fourths.gif') no-repeat bottom left;
}
	div.splitColFourths .callout .body,
	div.splitColFourths .callout_alt .body {
		background: url('/images/bg_callout_fourths.gif') no-repeat top left;
		padding: 8px 8px 0 8px;
	}
	div.splitColFourths .callout_alt .body {
		background: url('/images/bg_callout_alt_fourths.gif') no-repeat top left;
	}

/* callouts */
.callout,
.callout_alt {
	margin-bottom: 14.4px;
}
.callout.closing,
.callout_alt.closing {
	margin-bottom: 0px;
}
.callout.shim,
.callout_alt.shim {
	margin-top: 14.4px;
}

#news_box {
	width: 420px;
	float: right;
	padding: 60px 75px 30px 0;
	display:inline;
}
#news_box h3.shadowed {
	text-align: center;
}
#news_box ul {
	margin: 0 16px;
} 

.contact_widget .formRow,
.contact_widget .buttonRow {
	clear: both;
	padding-bottom: 2px;
	overflow: hidden; /* self clearing */
}
.contact_widget .buttonRow {
	padding-top: 8px;
}
.contact_widget label {
	width: 90px;
	float: left;
	text-align: right;
	font-size: 12px;
	line-height: 18px;
	color: #868C9B;
}
.contact_widget .formRow input {
	width: 150px;
	float: right;
	font-size: 12px;
	line-height: 16px;
	border: 1px solid #B2CCDC;
	padding: 2px;
}
.contact_widget textarea {
	width: 245px;
	height: 5em;
	border: 1px solid #B2CCDC;
	padding: 2px;
	font-size: 12px;
	line-height: 16px;
	border: 1px solid #B2CCDC;
	padding: 2px;
}
.contact_widget .buttonRow input {
	float: right;
	width: 150px;
}
.contact_widget .radioset {
	clear: both;
}
.contact_widget .radioset label {
	width: auto;
	float: none;
	text-align: left;
	font-size: 11px;
	line-height: 18px;
	color: #3E3E3E;
}
.contact_widget .radioset input {
	width: auto;
	float: none;
	border: none;
	padding: 0 4px 0 0;
}

/*=====  BLOCK ELEMENTS  =====*/
.button_sign_up {
	width: 63px;
	height: 25px;
	margin-right: 5px;
	margin-top: -5px;
}
.button_client_login {
	width: 50px;
	height: 25px;
	margin-top: -5px;
}
.button_reseller_login {
	width: 100px;
	height: 25px;
}
.footer_button_try_it_free {
	width: 200px;
	height: 62px;
}

/* chat links are hidden by default (require js), and only shown
if we can contact the chat server and have operators available
-- long selector needed to overcome cascade math -- */
#wrapper #container .chat_link {
	display: none;
}

.button_sign_up {
	background: transparent url('/images/button_sign_up.png') no-repeat;
}
.button_client_login {
	background: transparent url('/images/button_client_login.png') no-repeat;
}
.button_reseller_login {
	background: url('/images/button_reseller_login.png') no-repeat;
}
.footer_button_try_it_free {
	background: url('/images/button_try-it-free-green.png') no-repeat;
}

div.hr {
	height: 1px;
	background-color:#e7edf0;
	border-bottom: 1px solid #f3f3f3;
	margin: 5px;
}
div.hr hr {display:none;}


/* callout lists */
.callout_list {
	text-align: center;
	font-family: "trebuchet ms";
	width: 190px;
}
.callout_list h3 {
	background: transparent url('/images/bg_callout_list_header.gif') no-repeat top left;
	font-size: 15px;
	font-weight: normal;
	color: #709db0;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0;
}
.callout_list ul {
	width: 190px;
	list-style: none;
	margin: 0;
	padding: 0;
	
}
.callout_list ul li a {
	display: block;
	background: transparent url('/images/bg_callout_list.gif') repeat-y top left;
	height: 25px;
	line-height: 25px;
	font-size: 13px;
	width: 190px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #146290;
	font-weight: bold;
}
.callout_list ul li.first a {
	background-image: url('/images/bg_callout_list_first.gif');
}
.callout_list ul li.last a {
	background-image: url('/images/bg_callout_list_last.gif');
	height: 26px;
}
.callout_list ul li a:hover {
	color: #244D66;
	background-position: top right;
}

/* Buttons */
a.button_large_small,
a.button_large_medium,
a.button_large_wide {
	display: block;
	background: transparent url('/images/bg_buttons.gif') repeat-y top left;
	height: 40px;
	line-height: 40px;
	width: 409px;
	margin: 0 36px 6px 0;
	padding: 0;
	text-align: center;
	font-size: 18px;
	font-family: "trebuchet ms";
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	color: #146290;
}
a.button_large_small:hover,
a.button_large_medium:hover,
a.button_large_wide:hover {
	color: #244D66;
	background-position: top right;
}

a.button_large_small {
	width: 211px;
	background-position: left -80px;
}
a.button_large_small:hover {
	background-position: right -80px;
}
a.button_large_medium {
	margin-right: 15px;
	width: 281px;
	background-position: left -40px;
}
a.button_large_medium:hover {
	background-position: right -40px;
}

a.button_large_small.last,
a.button_large_medium.last,
a.button_large_wide.last {
	margin-right: 0;
}

a.button_large_small.attention {
	background-position: left -160px;
}
a.button_large_small.attention:hover {
	background-position: right -160px;
}

a.button_large_medium.attention {
	background-position: left -160px;
}
a.button_large_medium.attention:hover {
	background-position: right -160px;
}

a.button_large_wide.attention {
	background-position: left -160px;
}
a.button_large_small.attention:hover {
	background-position: right -160px;
}

/* floats */
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.flushright {
	margin-right: 0px !important;
}
.float_stop {
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
}

/*=====  TYPOGRAPHY  =====*/

/* -- testimonial bar -- */
#testimonial blockquote,
#testimonial p {
	font-family: "Trebuchet MS",Arial,tahoma,Verdana,Helvetica,sans-serif;
	font-size: 1.3em;
	line-height: 1.23em;
	font-weight: bold;
	color: #666;
}
#testimonial blockquote {
	font-style: normal;
	padding-bottom: 1em;
}
#testimonial p i {
	font-weight: normal;
}

/* -- footer -- */
#footer {
	font-family: Verdana, Arial, "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	color: #333;
}
#footer p,
#footer ul,
#footer h4,
#footer address {
	font-size: 12px;
	line-height: 18px;
}
#footer h3 {
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
}
#footer h4 {
	font-weight: bold;
}
#footer li a,
#footer li a:active,
#footer li a:visited {
	color: #333;
	text-decoration: none;
}
#footer li a:hover {
	text-decoration: underline;
}

/*=====  FORMS  =====*/
.newforms label {
	display: block;
	float: left;
	clear: left;
	position: relative;
	width: 70px;
	padding: 0;
	padding-top: 4px;
	line-height: 14px;
	margin:0 0 18px 0;
	overflow: visible;

	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .01em;
	color: #878787;
	text-align: left;
}
.newforms label input {
	width: 175px;
	position: absolute;
	right: -175px;
	top: 0;
}
.newforms .button_row {
	clear: left;
	text-align: right;
}