/* Global elements
-------------------------------------------------------------- */


/* standard dimensions for all thumbnails */
img.thumbnail {
	display: block;
	width: 150px;
	height: 94px;
	background-color: #CCC;
}

img.thumbnail.small {
	width: 110px;
	height: 69px;
}

.border-bottom {
	border-bottom: 2px solid #EEE;
}

a.action {
	background-image:url(images/navigation_right_6px_666666.gif);
	background-position:0 7px;
	background-repeat:no-repeat;
	display:block;
	float:right;
	margin-bottom:12px;
	padding-left:9px;
}

.cufon-loading h2,
.cufon-loading h3 {
	visibility: hidden !important;
}



/* Search
-------------------------------------------------------------- */

div#global-search {
	clear:both;
	height: 30px;
}

div#global-search input {
	background-color:#999999;
	background-image:url(images/search.gif);
	background-position:7px 8px;
	background-repeat:no-repeat;
	border:medium none;
	color:#FFFFFF;
	font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
	height:21px;
	outline-style:none;
	padding:7px 0 0 26px;
	width:284px;
	margin: 0 !important;
	float: right;
}

.ff3 div#global-search input {
	padding:3px 0 4px 26px;
}

div#global-search button {
	display: none;
}

#search_form input {
	background-image:url("images/search_666666.jpg");
	background-position:5px 4px;
	background-repeat:no-repeat;
	padding-left:28px !important;
	width:512px !important;
}


/* Logo
-------------------------------------------------------------- */

div#logo-container {
	margin-bottom:12px;
}

.ie div#logo-container {
	margin-top: 0;
}

h1#logo {
	height: 59px;
	margin-top: 60px;
	width: 232px;
}

h1#logo a,
h1#logo a span {
	display: block;
}
h1#logo a {
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-position: top left;
	outline: none;
}
h1#logo a span {
	text-indent: -9999em;
}


/* Navigation
-------------------------------------------------------------- */

div#navigation {
	clear: both;
	height: 40px;
}

div#navigation div.main {
	background-image:url(images/nav-bottom.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	height:28px;
	margin-bottom:5px;
}

body#home div#navigation div.main {
	margin-bottom:43px;
}

div#navigation div.main ul 			{	margin-bottom: 5px; height:28px; }
div#navigation div.main ul.left		{	float: left;	}
div#navigation div.main ul.right	{	float: right;	}

div#navigation div.main ul,
div#navigation div.main ul li,
div#navigation div.sub ul,
div#navigation div.sub ul li		{	list-style-type: none; padding: 0; margin: 0; }

div#navigation div.main ul li,
div#navigation div.sub ul li {
	float: left !important;
}

div#navigation div.sub ul {
	width: 210px;
}

div#navigation div.main ul li {
	border-bottom: 5px solid #111;
	padding-bottom:5px;
}

div#navigation div.main ul.left li,
div#navigation div.sub ul li {
	background-image: url(images/nav-separator.gif);
	background-position: right 5px;
	background-repeat: no-repeat;
}

div#navigation div.main ul.left li {
	padding-right: 12px;
	padding-left: 12px;	
}
div#navigation div.sub ul li {
	padding-left:6px;
	padding-right:6px;
}
div#navigation div.main ul li a {
	display: block;
	height:18px;
	float: left;
}

div#navigation div.sub ul li a {
	color: #666;
}

div#navigation div.main ul.right li 		{	margin-right:25px; }
div#navigation div.main ul.right li.last 	{	margin-right: 0px; }
div#navigation div.main ul li.selected,
div#navigation div.main ul li.hover,
div#navigation div.main ul li.all-hover,
div#navigation div.main ul li.home-hover 		{	border-bottom: 5px solid #999; }
div#navigation div.main ul.right li a 		{	color: #808080; }

div#navigation div.main ul.left li.first,
div#navigation div.sub ul li.first 	{	padding-left: 0px; }
div#navigation div.main ul.left li.last,
div#navigation div.sub ul li.last 	{	border-right: 0; background-image: none; }

div#navigation div.main ul.left li a,
div#navigation div.main ul.left li a:hover,
div#navigation div.main ul.left li a:hover.selected 	{	color: #111; }


/* Breadcrumbs
-------------------------------------------------------------- */

ul#breadcrumbs,
ul#breadcrumbs li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#breadcrumbs {
	height:17px;
	margin-top:30px;
}

ul#breadcrumbs li {
	float: left;
}

ul#breadcrumbs li,
ul#breadcrumbs li a {
	text-transform: uppercase;
	font-size: 10px;
	color: #666;
}


/* Homepage pillars
-------------------------------------------------------------- */


div#strand-pillars {
	margin-bottom: 30px;
}

div#strand-pillars div.strand img {
	width: 310px;
	height: 305px;
	border-bottom: 8px solid #EEE;
}

/* Homepage selected features
-------------------------------------------------------------- */

body#home div#selected-features,
body#features div#selected-features {
	background-color:#F2F2F2;
	padding:20px 20px 17px;
}

.chrome body#home div#selected-features,
.chrome body#features div#selected-features {
	width: 951px;
}

body#features div#selected-features {
	margin: 0 -20px 0 -20px;
}

/* Features
-------------------------------------------------------------- */

div#strand {
	margin-bottom: 30px;
}

div#strand div.description {
	margin-bottom: 36px;
}

div.feature-thumbnail {
	margin-bottom:18px;
}
div.feature-thumbnail.related {
	margin-bottom:0;
}


div.feature-thumbnail p.thumbnail {
	margin-bottom: 6px;
}
div.feature-thumbnail p.type a {
	text-transform: uppercase;
	color: #666;
	padding-right:3px;
}
div.feature-thumbnail p.type span {
	height:6px;
	width:10px;
	display:-moz-inline-stack;
	display:inline-block;
	padding-top: 0px;
	margin-top: 0px;
}

