@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------- 
Personal Public Relations Screen Stylesheet 

version:   1.0 
date:      01/03/10 
author:    [your email] 
email:     [you at domain dot com] 
website:   [your domain] 
version history: [location of file] 
-----------------------------------------------------------------------------*/



body {
	font-size:100%;
    font: 14px  "Arial", Tahoma, Verdana, sans-serif; 
    background: #5D5C5F url(../images/bg.gif) left top repeat-x; 
    color: #7A7A7A;  
    text-align:center; 
}

/* General 
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
* { 
    margin: 0; 
    padding: 0; 
    border: 0; 
}
ul li, ol li{
	margin-left: 30px;
}
.clear { 
    clear:both; 
} 
br.clear {
	display:block;
	height:1px!important;
	overflow:hidden;
}
.clearAfter:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.right { 
    float:right; 
} 

.left { 
    float:left; 
}
.gfx-item {
	display:block;
	overflow:hidden;
	text-align:left;
	text-indent:-99999px;
}
.divider-vertical,
.divider-horizontal {
	background:url(../images/bg-dotted-divider.gif) left top repeat;
}
.divider-vertical { width:1px; overflow:hidden;}
.divider-horizontal {height:1px; overflow:hidden;}
.no-bullets {
	list-style:none;	
}

#wrapper {  
    width:980px;  
    text-align:left;   
	margin:0 auto;
}

.width-30 {width:30%;}
.width-33 {width:33%;}
.width-40 {width:40%;}
.width-45 {width:45%;}
.width-50 {width:50%;}
.width-55 {width:55%;}
.width-60 {width:60%;}
.width-66 {width:66%;}
.width-70 {width:70%;}

.lower {
	text-transform:lowercase!important;	
}


/* Default Elements 
-----------------------------------------------------------------------------*/
h1, h2, h3, h4, h5 {
	font-weight:normal;
	color:#22393b;
}
h1 { 
	font-size:28px;
} 
     
h2 { 
    font-size:20px;
} 
     
h3 { 
    font-size:18px;
} 
     
h4 { 
	font-size:16px;  
} 
     
h5 { 
	font-size:14px;  
} 
h1 small,
h2 small,
h3 small {
	display:block;
	font-style:normal;
	color:#ADADAD;
	font-size:14px;
}
.title-subheader{
	display:block;
	margin:3px 0 20px !important;
	font-style:normal;
	color:#4c6062;
	font-size:14px;
}
.section-title {
	color:#8560a8;
	text-transform:uppercase;
	padding-bottom:8px;
	background:url(../images/bg-dotted-divider.gif) left bottom repeat-x;
	margin-bottom:20px;
}

p { 
         
}
a:link {
	color:#8560a8;
	text-decoration:none;
}
a:visited {
	color:#a186be;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#22393b;
}
a:active {
		
}
blockquote {
	color:#22393b;
	font-size:17px;
	line-height:24px;
	margin:15px 30px;
	padding-top:12px;
	background:url(../images/bg-dotted-divider.gif) center top repeat-x;
	text-align:center;
}
blockquote span {
	display:block;
	padding-bottom:15px;
	background:url(../images/bg-dotted-divider.gif) center bottom repeat-x;
}

.text-color-alt {color:#22393b;}
.text-color-alt2 {color:#8560a8;}
.text-color-alt3 {color:#4c6062;}
.text-color-alt4 {color:#575b5d;}

.image-thumb {
	display:block;
	list-style:none;
	margin:0!important;
}
.image-thumb li {
	display:block;
	list-style:none;
	float:left;
	border:1px solid #CCC;
	padding:5px;
	margin:0 8px 0 0!important;
}
.main-image {
	border:1px solid #DDD;	
}
.image-thumb .active {
	border:1px solid #8560a8	
}
.image-caption {
	display:block;
	padding:0;
	margin:0;
	font-size:13px;
	font-style:italic;
	color:#7A7A7A;
}
/* Header 
-----------------------------------------------------------------------------*/ 
#header {
	width:100%;
	height:138px;
	background: url(../images/bg-header.png) top no-repeat;
	margin-bottom:2px;
}
#logo,
#logo a{
	width:358px;
	height:66px;
}
#logo {
	padding:23px 0 16px 0;	
}
#logo a {
	background:url(../images/logo.png) left top no-repeat;	
}

