



/* imports from cceerc.css */

.hue {background-color: #C6DEEB;}

.staging {display: none;}

.classification, .variable, .sub-category-even {
background-color: #eee;
}

.cus {font-size: 11px;}

.sub-category-odd {background-color: #fff;}


.state-table {
padding: 3px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 11px;
}

.navigation-strip {background-color: #eee;}

.white {background-color: #fff;}

.red {color: #CC0000;}

.stripe {background-color: #000033;}

.see-also {
background: #EEE;
float: right;
padding: 10px 5px 5px 5px;
width: 200px;
font-size: 11px;
margin-top: 5px;
}

.see-also2 {
background: #eeeeee;
padding: 5px;
margin-top: 5px;
width: 250px;
}

.body {background-color: #FFFFFF;}

.view {
text-align: right;
color: #999999;
font-size: 12px;
}

.view-strong {
text-align: right;
color: #3D4242;
font-size: 12px;
}

.headline {
padding-left: 25px;
font-size: 11px;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 2px;
margin-bottom: 2px;
}


.headline2 {
padding-left: 0px;
font-size: 11px;
padding-top: 2px;
padding-bottom: 8px;
margin-top: 2px;
margin-bottom: 2px;
}

a:link {color: #00496e;}

a:hover {color: #00496e;}

a:active {color: #00496e;}

a:visited {color: #660066;}

h1 {
padding-top: 5px;
margin-top: 5px;
color: #000033;
font-size: 19px;
padding-left: 10px;
}

h2 {
color: #000033;
font-size: 17px;
padding-left: 10px;
}

h3 {
color: #000033;
font-size: 15px;
padding-left: 10px;
}

h4 {
color: #000033;
font-size: 13px;
padding-left: 10px;
}

p {
color: #3D4242;
padding-left: 10px;
}

ol {color: #3D4242;}

ul {color: #3D4242;}

.tagline {
color: #000033;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 11px;
line-height: 150%;
}

.small {
color: #3D4242;
font-size: 11px;
}

.smaller {
color: #3D4242;
font-size: 10px;
padding: 3px;
}

select.front {font-size: 10px;}


td {
padding: 0px;
color: #3D4242;
}

th {color: #3D4242;}

.right-nav {
font-size: 11px;
color: #FFFFFF;
}

.noindent {padding-left: 0px;}

.noindent-small {
padding-left: 0px;
font-size: 11px;
}

.large-table {font-size: 12px;}

a.nav:link, a.nav:hover, a.nav:active, a.nav:visited {text-decoration: none;}

/* remove random image from page with already a lot of images on it */

body#norandomimage #childImageWrapper {display: none;}

.primary-navigation {
margin-left: 25px;
padding-left: 0px;
padding-right: 5px;
line-height: 120%;
color: #000033;
list-style-image: url(/childcare/images/arrow-blue.gif);
}

.nav1 {
padding-bottom: 10px;
font-weight: bold;
}

a.nav-p:link, a.nav-p:hover, a.nav-p:active, a.nav-p:visited {
text-decoration: none;
color: #000033;
}

.secondary-navigation {
padding-left: 25px;
padding-right: 5px;
font-size: 12px;
line-height: 90%;
color: #FFFFFF;
list-style-type: disc;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}

a.nav-s:link, a.nav-s:hover, a.nav-s:active, a.nav-s:visited {
text-decoration: none;
color: #fff;
}

.body2 {
background-color: #eeeeee;
background-repeat: repeat;
padding-left: 10px;
padding-right: 5px; 
}

.white {background-color: #ffffff;}

h3.front {
padding-bottom: 5px;
margin-bottom: 5px;
}

.initialcap {
font-size: 26px;
font-weight: bold;
color: #000033;
}

p.front {font-size: .8em;}


.page-blurb {padding-left: 20px;}

.blurb {
color: #3D4242;
font-size: 11px;
padding: 10px;
margin: 20px;
background-color: #eee;
}

.blurb2 {
color: #3D4242;
padding: 5px;
margin: 20px;
background-color: #eee;
}

.blurb3 {
color: #3D4242;
padding: 5px;
background-color: #eee;
}

.even {background-color: #f2f2f2;}

.odd {background-color: #ffffff;}

.image-span {line-height : 5px;}

.section-nav {float: right;}

.new {background-color: #ffff66;}

.conf {padding-left: 110px;}

p.form {width: 525px;}

.tabs {display: none;}

.newhead {
font-size: 12px;
margin-left: 12px;
}

.newonrc {
padding-left: 0px;
padding-top: 2px;
padding-bottom: 4px;
margin-top: 2px;
margin-bottom: 2px;
font-size: 11px;
list-style-image: url('/childcare/images/arrow-blue.gif')
}


/* SOLR search bar */

#solr {
background: #1f1f4c url('/childcare/images/solr_bg.jpg') top left repeat-x;
padding: 5px;
text-align: right;
border-width: 0 1px;
border-style: solid;
border-color: #fff;
}

#solr form {
	float: right;
	padding: 0 0 0 6px;
}

#solr .label {
	float: right;
color: #eee;
margin: 2px 0 0 0;
font-weight: bold;
font-size: 125%;
line-height: 99%;
}

/* end imports from old cceerc.css */

/* =============================================================================

CONTAINER HEIGHT FIXES FOR MOZILLA

============================================================================= */
#solr:after,
#titleBar:after,
#subWrapper:after,
#navWrapper:after,
#mainContent:after,
#panoWrapper:after,
#learnJoin:after,
#footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* =============================================================================

GENERAL STYLES

============================================================================= */

form,
input {
margin: 0;
padding: 0; 
vertical-align: middle;
}

.button {
background-color: #6699cc; 
border-style: solid; 
border-width: 1px; 
border-color:  #FFF #999 #999 #FFF; 
color: #fff;
margin-left: 10px;
font-weight: bold;
}

ul, li {
margin: 0;
padding: 0;
}

a {color: #39486F;}

a:hover {
color: #000;
text-decoration: none;
}

a img {border: 0;}

.leftImage {
float: left;
margin: 0 6px 6px 0;
}

.rightImage {
float: right;
margin: 0 0 6px 6px;
}

.centeredImage {
text-align: center;
margin: 6px;
}


/* =============================================================================

LAYOUT/STRUCTURAL STYLING - DO NOT EDIT!

============================================================================= */

body {
  padding: 0;
  margin:0;
  background: #fff;
  color: #3c3c3c;
  text-align: center;
  }
  
body, form, td {font: 13px "Trebuchet MS", verdana, arial, helvetica, sans-serif;}
  
  
#wrapper {
margin: 0 auto;
width: 997px;
text-align: left;
}

#subWrapper {
  background: #e9e7e8 url('/childcare/images/main_content_bg.jpg') top repeat-x;
  margin: 0;
  padding: 10px 20px;
  overflow: hidden;
  min-height: 600px;
  }
  
#home #subWrapper {
  min-height: 0;
  padding: 10px;
}
  
#subWrapper ul {
margin: 10px 0;
padding: 0;
}

#subWrapper li {
margin: 0 0 3px 25px;
padding: 0;
list-style-image: url('/childcare/images/double_gray_arrow.gif');
}

#subWrapper ol li {
list-style-image: none;
}
  
#mainContentWrapper {
}

/* =============================================================================

TITLEBAR

============================================================================= */

#titleBar {
background: #fff url('/childcare/images/titlebar_bg.gif') top left repeat-x;
padding: 0 0 10px 0;
margin: 0;
}

#logo {
float: left;
padding: 8px 0 0 16px;
}

#topLinks {
float: right;
padding: 14px 9px 0 0;
}

#topLinks a {
text-decoration: underline;
color: #4477ae;
}

#topLinks a:hover {
text-decoration: underline;
color: #000033;
}
	
/* skip navigation link for accessibility */

#skip a, #skip a:hover, #skip a:visited  { 
	position:absolute; 
	left:0px; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden;
} 

#skip a:active, #skip a:focus {
	position:static; 
	width:auto; 
	height:auto; 
}
	
/* end skip nav */

/* =============================================================================

RIGHT RAIL

============================================================================= */

#rightColumn {
position: absolute;
top: 0;
right: 0px;
background: #f2f2f2;
width: 206px;
}

.rightNav {
margin: 0;
}

#rightColumn .sectionTitle {
padding: 8px 4px;
background: #608fbb url('/childcare/images/rightnav_title_bg.jpg') top repeat-x;
margin: 0;
border-bottom: 1px solid #4377b1;
}

