@charset "utf-8";
/* CSS Document */
body {
   margin:0;
   padding:0;
   background-color:#423766;
   font:normal 12px/1.5em Arial, Helvetica, sans-serif;
   color:#333;
}

a {color:#006C6E;}
a img {border:none;}

h1 {font-size:1.55em;color:#006C6E;}
h2 {font-size:1.35em}
h3 {font-size:1.1em}

h1,h2, h3 {
   margin:.5em auto 1em auto;
   font-family:Georgia, "Times New Roman", Times, serif;
   line-height:1em;
}

h6 {
   font-size:.9em;
   margin:.25em auto .25em auto;
}

h2, h3, h4, h5 ,h6 {
   color:#423766;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   margin:.25em auto 1em auto;

}

form { margin:0;padding:0;}

hr { 
   background-color:#423766;
   border:none;
   height:1px;
   border-bottom:1px solid #423766;
}

#content table {border-collapse:collapse;border:none;}

#content th {
   padding:3px 5px;
   color:#fff;
   background-color:#666666;
   border:1px solid #fff;
}

#content tfoot {
   color:#222;
   background:#ddd;
}

#header {background-color:#D5CEE5;}

#header .lang {
   background: #735EA9;
   padding: 2px 0 1px;
}

#header .lang a { color: #fff; text-decoration: none;}

#header .lang, 
#header .lang a:link, 
#header .lang a:visited {
   color: #D5CEE5;
}

div.cms-guises-switcher {
   width: 800px;
   margin: 0 auto 3px;
}

#header ul.cms-guises-switcher { 
   margin: 2px 0; 
   padding: 0; 
   list-style: none; 
   float: right; 
}

#header ul.cms-guises-switcher li { 
   float: left;
   padding: 0 6px; 
}

#header ul.cms-guises-switcher li.english {
   border-right: 1px solid #D5CEE5;
}

#header .control {
   width:800px;
   height:77px;
   margin:0 auto;
   position:relative;
   border:1px solid #D5CEE5;
}

#header h1 { width:620px; margin:10px 0; }
#header h1 a.logo  {
   display:block;
   width:229px;
   height:61px;
   margin-right:13px;
   line-height:77px;
   float:left;
   background: url(/SiteData/images/EARLI_Early_Autism_Risk_Longitudinal_Investigation.gif) no-repeat center left;
   text-indent:-900em;
}

#header h1 a.full  {
   display:block;
   width:247px;
   height:13px;
   margin-top:16px;
   float:left;
   background: url(/SiteData/images/header.gif) no-repeat center left;
   text-indent:-900em;
}

#header h1 a.subText {
   display:block;
   width:359px;
   height:18px;
   margin-top:4px;
   float:left;
   background: url(/SiteData/images/header_subTxt.gif) no-repeat center left;
   background: url("/SiteData/images/earli-logo-subtext-v1.png") no-repeat scroll left center transparent;
   text-indent:-900em;
}

.Spanish #header h1 a.subText {
   background: url(/SiteData/images/header_sub/99f275a097511c0c/header_subTxt_es.gif) no-repeat center left;
background: url(/SiteData/images/headersubT/84b2d08248cf72f5/header_subTxt_es-v2.png) no-repeat center left;
   width: 359px;
}

/* English */
#header #login	{
   display:block;
   position:absolute;
   top:8px;
   right:15px;
   margin:0;
   text-align:right;
}

#header #login ul {
   margin: 0;
   padding:0;
   list-style: none; 
   float: right;
}

#header #login ul li { float: left; }

#header #login ul li.cms-nav-list-item1 a {
   display: block;
   font: normal 9px Verdana;
   color: #333;
   padding-right: 8px;
}

#header #headerContent {
  position: absolute;
  right: 70px;
  top: 7px;
}

.Spanish #header #headerContent {
  right: 98px;
}

.currentParticipants {
  color: #333333;
  display: block;
  font: 9px Verdana;
  padding-right: 8px;
  text-align: center;
  width: 100px;
}

