/* $Id: style.css,v 1.38.2.4 2009/09/14 13:10:47 goba Exp $ */

/* --------------------------- structure layout
----------------------------------------------- */

html
{
	font-size: 100.01%;
}

body
{
	font-size: 62.5%;
	font-family: Helvetica, Arial, sans-serif;
	
	background-color: rgb(255,255,255);
}

#wrapper 
{
	width: 960px;
	padding: 0px 20px 20px 20px;
	margin: auto;
	position: relative;
}

a {
	outline: none;
}


/* --------------------------------- navigation
----------------------------------------------- */

ul.menu {
  list-style: none;
  border: none;
  text-align:left; /* LTR */
}
ul.menu li {
  margin: 0 0 0 0.5em; /* LTR */
}
li.expanded {
  list-style-type: circle;
  list-style-image: url(../../misc/menu-expanded.png);
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}
li.collapsed {
  list-style-type: disc;
  list-style-image: url(../../misc/menu-collapsed.png); /* LTR */
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}
li.leaf {
  list-style-type: square;
  list-style-image: url(../../misc/menu-leaf.png);
  padding: 0.2em 0.5em 0 0; /* LTR */
  margin: 0;
}
li a.active {
  color: #000;
}
td.menu-disabled {
  background: #ccc;
}
ul.links {
  margin: 0;
  padding: 0;
}
ul.links.inline {
  display: inline;
}
ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}
.block ul {
  margin: 0;
  padding: 0 0 0.25em 1em; /* LTR */
}

ul.primary-links
{
  margin: 35px 20px 0px 0px;
  padding: 0;
  float: right;
  position: relative;
  z-index: 4;
}

ul.primary-links li
{
  margin: 0;
  padding: 0;
  float: left;
  background-image: none;
}

ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited
{
	padding: 20px 10px 20px 10px;
  display: block;
  
	
	font-size: 1.6em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	color: rgb(120,120,120);
}

ul.primary-links li a:hover
{
	color: rgb(50,50,50);
}

ul.primary-links li a.active,
ul.primary-links li.active-trail a 
{
	color: rgb(50,50,50);
	background-image: url(../images/dahti_nav_active.png);
	background-repeat: no-repeat;
	background-position: center center;
}

ul.primary-links li:first
{
	list-style-type: circle;
}



ul.secondary-links
{
	margin: 8px 20px 0px 0px;
	padding: 0;
	float: right;
	position: relative;
	z-index: 4;
	clear: both;
}

ul.secondary-links li
{
  margin: 0;
  padding: 0;
  float: left;
  background-image: none;
}

ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited
{
	padding: 20px 10px 20px 10px;
  display: block;
  
	
	font-size: 1.4em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	color: rgb(120,120,120);
}

ul.secondary-links li a:hover
{
	color: rgb(64,64,64);
}


