/***************************************************/
/* General */
html, body{
	font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
	margin:0;
	color: #161616;
	font-size: 14px;
	min-width:1150px;
}
.clear {
	clear: both;
}
.wrapper {
	margin: 0 auto;
	width: 1025px;
}
a {
	color: #d0481e;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p {
	line-height: 180%;
}
#error {
	margin-bottom: 20px;
	font-size:12px;
}
img {
	border: 0;
}
/***************************************************/

/***************************************************/
/* Typography */
h2{
	font-size: 19px;
	margin: 0;
	padding: 0;
}
h3{
	font-size: 19px;
	margin: 0;
	padding: 0;
}
h4{
	margin:0;
}
/***************************************************/

/***************************************************/
/* Form */
.textInput, .selectInput{
	font-size: 12pt;
	width: 90%;
	border: 2px solid #bbb;
	display: block;
	padding: 5px 5px 5px 5px;
	color: #555;	
}
.short {
	width: 50%;
}
form label {
	font-size: 13pt;
	font-weight: bold;
	display: block;
	padding-bottom:2px;
}
.button {
	padding: 8px 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background: #d0481e;
	color: #fff;
	font-weight: bold;
	font-size: 36px;
	display: block;
	text-align: center;
	text-decoration: none;
	border: 2px solid #d0481e;
}
.button:hover {
	text-decoration: none;
	background-color: rgba(208,72,30,0.8);
}
.button:active {
	background-color: rgba(208,72,30,0.5);
}
.smallButton {
	padding: 3px 10px;
	font-size: 18px;
}
.greenButton {
	width: auto;
	display: inline;
	background: #2c9c2a;
	border: 2px solid #2c9c2a;
	font-weight:normal;
}
.greenButton:hover {
	background-color: rgba(44,156,42,0.8);
}
.greenButton:active {
	background-color: rgba(44,156,42,0.5);
}
/***************************************************/

/***************************************************/
/* Header */
#header {
	background: #103B61;
	text-align: center;
	padding: 5px 0 2px 0;
	color: #ffffff;
}
#header table {
	padding: 5px 0;
	width: 100%;
	border-collapse: separate;
}
#header th, #header td {
	vertical-align: middle;
}
#header th {
	text-align: left;
}
#header td {
	text-align: right;
}
#mainNav {
	list-style: none;
}
#mainNav li {
	display: inline;
	margin: 0 8px;

}
#mainNav li a {
	text-decoration: none;
	color: #fff;
	padding: 5px 10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#mainNav li.selected a, #mainNav li a:hover {
	color: #fff;
	background: #032b46;
	background: #2d5b89;
	background: #b4bfcc;
	color: #103b61;
}
#mainNav li.selected a {
	font-weight: bold;
}
/***************************************************/

/***************************************************/
/* Splash */
#splashTransition {
	background: #103B61 url('../images/splashTransition2.png') repeat-x top center;
	height: 48px;
	width: 100%;
}
#splash {
	text-align: center;
	color: #ffffff;
	position: relative;
	background: #103b61 url('../images/bg9.png') repeat top center;
}
#screenshot {
	margin: 0 auto;
	background: url('../images/screenshot3.png') no-repeat top center;
	width: 1025px;
	height: 228px;
	-moz-border-radius-topleft: 14px;
	-webkit-border-top-left-radius: 14px;
	border-top-left-radius: 14px;
	-moz-border-radius-topright: 14px;
	-webkit-border-top-right-radius: 14px;
	border-top-right-radius: 14px;
	margin-top: -35px;
	padding-top: 200px;
}
#splash h1 {
	font-size: 48px;
	margin: 0px 0 4px 0;
	word-spacing: .2em;
	letter-spacing: .04em;
}
#splash h4 {
	font-size: 18px;
	word-spacing: 0.10em;
	letter-spacing: 0;
	font-weight: normal;
}
#playButton {
	
	display: block;
	margin: 0 auto;
}
#playButton img {
	filter:alpha(opacity=50);
	opacity: .5;
	width: 150px;
	height: 150px;
}
#playButton img:hover {
	filter:alpha(opacity=100);
	opacity: 1;
}
.bevel {
	position: absolute;
	width: 100%;
	bottom: 0px;
	height: 19px;
	background: url('../images/bevel.png') no-repeat top center;
}
#splash .weak{
        width: 100%; 
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity:0.80;
        -khtml-opacity: 0.80;
        opacity: 0.80;
}
#splash .strong{
	border-bottom:2px solid #3d607d; 
	padding-bottom:2px;
}
/***************************************************/