#header #login ul li.cms-nav-list-item2 a {
   color: #000; 
   font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
   display: block; 
   padding-left:22px; 
   background:url(/SiteData/images/icon_lock.gif) no-repeat center left;
   line-height:18px;
}

#header .cms-welcome {
   clear: both;
   font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}

#header .cms-welcome,
#header .cms-welcome a,
#footer .cms-welcome,
#footer .cms-welcome a {
color:#000;
}
#header .cms-welcome-logoff { font-weight: bold;}

/* Spanish */

.Spanish #header dd {
   text-align:left;
   float:right;
   width: 70px;
}

.Spanish #header dt {
   float:left;
   padding-left:18px;
   width: 60px; 
}


#header .search {
   position:absolute;
   width:162px;
   bottom:10px;
   right:15px;
   text-align:right;
}

#header .search	span { display:none; }

#header .search .cms-search-terms {
   height:14px;
   width:130px;
   float:left;
   border:1px solid #999;
   font-size:.9em;
   color:#666;
   padding:3px;
}

#header .search .cms-search-button, 
#header .search .cms-submitted-btn {
   display:block;
   float:right;
   width:14px;
   height:15px;
   line-height:0;
   margin:4px 0 4px 8px;
   background: url(/SiteData/images/button_go.gif) no-repeat center center;
   text-indent:900em;
}

#content {
   width:800px;
   margin:0 auto;
   background-color:#fff;
   overflow:hidden;
}

#mainMenu {
   width:800px;
   margin:8px auto 0 auto;
}

#mainMenu ul {
   width:800px;
   margin:0;
   padding:0;
   background: url(/SiteData/images/nav_main_b/0bee060ac93e6997/nav_main_bg.gif) no-repeat 0 0;
   list-style-type:none;
   overflow: hidden;
}

#mainMenu li { 
   list-stye-type:none;
   position: relative;
   float:left;
}

#mainMenu li a {
   display:block;
   float:left;
   padding: 10px;
   margin:0 5px;
   color:#fff;
   text-decoration:none;
   font:bold 13px Arial, Helvetica, sans-serif;
   text-align: center;
   
}

#mainMenu li a.cms-nav-edit-special,
#intranet li.cms-nav-list-item1 a.cms-nav-edit-special {
   padding: 0;
   margin: 0;
   position: absolute;
   top: 0; left: 0;
   z-index: 2;
   border: 0;
   background: 0;
   -moz-box-shadow: none;
}

.Spanish #mainMenu li a {
   font-size: 12px;
}

.English #mainMenu li a br { display: none; }

#mainMenu li.cms-nav-list-item1 a {
   margin-left:20px;
}

#mainMenu li.cms-nav-current-section a, 
#mainMenu a:hover { 
   background-color:#CC6600;
   border:1px solid #fff;
   border-bottom:none;
   padding:9px;
}

#mainMenu li.cms-nav-current-section .cms-nav-edit-special {
   background:none;
   border:none;
}

#wide {
   padding: 10px;
}

/* Intranet/Extranet Menus */

#intranet {
   width: 780px;
   padding: 0 10px;
   margin: 0 auto;
   background: #735EA9;
}


#intranet ul {
   margin: 0;
   padding: 0 0 4px;
   list-style: none;
   clear: left;
   overflow: hidden;
   background: url(/SiteData/images/intranet-n/f42d2b84d916b8fd/intranet-nav-bg.gif) repeat-x 0 40%;
}

#intranet ul li {
   float: left;
   position: relative;
   font: bold 11px Verdana;
}

#intranet ul li a {
   display: block;
   color: #7A6AA6;
   border: 3px solid transparent;
   background: transparent;
   padding: 5px 8px;
   text-decoration: none;
}

#intranet ul li.cms-nav-list-item1 a {
   border: 3px solid #fff;
   background: #D5CEE5 url("/SiteData/images/icon_lock.gif") no-repeat scroll 6px center ;
   padding-left: 26px;
   -moz-box-shadow: 2px 2px 2px #333;
   -webkit-box-shadow: 2px 2px 2px #333;
   box-shadow: 2px 2px 2px #333;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   color: #413766;
}

