@charset "UTF-8";

@import url("banner.css");
@import url("results.css");
@import url("shared.css");

textarea
{
  font-family: "Lucida Grande",Arial,Geneva,sans-serif;
}

code
{
  font-weight:bold;
}

.content-primary-panel {
  min-height: 598px; /* overrides shared.css */
}

/*
================================================================================
 Landing page
================================================================================
*/

#featured-links {
  background-color:#E2E2E2;
  border-radius: 12px;
  padding:8px;
  margin:20px 150px 8px;
  text-align:center
}

#landing ul {
  list-style:none;
  padding-left:0;
  margin:0;
}

#landing li {
  padding:3px;
}

#slidedeck_frame {
  height: 235px;
}

/*
================================================================================
 Team page
================================================================================
*/

#team table {
  border:none;
  width:100%;
}

#team img {
  border:solid black 2px;
}

#team td.name {
  padding-left:5px;
}

#team td.title {
  text-align:right;
}

/*
================================================================================
 Content
================================================================================
*/

/*
---------------------------------------
 Primary content (right-hand column)
---------------------------------------
*/
table.archdesc-did
{
  margin-left:2em;
}
table.archdesc-did td.label
{
  font-weight:bold;
  vertical-align:top;
}

#end
{
  font-size:80%;
  text-align:center;
}

/* Styles for search results */
div.result
{
	margin-bottom: 1em;
}
div.result-index
{
  float:left;
  text-align:right;
  width:35px;
}
div.result-title, div.result-content
{
  margin-left:45px;
}
div.result-content
{
  clear:both;
  margin-top:10px;
}
div.result-metadata
{
  margin-bottom:0.5em;
}
div.result-metadata-entry
{
  margin-bottom:4px;
}
span.result-label
{
  display:inline-block;
	font-weight:bold;
	padding-right:6px;
	text-align:right;
	width:72px; /* TODO: this value differs from shared results.css -- so you might want to keep it declared here */
}
span.result-value
{
  display:inline-block;
	margin-right:1em;
	margin-left:5px;
}
div.snippet
{
  margin-top:6px;
}
span.snippet {}
span.highlight
{
	background-color:#FF6;
}
div.result-action-links
{
  margin-top:10px;
  text-align:right
}

/* Styles for results overview */
form.sort-form
{
  float:right;
}
form.sort-form select, form.sort-form input
{
  margin-left:5px;
}

.qtext
{
  background:#eee;
  clear:both;
  font-family:monospace;
  margin-top:15px;
  margin-bottom:10px;
  padding:5px;
}

/* Styles for FAQ page */
div#faq > ul
{
  list-style:none;
  padding-left:0;
}
div#faq > ul > li
{
  margin-bottom:10px;
}
div#faq > ul > li ul
{
  list-style-type:disc;
}

/* Styles for Searching Tips page */
div.search-tips li
{
  margin-top:15px;
}
div.search-tips .example,
div.search-tips .note
{
  margin-left:1.5em;
}
div.search-tips .note
{
  font-style:italic;
}

/* Styles for Technology page */
#tech img
{
  float:right;
  margin:0 2px 6px 6px;
}
#tech h2
{
  clear:both;
}
#tech p
{
  text-align:justify;
}

/* Styles for Projects page */
#projects td
{
  padding:8px;
  vertical-align:top;
}
#projects div.project-name
{
  padding-top:4px;
}
#projects div.deployed,
#projects div.in-progress,
#projects div.planning
{
  border-radius:4px;
  padding:6px;
  text-align:center;
  white-space:nowrap;
}
#projects div.deployed
{
  background-color:green;
  color:white;
}
#projects div.in-progress
{
  background-color:gold;
}
#projects div.planning
{
  background-color:#E2E2E2;
}

/*
---------------------------------------
 Secondary content (left-hand column)
---------------------------------------
*/

#search-form select
{
  margin-top:6px;
  width:206px;
}

/* Search options */
#search-options
{
  margin-top:6px;
  margin-left:5px;
}
#search-tips-link
{
  font-size:90%;
  margin-top:8px;
}
#search-options-link-hide, #search-options-link-show
{
  font-size:90%;
}

/* Search facets */
ul.search-facet
{
  list-style-type:none;
}
ul.search-facet li
{
  margin-left:-20px;
}
a.search-facet-link
{
  font-style:italic;
  margin-left:20px;
}
span.search-facet-bullet
{
  padding-right:5px;
}

/*
	Slideshow
*/

#example {
	position:relative;
	left:50px;
	top:20px;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:570px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:570px;
	height:270px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

#slides .pagination {
	margin:26px auto 0;
	width:100px;
}

#slides .pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

#slides .pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	/*background-image:url(../images/slides/pagination.png);*/
	background-position:0 0;
	float:left;
	overflow:hidden;
}

#slides .pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:540px;
	line-height:0;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}

/*
================================================================================
 Columns
================================================================================
*/

.colleft{
   position: relative;
   width: 100%;
   right: 50%;
   margin-top: 20px;
   background-color: #f4f4f4
}
.col1{
   position: relative;
   overflow: hidden;
   float: left;
   width: 48%;
   left: 101%;
   background-color: #e6e6e6;
   border-radius: 15px;
}
.col2{
   position: relative;
   overflow: hidden;
   float: left;
   width: 48%;
   left: 3%;
   background-color: #e6e6e6;
   border-radius: 15px;
}