﻿/* KLC - trying to keep all customer config css files in the same general order/format
to make them easier to manage. Trying to keep styles on the same line number and allow 
room for styles that differ across configurations. */
body
{
	font-family: arial, helvetica, sans-serif;
	background-color: #f2f2e6;

}
a 
{
	color: #006;
}
a:hover 
{
	color: #C00;
}










dd {
	color: #333; 
	min-height:35px; /* kk added back in - does this impact other dds? we had to remove this before */
	height:auto;
}
/* kk removed
#home-content dd {
	min-height:35px;
	height:auto;
}*/

dt{
	color: #333;
}
dt a {
	color: #00F;
}
dt a:hover {
	color: #C00;
}
dt.separator {
	border-top: 2px dotted #ccc;
}
dl a 
{
	color: #960;
}

#container-content
{
	background-color: #f2f2e6;
	border-top: 1px solid #666;
}
#outercontainer
{
	background-color: #f2f2e6;
}
#outercontainer2
{
	background-color: #f2f2e6;
}
#outercontainer3
{
	background-color: #f2f2e6;
}














/* layout */

#logo {
	width: auto;
	padding: 6px 0px 10px 16px;
}



#sitebranding
{
	float: right;
	display: inline;
	width: 320px;
	padding: 10px 0 10px 0;
	margin-right: .5em;
}











/* end base */

/* IDs and classes. alphabetically where possible */

#results .agency {
 	border: 1px solid #999; 
	
	}
#results .agency h2 
{
	background-color: #6b78a2;
	color: #fff;
}
#myresults .agency {
 	border: 1px solid #999; 
	
	}
#myresults .agency h2 
{
	background-color: #fff;
	color: #000;
}
#myresults table th {
	color: #fff;
	border-top: 1px solid #999;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #c2c6dd; 
	}
	
#myresults th 
{
	background-color: #8e96b7;
	/*background:url(../../rhshared/images/tableheader.gif) repeat-x left top;*/ /* KLC- this is overwriting the selected state
	when the 'current' style is being used in mypages */
	color: #FFF; 
	}

.alertheader 
{
	color: #000;
	background-image: url(../images/icon_yellowalert_header.gif); 
}
#arrow 
{
	background-image: url(../images/bg-search-arrow.jpg); 
	background-repeat: no-repeat;
	background-position: right top;
	background-color: transparent;
	width: 100%;
	height: auto;
}
.arrow 
{
	background-image: url(../images/bg-search-arrow.jpg); 
	background-repeat: no-repeat;
	background-position: right top;
	background-color: transparent;
	width: 100%;
	height: auto;
}
.advancedsearcharrow
{
	background-image: url(../images/advanced-search-arrow.jpg); 
	background-repeat: no-repeat;
	background-position: right top;
	background-color: transparent;
	width: 100%;
	height: auto;
}

.block {
	background-color: #fff;
}	

#blocknav 
{
	background-color: #669; 

}



#blocknav li 
{
	color: #fff;
}

#blocknav a.skiplink {
	background-color: #669;
}
#blocknav a.skiplink:hover {
	background-color: #e2e0eb;
}


#blocknav a 
{
	color: #fff; 
}

#blocknav a:hover {
	color: #c00;
	background-color: #fff; 
}


.blockoutline 
{
	background-color: #fff;
	display: block; /* check all browsers if changing this */
	border-right: 1px solid #669;
	border-bottom: 1px solid #669;
	border-left: 1px solid #669;
	height: auto;
	padding-bottom:18px;
}









.button a {
	text-decoration: none;
	background-color: #f0eef6;
	border: 2px solid #fff;
}
.button a:hover {

	text-decoration: underline;
	background-color: #fff;
}


.button ul {
	color: #000;
}




/* can we move some of this to a shared file? */
.buttonbar {
	clear:both;
	min-height: 20px;
	height: auto;
	padding: 10px;
	background:#b0d1ff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #b3b3d6;
	border-bottom: 1px solid #b3b3d6;
	background-image:url(../images/bg-submit.gif);
	background-repeat:repeat-x;
	background-position:center;
	}
	












.current  a
{
	color: #F00;
}


table 
{
	border-left: solid 1px #999;
}

table .current a 
{
	color: #61688c;
}