/* Navigation 
-----------------------------------------------------------------------------*/ 

#mainNavigation,
#mainNavigation ul {
	height:33px;
	width:100%;
}
#mainNavigation ul,
#mainNavigation ul li {
	display:block;
	list-style:none;
	float:left;
	margin:0;
}
*html #mainNavigation ul li {
	display:inline-block;
}
#mainNavigation ul li a {
	display:block;
	height:16px;
	font-size:14px;
	color:#FFF;
	background-color:#2C2F3A;
	text-decoration:none;
	padding:9px 12px 8px;
	margin-right:2px;
}
#mainNavigation ul li a.active,
#mainNavigation ul li a:hover {
	background-color:#CCC;
	color:#22393B;
}
#mainNavigation #iskoreLink {
	width:90px;
	height:33px;
	padding:0;
	overflow:hidden;
	text-indent:-9999px;
	background:#2C2F3A url(../images/nav-iskore.png) 16px 9px no-repeat;
}
#mainNavigation #iskoreLink:hover,
#mainNavigation #iskoreLink.active{
	background-position:16px -24px;
	background-color:#CCC;
}
#mainNavigation #loginLink {
	background:none;
	color:#A186BE;
}
#mainNavigation #loginLink:hover {
	background-color:#8560a8;
	color:#FFF;
}

/* Footer 
-----------------------------------------------------------------------------*/ 
#footer {
	background:#26262d url(../images/logo-footer.gif) 830px 52px no-repeat;
	font-size:12px;
	color:#585858;
	padding:22px 22px;
}
#footer ul {
	display:block;
	width:470px;
}
#footer li {
	margin:0;
	display:inline;	
	margin-right:14px;
	line-height:18px;
}
#footer ul li a {
	color:#7a7a7a;
	text-decoration:none;
}
#footer ul li a:hover {
	color:#a186be;	
}
#footer p {
	margin:36px 0 0 0;	
}


/* Homepage 
-----------------------------------------------------------------------------*/ 
#homeContent {
	padding:0;	
	background:#FFF url(../images/bg-dotted-divider.gif) 686px top repeat-y;
}
#homeLeftColumn {
	float:left;
	width:670px;
	padding:27px 0 0 15px;
}
#homeRightColumn {
	width:292px;
	padding:0;
}
#homeQuestions {
	width:320px;
	padding:0 0 0 5px;
}
#homeQuestions h2 {
	margin:0 0 6px;	
}
#homeQuestions p {
	margin:0 0 25px;
	line-height:18px;
}
#popularISkores {
	width:280px;
}
#popularISkores h1 {
	color:#aabbb7;
}
#popularISkores ul {
	margin-bottom:7px;	
}
#popularISkores li {
	list-style:none;
	display:block;
	clear:both;
	padding:10px 0;
	margin:0;
	
}
#popularISkores h3 {
	color:#7a7a7a;
}
#popularISkores  .meter {
	width:200px;
}
#popularISkores .profile-avatar {
	margin:3px 7px 0 0;	
}



/* Your template 
-----------------------------------------------------------------------------*/
.content-wrapper {
	background-color:#FFF;
	padding:27px 15px;
	min-height:300px;
	height:auto!important;
	height:300px;
}
#subpageContentWide {
	margin-top:50px;
	padding:27px 22px;
}

