/* ------------------------------------ reset ---------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;}

body {line-height: 2;
background: #fff;
margin:0;}

/* Tables still need 'cellspacing="0"' in the markup. 
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }*/

/* Remove possible quote marks (") from <q>, <blockquote>. */

blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

a img {border: none;
margin: 0px;
padding: 0px;
text-decoration: none;}

/*----------------------[ Typography ]-----------------------------*/

/* 
   The line-heights and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */

body {font-size: 100%;}

/* IE width*/

html>body {font-size:12px;}

/* Other browsers*/

body {color: #222;
font-family: verdana, sans-serif;}

h1,h2,h3,h4,h5,h6 {color: #111;
font-family: arial narrow, Arial, sans-serif;}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {font-weight: normal;}

h1 {font-size: 2.4em;
line-height: 1;
margin-bottom: 0.4em;}

h2 {font-size: 1.8em;
margin-bottom: 0.2em;}

h3 {font-size: 1.5em;
line-height: 1;
margin-bottom: 0.5em;}

h3.definition {font-size: 1.4em;
line-height: 1;
margin-bottom: 0.5em;
color: #08143f;
font-weight: bold;}

h3.subhead{
font-size: 1.4em;
line-height: 1;
margin-bottom: 
0.5em;color: #08143f;
font-weight: bold;}

h7 {font-size: 1.5em;
line-height: 1;
margin-bottom: 0.5em;
color: #000065;
font-weight: bold;}

h4 {font-size: 1.6em;
line-height: 1;
margin-bottom: 0.2em;}

h5 {font-size: 1.2em;
font-weight: bold;
margin-bottom: 0.5em;}

h6 {font-size: 1em;
font-weight: bold;}

h6.side {font-size: 1em;
font-weight: normal;}