table thead tr th.current 
{
	background-color: #dad9e9;
	background:url(../rhshared/images/tableheader-selected.gif) repeat-x left top; 
	
}




















#detailsheader 
	{
	background-color: #e2e0eb;
	border-top: #999;
	border-bottom: #999;
	}
#detailsheader ul.button li a 
	{
	background-color: #f0eef6; 
	border: #dae5d5;
	}
#detailsheader ul.button li a:hover 
	{
	background-color: #fff; 
	}

.detailsbar 
	{
	background-color: #e2e0eb;
	border-top: #999;
	border-bottom: #999;
	}
.detailsbar ul.button li a 
	{
	background-color: #f0eef6; 
	border: #dae5d5;
	}
.detailsbar ul.button li a:hover 
	{
	background-color: #fff; 
	}




.errorMessage li a
{
	color: #c00;
}
.errorMessage p a 
{
	color: #c00;
}
.errorMessage h2 
{
	color: #C00;
}








#featurespanel.compare
	{
	border-right: 0;
	border-left: 0;
	margin-top: 0; 
/*	border-right: 1px solid #666;
	border-bottom: 0px solid #666;
	border-left: 1px solid #666;
	margin-top: -6px; */
	}





#features, #featurespanel
{
	border-top: 1px solid #fff; 
}

.featuresheader {
	background-color: #f2f2e6; 
	border-bottom: solid 2px #fff;
}






#footer 
{
	border-top: 1px solid #999;
	background-color: #fff;

}
#footer li 
{
	border-left: 1px solid #666;
}
	
#footer li.first 
{
	border-left: 0px solid #999;
}

#footer li a 
{
	text-decoration: none; 
}	










.geoinput2 {
	background-color: #f2f2eb; 
}


.group 
{
	background-color: #e2e0eb; 
	border-top: 1px solid #b1b1b1;
	border-bottom:  1px solid #b1b1b1; 
}


















/* icons */

#h1_acrobat {
    color: #000;
	background-image: url(../images/icon_save.gif); 
	}
#h1_alert {
	color: #000;
	background-image: url(../images/icon_yellowalert_header.gif); 
}
#h1_error 
{
	background-image: url(../images/icon_error.gif); 
}
#h1_infoline 
{
	background: url(../images/icon_infoline.gif) no-repeat left top; 
}
#h1_geotarget 
{
	background: url(../images/icon_geotarget.gif) no-repeat left top; 
}
#h1_help 
{
	background: url(../images/icon_help.gif) no-repeat left top; 
}
#h1_location 
{
	background: url(../images/icon_location.gif) no-repeat left top; 
}
#h1_mail 
{
	background: url(../images/icon_mail.gif) no-repeat left top; 
}
#h1_print 
{
	background: url(../images/icon_print.gif) no-repeat left top; 
}

#h1_professional 
{
	background: url(../images/icon_professional.gif) no-repeat left top; 
}
#h1_public 
{
	background: url(../images/icon_public.gif) no-repeat left top; 
}
.h1_public 
{
	background: url(../images/icon_public.gif) no-repeat left top; 
}
#h1_save 
	{
	background: url(../images/icon_save.gif) no-repeat left top; 
	}
/* current design uses same icon 2x on directory page, and requires an ID, which can't be duplicated on the page -- not XHTML compliant */
#h1_save2
	{
	background: url(../images/icon_save.gif) no-repeat left top; 
	}
#h1_search 
{
	background: url(../images/icon_search.gif) no-repeat left top; 
}
#h1_searchhistory 
{
	background: url(../images/icon_searchhistory.gif) no-repeat left top;
}
#h1_searchoptions 
{
	background: url(../images/icon_searchoptions.gif) no-repeat left top; 
}
#h1_refineresults 
{
	background: url(../images/icon_refineresults.gif) no-repeat left top; 
}
#h1_resource
{
	background: url(../images/icon_resource.gif) no-repeat left top; 
}
.h1_signin 
{
	background: url(../images/icon_signin.gif) no-repeat left top; 
}
#h1_signin 
{
	background: url(../images/icon_signin.gif) no-repeat left top; 
}
#h1_specialedition 
{
	background: url(../images/icon_specialedition.gif) no-repeat left top;
}
#h1_techsupport 
{
	background: url(../images/icon_techsupport.gif) no-repeat left top;
}
.h1_timeout 
{
	background: url(../images/icon_searchhistory.gif) no-repeat left top;
}