#rightColumn .sectionTitle h3 {
color: #eee;
font-weight: bold;
display: block;
font-size: 14px;
}

.rightNav ul {
margin: 5px 0 15px 0;
}

.rightNav ul li {
padding: 0;
margin: 0 0 0 25px;
list-style-image: url('/childcare/images/double_gray_arrow.gif');
}

.rightNav ul li a {
padding: 5px 0;
margin: 0;
display: block;
color: #000033;
text-decoration: underline;
font-weight: bold;
}

.rightNav ul li a.last {
border-bottom: 0;
}

.rightNav ul li a:hover {
text-decoration: underline;
}


/* =============================================================================

HEADER

============================================================================= */

#header {
overflow: hidden;
}

/* TOP NAVIGATION */
/* ============================= */

#navWrapper {
	margin-bottom: 0px;
	background: #a6a6a6;
	border-top: 2px solid #000033;
	border-bottom: 1px solid #fff;
	clear: right;
}

#nav {  
margin: 0;
padding: 0;
font-weight: normal;
float: left;
}

#nav li {
float: left; /* needs to be floated to display bg color */
margin: 0;
padding: 0;
display: inline;
position: relative;
top: 0;
left: 0;
z-index: 9999;
}  

#nav li a {
display: block;
padding: 9px 17px;
cursor: pointer;
color: #fff;
border-right: 1px solid #fff;
text-decoration: none;
text-align: left;
margin: 0px;
font-size: 11px;
font-weight: bold;
} 