/***************************************************/
/* Ribbon */
#ribbon {
	background: url('../images/ribbonBG.png') repeat-x;
	text-align: center;
	height: 73px;
	border-top: 1px solid #fff;
	color: #ffffff;
}
#ribbon table {
	width: 100%;
	height: 73px;
}
#ribbon table td {
	vertical-align: middle;
}
#ribbon h2 {
	text-shadow: #481303 2px 2px 3px;
	font-size: 24px;
	font-weight: bold;
}
.ribbonShadow {
	background: url('../images/ribbonShadow.png') no-repeat top center;
	height: 19px;
}
.shadow {
	position: aboslute;
	top: 0px;
	background: url('../images/ribbonShadow.png') no-repeat top center;
	height: 19px;
	width: 100%;
}
/***************************************************/

/***************************************************/
/* Content Splash */
#contentSplash {
	position: relative;
	border-top: 1px solid #efefef;
	border-bottom: 2px solid #bbb;
	background: #ddd url('../images/grayNoise.png') repeat top center;
	margin-bottom: 10px;
	padding-bottom: 20px;
}
#contentSplash .wrapper {
	padding-top: 20px;
}
#contentSplash p {
	color: #464646;
	margin-top: 4px;
	text-shadow: #efefef 1px 1px 0px;
	font-size: 18px;
}
#contentSplash h1 {
	font-size: 36px;
	text-shadow: #fff 1px 1px 0px;
	margin: 0 0 5px 0;
}
/***************************************************/

/***************************************************/
/* Content */
#content {
	padding: 15px 0 35px 0;
	color: #161616;
}
.innerContent {
	padding-right: 280px;
}
#content p, #content li {
	color: #555;
	margin: 5px 0 5px 0;
}
.lineSeperator {
	background: url('../images/footerDivider.png') no-repeat bottom right;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	width: 100%;
	height: 1px;
}
/***************************************************/

/***************************************************/
/* Promo */
#promo {
	padding: 24px 0px;
	border-top: 1px solid #DDD;
}
#promo .wrapper {
	text-align: center;
}
#promo h2 {
	color: #444;
	text-shadow: none;
	font-size: 24px;
}
/***************************************************/

/***************************************************/
/* Sidebar */
#sidebar {
	float: right;
	width: 260px;
	padding: 0px;
	margin-left: 0px;
}
#floatingNav {
	width: 260px;
}
#floatingNav .button {
	width: 226px;
	margin: 0 auto;
}
#floatingNav ul {
	list-style-type: none;
	margin: 0 auto 20px auto;
	border: 1px solid #999;
	padding: 3px;
	width: 240px;
	background: #b2b2b2;
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 7px rgba(0,0,0,0.5);
	box-shadow: 0 0 7px rgba(0,0,0,0.5);
}
#floatingNav ul li img.ui-icon {
	height: 16px;
	width: 16px;
	position: relative;
	display: inline;
	top: 3px;
	background-image: url(/members/stylesheets/ui/images/ui-icons_222222_256x240.png);
}
#floatingNav ul li {
	display: block;
	width: 100%;
	border-bottom: 1px solid #999;
	font-size: 14px;
}
#floatingNav ul li:last-child {
	border-bottom: none;
}
#floatingNav ul li a {
	padding: 10px 7px;
	display: block;
	color: #444;
}
#floatingNav ul li a:hover, #floatingNav ul li.active a {
	color: #d0481e;
	background-color: #fff;
	text-decoration: none;
}
/***************************************************/