#subpageContentNarrow {
	margin-top:50px;
	padding:0 0 22px 22px;
	background:#FFF url(../images/bg-dotted-divider.gif) 686px top repeat-y;	
}
#subpageContentNarrow .left-col {
	padding-top:27px;
	width:63%;
	float:left;
}
#subpageContentWide p,
#subpageContentNarrow .left-col p,
#subpageContentNarrow .left-col li{
	margin:.8em 0 1.2em 0;	
	line-height:1.5em;
}

.be-social-icons {
	display:none;	
}
*html div.be-social-icons {
	display:block;	
}

#appCta {
	display:block;
	background:#F3F5F5 url(../images/icon-appcta-bg.gif) 256px 34px no-repeat;
	padding:24px 16px;
	height:35px;
}
#appCta h3 {
	color:#5a8627;	
}
#appCta:hover h3 {
	color:#8560a8;
}
#agentCta {
	display:block;	
	padding:24px 16px;
	height:42px;
	/*background:url(../images/icon-agentcta-bg.gif) 207px 12px no-repeat;*/
}
#agentCta h3 {
	color:#7A7A7A;	
}
#agentCta:hover h3 {
	color:#8560a8;	
}
#beSocial {
	padding:16px 16px;	
}
#beSocial ul {
	margin:16px 0 18px 16px;
}
#beSocial ul li {
	margin:0;
	margin-bottom:11px;	
}
#beSocial ul li em {
	color:#aabbb7;
	font-style:normal;
}
#beSocial h3,
#beSocial h3 a {
	color:#7A7A7A;
	margin-bottom:17px;
}
#wereSafe {
	padding:20px 6px;
}
#homeContent #wereSafe {
	margin-top:36px;
	background:url(../images/bg-dotted-divider.gif) left top repeat-x;
}
#wereSafe h1 {
	color:#7A7A7A;
	float:left;
	width:180px;
	margin-right:40px;
}
#contactPageNumber {
	margin-left:118px;	
}

/* Meter 
-----------------------------------------------------------------------------*/
.meter {
	display:block;
	padding-bottom:5px;
	background:url(../images/meter/meter-bg.gif) left bottom no-repeat;
	min-height:24px;
	height:auto!important;
	height:24px;
}
.meter .hash,
.meter .bar,
.meter .bg{
	display:block;
	height:17px;
	overflow:hidden;
}
.meter .bg {
	width:80%;
	float:left;
	background:#D8D6DA;
	margin-top:3px;
}
.meter .hash {
	width:100%;
	background:url(../images/meter/meter-hashes.gif) left top repeat-x;	
}
.meter .bar {
	background:url(../images/meter/meter-bar.gif) left top repeat-x;	
}
.meter input{
	display:block;
	float:left;
	clear:right;
	border:none;
	margin-left:5px;
	background:none;
	color:#22393b;
	font-size:18px;
	font-weight:bold;
	width:30px;
	text-align:left;
}
.meter .hash .poor { background:url(../images/meter/meter-bar-good.gif) left top repeat-x;}
.meter .hash .below-average { background:url(../images/meter/meter-bar-belowaverage.gif) left top repeat-x;}
.meter .hash .average { background:url(../images/meter/meter-bar-average.gif) left top repeat-x;}
.meter .hash .good { background:url(../images/meter/meter-bar-good.gif) left top repeat-x;}
.meter .hash .excellent { background:url(../images/meter/meter-bar-excellent.gif) left top repeat-x;}


/* Profile Avatar 
-----------------------------------------------------------------------------*/ 
.profile-avatar {
	display:block;
	background-color:#c6d1cf;
	padding:2px;
	width:44px;
	height:44px;
	overflow:hidden;
}
.profile-avatar span {
	display:block;
	border:1px solid #e2efed;
	width:42px;
	height:42px;
	background:url(../images/iskores/annon.jpg) left top no-repeat;
	overflow:hidden;
}
/* Package Headers - Colors Etc 
----------------------------------------------------------------------------- 
@ - First Impressions		- Main Color: #738CA2  Subcolor:#b9c5d0
@ - My Reputation			- Main Color: #448CCB  Subcolor:#a1c5e5
@ - Total Control	 		- Main Color: #20A4F8  Subcolor:#8fd1fb
@ - Professional Control 	- Main Color: #005696  Subcolor:#a6c4da
*/