.ie7 div.feature-thumbnail p.type span {
	zoom:1;
	margin-bottom: 3px;
}

.ie6 div.feature-thumbnail p.type span {
	zoom:1;
	display: inline;
}


div#feature div.description div.extended {
	display: none;
}
div#feature div.description div.show-extended a {
	display: block;
	float: right;
	padding-left: 15px;
	background-image: url(images/navigation_down_9px_666666.gif);
	background-repeat: no-repeat;
	background-position:left 7px;
	font-weight: bold;
	color: #666;
}
div#feature div.description div.show-extended a.selected {
	background-image: url(images/navigation_up_9px_666666.gif);
	background-repeat: no-repeat;
	background-position:left 7px;
	font-weight: bold;
	color: #666;
}


div#details ul,
div#details ul li,
div#related ul,
div#related ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}

div#details ul,
div#related ul {
	margin-bottom: 1em;
}


div#media {
	background-color:#F2F2F2;
	margin-left:-20px;
	margin-right:-20px;
	margin-top:40px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
}

div#media div.navigation {
	padding-top: 14px;
	padding-bottom: 14px;
}

div#media div.navigation a {
	color: #666;
}

div#media div.navigation a.selected {
	color: #222;
}

div#media #images p.image {
	margin-bottom: 0.5em;
}


div#media #image-nav,
div#media #image-nav li { 
	list-style: none;
	margin: 0;
	padding: 0;
}

div#media #image-nav li { width: 150px; float: left; margin-right: 10px; margin-bottom: 10px; height: 94px; }
div#media #image-nav li.last { margin-right: 0px; }
div#media #image-nav a { width: 150px; display: block; border-bottom: 1px solid #f2f2f2; }
div#media #image-nav a.activeSlide { border-bottom: 1px solid #ccc; }
div#media #image-nav a:focus { outline: none; }
div#media #image-nav img { border: none; display: block }

div#media p.caption { 
	color:#555555;
	font-size:10px;
}

div#media div.document,
div#media div.application {
	border-bottom:2px solid #FFFFFF;
	margin-bottom:1.5em;
	padding-bottom:1.5em;
}

div#media div.document.last,
div#media div.application.last {
	border: 0;
	margin-bottom:0;
}

a#player {
	display: block;
	width: 630px;
	height:418px;
	margin-bottom: 18px;
}

div.clips {
	margin-bottom: 30px;
	padding-bottom:18px;
}

		    
.clips .clip {
	float:left;
	margin-bottom:10px;
	margin-right:10px;
	width:150px;
	height: 94px;
}

.clips .clip.last {
	margin-right: 0;
}

.clips .clip .caption {
	display: none;
}

div.clips a {
	display: block;
}
div.clips a.playing {
	border-bottom: 1px solid #ccc;
}

p.application-info-link {
	border-top: 1px solid #ccc;
	padding-top: 4px;
}


div.printer-friendly {
	float: right;
	margin-bottom:9px;
	margin-top:-16px;
	padding-bottom:4px;
	text-align:right;
}


/* Filter view options
-------------------------------------------------------------- */

div#sort-view-options {
	float:right;
	margin-bottom:18px;
	margin-top:-46px;
	text-align:right;
}

div#sort-view-options .button-group {
	float: left;
	margin-left: 8px;
	
}

div#sort-view-options .button-group.sort {
	border-right: 1px dotted #808080;
	padding-right: 8px;
}

div#sort-view-options .button-group a {
	color: #808080;
}
div#sort-view-options .button-group a.selected {
	color: #111;
	font-weight: bold;
}



/* Browse widget
-------------------------------------------------------------- */

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

ul#browse li {
	border-top: 1px solid #B3B3B3;
	padding-bottom:3px;
	padding-top:3px;
	background-position:260px 7px;
	background-repeat: no-repeat;
}

ul#browse li.nested-list {
	border-top: 0;
	padding-bottom:0;
	padding-top:0;
	background-image: none;
}

ul#browse li ul li {
	color: #666;
}

ul#browse li.first {
	border: 0;
	padding-bottom:3px;
	padding-top:12px;
}

ul#browse li.header {
	border-top: 2px solid #111;
	padding-bottom:11px;
	padding-top:4px;
	background-image: url(images/add_6px_111111.gif);
}
ul#browse li.selected {
	background-image: url(images/minus_6px_111111.gif);
}

.ie6 ul#browse li {
	background-position:260px 11px;
}

ul#browse li a {
	display: block;
}

ul#browse li.header a.header {
	text-transform: uppercase;
	font-size: 9px;
}

ul#browse li.indent-1 {
	text-indent: 10px;
	background-image: url(images/navigation_right_6px_666666.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
ul#browse li.indent-2 {
	text-indent: 20px;
	background-image: url(images/navigation_right_6px_666666.gif);
	background-repeat: no-repeat;
	background-position:  10px center;
}


/* Footer
-------------------------------------------------------------- */

div#footer {
	border-top:4px solid #111111;
	margin-bottom:30px;
	margin-top:52px;
	padding-top:8px;
}

div#footer div.breadcrumbs {
	border-bottom:1px dotted #555555;
	padding-bottom:19px;
}

div#footer div.breadcrumbs ul,
div#footer div.breadcrumbs ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 4px;
	padding:0;
}

div#footer div.breadcrumbs ul li {
	float: left;
	text-transform: uppercase;
	font-size: 10px;
}


div#footer div.copyright {
	color:#555555;
	padding-top:7px;
}



/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 1px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }



/* Team
-------------------------------------------------------------- */

.user-detail {
	display: none;
}