/***************************************************/
/* Footer */
#footer {
	color: #ffffff;
	background: #1e1f22;
}
#footer .wrapper {
	padding: 20px 0;
}
#footer a {
	color: #ffffff;
	text-decoration: none;
}
#quickLinks {
	width: 100%;
}
#quickLinks td {
	vertical-align: top;
	width: 25%;
	line-height: 180%;
}
#quickLinks td a {
	font-size: 11px;
	background: url('../images/footerBullet.png') no-repeat 0 4px;
	padding-left: 15px;
}
#legal {
	background: url('../images/footerDivider.png') no-repeat top center;
	padding: 20px 0;
	margin: 20px 0;
}
#legal a {
	padding: 0 10px;
}
/***************************************************/

/***************************************************/
/* Home */
#testimonials table {
	width: 100%;
	margin-top: 5px;
}
#testimonials td {
	width: 33%;
}
#testimonials h2 {
	margin: 35px 0 7px 0;
	text-align: center;
	font-weight: bold;
	border: none;
}
.quote {
	display:block;
	overflow:hidden;
	margin:0 auto;
	width: 284px;
}
.quote .quote-box {
	background:url("../images/speechBubble.png") no-repeat scroll center top;
	display:block;
	width: 284px;
	height: 177px;
	 margin: 0 auto;
}
.quote .quote-box b {
	font-size: 18px;
	color: #235587;
	display: block;
}
.quote .quote-box span {
	background:url("../images/quotebox.png") no-repeat scroll center bottom #ffffff;
	display:block;
	height:20px;
	overflow:hidden;
}
#contentSplash .quote .quote-box > p, #content .quote .quote-box > p {
	display:block;
	font-size:15px;
	line-height:24px;
	padding:5px 20px 5px;
	color: #555;
}
.quote > img {
	display:block;
	float:left;
	margin:5px 0 0 30px;
	height: 55px;
	width: 55px;
	border: 1px solid #000;
}
.quote > p, #content .quote > p {
	display:block;
	float:left;
	font-size:13px;
	line-height:20px;
	margin:8px 0px 5px 10px;
}
#quickTour h2 {
	font-size: 24px;
	margin: 0px;
	color: #555;
	border: none;
	text-shadow: none;
}
#quickTour td {
	vertical-align: top;
}
#quickTour td p {
	line-height: 160%;
	color: #555;
	font-size: 11pt;
}
#quickTour a {
	font-size: 18px;
}
.screen {
	width: 339px;
	height: 232px;
	position: relative;
	margin-bottom: 20px;
}
.plusIcon {
	position: absolute;
	right: -8px;
	top: -10px;
}
/***************************************************/

/***************************************************/
/* Tour */
#navTitle {
	border-bottom:1px solid #DDDDDD;
	color:#000000;
	font-weight:bold;
	margin:0 3px 0px 0;
	padding:3px 0;
}
.tourDetails td img {
	padding-left: 20px;
}
.tourDetails h2 {
	font-size: 19px;
}
.tourDetails p {
	color: #555;
	margin: 5px 0 15px 0;
}
.screenshotRight {
	float: right;
	margin: 15px 0 0 15px;
}
.largeScreenshot{
	width: 690px;
	border: 1px solid #999;
	padding: 3px;
	margin-top: 0px;
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
}
/***************************************************/

/***************************************************/
/* About */
.screenshotLeft {
	float: left;
	margin-right: 15px;
}
/***************************************************/