ul.secondary-links li a.active
{
	color: rgb(64,64,64);
	
	background-image: url(../images/dahti_subnav_active.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/* ------------------------------------- header
----------------------------------------------- */


#logo-floater a
{
	text-decoration: none;
}

#logo-floater span
{
	
/* 	background: none; */
}

#logo-floater .slogan
{
	height: 40px;
	width: 300px;
	display: block;
	position: absolute;
	left: 70px;
	top: 106px;
	z-index: 100;
	
	background-image: url(../images/dahti_slogan_1.jpg);
	background-repeat: no-repeat;
	background-position: center center;

}





/* ------------------------- homepage specifics
----------------------------------------------- */

#design_box
{
	width: 300px;
	height: 127px;
	float: left;
	
	background-image: url(../images/design_box_background.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
	#design_box p
	{
	
	}
	#design_box a
	{
		width: 300px;
		height: 127px;
		display: block;
		
		font-size: 0px;
		color: transparent;
		z-index: -1;
	}


#collaborate_box
{
	width: 300px;
	height: 127px;
	float: left;

	background-image: url(../images/collaborate_box_background.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
	#collaborate_box p
	{

	}
	#collaborate_box a
	{
		width: 300px;
		height: 127px;
		display: block;
		
		font-size: 0px;
		color: transparent;
	}


#innovate_box
{
	width: 300px;
	height: 127px;	
	float: left;
	
	background-image: url(../images/innovate_box_background.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
	#innovate_box p
	{

	}
	#innovate_box a
	{
		width: 300px;
		height: 127px;
		display: block;
		
		font-size: 0px;
		color: transparent;
	}

.views-field-field-homepage-banner-fid
{
	margin-top: 50px;
	margin-bottom: 20px;
}


/* ------------------------- footer navigation
----------------------------------------------- */

#footer
{
	margin: 20px 0px 0px 0px;

	border-style: solid;
	border-color: rgb(221,218,139); /* dahti yellow */
	border-width: 1px 0px 0px 0px;
}


#footer .block-menu h2
{
	display: none;
}


#footer #block-menu-menu-footer-navigation ul.menu
{
/* 	padding: 10px; */
	margin: 10px 25px 10px 20px;
	float: right;
	
	color: rgb(120,120,120);
}

#footer #block-menu-menu-footer-navigation ul.menu li
{
	float: left;
}

#footer #block-menu-menu-footer-navigation ul.menu li a
{
	font-size: 1.1em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	color: rgb(120,120,120);
}

#footer li.leaf
{
	list-style-type: none;
	list-style-image: none;
}

#footer #block-menu-menu-footer-navigation ul.menu li a.active
{
	color: rgb(64,64,64);
}


/* ---------------------------- portfolio items
----------------------------------------------- */

.views-field-title
{
	margin: 40px 0px 0px 0px;
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2.5em;
	color: rgb(64,64,64);
}

.views-field-body
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	color: rgb(64,64,64);
}

.views-field-body ul
{
	font-size: 1.3em;
	line-height: 1.5em;
	list-style-position: inside;	
}

.views-field-body p
{
	font-size: 1.1em;
	line-height: 1.5em;
}

.views-field-field-company-link-url a
{
	margin: 6px 0px 18px 0px;
	display: block;

 	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	text-decoration: none;
	color: rgb(38,117,212); /* dahti blue */	
}

.views-field-field-company-link-url a:hover
{
	color: rgb(78,157,252); /* dahti blue light */	
}

.views-field-field-main-image-fid-1
{
	margin: 0px 40px 0px 40px;

	float: left;
	display: block;
}

#squeeze
{
	margin-top: 25px;
	padding-top: 3px;	
}

.panel-col-last .inside
{
	padding-top: 8px;
}


/* ---------------------------- portfolio items
----------------------------------------------- */


.pane-content .node
{
	border: none;
}

.pane-content p
{
	font-size: 1.2em;
	line-height: 1.7em;
	color: rgb(64,64,64);
}

.pane-content .content p
{
	font-size: 1.4em;
}

.panel-col-first .pane-content p
{
	text-align: center;
}

.panel-col-first
{
	width: 300px;
}

.panel-col-last
{
	width: 600px;
}


ul.pager
{
	width: 204px;
	margin: auto;
	display: block;
	padding: 50px;
	font-size: 1.2em;
	color: rgb(150,150,150);
}

ul.pager li.pager-next
{
	float: left;
	width: 100px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	
}

ul.pager li.pager-previous
{
	float: left;
	width: 100px;
	height: 42px;
	margin: 0px;
	padding: 0px;	
	display: inline-block;


}

ul.pager li.pager-next a
{
	width: 100px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 0px;
	color: transparent;
	
/* 	background-image: url(/files/itw-dahti.com/graphics/dahti_right_arrow.png); */
	background-image: url(../images/dahti_next_portfolio_button.png);
	background-repeat: no-repeat;
	background-position: left top;	
}

ul.pager li.pager-previous a
{
	width: 100px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	
	display: block;
	color: transparent;
	
	/* 	background-image: url(/files/itw-dahti.com/graphics/dahti_left_arrow.png); */
	background-image: url(../images/dahti_back_portfolio_button.png);
	background-repeat: no-repeat;
	background-position: right top;
}

ul.pager li.pager-current
{
	display: none;
}

span.submitted
{
	display: none;
}


/* --------------------------- stuff maybe we don't need
----------------------------------------------- */


#wrapper #container
{
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1270px;
}


#wrapper #container #header
{
  height: 80px;
}

#wrapper #container #header #logo-floater
{
  position: absolute;
}



#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited
{
  line-height: 120px;
  position: relative;
  z-index: 2;
  white-space: nowrap;
}

#wrapper #container #header h1 span
{
  font-weight: bold;
}

#wrapper #container #header h1 img
{
  padding-top: 14px;
  padding-right: 20px; /* LTR */
  float: left; /* LTR */
}

/* We must define 100% width to avoid the body being too narrow for near-empty pages */
#wrapper #container #center
{
  float: left;
  width: 100%;
}

/* We ensure the sidebars are still clickable using z-index */
#wrapper #container .sidebar
{
  margin: 60px 0 5em;
  width: 210px;
  float: left;
  z-index: 2;
  position: relative;
}

#wrapper #container .sidebar .block
{
  margin: 0 0 1.5em 0;
}


#header-region
{
  min-height: 1em;
}

#header-region script
{
  display: none;
}


#header-region .block
{
  display: block;
  margin: 0 1em;
}

#header-region .block-region
{
  display: block;
  margin: 0 0.5em 1em;
  padding: 0.5em;
  position: relative;
  top: 0.5em;
}

#header-region * 
{
  display: inline;
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
}



/* ---------------------------------- base text
----------------------------------------------- */

h1, h2, h3, h4, h5, h6
{
  margin: 0.25em 0em 0.5em 0em;
  padding: 0;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
  color: rgb(50,50,50);
}

h1
{
  font-size: 2.6em;
}

h2
{
  font-size: 2.2em;
}

h3
{
  font-size: 2.0em;
}

h4
{
  font-size: 1.8em;
}

h5
{
  font-size: 1.6em;
}

h6
{
  font-size: 1.4em;
}


/* ------------------------------ form elements
----------------------------------------------- */

input {
  font: 12px/100% Verdana, sans-serif;
  color: #494949;
}

textarea, select {
  font: 12px/160% Verdana, sans-serif;
  color: #494949;
}


fieldset ul.clear-block li {
  margin: 0;
  padding: 0;
  background-image: none;
}


/* ------------------------------------- tables
----------------------------------------------- */



table
{
  margin: 1em 0;
  width: 100%;
}

thead th {
  border-bottom: 2px solid #d3e7f4;
  color: #494949;
  font-weight: bold;
}

th a:link, th a:visited {
  color: #6f9dbd;
}

td, th {
  padding: .3em .5em;
}

tr.even, tr.odd, tbody th {
  border: solid #d3e7f4;
  border-width: 1px 0;
}

tr.odd, tr.info {
  background-color: #edf5fa;
}

tr.even {
  background-color: #fff;
}

tr.drag {
  background-color: #fffff0;
}

tr.drag-previous {
  background-color: #ffd;
}

tr.odd td.active {
  background-color: #ddecf5;
}

tr.even td.active {
  background-color: #e6f1f7;
}

td.region, td.module, td.container, td.category {
  border-top: 1.5em solid #fff;
  border-bottom: 1px solid #b4d7f0;
  background-color: #d4e7f3;
  color: #455067;
  font-weight: bold;
}

tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
  border-top-width: 0;
}

span.form-required {
  color: #ffae00;
}

span.submitted, .description {
  font-size: 0.92em;
  color: #898989;
}

.description {
  line-height: 150%;
  margin-bottom: 0.75em;
  color: #898989;
}

.messages, .preview {
  margin: .75em 0 .75em;
  padding: .5em 1em;
}

.messages ul {
  margin: 0;
}

.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
  margin: 0.25em 0;
}

#center form {
  margin-bottom: 2em;
}

.form-button, .form-submit {
  margin: 2em 0.5em 1em 0; /* LTR */
}

#dblog-form-overview .form-submit,
.confirmation .form-submit,
.search-form .form-submit,
.poll .form-submit,
fieldset .form-button, fieldset .form-submit,
.sidebar .form-button, .sidebar .form-submit,
table .form-button, table .form-submit 
{
  margin: 0;
}

.box {
  margin-bottom: 2.5em;
}


/* ------------------------------------- images
----------------------------------------------- */

img, a img
{
	border: none;
}




/**
 * Layout
 */

/* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */

#header-region p, #header-region img {
  margin-top: 0.5em;
}

#header-region h2 {
  margin: 0 1em 0 0; /* LTR */
}

#header-region h3, #header-region label, #header-region li {
  margin: 0 1em;
  padding: 0;
  background: none;
}



/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
body.sidebars {
  min-width: 980px;
}
/* With 2 columns, require a minimum width of 800px. */
body.sidebar-left, body.sidebar-right {
  min-width: 780px;
}


/* So we move the #center container over the sidebars to compensate */
body.sidebar-left #center {
  margin-left: -210px;
}
body.sidebar-right #center {
  margin-right: -210px;
}
body.sidebars #center {
  margin: 0 -210px;
}

