h2.report-head {font-size: 36px;
border-bottom: 1px #666666 solid;
color:#05135a;
padding:5px;
padding-top:30px;
margin-top:-3px;
}

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


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

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

#wrap {width:860px;
text-align:left;
background-color:#fff;
margin:0px auto;
margin-top:15px;
margin-bottom:30px;
padding:10px;
border: 1px solid #DADADA;
border-radius: 6px;
}

.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:117px;
/*background:url(https://champions.121qa.com/assets/img/head-bg.png) repeat;
background-image:url(/assets/img/black_linen_v2.png);*/
background-color:#202540;
position:relative;
border-radius: 3px;
color: #000b2f;}

#logo{
	position:absolute;
	/*top:37px;*/
	top:7px;
	left:25px;
	/*border:1px solid #666;*/
}
#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;*/
border:1px solid #666;
background-color:#202540;
/*background-image:url(https://champions.121qa.com/assets/img/simple_dashed.png);*/
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;
margin-top:3px;
/*background-color: #edf0f4;*/
min-height:100%;
}
.side-col-group h3{
	color:#003;
	font-size: 18px;
}
.side-col-group {
	width:160px;
	padding:5px;
float:left;
/*background-color: #eeeeee;
background-image:url(/assets/img/retro_intro.png);
background-image:url(/assets/img/squairy_light.png);*/
margin-top:0;
/*color: #e4e4e4;
border: 1px solid #999;*/
border-radius: 6px;
margin-bottom:15px;
}

.nav-normal{
	border: 1px solid #999;
	color: #e4e4e4;
	background-color:#FFFFFF;
}
.nav-active{
	border: 1px solid #009;
	background-color:#202540;
	/*background-image:url(https://champions.121qa.com/assets/img/denim.png);*/
}
h3.side-active{
	color:#FFF;
}

#side-col li{
	list-style:none;
	margin-left:-15px;
	padding:0 0 5px 0;
}
#side-col li a{
	color:#000;
	font-size:18px;
}
.grey a{
	/*font-family:Verdana, Geneva, sans-serif;*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.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;}


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

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

.main-col {width:660px;
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:180px;
float:left;
margin: 0px;
padding-bottom: 2px;}

#referral {width:180px;
padding: 0px;
margin: 0 auto;}

.retention {width:180px;
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;
}

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

/* footer styles */

#foot{
	padding-top:-2px 5px 10px 5px;
}
#foot p{margin:0 5px;}
#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;}
h3.subhead { color:#05135a; font-size:16px; margin-top:14px; margin-bottom:2px; }

/* Legacy inline form feedback boxes (office/broker/agent/login views). */
.success {
  border: 1px solid #356635;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #7aba7b;
  color: #468847;
  background-color: #dff0d8;
  padding: 5px;
  margin-bottom: 10px;
  border-radius: 4px;
}
.error {
  padding: 3px 10px;
  margin-bottom: 20px;
  border-radius: 4px;
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid #ebccd1;
}

/*
  Side-menu indent fix. Legacy reports.css assumed the browser/Bootstrap default
  <ul> left padding (~25px), which `#side-col li{margin-left:-15px}` then pulled
  back to a ~10px indent. Tailwind's preflight resets <ul> padding to 0, so the
  negative margin clipped the items off the left edge. Restore the intended pad.
*/
/*
  Agent-details login link box. Legacy agent_details_view.php defines these
  inline: the login URL sits in a padded, bordered "box" beneath the form.
*/
p.login {
  margin-top: 15px;
}
.link {
  padding: 5px 20px;
  border: 1px solid #cfcfcf;
}

/*
  Legacy button-list "Add a new …" wrapper (office/agent list pickers). The
  legacy views define this inline; here it is shared by both list pages.
*/
.add {
  margin: 25px 15px;
}

/*
  Restore browser-default list rendering inside the report body. Tailwind's
  preflight resets every <ul>/<ol> to `list-style:none; margin:0; padding:0`,
  which left legacy note lists (e.g. Upload List instructions) un-bulleted and
  flush against the left edge. The legacy views relied on the default disc +
  indent. Scoped to `.main-col` so Bootstrap `.list-group` (a <div>) and the
  side menu keep their own styling.
*/
.main-col ul {
  list-style: disc;
  margin: 0 0 10px;
  padding-left: 40px;
}
.main-col ol {
  list-style: decimal;
  margin: 0 0 10px;
  padding-left: 40px;
}

#side-col ul {
  margin: 0;
  padding-left: 25px;
  list-style: none;
}