#h1_tips 
{
	background: url(../images/icon_tips.gif) no-repeat left top; 
}
.h1_translation 
{
	background: url(../images/icon_translation.gif) no-repeat left top; 
}
#h1_usetheresults 
{
	background: url(../images/icon_usetheresults.gif) no-repeat left top; 
}
#h1_weblinks 
{
	background: url(../images/icon_weblinks.gif) no-repeat left top; 
}
#h1_yellowalert 
{
	background: url(../images/icon_yellowalert.gif) no-repeat left top; 
}



/* end icons */














#header {
	background-color: #fff;
}


/* home */


#homebanner h1 a
{
  color: #61618c; 
}
a.homebannerh1 
{
	color: #fff;
}
#homebanner h2
{
  color: #61618c; 

}
#homebanner 
{
 border-bottom: solid 1px #999; 
 background: #e2e1f3 url(../images/home_back.gif) repeat-x right bottom; 

}
#homebanner_left
{

  background-image: url(../images/home_people.jpg);
  background-repeat: no-repeat;
  background-position: bottom left; 

}
#homebar 
{
	background-color: #e2e0eb; 
}

#homebannercontainer 
{
	background-color:  #f2f2e6;
	
}
















.iconheader {
	color: #336; 
	background-image: url(../images/icon_header.gif);
}
.iconheader a{
	color: #336; 
}
/* can this go in a shared file */
.iconheader-alert {
	color: #000;
	background-image: url(../images/icon_yellowalert_header.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 10px 10px 2px 5px;
	font-style: normal;
}











#keywordcontainer 
{
	border-top: 1px solid #fff; 
}
















.list {
	border-top: 0px solid #9AA7C0;
}

.list li {
	color: #000;
}
.list a {
	color: #339; 
	
}
.list a:hover {
	color: #C00; 
}
.listheading {
	color: #333; 
	}

.list ul.bullets {
	color: #000;
}
#location_buttons a {
	background-color: #e2e0eb;
	border: 1px solid #669; 
}














#mytips {
	border-top: 1px solid #fff; 
}
#mytips h2 {
	background-color: #e2e0eb;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	color: #336; 
}











.navlist {
	border-top: 0px solid #9AA7C0;
}
.navlist li a.current {
	color: #f00;

}

#nosearchoptions {
	background-color: #e2e0eb;
	border-bottom: solid 1px #669;
}
.notebox 
{
	background-color: #e8eef8;
}









.outercontainer {
	background-color: #f2f2e6;

}






















#page h2.page {
	background-color: transparent; 
	}
#page ul {
	color: #666; 
}
#page a {
	color: #339; 
	background-color: #e2e0eb;
	border: 1px solid #ccf; 
}
#page a:hover {
	color: #c00; 
	background-color: #fff;
	border: 1px solid #ccf; 
}
#page a.current {
	color: #c00; 
}

#panel_categories
{
 background-color: #fff; 
}

.privacybox 
{
	border: solid 1px #000;
	background: #fff; 
}



















a.red 
{
  color: #e20202; 
}

#registereduser {
	background-color: #e2e0eb;
	border-bottom: solid 0px #669;
	padding-right: 2.5%;
}



#results {
	
	border-top: 1px solid #fff; 
}














#resultstabs 
{
	background: url(../images/bg-tabs.gif) repeat-x bottom;
    border-bottom: 0px solid #EEEEE0; 
	
}
#resultstabs li 
{
	background: url(../images/tab-left.gif) no-repeat left top; 
}
#resultstabs a 
{
	color: #006; 
	background: url(../images/tab-right.gif) no-repeat right top; 

}
#resultstabs .current 
{
    background-image: url(../images/tab-left-currentresults.gif); 
}
#resultstabs .current a 
{
    background-image: url(../images/tab-right-currentresults.gif); 
	
}
#resultstabs .current a:hover 
{
    background-image: url(../images/tab-right-currentresults.gif); 
}

/*  alphabet config styles =========*/
#alphabet h2.page {
	background-color: #fff; 
	}
#alphabet ul {
	color: #666; 
}
#alphabet ul li {
	color: #339; 
	background-color: #e2e0eb;
	border: 1px solid #ccf; 
	/*text-decoration: underline;*/
}
#alphabet a:hover {
	color: #c00; 
	background-color: #fff;
}
#alphabet li.current {
	color: #c00; 
	background-color: #fff;
}
#alphabet li.current a{
	color: #c00; 
	background-color: #fff;
}