/* And add blanks left and right for the sidebars to fill */
body.sidebar-left #squeeze {
  margin-left: 210px;
}
body.sidebar-right #squeeze {
  margin-right: 210px;
}
body.sidebars #squeeze {
  margin: 0 210px;
}


#sidebar-left .block {
  padding: 0 15px 0 0px;
}

#sidebar-right .block {
  padding: 0 0px 0 15px;
}

.block .content {
  margin: 0.5em 0;
}

#sidebar-left .block-region {
  margin: 0 15px 0 0px; /* LTR */
}

#sidebar-right .block-region {
  margin: 0 0px 0 15px; /* LTR */
}

.block-region {
  padding: 1em;
  background: transparent;
  border: 2px dashed #b4d7f0;
  text-align: center;
  font-size: 1.3em;
}


body.sidebar-left #footer {
  margin-left: -210px;
}

body.sidebar-right #footer {
  margin-right: -210px;
}

body.sidebars #footer {
  margin: 0 -210px;
}

/**
 * Header
 */
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
  color: #fff;
  font-weight: normal;
  text-shadow: #1659ac 0px 1px 3px;
  font-size: 1.5em;
}

#wrapper #container #header h1 a:hover {
  text-decoration: none;
}

#wrapper #container .breadcrumb {
  font-size: 0.92em;
}