h2.side {color: #666666;}

h2.report-head {font-size: 26px;
border-bottom: 1px #666666 solid;}

h2.report-section {color: #666666;}

sup {
	font-size: 12px;
}
/* Text elements
-------------------------------------------------------------- */

p {margin: 0 0 1em;
line-height:1.5;}

p.report {color: #000000;}

p.last {margin-bottom: 0;}

p.title {color: #000000;
font-weight: bold;}

p img.top {margin-top: 0;}

/* Use this if the image is at the top of the <p>. */

ul, ol {margin:0 1.5em 0.5em 1em;}

ul, ol{margin:0 1.25em 0.5em 1.25em;}

ul{list-style-type: none;}
ol{list-style-type: decimal; margin-left:25px;}

dl {margin: 0 0 1.5em 0;}

dl dt {font-weight: bold;}

dd {margin-left: 1.5em;}

abbr, 
acronym {border-bottom: 1px dotted #666;}

address {margin-top: 1.5em;
font-style: italic;}

del {color:#666;}

a:focus, 
a:hover {color: #000000;
border-bottom:1px solid #000000;}

a:active {background-color: #EEEEEE;}

a.menuSelect{
	color:#08143f;
	text-decoration:none;
	border-bottom:2px solid #08143f;
}

li a {color: #666666;
text-decoration: none;
border-bottom:1px dashed #666666;}

a.image {text-decoration: none; border-bottom:1px dashed #FFF;}

blockquote {margin: 1.5em;
color: #666;
font-style: italic;}

strong {
	font-weight: bold;
}
strong .grey {
	color: #BBB;
	background-color: #CCC;
}

em,dfn {font-style: italic;
/*background: #ffc;*/
}

.payment-notice{
	background: #FFEEF7;
	color:#000;
	font-style:normal;
	margin-bottom: 1em;
	padding:3px;
	border-top: 2px solid #FF5AFB;
	border-bottom: 2px solid #FF15EF;
	width:550px;
	}

span.active{
	color:#009;}
	
span.archive{
	color:#09F;}

#archived{
	border-top:#09F solid 1px;
	border-bottom:#09F solid 1px;
	font-size:10px;
	background-color:#edf0f4;
}

dfn {font-weight: bold;}

pre,code {margin: 1.5em 0;
white-space: pre;}

pre,code,tt {font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace;
line-height: 1.5;}

tt {display: block;
margin: 1.5em 0;
line-height: 1.5;}

/* Tables
-------------------------------------------------------------- */

/*
table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }
*/

/* Some default classes
-------------------------------------------------------------- */

.small {font-size: .8em;
margin-bottom: 1.875em;
line-height: 1.875em;}

.large {font-size: 1.2em;
line-height: 2.5em;
margin-bottom: 1.25em;}

.quiet {color: #666;}

.hide {display: none;}

.highlight {background:#ff0;}

.added {color:#060;}

.removed {color:#666;
text-decoration:line-through;}

.top {margin-top:0;
padding-top:0;}

.bottom {margin-bottom:0;
padding-bottom:0;}

.left {float:left;}

.right {float:right;}

/*----------------------------------------------------------------------------*/

body {background-color: #8f8e8e ;
/*#fff;
#e2e2e2;
*/
	margin-top:10px;
margin-bottom:10px;}

#wrap {width:790px;
text-align:left;
background-color:#fff;
margin:0px auto;
padding:10px;
border: 1px #666666 solid;}

.clearfix {clear:both;
margin-bottom:55px;}

.clear {
	clear: both;
	margin:0px;
	padding:0px;
}

.clear_line {
	clear: both;
	margin-top:10px;
	margin-bottom:7px;
	margin-left:100px;
	margin-right:40px;
	padding-bottom:0px;
	border-bottom: 3px #fff solid;}

/* header , logo + navigation*/

#header {height:121px;
background-color:#CCCCCC;
background:url(https://rlp.121qa.com/assets/img/head-bg.png) repeat;
position:relative;
color: #000b2f;}

#logo{
	position:absolute;
	/*top:37px;*/
	top:7px;
	left:25px;
}
#logo a{color:#fff;text-decoration:none;border:none;}

#nav {position:absolute;
top:35px;
right:10px;
padding:10px;
background-color:#060e38;
border:1px solid #535a7a;
list-style-type:none;}

#nav ul {margin:5px;
list-style:none;}

#nav li {float:left;
font-weight:700;
color:#fff;
}
/*
#nav {display:block;
text-align:center;

font-family: Arial, sans-serif;
text-decoration:none;
border:none;
margin-right:10px;
margin-left:10px;}
*/
#nav a:hover {color:#7b83a5;}

#nav .current {color:#7b83a5;}

#homeunder {border-bottom: 1px #666666 solid;
height: 5px;}

/* content */

#content {margin:0 auto;}

/* reports menu */
.side-col {width:170px;
padding:5px;
float:left;
background-color: #edf0f4;}

.side-col-group {width:165px;
padding:2px;
float:left;
background-color: #eeeeee;
margin-top: 10px;
color: #e4e4e4;
border: 2px solid;}

.grey a{
	font-family:Verdana, Geneva, sans-serif;
}

/* footer */

#footer {margin:0px auto;
color:#000;
border-top:1px solid #111;
height:25px;
padding-top:5px;}

/* Special*/

/* Success, error & notice boxes for messages and errors. */

.error,
.notice, 
.success {padding: 3px 10px;
margin-bottom: 12px;
border: 2px solid #ddd;}

.error {background: #FBE3E4;
color: #D12F19;
border-color: #FBC2C4;}
/*
.trigger {background: #D12F19;
margin: 1px;}
*/
.trigger a {font-color:#FFF;
	background: #D12F19;
	text-decoration: none;
	margin: 1px;
	padding: 2px;
     -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-radius: 4px;
    border-radius: 4px;


}

.trigger a:hover {color: #efe92c;}

.trigger a:active {color: #efe92c;}

.diagnostic_header {color: #003300;
font-style: italic;
font-weight:bold;
font-size:9px;
}

.keywords .diagnostic a {color: #000;
background: #1A751A;
text-decoration: none;
margin: 1px;
padding: 1px;}

.diagnostic a:hover{color: #000;
background: #ffffff;
border-color: #1A751A;
}

.diagnostic a:focus, a:active{color: #000000;
background: #ffffff;
/*border-color: #1A751A;*/
border: 1px solid #1A751A;
}

.diagnostic {width:375px;
padding:3px;
background-color: #edf0f4;}

p .back{text-align:left; color:666; text-decoration:none; border-bottom:1px dashed #666;}

.notice {background: #EDF0F4;
color: #000b33;
border-color: #000b33;}

.comments {color: #565656;
font-style: italic;
margin: 5px;}

.comments_date {font-size: 8px;
font-style: italic;
padding-bottom: 10px;
margin: 5px;}

.success {background: #E6EFC2;
color: #529214;
border-color: #C6D880;}

.error a {color: #D12F19;}

.notice a {color: #817134;}

.success a {color: #529214;}

#main {margin-bottom: 20px;
margin-top: 10px;}

#text {position: relative;
width: 370px;
float: left;}

.main-col {width:570px;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:right;
padding:5px;}
.main-col ul {
	list-style-type: square;
}

/*Charts*/

.reporting {color: #565656;
border-bottom: 1px #565656 solid;
padding-top: 3px;}

.cs-charts {width:570px;
float:right;
padding:5px;
height:200px;
border: 1px #eeeeee solid;}

.satisfaction {width:160px;
float:left;
margin: 0px;
padding-bottom: 2px;}

.referral {width:160px;
padding: 0px;
margin: 0 auto;}

.retention {width:160px;
float: right;
margin: 0px;
padding: 0px;
position: relative;
display: inline;}

.legend {margin-left:23px;
width:80px;
line-height: 12px;
font-size: 10px;
color: #000000;}

.service {width:570px;
float:right;
padding:5px;
margin-top: 5px;
margin-bottom: 5px;
border: 1px #eeeeee solid;}

.commentpage {width:565px;
float:right;
padding:5px;
margin-top: 5px;
margin-bottom: 5px;
border: 1px #eeeeee solid;}

p.tip {color: #000000;
font-size: 10px;}

p.description {font-style: italic;
font-size: 12px;}

.keywords a {color: #000;
font-size: 9px;
font-style: italic;
text-decoration:none;
border-bottom:1px dashed #666;}

.keywords a:hover{
	border-bottom:1px solid #000;
}

.appearance {width:565px;
float:right;
padding:5px;
margin-top: 5px;
border: 1px #eeeeee solid;}

.appearance-alert {width:565px;
float:right;
padding:5px;
margin-top: 5px;
border: 2px #e50400 solid;}


.service-alert {width:570px;
float:right;
padding:5px;
margin-top: 5px;
border: 1px #e50400 solid;
border-top:3px #e50400 solid;}

.appearance-sq {width:555px;
float:right;
padding:5px;
margin-top: 5px;
border: 1px #40ed37 solid;}

.sq-chart {width:165px;
float:left;
margin: 0px;
padding: 2px;
display:block;
}

.sq-description {color: #111;/*Main report text area - used to be 666666*/
/*margin-left: 180px;*/
margin-top: 5px;
position: relative;}

.chart-details {/*background-color: #f8e409;
*/
margin-left: 155px;
padding-left: 22px;}

.key-label {width: auto;
color: #666666;}

p.key-word {margin: 0 0 1em;
line-height:.5;
vertical-align: top;}

div#navbar {font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
text-align: center;
border-bottom: solid #0101a1 1px;
padding: 3px;
width: 540px;
margin-bottom:5px}

li.current {text-decoration: none;
display: inline;
border-bottom: 1px #000000 solid;
color: #000000;}

li.tip
{
margin:0.75em 0 0 0;
/*list-style: square;*/
text-decoration: none;
color:#003300;
line-height: 1.25;
/*background-image: url(arrow.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;*/
}

li
{
margin:0 0 0.25em 0;
/*list-style: square;*/
text-decoration: none;
color:#000000;
/*background-image: url(arrow.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;*/
}

.category {/*background-color: #66d127;
*/
line-height:1.2;
position: static;
width:280px;
vertical-align: top;}

#questions {position: relative;
margin-top: 0px;
margin-left: auto;
color: #000f41;
padding-top: 10px;
font-size: 12px;}

#disagree {position: absolute;
top: 2px;
left: 400px;
color: #0a1848;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
line-height:1.2em;}

#agree {position: absolute;
right: 5px;
top: 2px;
color: #0a1848;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
line-height:1.2em;}

#buttons {
	float: right;
	border: 1px #666666 solid;
	width: 150px;
	background-color: #eeeeee;
	padding-top: 1px;
	padding-bottom: 1px;
}

#calendar{
margin-bottom: 4px;}

.style1 {color: #FFFFFF}

#account_details{border: 1px #000 solid;width: 100%;padding: 5px;background-color: #f0f0f0;margin-bottom:10px;}

p.detail_display{font-size: 9px;text-align: right;}ol li {
	line-height: 1.4em;
	margin-bottom:10px;
}
ol li a {
	color: #006;
}
.ind_norm {
	background-color: #f60;
}
.blurry {
	color: #BDBDBD;
	background-color: #CCC;
}

.partner1{width:550px;float:left;padding:5px;margin-top: 5px;margin-bottom: 5px;background-color: #eeeeee;}

#web_tactics{
	width:555px;
	/*float:left;*/
	margin-top:3px;
	/*border: 1px #666666 solid;*/
	background-color: #eeeeee;	
	padding-top:5px;
	padding-bottom:2px;
	padding-left:5px;
}

#web_tactics_display{display: none;}

#tactics {
	margin: 0px;
	padding: 0px;
/*	border: 1px #666666 solid;*/
}

#publicity {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 280px;
	float: right;
}
#divider {
	margin: 0px;
	padding: 0px;
	height: 10px;
}

#web {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 260px;
	float: left;
}

#spacer {
	width: 100%;
	height:30px;
}

#partner_status {
	background-color: #fff;
	border: 1px #666666 solid;
	margin: 5px;
	padding:7px;
	float: right;
	/*height: 65px;*/
	width: 170px;
}

.deal_sheet{width:570px;float:left;padding:0px;margin-top: 5px;margin-bottom: 15px;background-color: #eeeeee; font-size:10px;}

.sheet_field {
	/*background-color: #fff;*/
	margin-top: 5px;
	padding:0px;
	margin-bottom:5px;	
	float: right;
	/*height: 65px;*/
	width: 360px;
}

.sheet_label {
	margin: 5px;
	padding:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	float: left;
	/*height: 65px;*/
	width: 190px;
}

input, textarea {
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
}
.submit {
	margin-left:270px;
	margin-bottom:25px;
}

.deal_group {
	float: right;
	font-size:12px;	
}

/* footer styles */

#foot{
	padding-top:10px;
}
#foot p{margin:0}
#foot p img{margin:0 0 5px 0}
#footerLinks{margin:0px auto;color:#000;border-top:1px solid #111;height:25px;padding-top:2px;font-size: 10px;}
p.fLink{
	float:right;
}
#tracker{
	float:right;
	width:125px;
	margin-bottom:3px;
}


/* sq details styles */
.legend {
	margin-left:30px;
	width:120px;
}

.legend .legendtext{
	float:left;
	line-height: 12px;
	font-size: 10px;
	color: #000000;	
}

.legend .chartbutton{
	float:right;
	margin-top:7px;	
}

.legend .chartbutton img a:hover{
	text-decoration:none;
}

.service {width:570px;
float:right;
padding:5px;
margin-top: 5px;
margin-bottom: 5px;
border: 1px #eeeeee solid;}

p.description {font-style: italic;
font-size: 12px;}

.keywords{
font-size: 9px;
font-style: italic;	
color: #000;
}

.keywords a {
text-decoration:none;
border-bottom:1px dashed #666;}

.keywords a:hover{
	border-bottom:1px solid #000;
}

.keywords .diagnostic a {color: #fff;
background: #1A751A;
text-decoration: none;
margin: 1px;
padding: 1px;}