/* NOVA "Car of the Future Open Content" 2008 styles */

a { text-decoration: none; }

/* top navigation belt  */

#cotfoc-tnav {
	width: 780px;
	height: 29px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 30px;
}

ul.cotfoc-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.cotfoc-nav li {
	display: inline;
}

ul.cotfoc-nav a {
	display: block;
	font: bold 9px/9px Verdana, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    color: #FFFFFF;
	background: url(/wgbh/nova/car/open/images/nav-button.jpg);
	height: 29px;
	width: 125px;
	margin-right: 2px;
	float: left;

}

ul.cotfoc-nav a:hover {
	background: url(/wgbh/nova/car/open/images/nav-button-on.jpg);
}

ul.cotfoc-nav a span {
	display: block;
	padding: 10px 0px 0px 0px;
	height: 15px;
}

#description {
	/* deprecated */
	font: bold 9px/9px Verdana, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    color: #333333;
	/* border: 1px solid #999999; */
	/* height: 14px; */
	margin-bottom: -14px;
	margin-left: 40px;
	margin-right: 10px;
}

ul.cotfoc-nav li.off ul, ul.cotfoc-nav li.on ul {
	/* hide subnav */
	display: none;
	position: absolute;
    top: 260px;
    height: 15px;
    left: 598px;
    /* padding-top: 10px; */
}
ul.cotfoc-nav li.on ul {
	/* show subnav */
	display: block;
}
ul.cotfoc-nav li.on ul a, ul.cotfoc-nav li.off ul a {
  /* float: left; */
  /*ie doesn't inherit the float*/
  border: 0;
  background: none;
  background-color: #37943B;
  width: 180px;
  padding: 6px;
  /* margin-right: 15px; */
  margin-bottom: 1px;
  text-align: left;
  line-height: 13px;
  height: 38px;
}
ul.cotfoc-nav li.off:hover ul {
  display: block;
  z-index: 6000;
  width: 160px;
}
ul.cotfoc-nav li.off:hover ul.li {
    height: 62px;
    float: none;
    display: block;
}
ul.cotfoc-nav li.off:hover ul a:hover {
    text-decoration: underline;
}




/* standard page sidebar  */

#feature_side_top {
	background: url(/wgbh/nova/car/open/images/nav-sidebarfade.jpg);
	background-repeat: no-repeat;
}

#feature_side_top_noside {
	background: none;
	border-right: 1px solid #B1C3CF;
}

div.sidesearch {
	height: 105px;
	margin-top: 43px;
	margin-bottom: 30px;
	margin-left: 27px;
	background-color: #2A4B6E;
	padding-left: 9px;
	padding-top: 12px;
}

div.sidesearch p {
	font: normal 10px/10px Verdana, sans-serif;
	color: #9DC9B2;
}

div.sidesearch p.title {
	font: normal 10px/10px Verdana, sans-serif;
	color: #CEFECA;
	padding-bottom: 0px;
	margin-bottom: 5px;
}

div.sidesearch a {
	color: #9DC9B2;
}

div.sidesearch a:visited {
	color: #9DC9B2;
}

div.sidesearch a:hover {
	color: #9DC9B2;
	text-decoration: underline;
}

input.cotfoc-sr
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	height: 13px;
	width: 136px;
	vertical-align: top;
	margin-bottom: 28px;
	margin-right: 2px;
	padding: 4px;
}

#btn_sr {
	vertical-align: top;
}

div.sidelinks {
	margin-top: 30px;
	width: 179px;
	margin-left: 27px;
}

div.sidelinks h2 {
	color: #000000;
	text-transform: none;
	border-bottom: 1px solid #999999;
	padding-bottom: 1px;
	margin-bottom: 8px;
}

div.sidelinks p {
	font: normal 10px/14px Verdana, sans-serif;
	margin-bottom: 10px;
}

/* cotfoc homepage  */

#cotfoc-i-main {
	margin-left: 30px;
	width: 760px;
	height: 245px;
	background: url(/wgbh/nova/car/open/images/nav-index-123main.jpg);
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#cotfoc-i-video {
	/* float: right; */
	margin-top: 10px;
	position: absolute;
	left: 558px;
}

#cotfoc-i-video p {
	font-family: Verdana, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 15px;
}

#cotfoc-i-subs {
	margin-left: 30px;
	margin-top: 2px;
	padding-top: 0;
	width: 760px;
}

#cotfoc-i-subt {
	margin: 0;
	padding: 0;
	width: 760px;
}

#cotfoc-i-subt td {
	width: 192;
	margin: 0;
	padding: 0;
}