#nav li a:hover
#nav li.off a:hover,
#nav li:hover a,
#nav li.over a,
#nav li.on a {
background: #1f1f4c;
}

#nav li.off ul,
#nav li.on ul {
display: none;
position : absolute; 
left: -1px;
top: 100%;
font-weight: normal;
margin: 0px;
padding: 0px;
color: #025395;
/*border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #fff;*/
background-color: #c7cbcc;
}

#nav li.on ul,
#nav li.off:hover ul,
#nav li.over ul {
display: block;
}

#nav li.off ul,
#nav li.on ul {
margin: 0;
display: none;
position : absolute;
}

#nav[id] li.off ul,
#nav[id] li.on ul {
}

#nav li.on ul {
display: block;
}

#nav li.off:hover ul,
#nav li.over ul {
display: block;
}

#nav li ul li {
padding: 0; 
margin: 0;
display: block;
clear: left;
width : auto; 
background-image: none;
position: relative;
} 

#nav li.off ul a:hover,
#nav li.over ul a:hover {
padding: 15px 5px 0 5px;
background-image: none;
background: #fff;
color: #000033;
}

#nav li.off:hover ul li,
#nav li.on:hover ul li {
/* float: none; - BREAKS DROPDOWNS IN IE7 */
margin: 0;
list-style-type:circle;
vertical-align: baseline;

}


#nav li.on ul a, 
#nav li.off ul a {
  float: none;
  color: #000033;
  margin: 0;
  padding: 4px 0 4px 17px;
  border-bottom: 1px solid #fff;
  border-right: 0;
  font-size: 12px;
  font-weight: bold;
  background: url('/childcare/images/double_white_arrow.gif') 5px 50% no-repeat;
  display: block;
  position: relative;
  text-decoration: none;
  text-align: left;
}

#nav li.off ul a:hover,
#nav li.on ul a:hover {
padding: 4px 0 4px 17px;
color: #000033;
text-decoration: underline;
background: #fff url('/childcare/images/double_gray_arrow.gif') 5px 50% no-repeat;
}

#nav li.on ul li ul a, 
#nav li.off ul li ul a {
	background: url('/childcare/images/double_white_arrow.gif') 20px 50% no-repeat;
	}
	
#nav li.off ul li ul a:hover,
#nav li.on ul li ul a:hover {
	background: #fff url('/childcare/images/double_gray_arrow.gif') 20px 50% no-repeat;
	}


#nav li.on ul li ul, 
#nav li.off ul li ul {
    margin: 0px 0 20px 0px;
	position: relative;
    top:0px;
    left: 0;
}

#nav li.off ul li ul a:hover,
#nav li.on ul li ul a:hover {
}





#nav li.on ul a.last, 
#nav li.off ul a.last {
border-bottom: 0;
}

#nav li ul li a {letter-spacing: 0px;}

#nav #a01 ul a {width: 18em;}

#nav #a02 ul a {width: 21em;}

#nav #a03 ul a {width: 19em;}

#nav #a04 ul a {width: 13em;}

#nav #a05 ul a {width: 18em;}

#nav #a06 ul a {width: 18em;}

#nav #a07 ul a {width: 15em;}

#nav #a09 ul a {width: 24em;}

#nav #a08 ul a {width: 19em;}

#home {position: relative;}

.indent {margin-left: 4px;}

#mainContent {
padding: 0;
position: relative;
}

/* =============================================================================

LEFT RAIL

============================================================================= */

#leftColumn {
width: 287px;
border-width: 0 1px;
border-style: solid;
border-color: #6699cc;
position: absolute;
left: 2px;
top: 0px;
background: #6699cc url('/childcare/images/left_column_bg.jpg') bottom repeat-x;
}