#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
  color: #529ad6;
}




/**
 * Nodes & comments
 */
.node {
  border-bottom: 1px solid #e9eff3;
  margin: 0 -26px 1.5em;
  padding: 1.5em 26px;
}

ul.links li, ul.inline li {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0; /* LTR */
  padding-right: 1em; /* LTR */
  background-image: none;
}

.node .links, .comment .links {
  text-align: left; /* LTR */
}

.node .links ul.links li, .comment .links ul.links li {}
.terms ul.links li {
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  padding-left: 1em;
}

.picture, .comment .submitted {
  float: right; /* LTR */
  clear: right; /* LTR */
  padding-left: 1em; /* LTR */
}

.new {
  color: #ffae00;
  font-size: 0.92em;
  font-weight: bold;
  float: right; /* LTR */
}

.terms {
  float: right; /* LTR */
}

.preview .node, .preview .comment, .sticky {
  margin: 0;
  padding: 0.5em 0;
  border: 0;
  background: 0;
}

.sticky {
  padding: 1em;
  background-color: #fff;
  border: 1px solid #e0e5fb;
  margin-bottom: 2em;
}

#comments {
  position: relative;
  top: -1px;
  border-bottom: 1px solid #e9eff3;
  margin: -1.5em -25px 0;
  padding: 0 25px;
}

#comments h2.comments {
  margin: 0 -25px;
  padding: .5em 25px;
  background: #fff url(../images/gradient-inner.png) repeat-x 0 0;
}

.comment {
  margin: 0 -25px;
  padding: 1.5em 25px 1.5em;
  border-top: 1px solid #e9eff3;
}

.indented {
  margin-left: 25px; /* LTR */
}

.comment h3 a.active {
  color: #494949;
}

.node .content, .comment .content {
  margin: 0.6em 0;
}

/**
 * Aggregator.module
 */
#aggregator {
  margin-top: 1em;
}
#aggregator .feed-item-title {
  font-size: 160%;
  line-height: 130%;
}
#aggregator .feed-item {
  border-bottom: 1px solid #e9eff3;
  margin: -1.5em -31px 1.75em;
  padding: 1.5em 31px;
}
#aggregator .feed-item-categories {
  font-size: 0.92em;
}
#aggregator .feed-item-meta {
  font-size: 0.92em;
  color: #898989;
}

/**
 * Color.module
 */
#palette .form-item {
  border: 1px solid #fff;
}
#palette .item-selected {
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
  border: 1px solid #d9eaf5;
}

/**
 * Menu.module
 */