#intranet ul li.cms-nav-current-section a {
   color: #2E2648;
}

#actionsMenu {
   width:167px;
   position:absolute;
   top:8px;
   right:5px;
}

#actionsMenu ul {
   list-style-type:none;
   padding:0;
   margin:0;
}

#actionsMenu ul li {}
#actionsMenu ul li a {
   display:block;
   width:167px;
   height:54px;
   text-indent:-900em;
}

/* English */

#actionsMenu ul li.item1 a {
   background: url(/SiteData/images/nav_banner_download.jpg) no-repeat left top;
   margin-bottom:2px;
}

#actionsMenu ul li.item2 a {
   background: url(/SiteData/images/nav_banner_mailingList.jpg) no-repeat left top;
   margin-bottom:2px;
}

#actionsMenu ul li.item3 a {
   background: url(/SiteData/images/nav_banner_Enroll.jpg) no-repeat left top;
}

/* Spanish */


.Spanish #actionsMenu ul li.item1 a {
   background: url(/SiteData/images/navbannerd/a38bd7c7e91cdecd/nav_banner_download-es.png) no-repeat left top;
   margin-bottom:2px;
}

.Spanish #actionsMenu ul li.item2 a {
   background: url(/SiteData/images/nav_banner/0914c583675c7ce9/nav_banner_mailingList_es.jpg) no-repeat left top;
   margin-bottom:2px;
}

.Spanish #actionsMenu ul li.item3 a {
   background: url(/SiteData/images/nav_banner/94a0bb941a0a0de0/nav_banner_Enroll_es.jpg) no-repeat left top;
}

#actionsMenu ul li a.cms-nav-edit-special {
   float: left !important;
   width: auto !important;
   height: auto !important;
   text-indent: 0 !important;
   background: none !important;
}

#interior #actionsMenu	{display:none;     top:0px;right:0px;background: url(/SiteData/images/banner_bg_all/7bb660c8f55a4fa978b6b637bda0e98f/banner_bg_all.jpg) repeat-y right center;padding:5px;}

#interior #actionsMenu .crnr_3		{display:block;width:8px;height:8px;position:absolute;bottom:0px;left:0;background:url(/SiteData/images/actions_crn_bl.gif) no-repeat bottom left;}

#interior #actionsMenu .crnr_4		{display:block;width:8px;height:8px;position:absolute;bottom:0px;right:0;background:url(/SiteData/images/actions_crn_br.gif) no-repeat bottom right;}

#content {
padding: 0 20px;
width:740px;
border:10px solid #735EA9;
border-bottom:0;
border-top:0;
overflow:hidden;
}

#columns {margin:20px 0;}

#interior #columns  .crnr_1		{display:block;width:8px;height:8px;position:absolute;top:0px;left:0;background:url(/SiteData/images/banner_crn_tl.gif) no-repeat top left;}

#interior #columns  .crnr_2		{display:block;width:8px;height:8px;position:absolute;top:0px;right:0;background:url(/SiteData/images/banner_crn_tr.gif) no-repeat top right;}

#columns.COL3 .col1, #columns.COL3 .col2, #columns.COL3 .col3	{float:left;margin: 8px 0 8px 8px;padding:10px;}

#columns.COL3 .col1		{padding:0 0px 0 0;margin-right:10;border-right:1px solid #ddd;width:196px;font-size:11px;line-height:16px;}

#columns.COL3 .col1 .control {padding:0 10px;margin:0 8px 0 0;background-color:#efefef;overflow:hidden;}

#columns.COL3 .col2 {
  padding: 10px;
  width: 330px;
}

#interior.twoColumns #columns.COL3 .col2 {width:574px}

#columns.COL3 .col3		{padding:0 0 0 8px;margin-left:0px;margin-right:8px;border-left:1px solid #ddd; width:152px;float:right;}