#leftNav {
margin: 14px 0;
padding: 0 6px;
}


#leftColumn .sectionTitle {
padding: 8px 9px;
background: #919191 url('/childcare/images/leftnav_title_bg.jpg') top repeat-x;
margin: 0;
}

#leftColumn .sectionTitle h3 {
color: #eee;
display: block;
}

#leftNav ul li {
padding: 0;
margin: 0;
list-style-type: none;
list-style-image: none;
}

#leftNav ul li a {
padding: 6px 0;
margin: 0;
border-bottom: 1px dotted #fff;
color: #fff;
display: block;
font-weight: bold;
text-decoration: none;
}

#leftNav ul li a.last {border-bottom: 0;}


#leftNav ul li a:hover {text-decoration: underline;}


/* =============================================================================

CENTER COLUMN - HOMEPAGE

============================================================================= */

#centerColumn {
margin-left: 301px;
margin-right: 216px;
background: #e9e7e8;
padding: 10px;
}

#homeSearch {
padding: 0;
margin-right: 657px;
border-width: 0 1px;
border-style: solid;
border-color: #fff;
min-height: 246px;
background: #000033;
height:auto !important;
height:246px;
}

#homeSearch .title {
height: 23px;
margin: 0 0 1em 0;
color: #eee;
padding: 8px 4px;
font-weight: bold;
font-size: 150%;
background: #7097c0 url(/childcare/images/search_title_bg.jpg) top repeat-x;
}

#homeSearch #search {min-height: 123px;}

#homeSearch #browse a {color: #fff;}

#homeSearchInner .field {margin: 0 5px 10px 0;}

#panoWrapperInner {
padding: 10px;
background: #fff;
float: right;
}

#centerContent {
background: #f2f2f2;
padding: 10px;
clear: left;
}

#pageTitle {
margin: 5px 0;
padding: 5px 0;
background: #ececec;
}

#pageTitle h2 {
letter-spacing: .125em;
font-size: 19px;
font-family: "Arial Black",arial,helvetica,sans-serif;
}

.centerQuote {
display: block;
padding: 10px;
font-size: 120%;
font-weight: bold;
line-height: 20px;
font-weight:bold;
color: #7198c2;
border-top: 1px dotted #7198c2;
border-bottom: 1px dotted #7198c2;
}

#noteworthyResources {margin: 22px 0 0 0;}

#noteworthyResources h3 {
letter-spacing: .125em;
color: #000033;
font-stretch: extra-condensed;
}

#noteworthyResources ul li {
padding: 0;
margin: 0 0 0 15px;
list-style-image: url('/childcare/images/double_gray_arrow.gif');
}

#noteworthyResources ul li a {
padding: 6px 0 6px 6px;
margin: 0;
display: block;
color: #515151;
}

#noteworthyResources ul li a.last {border-bottom: 0;}

#noteworthyResources ul li a:hover {text-decoration: underline;}

#learnJoin .item {
margin-right: 2px;
float: left;
padding: 7px 10px;
width: 119px;
background: #c8dfeb url('/childcare/images/lear_join_bg.jpg') top repeat-x;
border-bottom: 7px solid #a9a9a9;
min-height: 125px;
overflow: hidden;
}

#learnJoin .item h3 {
color: #000033;
font-size: 130%;
margin: 0;
padding: 0;
display: inline;
font-weight: normal;
}


/* =============================================================================

CENTER COLUMN - CHILD PAGE

============================================================================= */

#childContentWrapper {
border-width: 3px 1px;
border-color: #5E6371;
border-style: solid;
}

#childContentWrapper #searchResults {
background: #fff;
}

#childTitle {
padding-top: 24px;
text-align: right;
}

#childImageWrapper {
float: right;
margin: 0 0 10px 10px;
}

#front_page #childImageWrapper {display: none;}

#no_child_image #childImageWrapper {display: none;}

#find #childImageWrapper {display: none;}

#search_results #childImageWrapper {display: none;}

/* =============================================================================

FOOTER

============================================================================= */

#footer {
background: #fff;
text-align: center;
padding: 13px 0;
}


/* =============================================================================

MATVEY's EVIL

============================================================================= */



.nospace {
margin: 0px;
padding: 0px;
}


/* =============================================================================

tabs for ICPSR script pages

============================================================================= */


/*  dynamic tables generated from XML */

.dynamic-table {
padding-left: 10px;
width: 900px;
}

/*  end */


/* headline functions */

#dog #headline-list li {
list-style-type: disc;
list-style-image: none;
margin-bottom: 10px;
}