#reg_kwordsearch #searchbutton
{
	float:left;
/*	padding-left: 13em;
}#searchbutton 
{*/
	padding-top: 6em;
	padding-left: 8em;
	padding-bottom: 10em;	
}
.searchbutton 
{
	padding-top: 73px;
	padding-left: 29px;
	padding-bottom: 100px;	
}

#searchtabs 
{
	background: url(../images/bg-tabs.gif) repeat-x bottom;
    border-bottom: 0px solid #EEEEE0;
}
#searchtabs li 
{
	background: url(../images/tab-left.gif) no-repeat left top;
	font-size: .75em;
}
#searchtabs a 
{
	background: url(../images/tab-right.gif) no-repeat right top; 
}

#searchtabs a:hover 
{
	text-decoration: underline;
}
#searchtabs .current 
{
    background-image: url(../images/tab-left-current.gif);
    border-bottom: 0px solid #EEEEE0;

}
#searchtabs .current a 
{
	color: #006;
    background-image: url(../images/tab-right-current.gif); 
}


.section 
{
	color: #960; 
}

.selected 
{
  color: red;
}

a.service 
{
	color: #960;
}

.servicecontainer {
	
	border-top: 1px solid #e6e6cb; 
	}

.shadow 
{
	
	background-color: #f2f2e6;
	background-image:  url(../images/bg-shadow.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 1em;
	height: auto;
	border-right: 1px solid #f2f2e6;
	border-left: 1px solid #f2f2e6;
  

}
/* for Internet Explorer */
/*\*/
* html .shadow {
	/*JHY: shadow class is now only used on home page, and the container has 16px of padding, so the shadow height is no longer needed.*/
	/*height: 16px;*/
}

#showresults 
{
	background-color: #e2e0eb;
}

.signinlinks 
{
	border-top: 1px solid #669;
}
.static
{
	color: #006;
	font-weight: bold;
} 
#submitform {
	border-top: #999;
	background-color: #6b78a2;
}


#tips 
{
	border-top: 0px solid #fff; 
}
.topbutton a 
{
	text-decoration: none;
	background-color:#f8fafd;
	border: 1px solid #fff;
	background-image:url(../images/bg-button.gif);
	background-repeat:repeat-x;
	background-position:center;
}

.topbutton a:hover 
{
	text-decoration: underline;
	background-color:#FFF;
	background-image:url(../images/bg-button2.gif);
	color:#CC0000;
	
}


#tree  
{
	color: #000;
}
#tree a:hover 
{
	color: #C00; 
}
#tree_buttons ul 
{
	color: #000; 
}


#tree_buttons a 
{
	background-color: #e2e0eb; 
	border: 1px solid #669; 
}



.user_groups li a
{
	color: #960;
}

.yellowalert 
{
  color: #ff0202; 
}

/* 
	JCR: Attempt at minnesota colors for Karl's special hr
	     these colors don't come from any authority so feel
	     free to change them 
*/
div .rule {	
	border-top-color: #ccc;
	border-bottom-color:#fff;
}


/* pui-header */
.savedsearches
	{
	color: #006; 
	}


/* pui-tipsdetail.css */
.termheading {
	background-color:#e2e0eb;
	}
.term {
	background-color:#fff;
	border-right: 1px solid #e2e0eb;
	border-bottom: 1px solid #e2e0eb;
	border-left: 1px solid #e2e0eb;
	}
	