#cotfoc-i-subt td p {
	margin-top: 8px;
	font: normal 10px/10px Verdana, sans-serif;
	color: #CEFECA;
	text-align: center;
}


select.cotfoc-vc
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	height: 18px;
	width: 168px;
	vertical-align: top;
	padding: 1px;
	padding-top: 2px;
	margin-left: 10px;
}

input.cotfoc-vc
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	height: 16px;
	width: 136px;
	vertical-align: top;
	margin-left: 10px;
	padding: 2px;
	padding-top: 3px;
}

#cotfoc-i-foot {
	margin-left: 50px;
	margin-top: 65px;
	margin-bottom: 73px;
	height: 140px;
}

#cotfoc-i-foot-1 {
	width: 360px;
	border-right: 1px solid #999999;
	float: left;
}

#cotfoc-i-foot-1 p {
	font: normal 11px/16px Verdana, sans-serif;
	padding-right: 20px;
	padding-top: 17px;
}

#cotfoc-i-foot-2 {
	width: 360px;
	float: right;
}

#cotfoc-i-foot-2 p {
	font: normal 11px/16px Verdana, sans-serif;
	margin-left: 197px;
	margin-top: 65px;
}


/* clips by scene */

h1 {
	margin-top:21px;
}

div.scene-title {
	width: 223px;
	height: 55px;
	border: 1px solid #BCC3CB;
	background-color: #DFE2E6;
	padding: 12px;
	/* margin-bottom: 23px; */
}

div.scene-title img {
	float: left;
}

div.scene-title h2 {
	margin-left: 96px;
	font: bold 12px/16px Verdana, sans-serif;
	text-transform: uppercase;
	padding-top: 0px;
	color: #2A6C8E;
	
}

div.scene-text {
	width: 223px;
	height: 120px;
	border: 1px solid #BCC3CB;
	border-top: none;
	background-color: #F5F6F8;
	padding: 12px;
	margin-bottom: 23px;
}

div.scene-text span {
	font: normal 10px/14px Verdana, sans-serif;
	color: #2F455C;
	
}

/* clips by interview */

span.h1-link {
	margin-top: 0px;
	padding-top: 0px;
	font: normal 10px/14px Verdana, sans-serif;
	text-transform: none;
}

h1.linked {
	margin-bottom: 6px;
}

span.fname {
	font: bold 9px/11px Verdana, sans-serif;
	text-transform: uppercase;
	padding-top: 0px;
	color: #2A6C8E;
	
}

span.title {
	font: bold 9px/11px Verdana, sans-serif;
	text-transform: none;
	line-height: 10px;
	color: #5E88A1;
	
}

/* clips by topic */

span.cliplink {
	font: bold 9px/11px Verdana, sans-serif;
	text-transform: none;
	text-decoration: underline;
	line-height: 14px;
	color: #5E88A1;
	
}

/* expert clip */

/* span.eclip-trail {
	font: normal 10px/12px Verdana, sans-serif;
	text-transform: none;
	line-height: 28px;
	color: #5E88A1;
} */

#feature_copy p.eclip-trail {
	font: normal 10px/12px Verdana, sans-serif;
	text-transform: none;
	/* line-height: 28px; */
	color: #5E88A1;
	padding-top: 13px;
}

h1.linked2 {
	margin-top: 0px;
	padding-top: 0px;
	text-transform: none;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1.4em;
}

span.h1-link2 {
	font: normal 10px/18px Verdana, sans-serif;
	text-transform: none;
}

#expert-watch {
	border: 1px solid #B7C3D1;
	background-color: #D7E1EB;
	float: right;
	width: 153px;
	padding: 11px;
	padding-bottom: 10px;
	height: 175px;
}

#img-expert {
	float: left;
	width: 326px;
}

#img-expert p {
	margin-top: 3px;
	font: normal 9px/10px Verdana, sans-serif;
}

#expert-watch p {
	font: normal 10px/11px Verdana, sans-serif;
}

/* expert page */

#img-expert-pg {
	float: left;
	width: 228px;
}

#expert-pg {
	float: right;
	width: 260px;
	padding: 11px;
	padding-bottom: 10px;
	padding-top: 2px;
	height: 175px;
}


h1.linked3 {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-transform: none;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1.4em;
}

#expert-pg p {
	font: normal 11px/13px Verdana, sans-serif;
	margin-top: 3px;
	padding-top: 0px;
}

table.cliplist {
	width: 510px;
}

td.cliplist-off {
	background-color: #F1F5F8;
	width: 80px;
	border-right: 1px solid #DAE0E6;
	padding-left: 10px;
	height: 24px;

}