.tablehead {font-size: 1.1em;
}

/*  end */

/* prototype for floating full text */

.full-text {
position: relative;
float: right;
width: 250px;
border: 1px solid black;
margin-top: 0px;
}

#full_text li {
padding-bottom: 10px;
list-style-image: none;
}

/*  end */


/* for the info hovers on the manage side */

span.info{
position:relative;
z-index:24;
}

span.info:hover{
z-index:25;
}

span.info span{
display: none
}

span.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:-15px; 
left:150px; 
padding: 10px 10px 10px 10px;
line-height: 95%;
font-size: 95%;
background-color:#eeeeee; 
color:#000000;
width: 250px;
}

/* Right column for search results page   */

#facetarea {
	width : 200px;
}

.facetgroup ul li {
	font-size: 9pt;
	list-style-image: url('/childcare/images/double_gray_arrow.gif');
	/*margin-left: 25px;*/
}

#subscribe-results ul {
	list-style: none;
	}
	
#subscribe-results li {
	padding-bottom: 10px;
	font-size: 10pt;
	}	
	
#browse-options li {
	font-size: 10pt;
	}	

#related-searches li {
	padding-bottom: 10px;
	font-size: 10pt;
	list-style-type: circle;
}	

#related-searches ul li a {
	text-decoration: none;
}

.facet-heading {font-weight: bold;}

#related-searches p {font-size: 10pt;}	

#subscribe-results p {font-size: 10pt;}
	
}
	
.result-table p {font-size: 9pt;}
	
.alpha-block {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	padding:10px 10px 10px 10px;
	background-color:#cccccc;
	}

#facetgroups {background: #eee;}
	
#facetgroups ul li img {vertical-align: bottom;}

#right-col {
float: right;
width: 284px;
margin: -13px -35px 0 35px;
}

#right-col ul {
margin: 0;
padding: 0;
}

#right-col li {
margin: 0 0 .75em .75em;
padding: 0;
}

#right-col2 {
font-family: verdana, sans-serif; 
padding: 20px; 
color: #fff;
}

p.ddfbutton {
background-color: #006699;
width: 200px;
text-align: center;
font-weight: bold;
padding: 5px;
margin-left: 50px;
}

p.ddfbutton a {
color: #ffffff;
text-decoration: none;
}

	/* download page */
	

.download-row th {
font-size: 10pt;
border-bottom: 3px solid #000000;
vertical-align: bottom;
background-color: #c3c3c3;
}

.download-row {
	border-left: solid 1pt #9b9b9b;
	}

.download-row-all td {
font-size: 10pt;
background-color: #dddddd;
border-bottom: 1px solid #cccccc;
}

.download-row-even td {
font-size: 10pt;
background-color: #eeeeee;
border-bottom: 1px solid #cccccc;
}

.download-row-odd td {
font-size: 10pt;
background-color: #dddddd;
border-bottom: 1px solid #cccccc;
}

#choice_row td {
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 0px;
	}

.tabnav-new {
float: left;
font-size: .9em;
line-height: normal;
}

.tabnav-new ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}

.tabnav-new li {
float: left;
background:url("/childcare/images/white_left.gif") no-repeat left top;
margin: 0;
padding: 0 0 0 9px;
}

.tabnav-new a {
display: block;
background:url("/childcare/images/white_right.gif") no-repeat right top;
padding: 5px 15px 4px 6px;
text-decoration: none;
text-align: center;
font-weight: bold;
color: #000000;
}

.tabnav-new #current {
background-image:url("/childcare/images/grey_left.gif");
}

#subWrapper .tabnav-new ul {
list-style: none;
margin: 0;
padding: 10px 10px 0;
}

#subWrapper .tabnav-new li {
list-style: none;
float: left;
background:url("/childcare/images/white_left.gif") no-repeat left top;
margin: 0;
padding: 0 0 0 9px;
}

#subWrapper .tabnav-new #current {
background-image:url("/childcare/images/grey_left.gif");
}

.tabnav-new #current a {
background-image:url("/childcare/images/grey_right.gif");
padding-bottom: 5px;
}

/* this hides the old tabnav shown on ICPSR in Jon's scripts */

div.tabnav {
display: none;
}


/* for search results page */

.plusMinus {
	cursor: pointer;
	color: #e07e27;

/* for browse by topic page */

#topiclist .plusMinus {
	font-size: 150%;
	font-weight: bold;
	cursor: pointer;
	color: #e07e27;
}

#topiclist .expandable {margin-left: 1em;}

/* for dyanmic SDA pages */

.sdaform option {width: 400px;}