/* narrow focus table on keyword_search*/
div.topictable table th 
	{
	background-color: #f2f2e6;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	}
div.topictable table a 
	{
	color:#006;
	}

div.topictable table 
	{
	border-left: solid 1px #ccc;
	}
div.topictable table td 
	{
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	}

/* override results highlighting */
.instructions strong
	{
	background-color: #ffff99;
	}

.agency strong 
	{
	background-color: #ffff99;
	}
.agency h2 strong 
	{
	background-color: #ffff99;
	color: #000;
	}
.agency h3 strong 
	{
	color:#000;
	background-color: #ffff99;
	}
.agency table
	{
		width: 100%;
	}
.resultstable strong
	{
	background-color: #ffff99;
	}
/* 
NOTE: .highlight is only a marker
      actual highlighting should only occur
      if strong is used inside of highlight
.highlight
	{
		background-color: #ffff99;
	}
*/

/* override details highlighting */
.servicedetails .servicedescription strong 
	{
	background-color: #ffff99;
	}
.servicedetails .agencyname strong 
	{
	background-color: #ffff99;
	}
.servicedetails .servicename strong 
	{
	background-color: #ffff99;
	}
.termslist strong
	{
	background-color: #ffff99;
	}		
.servicedetails .highlight strong
	{
	background-color: #ffff99;	
	}
	
	

/* main.css */
.groupheading {
	background-color: #edf4ff;
	
  }
.groupheading h3 {
	color: #336;
	border-top: 1px solid #666;
	border-bottom: 0px solid #6486c8;
	background-image: url(../images/test-tableheader-selected.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.group 
{
	
	background-image: url(../images/bg-linklist.gif);
	background-repeat: repeat-x;
	background-position: left bottom;

  }
  
#summaryHeader.group 
	{
		background-image: url(../images/bg-group.gif);
		background-repeat: repeat;
		background-position: right;
	}
  
 
  
  
/* moved to compare.css */
table.compare tr.alt {
	background-color:#edf4ff;

	}
table.compare th {
	color: #000;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc; 
	}
thead.hide th {
	color: #edf4ff;
	}


table.compare td {
	border: 1px solid #ccc;
	}
table.compare td a {
	color: #006;
	}
table.compare td a:hover {
	color:#C00;
	}



table.compare th a.remove
{
	text-decoration: none;
	background-color: #f0eef6;
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	background-image:url(../images/bg-button.gif);
	background-repeat:repeat-x;
	background-position:center;
	color: #006;
}

table.compare th a.remove:hover 
{
	text-decoration: underline;
	background-color:#FFF;
	border-top: 1px solid #999;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #999;
	background-image:url(../images/bg-button2.gif);
	color:#C00;
}
table.compare td .provider {
	font-weight: bold;
	}
table.compare td .service a {
	color: #006;
	}
table.compare td .service a:hover {
	background-color: #fff;
	color:#C00;
	}
table.compare td a.pdf
{
	text-decoration: none;
	background-color: #f0eef6;
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	background-image:url(../images/bg-button-adobe.gif);
	background-repeat:no-repeat;
	background-position: center left;
	color: #006;
}

table.compare td a.pdf:hover 
{
	text-decoration: underline;
	background-color:#FFF;
	border-top: 1px solid #999;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #999;
	background-image:url(../images/bg-button-adobe2.gif);
	color:#C00;
}
	
/* pui-results too */
.buttonbar-top {
	background:#b0d1ff;
	border: 1px solid #666;
	background-image:url(../images/bg-submit.gif);
	background-repeat:repeat-x;
	background-position:center;
	min-height: 20px;
	height: auto;
	padding: 10px;
	}
.buttonbar-bottom {
	background:#b0d1ff;
	border: 1px solid #999;
	background-image:url(../images/bg-submit.gif);
	background-repeat:repeat-x;
	background-position:center;
	min-height: 20px;
	height: auto;
	padding: 10px;
	}

/* compare.css */
.buttonbar-compare {
	background:#ebeefc;
	border-top: 1px solid #666;
	background-image:url(../images/bg-submit.gif);
	background-repeat:repeat-x;
	background-position:center;
	}
	
	
/* main.css */
.list-dlul {
	font-size: .75em;
	padding: 10px 10px 10px 4px;
	} 
.list-dlul dt {
	font-weight: bold; 
	color: #000;
	}
.list-dlul li a
{
	color: #336;
}
.list-dlul li a:visited
{
	color: #663399;
}



/* DNS irregularities splash screen styles */
#dns #header {background-image: url(../images/header-photo-01.jpg); background-repeat: no-repeat; background-position: right top;	}
#dns #header #logo {padding-top: 30px;}
#dns #homebanner {min-height: 260px; height: auto;}
#dns #homebanner h2, #dns #homebanner p {padding-top: 10px;}
#dns #homebanner_left {background-image:url(images/redirect.png); width: 330px; height:auto;}
#dns #homebanner_right {padding-top: 55px; width: 53%; height:auto;}
#dns #footer {background-color: #f2f2e6;}