html, body {
border : 0;
height : 100%;
margin : 0;
margin-top : 0;
padding : 0;
}
body {
background : #fff;
min-width : 950px;
text-align : center;
}
.bottomtopmargin {
background : #fff;
width : 950px;
overflow : hidden;
}
.featured-2 {
margin-bottom : 20px;
padding-bottom : 1px;
background : transparent url(../img/diligence/branding/links_back.jpg);
background-position: bottom center;
width:226px;background-position: bottom;background-repeat: no-repeat;
border-bottom: 1px solid  #CFCFCF;
border-top: 1px solid #CFCFCF;
border-left: 1px solid  #CFCFCF;
border-right: 1px solid  #CFCFCF;postition:relative;
min-height:368px;
}
.featured-2 .featured-top {
padding : 10px 0 0 15px;
}
.featured-2 .featured-content {
margin-left : 15px;
width : 85%;
overflow : hidden;
}
.featured-2 .featured-content ul.arrow {
margin-top : -6px;
font-size : 10px;
line-height : 12px;
padding-bottom : 6px;
}
.featured-2 .featured-content ul.arrow li a {
background-position : 0 8px;
}
.featured .featured-top {
padding : 10px 0 0 15px;
}
.featured {
background : transparent url(../img/branding/featured_bg2.gif) no-repeat scroll 0 100%;
margin-bottom : 20px;
padding-bottom : 1px;
}
.featured-plus .featured-content .section-gradient {
color : #990000;
}
.featured-plus .featured-content .footer {
background-color : #f4f4f4;
voice-family : inherit;
width : 150px;
margin : 0 1px;
padding : 5px 14px 1px;
}
#local .featured-content {
margin-left : 10px;
width : 160px;
overflow : hidden;
}
td, legend {
/*color : #ffffff;*/
}
.blacktxt {
color : #6b6b6b;
}
span.required {
font-size : 13px;
color : red;
}
.topspacer {
width : 100px;
}
input.fieldcell {
height : 19px;
border : 1px solid #ccc;
font : 1em "trebuchet ms";
}
textarea.fieldcell {
border : 1px solid #ccc;
width : 150px;
}
#formbox .smallfieldcell {
background-color : #fff;
color : #999;
text-align : left;
margin-left : 2px;
padding-right : 0;
}
input.smallfieldcell {
height : 19px;
width : 97px;
border : 1px solid #ccc;
font : 1em "trebuchet ms";
}
.confirmbutton {
font : 1em "trebuchet ms";
background : #fff url(../img/icons/inputbackground.gif) no-repeat;
border : 1px solid #ccc;
color : #102132;
width : auto;
height : 21px;
margin-left : 2px;
margin-bottom : 2px;
}
select.fieldcell, select.smallfieldcell {
color : #999;
}
ul.arrow {
margin : 0;
padding : 0;
}
ul.arrow li {
list-style-type : none;
display : inline;
}
ul.arrow li a {
display : block;
padding-left : 12px;
background : transparent url(../img/icons/arrow_grey.gif) no-repeat 0 0.48em;
text-decoration : none;
}
ul.arrow li a:hover {
text-decoration : underline;
}
ul.indent_arrow {
padding : 0;
margin-top : 10px;
margin-left : 20px;
}
ul.indent_arrow li {
list-style-type : none;
display : inline;
}
ul.indent_arrow li a {
display : block;
padding-left : 12px;
background : transparent url(../img/icons/arrow_grey.gif) no-repeat 0 0.48em;
text-decoration : none;
}
ul.indent_arrow li a:hover {
text-decoration : underline;
}
ul.arrow-back {
margin : 0;
padding : 0;
}
ul.arrow-back li {
list-style-type : none;
display : inline;
font-size : 10px;
}
ul.arrow-back li a {
display : block;
padding-left : 12px;
background : transparent url(../img/icons/arrow_back_grey.gif) no-repeat 0 0.48em;
text-decoration : none;
}
ul.arrow-back li a:hover {
text-decoration : underline;
}
a.main {
display : block;
margin-bottom : 10px;
padding-left : 12px;
background : transparent url(../img/icons/arrow_grey.gif) no-repeat 0 0.48em;
font-weight : bold;
text-decoration : none;
}
a.main:hover {
text-decoration : underline;
}
a.back {
display : block;
margin-bottom : 10px;
padding-left : 12px;
background : transparent url(../img/icons/arrow_back_grey.gif) no-repeat 0 0.48em;
font-weight : bold;
text-decoration : none;
}
a.back:hover {
text-decoration : underline;
}
p.main {
display : block;
margin-bottom : 10px;
padding-left : 12px;
background : transparent url(../img/icons/arrow_grey.gif) no-repeat 0 0.48em;
font-weight : bold;
text-decoration : none;
}
p.center {
margin-top : 10px;
margin-bottom : 10px;
width : 98%;
line-height : 1.5em;
}
a.notificationgreen {
display : block;
margin-bottom : 10px;
padding-left : 12px;
background : transparent url(../img/icons/arrow_grey.gif) no-repeat 0 0.48em;
color : green;
text-decoration : none;
}
a.notificationgreen:hover {
text-decoration : underline;
}
a.notificationred {
display : block;
margin-bottom : 10px;
padding-left : 12px;
background : transparent url(../img/icons/arrow_grey.gif) no-repeat 0 0.48em;
color : red;
text-decoration : none;
}
a.notificationred:hover {
text-decoration : underline;
}
div.message, p.error, div.error-message {
color : #900;
font-size : 1em;
font-weight : bold;
margin : 8px 0;
}
div.error-message {
clear : both;
}
div.error em {
font-size : 1em;
color : #003d4c;
}
form div.required {
color : #333;
background : #f2f2f2;
font-weight : bold;
}
form {
margin-top : 0;
margin-right : 20px;
padding : 0;
width : 80%;
}
form div {
border : 0 solid #ddd;
clear : both;
margin-bottom : 1em;
vertical-align : text-top;
}
form div.required {
color : #333;
background : #fff;
font-weight : bold;
}
form div.optional, form div.input {
background : #fff;
color : #444;
}
form div.submit {
border : 0;
clear : both;
margin-top : 10px;
margin-left : 140px;
}
label {
display : block;
font-size : 1em;
padding-right : 20px;
margin-bottom : 4px;
}
input, textarea {
clear : both;
display : block;
font-size : 1em;
width : 100%;
}
select {
clear : both;
font-size : 1em;
vertical-align : text-bottom;
}
select[multiple="multiple"] {
width : 100%;
}
option {
font-size : 1em;
padding : 0 0.3em;
}
input[type="checkbox"] {
clear : left;
float : left;
margin : 2px 6px 7px 2px;
width : auto;
}
input[type="submit"] {
display : inline;
padding : 0 0.4em;
width : auto;
vertical-align : bottom;
}
.addressblue {
color : #94a5cd;
}
.addressred {
color : #990000;
}
a.showlink {
color : #990000;
text-decoration : none;
}
a.showlink:hover {
color : #7b8cb5;
text-decoration : none;
}
a.showlink2 {
color : #696969;
text-decoration : none;
}
a.showlink2:hover {
color : #990000;
text-decoration : none;
}
.customhold {
width : 98%;
text-align : justify;
}
.h2a {
margin-bottom : 10px;
border-bottom : 4px solid #dedede;
font : bold 12px/16px Arial, Helvetica, sans-serif;
color : #000;
width : 95%;
text-align : left;
}
.sidetxt {
color : #bfc3d0;
width : 95%;
padding-top : 2px;
padding-bottom : 2px;
line-height : 18px;
font-size : 1em;
}
.sidetxtbig {
color : #bfc3d0;
width : 95%;
font-size : 1.2em;
padding-top : 2px;
padding-bottom : 2px;
font-weight : bold;
}
.transparenttd {
background : transparent;
}
.custombox2 {
width : 447px;
}
.customindent {
margin-left : 10px;
}
.nbox {
width : 445px;
border : 1px solid #eeeeee;
}
.nheader {
width : 441px;
margin-left : auto;
margin-right : auto;
background-color : #990000;
font-weight : bold;
padding-left : 2px;
padding-top : 2px;
padding-bottom : 3px;
vertical-align : middle;
color : #ffffff;
}
.nheaderblue {
width : 441px;
margin-left : auto;
margin-right : auto;
background-color : #022a57;
font-weight : bold;
padding-left : 2px;
padding-top : 2px;
padding-bottom : 3px;
vertical-align : middle;
color : #ffffff;
}
.nheaderblack {
width : 441px;
margin-left : auto;
margin-right : auto;
background-color : #006699;
font-weight : bold;
padding-left : 2px;
padding-top : 2px;
padding-bottom : 2px;
vertical-align : middle;
color : #ffffff;
}
a.white{
color : #ffffff;
text-decoration : none;
}
a.white:hover {
color : #ffffff;
text-decoration : none;
}
.nmergedhd {
width : 441px;
margin-left : auto;
margin-right : auto;
background-color : #f1f1f1;
font-weight : bold;
padding-left : 2px;
padding-top : 2px;
padding-bottom : 2px;
vertical-align : middle;
color : #6d6d6d;
}
.nmergedhd_alt {
width : 441px;
margin-left : auto;
margin-right : auto;
background-color : #fff;
font-weight : bold;
padding-left : 2px;
padding-top : 2px;
padding-bottom : 2px;
vertical-align : middle;
color : #6d6d6d;
}
.nmergedcol {
width : 441px;
margin-left : auto;
margin-right : auto;
background-color : #ffffff;
font-weight : bold;
padding-left : 2px;
padding-top : 2px;
padding-bottom : 2px;
vertical-align : middle;
color : #6d6d6d;
}
.nblank {
width : 441px;
margin-left : auto;
margin-right : auto;
font-weight : bold;
padding-left : 2px;
padding-top : 2px;
height : 10px;
padding-bottom : 2px;
vertical-align : middle;
color : #ffffff;
}
.nblank_small {
width : 441px;
margin-left : auto;
margin-right : auto;
font-weight : bold;
padding-left : 2px;
height : 4px;
vertical-align : middle;
color : #ffffff;
}
.small_column{
background: 	#ffffff;
color: #6d6d6d;
width:25%;
float:left;
padding-left : 5px;
margin-top : 5px;
margin-bottom : 5px;
font-weight : bold;
}
.tiny_column{
background: 	#ffffff;
color: #6d6d6d;
width:17%;
float:left;
padding-left : 5px;
margin-top : 5px;
margin-bottom : 5px;
font-weight : bold;
}
/*grey*/
.small_columng{
background-color : #f1f1f1;
color: #6d6d6d;
width:25%;
float:left;
padding-left : 5px;
margin-top : 1px;
margin-bottom : 1px;
font-weight : bold;
}
.tiny_columng{
background-color : #f1f1f1;
color: #6d6d6d;
width:17%;
float:left;
padding-left : 5px;
margin-top : 1px;
margin-bottom : 1px;
font-weight : bold;
}
/*end grey*/
.tiny2_column{
background: 	#ffffff;
color: #6d6d6d;
width:8%;
float:left;
padding-left : 5px;
margin-top : 5px;
margin-bottom : 5px;
font-weight : bold;
}
.ncolumn1hd {
width : 215px;
background-color : #f1f1f1;
float : left;
padding-left : 5px;
margin-top : 5px;
margin-bottom : 10px;
border-left : 1px solid #f1f1f1;
font-weight : bold;
color : #6d6d6d;
}
.ncolumn2hd {
width : 215px;
background-color : #f1f1f1;
float : right;
padding-left : 5px;
margin-top : 5px;
margin-bottom : 10px;
font-weight : bold;
color : #6d6d6d;
}
.ncolumn1txt {
width : 215px;
float : left;
padding-left : 5px;
margin-bottom : 2px;
color : #6d6d6d;
}
.ncolumn2txt {
width : 215px;
float : right;
padding-left : 5px;
margin-bottom : 2px;
color : #6d6d6d;
}
.boldncolumn2txt {
width : 215px;
float : right;
padding-left : 5px;
margin-bottom : 2px;
color : #990000;
font-weight : bold;
}
.nsubcolumn1hd {
width : 215px;
background-color : #990000;
float : left;
padding-left : 5px;
margin-bottom : 10px;
border-left : 1px solid #f1f1f1;
font-weight : bold;
color : #ffffff;
padding-top : 2px;
padding-bottom : 2px;
}
.nsubcolumn2hd {
width : 215px;
padding-left : 5px;
font-weight : bold;
color : #ffffff;
background-color : #990000;
float : right;
margin-bottom : 10px;
padding-top : 2px;
padding-bottom : 2px;
}
.nsubcolumn1txt {
width : 215px;
padding-left : 5px;
float : left;
margin-bottom : 2px;
color : #6d6d6d;
}
.nsubcolumn2txt {
width : 215px;
padding-left : 5px;
color : #6d6d6d;
float : right;
margin-bottom : 2px;
}
.headertextred {
color : #990000;
font-size : 1em;
font-weight : bold;
line-height : 1.2em;
margin-bottom : 2px;
}
.headertextblue {
font-weight : bold;
color : #637cad;
font-size : 1.3em;
line-height : 1.7em;
}
.subheadertext {
color : #637cad;
font-size : 1em;
font-weight : bold;
}
.headboxcol1 {
background : #637bad;
color : #ffffff;
width : 148px;
float : left;
padding-left : 2px;
padding-top : 2px;
padding-bottom : 2px;
margin-bottom : 5px;
font-weight : bold;
}
/*for resources area*/
.resourcesbox{
width:471px;
	}