.indent {
	background-image:url(../images/indent.png)!important;	
	background-position:11px top!important;
	background-repeat:no-repeat!important;
}

.FI-Head,
.MR-Head,
.TC-Head,
.PC-Head {

	color:#FFF;
	text-align:left;
	font-size:16px;
	padding:8px 10px 5px 33px;
	min-height:21px;
	height:auto!important;
	height:21px;
	font-weight:normal;
}
.FI-Subhead,
.MR-Subhead,
.TC-Subhead,
.PC-Subhead {

	color:#3A3C46;
	text-align:left;
	padding:8px 10px 5px 33px;
	min-height:21px;
	height:auto!important;
	height:21px;
}

.FI-Head, .FI-button {background-color:#738CA2;}
.MR-Head, .MR-button {background-color:#448CCB;}
.TC-Head, .TC-button {background-color:#20A4F8;}
.PC-Head, .PC-button {background-color:#005696;}

.FI-Subhead {background-color:#b9c5d0;}
.MR-Subhead {background-color:#a1c5e5;}
.TC-Subhead {background-color:#8fd1fb;}
.PC-Subhead {background-color:#a6c4da;}

.FI-button,
.MR-button,
.TC-button,
.PC-button {
	display:block;
	color:#FFF!important;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	padding:9px 10px;
}
.FI-button:hover,
.MR-button:hover,
.TC-button:hover,
.PC-button:hover {
	color:#22393b!important;
}


/* Packages Comparison 
-----------------------------------------------------------------------------*/ 

#packagesComparison {
	background-color:#3A3C46;
	padding:25px 0 20px;
	margin-top:37px;	
}
#packagesComparison table {
	font-size:14px;
	color:#5F5F5F;
}
#packagesComparison table thead th,
#packagesComparison table thead td,
#packagesComparison table tfoot td{
	border-right:3px solid #3A3C46;	
}
#packagesComparison table .row td,
#packagesComparison table .row-alt td,
#packagesComparison table thead td,
#packagesComparison table th{
	text-align:center;	
	padding-left:10px;
	width:25%;
}
#packagesComparison table tr.row td,
#packagesComparison table tr.row-alt td {
	border-right:3px solid #FFF;
	padding:9px 10px;
}
#packagesComparison table th.last,
#packagesComparison table td.last {
	border:none;
}
#packagesComparison table thead td {
	font-size:22px!important;
	padding:6px 10px 4px;
}
#packagesComparison table thead td em {
	font-size:18px;
	line-height:13px;
}
#packagesComparison table thead td span{
	font-size:18px;
}
#packagesComparison table .FI-button,
#packagesComparison table .MR-button,
#packagesComparison table .TC-button,
#packagesComparison table .PC-button {
	font-size:16px;
	border-right:3px solid #3A3C46;
}
#packagesComparison table .PC-button {
	border:none;
}
#packagesComparison table tfoot {
	font-size:13px;
	text-align:center;
	vertical-align:top;
	color:#7a7a7a;
}
#packagesComparison table tfoot td {
	padding:7px 10px;	
}
#packagesComparison b {
	color:#FFF!important;
	font-size:12px;
	font-weight:normal;
	display:block;
	margin:0 0 15px 20px;
}

/* CPR Features
-----------------------------------------------------------------------------*/ 
#cprFeatures {
	margin:0 20px;
	color:#7a7a7a;
	padding-bottom:28px;
	background:url(../images/packages-cpr-wedge.png) 817px bottom no-repeat;
}
#cprFeatures h2 {
	display:block;
	background-color:#FF5113;
	color:#FFF;
	padding:7px 10px 6px;
	font-size:16px;
}
#cprFeatures h3 {
	display:block;
	background-color:#F9A384;
	color:#3A3C46;
	padding:7px 10px 6px;
	font-size:14px;
}