tr.menu-disabled {
  opacity: 0.5;
}
tr.odd td.menu-disabled {
  background-color: #edf5fa;
}
tr.even td.menu-disabled {
  background-color: #fff;
}

/**
 * Poll.module
 */
.poll .bar {
  background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
  border: solid #f0f0f0;
  border-width: 0 1px 1px;
}

.poll .bar .foreground {
  background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
}

.poll .percent {
  font-size: .9em;
}

/**
 * Autocomplete.
 */
#autocomplete li {
  cursor: default;
  padding: 2px;
  margin: 0;
}

/**
 * Collapsible fieldsets
 */
fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #d9eaf5;
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
}

/* Targets IE 7. Fixes background image in field sets. */
*:first-child+html fieldset {
  padding: 0 1em 1em;
  background-position: 0 .75em;
  background-color: transparent;
}

*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
  padding-top: 1em;
}

fieldset legend {
  /* Fix disappearing legend in FFox */
  display: block;
}

*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
  display: inline;
}

html.js fieldset.collapsed {
  background: transparent;
  padding-top: 0;
  padding-bottom: .6em;
}

html.js fieldset.collapsible legend a {
  padding-left: 2em; /* LTR */
  background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
}

html.js fieldset.collapsed legend a {
  background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
}

/**
 * Syndication icons and block
 */
#block-node-0 h2 {
  float: left; /* LTR */
  padding-right: 20px; /* LTR */
}

#block-node-0 img, .feed-icon {
  float: right; /* LTR */
  padding-top: 4px;
}

#block-node-0 .content {
  clear: right; /* LTR */
}

/**
 * Login Block
 */
#user-login-form {
  text-align: center;
}
#user-login-form ul {
  text-align: left; /* LTR */
}

/**
 * User profiles.
 */
.profile {
  margin-top: 1.5em;
}
.profile h3 {
  border-bottom: 0;
  margin-bottom: 1em;
}
.profile dl {
  margin: 0;
}
.profile dt {
  font-weight: normal;
  color: #898989;
  font-size: 0.92em;
  line-height: 1.3em;
  margin-top: 1.4em;
  margin-bottom: 0.45em;
}
.profile dd {
  margin-bottom: 1.6em;
}

/**
 * Admin Styles
 */
div.admin-panel,
div.admin-panel .description,
div.admin-panel .body,
div.admin,
div.admin .left,
div.admin .right,
div.admin .expert-link,
div.item-list,
.menu {
  margin: 0;
  padding: 0;
}

div.admin .left {
  float: left; /* LTR */
  width: 48%;
}
div.admin .right {
  float: right; /* LTR */
  width: 48%;
}

div.admin-panel {
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
  padding: 1em 1em 1.5em;
}
div.admin-panel .description {
  margin-bottom: 1.5em;
}
div.admin-panel dl {
  margin: 0;
}
div.admin-panel dd {
  color: #898989;
  font-size: 0.92em;
  line-height: 1.3em;
  margin-top: -.2em;
  margin-bottom: .65em;
}

table.system-status-report th {
  border-color: #d3e7f4;
}

#autocomplete li.selected, tr.selected td, tr.selected td.active {
  background: #027ac6;
  color: #fff;
}

tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
  color: #d3e7f4;
}

tr.taxonomy-term-preview {
  opacity: 0.5;
}

tr.taxonomy-term-divider-top {
  border-bottom: none;
}

tr.taxonomy-term-divider-bottom {
  border-top: 1px dotted #CCC;
}

/**
 * CSS support
 */

/*******************************************************************
 * Color Module: Don't touch                                       *
 *******************************************************************/

/**
 * Generic elements.
 */
.messages {
  background-color: #fff;
  border: 1px solid #b8d3e5;
}

.preview {
  background-color: #fcfce8;
  border: 1px solid #e5e58f;
}

div.status {
  color: #33a333;
  border-color: #c7f2c8;
}

div.error, tr.error {
  color: #a30000;
  background-color: #FFCCCC;
}

.form-item input.error, .form-item textarea.error {
  border: 1px solid #c52020;
  color: #363636;
}

/**
 * dblog.module
 */
tr.dblog-user {
  background-color: #fcf9e5;
}

tr.dblog-user td.active {
  background-color: #fbf5cf;
}