.longheadboxcol{
background : #637bad;
color : #ffffff;
width : 390px;
float : left;
padding-left : 2px;
padding-top : 2px;
padding-bottom : 2px;
margin-bottom : 5px;
font-weight : bold;
	}
.endboxhd{
background : #637bad;
color : #ffffff;
width : 70px;
float : left;
padding-left : 2px;
padding-top : 2px;
padding-bottom : 2px;
margin-bottom : 5px;
font-weight : bold;
	}
.longgbox{
width : 390px;
float : left;
padding-left : 2px;
margin-bottom : 5px;
font-weight : bold;
text-align: left;
	}
.endbox{
width : 70px;
float : left;
padding-left : 2px;
margin-bottom : 5px;
font-weight : bold;
font-size:0.8em;
	}
/*end*/

.headboxcol2 {
background : #637bad;
color : #ffffff;
width : 148px;
float : left;
padding-left : 2px;
padding-top : 2px;
padding-bottom : 2px;
margin-bottom : 5px;
font-weight : bold;
}
.headboxcol3 {
background : #637bad;
color : #ffffff;
width : 148px;
float : left;
padding-left : 2px;
padding-top : 2px;
padding-bottom : 2px;
margin-bottom : 5px;
font-weight : bold;
}
.boxcol1 {
width : 148px;
float : left;
padding-left : 2px;
margin-bottom : 5px;
font-weight : bold;
text-align: left;
}
.boxcol2 {
width : 148px;
float : left;
padding-left : 2px;
margin-bottom : 5px;
font-weight : bold;
}
.boxcol3 {
width : 148px;
float : left;
padding-left : 2px;
margin-bottom : 5px;
font-weight : bold;
}
.eventboxheader{
width:147px;
float:left;
background : #f1f1f1;
font-weight:bold;
}
.eventboxcol{
width:147px;
float:left;

}
.seocloud
{
width:98%;
color:#cccccc;
font-size:1.1em;
height:10px;
overflow:hidden;
font-weight:bold;
}
.c_footer{
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
color:#6a6a6a;
}
.c_footer_dash {
color:#6f0708;
}
.empty_issue{
width: 445px;
height: 10px;
clear:both;
}
.smbook{
width:100px;
}
.bluelinehr {
background-color : #93aade;
height : 2px;
width : 100%;
margin-bottom : 2px;
}
.plainredhdbg{
background-color : #990000;
font-size : 1.1em;
font-weight : bold;
color : #ffffff;
text-align : center;
border : 1px dotted #ffffff;
padding-top : 2px;
padding-bottom : 2px;
	}