/***************************************************/
/* billing */
.upgradeBox{
	background-color:#fff;
	border:2px solid #000;
	padding: 4px 4px 8px 4px;
	text-align: center;
	width:33%;
}
.selectedUpgradeBox{
	background-color:#;
	border:4px solid #;
}
.upgradeBoxHeader {
	background:url("../images/snapshotBG2.png") repeat scroll right top #FEFFE0;
	border-bottom:1px solid #000;
	margin:0 0 15px;
}
.upgradeBox h1 {
	font-size: 34px;
}
.upgradeBox .price {
	font-size:18px;
	font-weight:normal;
	margin:0 0 2px;
	padding:0;
	color: #555;
}
.upgradeBox .price strong {
	color: #000;
}
.upgradeBox .targetUser {
	color:#2b78b7;
	font-family:helvetica,arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	
	padding:0 0 7px;
	text-transform:uppercase;
}
.upgradeBox ul.bigFeatures {
	list-style:none outside none;
	margin:0 0 10px;
	padding:0;
}
.upgradeBox li {
	border-bottom:1px dashed #dedede;
	font-size:17px;
	line-height:1em;
	list-style:none outside none;
	margin-bottom:3px;
	margin-top:3px;
	cursor: pointer;
}
strong.good {
	color:#378529;
}
strong.bad {
	color: red;
}
.jcarousel-skin-tango .jcarousel-container {
	margin: 0 auto;
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 920px;
    padding: 0 40px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    
}
.jcarousel-skin-tango .jcarousel-item {
    width: 300px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal, #content .jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
	top: 25%;
    right: -10px;
    width: 40px;
    height: 80px;
    cursor: pointer;
    background: transparent url(/members/images/icons/arrowRight.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 25%;
    left: -10px;
    width: 40px;
    height: 80px;
    cursor: pointer;
    background: transparent url(/members/images/icons/arrowLeft.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -40px 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active,
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -80px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -120px 0;
}
#mycarousel li div {
	text-align: center;
	background-color:#F8F8F8;
	border:4px solid #888;
}
#mycarousel li div h1 {
	color: #d0481e;
	font-shadow:none;
}
#mycarousel .generalSuperscript {
	font-size: 0.6em;
}
.yourPlan {
	background-color: #FEFFE0;
}
.planPrice {
	font-size:13pt;
	margin-bottom: 10px;
	display:block;
}
#guarantee{
	clear:left;
	color:#888;
	font-size:25px;
	letter-spacing:5px;
	text-align:center;
	width:100%;
	margin-top: 10px;
}
/*********************************/


/***************************************************/
/* Pricing page */
/***************************************************/
.pricingBody #content .features{
	list-style:none;
	margin:0;
	padding:0;
	float:left; 
}
.pricingBody #content .features li{
	font-size:16px;
	margin:0;
	padding:0 0 10px 20px;
	background-image: url(/images/icons/16x16/check.png);
	background-repeat: no-repeat;
	background-position:0 1px;
}
/***************************************************/

/***************************************************/
/* Blog */
.blog h1, .single-post h1, .blog h1 a, .single-post h1 a {
	font-size:26px;	
	margin-bottom:5px;
	color:black;
}
.blog p, .single-post p{
	margin-top:0;
}
#rightContent .widget ul li {
	margin-bottom: 10px;
}
.widgettitle {
	border-bottom: 1px solid #DDD;
	color: black;
	font-weight: bold;
	margin: 20px 3px 5px 0;
	padding: 3px 0;
	font-size: 11pt;
}
#respond h3 {
	border-bottom: none;
}
#respond input, #respond textarea, #respond select {
	font-size: 12pt;
	border: 2px solid #bbb;
	padding: 5px 5px 5px 5px;
	color: #555;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
input#submit, a.comment-reply-link {
	background: #000;
	color: #fff;
	border:1px solid #000;
}
input#submit:hover, a.comment-reply-link:hover {
	background: #fff;
	color: #000;
	border:1px solid #000 !important
}
li.even, li.odd {
	border-top: 1px solid #ddd;
}
form label {
	display: inline;
}
#leftContent hr {
	height: 1px;
	border: 0;
	color: #ddd;
	background-color: #ddd;
}
#leftContent h2 {
font-size: 19px;
margin: 0;
padding: 0;
	margin: 20px 0 0 0;
}
#latest-tweets li {
	line-height: 160%;
}
/***************************************************/

/***************************************************/
/* Tools */
#leftContent{
	float: left;
	padding-right: 2%;
	width: 75%;
	padding-bottom:20px;
}
#rightContent{
	/*background: url(/members/images/divider.png) no-repeat;*/
	float: right;
	font-size: 9pt;
	padding-left: 2%;
	width: 21%;
	padding-bottom:20px;
}
#rightContent .heading {
	border-bottom: 1px solid #ddd;
	color: #000;
	font-weight: bold;
	margin: 0px 3px 5px 0;
	padding: 3px 0;
}
#rightContent .rightMenuLink {
	padding:4px 8px;
}
#rightContent .rightMenuLink img {
	vertical-align:bottom;
	padding-right: 4px;
}
#toolOutput .wrapper {
	width: auto;
}
.searchEngineToolsBody h3{
	color:#0F4071;	
}