tr.dblog-content {
  background-color: #fefefe;
}

tr.dblog-content td.active {
  background-color: #f5f5f5;
}

tr.dblog-warning {
  background-color: #fdf5e6;
}

tr.dblog-warning td.active {
  background-color: #fdf2de;
}

tr.dblog-error {
  background-color: #fbe4e4;
}

tr.dblog-error td.active {
  background-color: #fbdbdb;
}
tr.dblog-page-not-found, tr.dblog-access-denied {
  background: #d7ffd7;
}
tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
  background: #c7eec7;
}


/**
 * System Defaults
 */


/*
** HTML elements
*/
fieldset {
  margin-bottom: 1em;
  padding: .5em;
}
form {
  margin: 0;
  padding: 0;
}
hr {
  height: 1px;
  border: 1px solid gray;
}
img {
  border: 0;
}
table {
  border-collapse: collapse;
}
th {
  text-align: left; /* LTR */
  padding-right: 1em; /* LTR */
  border-bottom: 3px solid #ccc;
}

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */

/**
  * One column panels
  */

.panel-1col {
/*  overflow: hidden;  */
}

.panel-2col .panel-col-first .inside {
  margin: 0;
}


.panel-1col .panel-col {
}

#panels-edit-display .panel-pane,
#panels-edit-display .helperclass {
  margin: .5em;
}

.panel-2col .panel-separator {
  margin: 0 0 1em 0;
}

/**
  * Two column panels
  */


.panel-2col-stacked {
/*  overflow: hidden;  */
  margin-top: 0;
  padding-top: 0;
}

.panel-2col-stacked .panel-col-top,
.panel-2col-stacked .panel-col-bottom {
  width: 99.9%;
  clear: both;
}

.panel-2col-stacked .panel-col-top .inside {
  margin-bottom: .5em;
}

.panel-2col-stacked .panel-col-first {
  float: left;
  width: 50%;
}
* html .panel-2col-stacked .panel-col-first {
  width: 49.9%;
}

.panel-2col-stacked .panel-col-first .inside {
  margin: 0 .5em 1em 0;
}

.panel-2col-stacked .panel-col-last {
  float: left;
  width: 49.9%;
}

.panel-2col-stacked .panel-col-last .inside {
  margin: 0 0 1em .5em;
}

.panel-2col-stacked .panel-separator {
  margin: 0 0 1em 0;
}


.panel-2col-bricks {
/*  overflow: hidden;  */
  margin-top: 0;
  padding-top: 0;
}

.panel-2col-bricks .panel-col-top,
.panel-2col-bricks .panel-col-middle,
.panel-2col-bricks .panel-col-bottom {
  width: 99.9%;
  clear: both;
}

.panel-2col-bricks .panel-col-top .inside,
.panel-2col-bricks .panel-col-middle .inside {
  margin-bottom: .5em;
}

.panel-2col-bricks .panel-col-first {
  float: left;
  width: 50%;
}
* html .panel-2col-bricks .panel-col-first {
  width: 49.9%;
}

.panel-2col-bricks .panel-col-first .inside {
  margin: 0 .5em .5em 0;
}

.panel-2col-bricks .panel-col-last {
  float: left;
  width: 50%;
}
* html .panel-2col-bricks .panel-col-last {
  width: 49.9%;
}

.panel-2col-bricks .panel-col-last .inside {
  margin: 0 0 .5em .5em;
}

.panel-2col-bricks .panel-separator {
  margin: 0 0 1em 0;
}


/**
 * Status report colors.
 */
table.system-status-report tr.error, table.system-status-report tr.error th {
  background-color: #fcc;
  border-color: #ebb;
  color: #200;
}
table.system-status-report tr.warning, table.system-status-report tr.warning th {
  background-color: #ffd;
  border-color: #eeb;
}
table.system-status-report tr.ok, table.system-status-report tr.ok th {
  background-color: #dfd;
  border-color: #beb;
}


.view-portfolio-display-superseat h6,
.view-portfolio-display-suspension h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	color: #999;
	margin: 0px;
}

.pane-views-panes {
	z-index: 0px;
}

#announcement {
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	top: 0px;
	right: 80px;
}

#announcement a {
	color: #000;
	text-decoration: none;
}

#announcement a:hover {
	text-decoration: underline;
}