#interior #columns.COL3 {position:relative;background: url(/SiteData/images/banner_bg_all/7bb660c8f55a4fa978b6b637bda0e98f/banner_bg_all.jpg) no-repeat left -2px;}

#interior #columns.COL3 .control {background: url(/SiteData/images/interior_bg.gif) repeat-y 0 0;}

#interior.twoColumns #columns.COL3 .control {background:none;}

#interior #columns.COL3 .col1 {width:150px;margin:0;padding:0;border:0;background: url(/SiteData/images/banner_bg.jpg) no-repeat left -2px;}

#interior #columns.COL3 .col1 .control {padding:0;margin:0;background:none;}

#interior #columns.COL3 .col1 .control ul {padding:0;margin:7px 0 0 0;list-style-type:none;}

#interior #columns.COL3 .col1 .control ul ul {margin:0;padding:0;}

#interior #columns.COL3 .col1 .control ul li {padding:0;margin:0;list-style-type:none;}

#interior #columns.COL3 .col1 .control ul li a {display:block;font-size:12px;padding:9px 4px 8px 4px;text-decoration:none;border-bottom:1px solid #fff;color:#000;}

#interior #columns.COL3 .col1 .control ul li.cms-nav-current-section a, 
#interior #columns.COL3 .col1 .control ul li a:hover {background-color:#CC6600;color:#fff;}
#interior #columns.COL3 .col1 .control ul li.cms-nav-current-section li a {background:#E1AE7C;color:#222;padding-left:1em;}

#interior #columns.COL3 .col2 {
  margin: 0;
  overflow: hidden;
  padding: 20px 0 10px 10px;
  width: 370px;
}

/*Sam Slater from Netreach changed the '#interior #columns.COL3 .col2' width from 426px to 370px.  The wide center column was causing display problems with the right column.*/


#interior #columns .col3 {margin-top:7px;width:160px;}/*{margin-top:186px;width:160px;}*/
#interior #columns .col3 form, #interior #COL3 .col3 form select {width:140px;}

.col3 img.highlights	{padding:7px;background-color:#efefef;width:138px;}
#interior .col3 img.highlights	{padding:14px;background-color:#efefef;width:132px;}
.cms-content-items { margin: 0; padding: 0; list-style: none; }
.col3 .post .cms-content-item, 
.box {padding:7px;background-color:#efefef;font-family:Arial, Helvetica, sans-serif;}
.col3 .post h3	{font-size:11px;line-height:11px;color:#CC6600;margin:0 0 10px 0;font-family: Verdana, Arial, Helvetica, sans-serif;}

.col3 .post p {
   border-bottom:1px dotted #999;
}

.col3 .post p, 
.box p	{
   font-size:12px;
   line-height:14px;
   margin:8px 0 0 0;
   padding-bottom:6px;
}
div.box {margin:8px auto;}


#sponsors {border-top:5px solid #CC6600;}
#interior #sponsors {height:20px;border-top:5px solid #CC6600;}
#sponsors ul {margin:0;padding:0;list-style-type:none;}
#sponsors ul li {list-style-type:none;display:inline;}
#sponsors ul li a {display:block;float:left;width:108px;height:83px;text-indent:-900em;margin:0 4px;}

#sponsors .drexel a {
  background: url("/SiteData/images/logo-drexel-resize.jpg") no-repeat scroll center center transparent;
  width: 125px;
}

#sponsors .car a {
  background: url("/SiteData/images/logo-chop-resize.jpg") no-repeat scroll center center transparent;
  width: 100px;
}

#sponsors .bloomberg a {
  background: url("/SiteData/images/logo-bloomberg-resize.jpg") no-repeat scroll center center transparent;
  width: 100px;
}

#sponsors .krieger a {
  background: url("/SiteData/images/logo-krieger-resize.jpg") no-repeat scroll center center transparent;
  width: 90px;
}

#sponsors .kaiser a {
  background: url("/SiteData/images/logo-kaiser-resize.jpg") no-repeat scroll center center transparent;
  width: 80px;
}