.plaintitlesp {
background-color : #f9f8f4;
font-size : 1em;
color : #4a3629;
font-weight : bold;
text-align : center;
padding-top : 1px;
padding-bottom : 1px;
}
.plaininfostrike {
background-color : #ffffff;
font-size : 1em;
color : #4a3629;
font-weight : bold;
text-align : center;
text-decoration:line-through;
padding-top : 1px;
padding-bottom : 1px;
}
.largerfont{
font-size:1.2em;
line-height:1.4em;
color : #4a3629;
	}
.plaininfo {
background-color : #ffffff;
font-size : 1em;
color : #4a3629;
font-weight : bold;
text-align : center;
padding-top : 1px;
padding-bottom : 1px;
}
.notifybox{
width:465px;
border:1px solid  #990000;
padding-left: 2px;
padding-right:2px;
padding-top:8px;
margin-bottom:10px;
}
.redsubmit{
background: 	#990000;
color: #ffffff;
font-weight:bold;
	}
.referbox_top {
background : transparent url(../img/competitions/referrals/top.jpg) no-repeat 0 0;
height:64px;
width:472px;
padding-left:5px;
padding-right:3px;
}
.referbox_middle {
background : transparent url(../img/competitions/referrals/middle.jpg);
background-repeat:repeat-y;
width:472px;
padding-left:5px;
padding-right:3px;
}
.referbox_bottom {
background : transparent url(../img/competitions/referrals/bottom.jpg) no-repeat 0 0;
height:105px;
width:472px;
padding-left:5px;
padding-right:3px;
}
.statusheading{
color:#ffffff;
background:#6a090a;
}
.statusoption{
background:#CCCCCC;
font-weight:bold;
font-size:0.7em;
}
#table_container {
    border: 1px #ccc solid;
    padding: 4px;
}
/*design for the marketing resources sharing section */
.mk_left{
float:left;
background : transparent url(../img/icons/file_dwn.jpg) no-repeat 0 0;
width:90px;
height:75px;
margin-right:10px;
}
.mk_right{
width:340px;
height:75px;
}
.hid {
color : #545454;
font-weight : bold;
width : 390px;
float : left;
padding-left : 2px;
margin-bottom : 5px;
}
a.hid {
color : #545454;
margin-top : 2px;
text-decoration : none;
outline-style : none;
}
a.hid em {
display : none;
}
a.hid:hover {
text-decoration : none;
color : #545454;
margin-top : 2px;
}
a.hid:active, a.hid:focus {
background : transparent;
}
a.hid:active span, a.hid:focus span {
display : none;
}
a.hid:active em, a.hid:focus em {
display : block;
color : #545454;
width : 100%;
font-style : normal;
cursor : default;
}
.evalformtxtmid {
color : #990000;
width : 150px;
}
.evalformtxtlong {
color : #990000;
width : 200px;
}
.evalsubmit {
background : #6b84b5;
color : #ffffff;
font-weight : bold;
float : left;
}