#cprFeatures .content {
	padding:12px 254px 15px 12px;
	font-size:13px;
	background:#F3F5F5 url(../images/cpr-feature-bg.png) right top no-repeat;
}
#cprFeatures .content p {
	margin-bottom:12px;
	line-height:18px;
}
#cprFeatures #cprFeatureContent {
	height:112px;	
	overflow:hidden;
	margin-bottom:12px;
}
a.cpr-more-link {
	display:inline-block;
	background-color:#f6d2c5;
	color:#FF5113;
	padding:4px 6px;
}
a#cprStartNow {
	display:block;
	width:140px;
	height:42px;
	background:url(../images/btn-cpr-startnow.png) left top no-repeat;
	position:absolute;
	top:527px;
	margin:0 0 0 720px;
	z-index:20;
}





/* Tables
-----------------------------------------------------------------------------*/ 
tr.row {
	background-color:#FFF;
}
tr.row-alt {
	background-color:#F3F5F5;
}



/* Forms 
-----------------------------------------------------------------------------*/ 
textarea.text-field,
input.text-field,
select.field { 
	padding: 3px; 
	border: 1px solid #c3c3c3;  
	font: 13px  "Arial", Tahoma, Verdana, sans-serif; 
	color:#666;
	clear:right;
	margin:9px 8px 9px 0px;
}
textarea.focusField,
input.focusField,
select.focusField{
	border-color:#7f8c8d;	
}
select.field {
	display:block;
	width:370px;
	padding:2px;
}
textarea.errorField,
input.errorField,
select.errorField{
	border-color:#F00;	
}

label {
	font-size:13px;
	margin:10px 8px 10px 0;
}
.req {
	color:#e41b17;
	font-weight:bold;
	font-size:15px!important;
}
label small {
	display:block;
	color:#adadad;
	font-size:12px;
}
input.checkbox {
	float:left;
	margin:12px 10px;
}
.form-button {
	background-color:#8a74a1;
	padding:7px 18px;
	color:#f0f5fb;
	font-size:16px;
	letter-spacing:1px;
	cursor:pointer;
}
#errors {
	display:block;
	border:1px solid #F00;
	background-color:#fababd;
	padding:20px;
	margin:20px 0 15px;
	color:#F00;
}
#errors h2,
#message h2 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}
#errors h2 {
	color:#F00;
}
#errors li{
	display:block;
	font-size:13px;
	margin:0 25px 5px!important;
}
#errors small {
	color:#333;	
}
#message {
	display:block;
	border:1px solid #20a4f8;
	background-color:#bce4fd;
	padding:20px;
	margin:20px 0 15px;
	color:#005696;
}
#message h2 {
	color:#005696;	
}
/* Application Form 
-----------------------------------------------------------------------------*/ 
#applicationForm label{
	display:block;
	width:195px;
	text-align:right;
	float:left;
}
#applicationForm label.short {
	width:70px;		
}
#applicationForm label.alt {
	float:none!important;
	text-align:left!important;
	clear:right;
	margin:2px 0;
	width:100%;
}
/* Credit Card logos */
#applicationForm #ccLogos {
	padding-bottom:3px;	
	width:60%;
	float:left;
}
#applicationForm #ccLogos img{
	margin:8px 15px 0 4px;
}
/* Terms and conditions checkbox area */
#applicationForm #terms {
	min-height:35px;
	height:auto!important;
	height:35px;
	padding-bottom:20px;
}
#applicationForm #terms label{
	clear:none!important;
	width:500px;
	margin:0;
	text-align:left;
}
#applicationForm #terms input{
	margin:2px 10px 0 20px;
	text-align:left;
}
/* Select Package Area */
#applicationForm #selectPackage {
	background-color:#3A3C46;
	padding-top:15px;
	color:#f0f5fb;
}
#applicationForm #selectPackage .title {
	display:block;
	float:left;
	width:220px;
	font-size:12px;
	margin:0 0 13px 10px;
}
#applicationForm #selectPackage .info {
	display:block;
	float:left;
	font-size:12px;
	width:340px;	
	text-align:right;
	margin:0 10px 13px 10px;
}
#applicationForm .selected-pacakge {
	background:none;
	font-weight:bold;
}
#applicationForm #selectPackage .package {
	display:block!important;
	width:148px;
	margin-right:3px;
}
#applicationForm #selectPackage .last {
	display:block!important;
	margin:0;
	width:150px;
}
#applicationForm .FI-Head,
#applicationForm .MR-Head,
#applicationForm .TC-Head,
#applicationForm .PC-Head,
#applicationForm .FI-Subhead,
#applicationForm .MR-Subhead,
#applicationForm .TC-Subhead,
#applicationForm .PC-Subhead{
	padding-left:10px;	
	text-align:center;
	display:block;
}
#applicationForm .FI-Subhead,
#applicationForm .MR-Subhead,
#applicationForm .TC-Subhead,
#applicationForm .PC-Subhead {
	font-size:18px;
}