td.cliplist-off span {
	font: normal 11px/13px Verdana, sans-serif;
	color: #2E4861;
}

td.cliplist-off-2 {
	background-color: #F1F5F8;
	width: 410px;
	padding-left: 10px;
	height: 24px;

}

td.cliplist-off-2 span {
	font: normal 10px/13px Verdana, sans-serif;
	color: #2E4861;
}

td.cliplist-on {
	width: 80px;
	border-right: 1px solid #DAE0E6;
	padding-left: 10px;
	height: 24px;

}

td.cliplist-on span {
	font: normal 11px/13px Verdana, sans-serif;
	color: #2E4861;
}

td.cliplist-on-2 {
	width: 410px;
	padding-left: 10px;
	height: 24px;

}

td.cliplist-on-2 span {
	font: normal 10px/13px Verdana, sans-serif;
	color: #2E4861;
}

/* shared videos */

h2.shared {
	height: 17px;
	border: 1px solid #DAE0E6;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-top: 5px;
	margin-top: 25px;
	font: bold 10px/12px Verdana, sans-serif;
	text-transform: uppercase;
	color: #83A2B6;
}

div.shared-on {
	background-color: #F1F5F8;
	padding-left: 17px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 10px;
	height: 57px;
}
div.shared-off {
	padding-left: 17px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 10px;
	height: 57px;
}
div.shared-img {
	margin: 0;
	padding: 0;
	float: left;
}
div.shared-txt {
	float: right;
	width: 388px;
	font: normal 11px/14px Verdana, sans-serif;
	color: #333333;
}
div.tailline {
	margin: 0;
	padding: 0;
	border-bottom:  1px solid #DAE0E6;
}

#sidebar-feedback {
	margin-left: 13px;
	margin-right: 21px;
	width: 194px;
	font: normal 10px/12px Verdana, sans-serif;
	color: #2E4861;
}

#sidebar-feedback h2 {
	font: bold 10px/12px Verdana, sans-serif;
	color: #2E4861;
	text-transform: uppercase;
}
input.sidebar-fb-ip
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	height: 13px;
	width: 184px;
	padding: 4px;
	border:  1px solid #DAE0E6;
}
textarea.sidebar-fb-ip
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	width: 184px;
	padding: 4px;
	border:  1px solid #DAE0E6;
}
input.sidebar-fb-bt
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	padding: 2px;
	border:  1px solid #DAE0E6;
	color: #2E4861;
}
h2 {
	color: #2E4861;
	font-size: 0.7em;
	margin-bottom: 5px;
}

#feature_copy li p {font-size: 1.0em;}

textarea.mainpage-fb-ip
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	width: 400px;
	padding: 4px;
	border:  1px solid #DAE0E6;
}
input.mainpage-fb-ip
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	height: 13px;
	width: 300px;
	padding: 4px;
	border:  1px solid #DAE0E6;
}
	
#clip-commments {
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}



/* nav bar new */

/* zeroing padding/margin for all elements */
#cotfoc-nav3,
#cotfoc-nav3 * { margin:0;padding:0;}
/* "Master" UL (the whole Menu) */
#cotfoc-nav3 {
	position:relative;
	/* width:50em;
	max-width:100%; */
	float:left;
	margin-bottom:3.5em;
}
/* sub-menu ULs */
#cotfoc-nav3 li ul {
	width:11em !important;/* leaves room for padding */
	cursor:default;
	position:absolute;
	height:auto;
	display:none;
	/* left:-10px; */
	padding:1px 10px 10px 10px;
	background:url(/wgbh/nova/images03/spacer.gif);/* trick to keep'em open */
}
/* All LIs */
#cotfoc-nav3 li {
	position:relative;
	/* width:8.30em;
	max-width:16.5%;
	cursor:pointer; */
	height: 29px;
	width: 127px;
	float:left;
	list-style-type:none;
	font-weight:bold;
}
/* sub-menu LIs */
#cotfoc-nav3 li ul li {
	padding:0;
	border:none;
	background: none;
	background-color: #37943B;
	width: 185px;
	height: 48px;
	text-align: left;
	line-height: 13px;
	position: relative;
	right: 38px;
	padding-top: 2px;
	/* border-bottom: 1px solid #2A4B6E; */
	margin-bottom: 2px;
}
/* All anchors */
#cotfoc-nav3 li a {
	display:block;
	font: bold 9px/9px Verdana, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    color: #FFFFFF;
	height: 19px;
	width: 125px;
	background: url(/wgbh/nova/car/open/images/nav-button.jpg);
	background-repeat: no-repeat;
	margin-right: 2px;
	padding-top: 10px;
}
/* sub-menu Anchors */
#cotfoc-nav3 li ul li a {
	position:relative !important; /* ie Mac */
	display:block;
	background: none;
	background-color: #37943B;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 4px;
	text-align: left;
	line-height: 13px;
	height: 38px;
	width: 165px;
}
/* :hover and stuff */
#cotfoc-nav3 li a:hover,
#cotfoc-nav3 li a:focus,
#cotfoc-nav3 li a:active {background: url(/wgbh/nova/car/open/images/nav-button-on.jpg);}
/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
#cotfoc-nav3 ul a:hover,
#cotfoc-nav3 ul a:focus,
#cotfoc-nav3 ul a:active {text-decoration: underline; background: none;}
/* display and z-index for the sub-menus */
#cotfoc-nav3 li:hover ul,
#cotfoc-nav3 li.msieFix ul {display:block;z-index:10; !important;}
/* safari: users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */
#cotfoc-nav3 li#AB {z-index:6;}
#cotfoc-nav3 li#CF {z-index:5;}
#cotfoc-nav3 li#GJ {z-index:4;}
#cotfoc-nav3 li#KR {z-index:3;}
#cotfoc-nav3 li#ST {z-index:2;}
#cotfoc-nav3 li#UZ {z-index:1;}