#sponsors .davisPHS a {
  background: url("/SiteData/images/logo-davisPHS-resize.jpg") no-repeat scroll center center transparent;
  width: 90px;
}

#sponsors .davisMIND a {
  background: url("/SiteData/images/logo-UCDMindInstitute-resize.jpg") no-repeat scroll center center transparent;
  width: 85px;
}


#interior #sponsors ul	{height:20px;}
#interior #sponsors ul li {display:none;}

#footer	{position:relative;width:800px;margin:0 auto 2em auto;padding-top:17px;background:url(/SiteData/images/footer_cap_white.gif) no-repeat top center;color:#ccc;}
#footer p {margin:20px;}
#footer .cmLogo {display:inline-block;width:51px;height:24px;background: url(/SiteData/images/cmScribe_logo_small.gif) no-repeat center center;border:none;text-indent:-900em;}
#footer a.netreach {color:#999;text-decoration:none;line-height:24px;}
#footer #login	{ display:block;float:right;margin:20px; text-align:right;} 
#footer #login ul { margin: 0; padding:0; list-style: none;  float: right;}
#footer #login ul li { float: left; }
#footer #login ul li.cms-nav-list-item1 a {display: block; font: normal 9px Verdana; color: #fff; padding-right: 8px;}
#footer #login ul li.cms-nav-list-item2 a {color: #fff;  font: bold 11px Verdana, Arial, Helvetica, sans-serif;  display: block; padding-left:22px; background:url(/SiteData/images/icon_lock.gif) no-repeat center left; line-height:18px;}
#footer .cms-welcome { clear: both; font:normal 11px Verdana, Arial, Helvetica, sans-serif;}
#footer .cms-welcome,#footer .cms-welcome a {color:#fff;}
#footer .cms-welcome-logoff { font-weight: bold;}

.links, .links li {list-style-type:none;padding:0;}
.links li {padding-left:12px;background: url(/SiteData/images/bullet_raquo_006C6E.gif) no-repeat left center;font-weight:bold;line-height:1.75em;}
a.link {padding-left:10px;margin-left:.5em;background: url(/SiteData/images/bullet_raquo_006C6E.gif) no-repeat center left;}