/* Paypal */
input#paypal_btn {
	background-color:#8A74A1;
	color:#F0F5FB;
	cursor:pointer;
	font-size:16px;
	letter-spacing:1px;
	padding:7px 18px;
}
input#paypal_btn:hover {
	background:#333;
}

/*  CPR Package selection area */
label#cprFormArea {
	clear:both;
	width:513px;
	font-size:16px;
	color:#ff5113;
	padding:20px 0 15px 87px;
	margin:0;
	text-align:left;
	background:url(../images/apply-cpr-heart.jpg) left 20px no-repeat;
	min-height:76px;
	height:auto!important;
	height:76px;
}
label#cprFormArea strong {
	display:block;
	float:left;
	font-weight:normal;
	margin-top:6px;
}
label#cprFormArea span {
	display:block;
	float:right;
	border:1px dotted #7A7A7A;
	padding:15px;
	margin-right:10px;
}
#ccSecurityHelp {
	position:absolute;
	margin-left:13px;
}

/* Contact Form 
-----------------------------------------------------------------------------*/
#contactForm label{
	display:block;
	width:110px;
	text-align:right;
	float:left;
}
#contactForm .form-button{
	margin-left:118px;
	margin-top:7px;
}
label.radio-label {
	width:370px!important;
	clear:both;
	margin:6px 0 6px 118px;
	text-align:left!important;
}	
label.radio-label input {
	margin:-3px 3px 3px;	
}
/* i-Skore Page Styles 
-----------------------------------------------------------------------------*/
#iskorePage {
	min-height:295px;
	height:auto!important;
	height:295px;
	background:url(../images/iskore-bg.jpg) left top no-repeat;
}
#iskorePage h1 {
	float:left;
	width:207px;
	height:89px;
	background:url(../images/iskore-title.gif) left top no-repeat;
}
#iskoreCaption {
	width:425px;
	float:left;
	margin:22px 40px 50px 0;
}
#iskoreCaption p {
	margin-top:8px;
}
#iskoreCaption a {
	font-size:16px;
}
#getiSkoreButton {
	width:239px;
	height:64px;
	background:url(../images/btn-iskore-dark.gif) left top no-repeat;
}
#iskorePage #getiSkoreButton {
	position:absolute;
	z-index:50;
	top:410px;
	margin-left:665px;
}
#iskoreReportThumbs {
	padding-top:10px;
}	


/* Custom Payment Page
---------------------------------------------------------------------------------*/
#custom_payment_form {
}
#custom_payment_form input.input {
	margin:0 0 4px;
	padding:7px;
	border:1px solid #ccc;
	font-size:16px;
}
#custom_payment_form small {
	font-size:10px;
	color:#666;
	padding:0;
	display:block;
}