/*TOOLTIPS FOR CUSTOMER PORTAL*/

a.tipinfo{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none;
	color:red;
	}

a.tipinfo:hover{z-index:25;}

a.tipinfo span{display: none}

a.tipinfo:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:30em;
    border:1px solid #FFFFFF;
    background-color:#010000; color:#FFFFFF;
    text-align: left;
	padding-left:3px;
	padding-right:3px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:1em;
	font-weight:normal;
	}

.alert{
color:#FF0000;
}
.rhs_status{
width:225px;
background-color:#f4f4f4;
height:400px;
}
.rhs_status_box{
width:220px;
background-color:#FFFFFF;

}

*========================= RANGER New Pages =========================*/

#ranger_banner_new						{width:701px;height:119px;postition:relative;float:right;}
#ranger_recommends_banner span 			{display:none;}

#ranger_banner_newtop					{width:670px;overflow:hidden;postition:relative;float:right;background-image: url(/img/diligence/branding/newpage_top.jpg);padding:15px;}
#ranger_banner_newtop p					{font-family: Arial, Helvetica, sans-serif;font-size: 1.0em;padding:0px;margin:0px;}
#ranger_banner_newtop a					{font-family: Arial, Helvetica, sans-serif;text-decoration: none;font-weight:bold;}
#ranger_banner_newtop h1					{font-family: Arial, Helvetica, sans-serif;color: #000000;font-size: 1.5em;font-weight: bold;text-align:left;margin:0px;border:0px;}


#nps_score {
	position: absolute;
	top: 10px;
	left: 400px;
	width: 170px;
}

#nps_score a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size:12px;
}

.tooltip {
	display:none;
	background-color:#ffa;
	border:1px solid #cc9;
	padding:3px;
	font-size:13px;
	-moz-box-shadow: 2px 2px 11px #666;
	-webkit-box-shadow: 2px 2px 11px #666;
	width: 220px;
	z-index: 10;
}

.tooltip ul {
	list-style: none;
}

.tooltip li {
	margin-top: 10px;
}