/* ### Search Results ### */
.cms-search-results-count	{font-size:1.25em;color:#666699;background-color:#ddd;padding:.5em;}
.cms-search-result		{clear:both;}
.cms-search-results-title {font-size:1.3em;margin-top:1.5em;}
.cms-search-results-title a {color:#423766;text-decoration:none;padding-bottom:2px;border-bottom:1px dotted #423766;}
.cms-search-results-desc	{margin:5px 20px 3px 20px;line-height:1.35em;color:#333;}
.cms-search-results-link	{margin-left:20px;}
.cms-search-results-link a	{padding-left:10px;line-height:16px; background:url(/SiteData/images/bullet_raquo_006C6E.gif) no-repeat left center;}
.cms-search-results-lastmod {margin-left:20px;font-size:.9em;color:#aaa;}

.clear	{clear:both;}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}



.highlight {background-color:#D5CEE5;position:relative;width:90%;padding:3%;color:#333;font-family:Helvetica Neue, Helvetica, Arial, sans-serif;margin:.5em auto;}
.highlight h3 {margin:0 0 .25em 0;font-size:1.5em;line-height:1.5em;color:#423766;}
.highlight p {margin:.5em 0;}
.highlight p.big {border-top:1px dotted #fff;padding-top:.5em;font-size:1.25em;}
.highlight .contact {font-size:1.25em;line-height:1.75em;font-weight:bold;color:#fff;margin-top:1.25em;padding-left:14px;background: url(/SiteData/images/raqu_dbl_w.gif) no-repeat left center;text-decoration:none;}

.highlight .contact:hover {border-bottom:1px dashed #fff;}

/* Widgets */

.widget {
   margin: 0 0 2em;
   clear: left;
}

.widget h2 span {
   font-weight: normal;
   font-size: 85%;
   color: #666;
}

.widget-example,
.widget-desc,
.embed-code {
   float: left;
}

.widget-example {
   margin: 0 1em 1em 0;
}

.embed-code {
   background: #E9E4F1;
   border: 1px solid #ccc;
   padding: 10px;
   width: 300px;
   height: 150px;
   font-size: 11px;
   font-family: "Courier New", Courier, monospace, serif;
   color: #333;
}

/* Staff Directory */

#staff-search {
   margin-bottom: 1em;
   padding: 0 0 6px;
   background: #E5E1F1;
   text-align: center;
}

#staff-search p {
   margin: 0 0 6px;
   font-size: 11px;
   text-align: left;
   background: #666;
   color: #fff;
   padding: 3px 5px;
}

#staff-search table {
   width: 100%;
   margin: 0 6px;
}

#staff-search table th {
   background: none;
   padding: 0 10px 6px 0;
   text-align: left;
   color: #333;
   border: 0;
}

#staff-search table td {
   padding: 0 10px 10px 0;
   text-align: left;
}

.staff .cms-nav-crumbtrail { 
   font-size: 11px; 
   margin: 0 0 1em; 
   padding: 0;
   list-style: none;
}

.staff .cms-nav-crumbtrail li {
   float: left;
   padding-right: 4px;
}

.staff .cms-nav-crumbtrail,
.staff .cms-nav-crumbtrail a {
   color: #777;
}

.staff,
#staff-detail,
#staff-edit {
   padding: 10px;
}

.staff table,
#staff-detail table,
#staff-edit table,
.cms-types-table {
  border-collapse: collapse;
  width:100%;
}

.staff table th {
   background: #006C6E;
}

.staff table th,
.staff table th a {
   color: #fff;
}

#staff-list table th,
#staff-list td {
   font-size: 11px;
   text-align:left;
} 

.staff table td {
   padding: 6px;
}

.staff .cms-alternating-0 td {
   background: #f0f0f0;
}

.staff .cms-alternating-1 td {
   background: #e0e0e0;
}

#staff-detail table th,
#staff-edit table th,
#staff-edit table td table th {
   background: none;
   color: #333 !important;
   text-align: right;
}

#staff-detail table th,
#staff-detail table td,
#staff-edit table th,
#staff-edit table td {
   vertical-align: top;
   padding: 0 6px 6px 0;
}


#staff-edit table td table th {
   font-size: 11px !important; 
   font-weight: normal !important;
}

/* Mailing List Form */

#mailing-list {
   padding: 10px;
   width: 530px;
   float: left;
}

#mailing-list th {
   background: none;
   color: #333;
}

#mailing-list th,
#mailing-list td {
   padding-bottom: 8px;
}

#mailing-list td input,
#mailing-list td textarea {
   padding: 4px;
   border: 2px solid #ccc;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
}

#mailing-list td input:focus,
#mailing-list td textarea:focus {
   border-color: #735EA9;
}

#sidebar {
   float: right;
   width: 160px;
   margin: 8px;
}

/* Hide icons in document groups that only have one document */
.earli-doc-count-1 img { display: none }

/* UI Fix */

.cms-btn { text-indent: 0 !important; height: auto !important;}
@media print {
body {
   background: #fff;
   padding: 10px;
}

.lang, #header, #mainMenu, #intranet, #staff-search, .netreach { display: none !important; }

#staff-list { padding: 0; }
#staff-list th,
#staff-list td { background: none !important; color: #000;}
#staff-list th { border-bottom: 2px solid #000; }
#staff-list td { border-bottom: 1px solid #ccc; }


.logo, .full, .subText { width: auto !important; height: auto !important; text-indent: 0 !important; color: #000; text-decoration: none; background: none !important;}

.full, .subText {
   font-size: 12px; font-weight: normal
}

#header, .control, #content, #sponsors, #footer {
   background: #fff !important;
   border: 0 !important;
   width: auto !important;
   margin: 0 !important;
   color: #000 !important;
}
}