.searchEngineToolsBody h2{
	border-bottom:1px dashed #BBBBBB;
	font-size:15pt;
	margin-bottom:5px;
	margin-top:35px;
	padding-bottom:2px;		
}	
.searchEngineToolsBody p{
	font-size:11pt;
}	

.searchEngineToolsBody .highlightContent{
	border: 1px solid #ccc;
	font-size:10px;
	padding:20px;
}

.searchEngineToolsBody .highlightContent h3{
	margin:0;
	padding:0;
}

.searchEngineToolsBody .highlightContent .wrapper{
	width:90%;
}

.searchEngineToolsBody .highlightContent .wrapper table{
	margin:0 auto;
}

.searchEngineToolsBody .toolIcon{
	width:40%;
}

.searchEngineToolsBody .toolIcon .icon img{

}

.searchEngineToolsBody .toolIcon .icon{	
	text-align:right;
}

.searchEngineToolsBody .toolIcon td{
	vertical-align:middle;
}
.searchEngineToolsBody .toolIcon h3{
	font-size:14pt;
	padding-left:15px;
	text-align:left;
	font-weight: normal;
	
}
.searchEngineToolsBody .toolIcon p{
	font-size:14px;
	line-height:19px;
	padding-left:15px;
}

.searchEngineToolsBody #toolOutput{
	background-color: #fff;
	border: 0px solid #666;  
	display: none;
	padding-top: 10px; 
	padding-bottom:10px;
	text-align:left;	
	width:100%;	
}

.searchEngineToolsBody .formTable tr td{
	width:50%;
}

.searchEngineToolsBody h3{

}

.searchEngineToolsBody #toolInput{
	background-color: #666;
	border: 0px solid #000;
	margin-top: 5px;
	padding:7px;	
}
.searchEngineToolsBody #toolInput #toolForm{
	background-color: #444;
	background-image:url(/images/gear.png); 
	background-position:bottom right; 
	background-repeat:no-repeat;  
	color:white; 
	min-height:105px;
	padding: 5px;
}
.searchEngineToolsBody #toolInput #toolForm form{
	padding-top:10px;
	padding-bottom:5px;
}
.searchEngineToolsBody #toolInput #toolForm th {
	font-weight: normal;
}

.searchEngineToolsBody #toolIcon{
	float:left; 
	padding-right:20px;	
}

.searchEngineToolsBody #toolDescription{
	float:left;
	width:600px;	
}

.searchEngineToolsBody #toolShareLinks{
	padding:5px 20px 0 0;
	text-align:center;
	margin-bottom:30px;
	width:100%;	
}

.whiteOut {
	color: #ffffff;
	background-color: #ffffff;
}
a.basicButton {
    background: transparent url('/members/images/buttons/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
a.basicButton span {
    background: transparent url('/members/images/buttons/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.basicButton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.basicButton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
.dataTable {
	font-size:9pt;
	margin-bottom:10px;
	margin-top:5px;
	width: 100%;
}
.dataTable thead {
	font-weight:bold;
}
.dataTable thead td,.dataTable thead th {
	border-bottom: 2px solid #666666;
	font-size: 10pt;
	padding:5px;
	padding-bottom:1px;
	text-align:center;
	vertical-align: middle;
}
.dataTable tbody tr:hover {
	background-color:#feffe0;
}	
.dataTable tbody td {
	text-align:center;
}
.dataTable tbody .row1 td, .dataTable tbody .row1 th, .dataTable tbody .row1 td, .dataTable tfoot .row2 th{

}
.dataTable tbody .row2 td, .dataTable tbody .row2 th, .dataTable tfoot .row2 td, .dataTable tfoot .row2 th{
	border-bottom: 1px dashed #bfbfbf;
	border-top: 1px dashed #bfbfbf;
}	
.dataTable tbody .highlight td{
	background-color:#feffe0;
}
/***************************************************/

/***************************************************/
/* Fancy box */
#fancybox-content {
	color: #161616;
	background: #ddd;
	border: 1px solid #bbb;
}
#fancybox-content h1 {
	margin: 0;
}
#fancybox-content p {
	margin: 2px 0 5px 0;
}
#fancybox-content label {
	color: #555555;
}
/***************************************************/