/* Current location - class on Body must match LI's id */
.AB #cotfoc-nav3 li#AB a,
.CF #cotfoc-nav3 li#CF a,
.GJ #cotfoc-nav3 li#GJ a,
.KR #cotfoc-nav3 li#KR a,
.ST #cotfoc-nav3 li#ST a,
.UZ #cotfoc-nav3 li#UZ a {color:#000;}
/* Keeping current menu accessible to JAWS */
.AB #cotfoc-nav3 li#AB ul,
.CF #cotfoc-nav3 li#CF ul,
.GJ #cotfoc-nav3 li#GJ ul,
.KR #cotfoc-nav3 li#KR ul,
.ST #cotfoc-nav3 li#ST ul,
.UZ #cotfoc-nav3 li#UZ ul {display:block;top:-1000px}

/* background colors */
/* #AB,#AB li a {background-color:#e2facd;}
#CF,#CF li a {background-color:#fffcd0;}
#GJ,#GJ li a {background-color:#ffe1cc;}
#KR,#KR li a {background-color:#fccae5;}
#ST,#ST li a {background-color:#c9c9ff;}
#UZ,#UZ li a {background-color:#ffcebe;} */
/* "trigger" and "msieFix" classes */
#cotfoc-nav3 li.msieFix a {}
/* last nested UL. keeping it in */
#cotfoc-nav3 li#UZ ul {left: -32px; !important;}

/* If JS is OFF we need to style the links in the sub-menu of the current page     */
/* so they are accessible to keyboard users. Using a class on each link would let  */
/* us stick each link in the same place, but we would have to plug a lot of        */
/* attributes in the markup and many rules here, so...                             */
.AB #cotfoc-nav3 li#AB ul li a:focus,
.AB #cotfoc-nav3 li#AB ul li a:active,
.CF #cotfoc-nav3 li#CF ul li a:focus,
.CF #cotfoc-nav3 li#CF ul li a:active,
.GJ #cotfoc-nav3 li#GJ ul li a:focus,
.GJ #cotfoc-nav3 li#GJ ul li a:active,
.KR #cotfoc-nav3 li#KR ul li a:focus,
.KR #cotfoc-nav3 li#KR ul li a:active,
.ST #cotfoc-nav3 li#ST ul li a:focus,
.ST #cotfoc-nav3 li#ST ul li a:active,
.UZ #cotfoc-nav3 li#UZ ul li a:focus,
.UZ #cotfoc-nav3 li#UZ ul li a:active {position:absolute !important;top:1028px !important;}

#cotfoc-belt-5 {
	position: absolute;
	top: 230px;
	left: 30px;
	width: 762px;
	height: 29px;
}

#feature_page {
	top: 32px;
}
#nav_footer {
	top: 32px;
}
ol.std5 { color: #333333; list-style: numeric outside; margin-left: 25px; margin-bottom: 10px; padding-top: 2px; font-size: 0.8em;}
ol.std5 li { color: #333333; font-size: 0.9em; line-height: 1.4em; font-size: 1.0em;}
ul.std5 { list-style-type: disc; color: #333333; margin-left: 20px; margin-bottom: 10px; padding-top: 0px; margin-top: 2px;}
ul.std5 li { color: #333333; line-height: 1.3em; font-size: 0.8em; }

.hidden {
	display: none;
}