/*
 * Copyright 2005 Tridium, Inc. All Rights Reserved.
 */
 
/**
 * Portal Style Sheet.
 * 
 * @author    Andy Frank
 * @creation  01 Apr 05
 * @version   $Revision$ $Date$
 * @since     Baja 1.0
 */

/**********************************************************
 * Core styles
 *********************************************************/

body 
{ 
  padding: 0; 
  margin: 0; 
  font: 12px Verdana; 
}
td { font: 12px Verdana; }
input, select { font: 11px Verdana; }

a:link    { text-decoration: underline; }
a:visited { text-decoration: underline; }
a:hover   { text-decoration: underline; }
a:active  { text-decoration: underline; }

a.home:link,
a.home:visited,
a.home:hover,
a.home:active
{ 
  color: black; 
  text-decoration: none;
}

.font-big     { font: 18px Arial }
.font-medium  { font: bold 14px Arial }
.font-normal  { font: 12px Verdana; }
.font-small   { font: bold 10px Verdana; }
.font-command { font: bold 11px Verdana; text-decoration: none; }

.dlg-button
{
  color: white;
  background: #3a6bce;
  padding: 1px 6px;
  font: bold 12px Verdana;  
  cursor: pointer;
  border-top:  1px solid #dbe4f7;
  border-left: 1px solid #dbe4f7;
  border-right:  1px solid #1b315d;
  border-bottom: 1px solid #1b315d;
}
.dlg-button a 
{ 
  color: white; 
  text-decoration: none;
}

.search-button
{
  color: white;
  background: #3a6bce;
  padding: 0px 3px;
  font: bold 12px Verdana;  
  cursor: pointer;
  border-top:  1px solid #dbe4f7;
  border-left: 1px solid #dbe4f7;
  border-right:  1px solid #1b315d;
  border-bottom: 1px solid #1b315d;
}
.search-button a 
{ 
  color: white; 
  text-decoration: none;
}

.control-bg { background: #ddd; }
.dialog-header { background: #3a6bce; }

/**********************************************************
 * ControlledView Breadcrumbs
 *********************************************************/
div#currentProcess
{
	font: bold 16px Verdana;	
	color: #D6AD00;
	display:inline;
	text-decoration: underline;
}

div#process
{
	font: 14px Verdana;
	color: #FFDD4B;
	display:inline;
}


/**********************************************************
 * ControlledView Auto Save
 ********************************************************
div#autoSaveDiv
{
	border-top: 1px solid #FFDD4B; 
  	border-bottom: 1px solid #FFDD4B;
  	padding-top:5px;
  	height: 20px;
  	width: 250px;
  	background: #FFF8D9;
	position:fixed;
	right:5px;
}

div#autoSaveDiv2
{
	border-top: 1px solid #FFDD4B; 
  	border-bottom: 1px solid #FFDD4B;
  	padding-top:5px;
  	height: 20px;
  	width: 250px;
  	background: red;
	right: expression( ( autoSaveDiv2.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( autoSaveDiv2.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div#autoSaveMsg
{
	padding-left: 5px; 
	padding-top:10px; 
	display:inline; 
	text-align:left;
	font-weight: bold;
	color: #FFF8D9;
}
*/

/**********************************************************
 * Default Zone Header
 *********************************************************/
.zone-apps
{
  font:12px Verdana;
  color:#666;
  padding-top:5px;
}

.zone-title
{
  margin: 0px;
  font:18px Arial;
  color: black;
  text-decoration: none;
}

.zone-header-util-selected
{

  font: bold 10px Verdana;
  background: #F8F8F8;
  padding: 3px 4px 5px 4px;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 0px solid #999;
}

.zone-header-util
{
  font: bold 10px Verdana;
  color: #666666;
  padding: 3px 1px 5px 1px;
  border-bottom: 1px solid #999;
}

.zone-header-util a:link,
.zone-header-util a:visited,
.zone-header-util a:hover,
.zone-header-util a:active
{ 
  color: #666; 
}

.zone-header
{
  padding: 10px;
  color: black;
  background: #f8f8f8;
  border-bottom: 1px solid #999;
}

.zone-tab
{ 
  text-align: center;
  width:32px;
  margin: 0px 3px;	
  padding: 3px;	
  vertical-align: top; 
  border-bottom: 1px solid #999;
}

.zone-tab-selected
{ 
  text-align: center;
  width:32px;
  margin: 0px 3px;	
  padding: 3px;	
  vertical-align: top; 
  border-bottom: 1px solid #999;
}


/**********************************************************
 * Quick Links
 *********************************************************/
.zone-header-util div#selected {
	background: red;	
	display:inline; 
	text-align:center; 
	padding-bottom:0px;
}

/**********************************************************
 * Steps 
 *********************************************************/
TD.step
{
  font: bold 38px Arial;
  color: #999;
  width: 20px;
  vertical-align: top;
}

.stepText
{
  font: bold 16px Arial;
  color:#999;
}

.stepHelp
{
  font: 12px Arial;
  color: #606060;	
}

.stepLabel
{
  white-space: nowrap; 
  font-weight: bold; 
}

/**********************************************************
 * Portal Table
 *********************************************************/

.table-group
{
  padding: 3px;
  background: #f5f5cb;
  border-bottom: 1px solid #ccc;
  white-space: nowrap;
}

.title
{ 
  padding: 5px; 
  border-bottom: 1px solid #999;
}

.subtitle
{
  background: #ddd;
  padding: 3px;
  border-bottom: 1px solid #999;  
  white-space: nowrap;
}

.row1, .row2, .errorRow
{ 
  background: #f8f8f8;
  border-right: 1px solid #ccc; 
  border-bottom: 1px solid #ccc; 
  padding: 3px;
  white-space: nowrap;
}
.row2 { background: #f0f0f0;  }

.highlightRow { background: #c5d4eb; }

.commands
{
  color: #7787a1;
  background: #c5d4eb;
  padding: 5px;
  border-bottom: 1px solid #999;
}


/**********************************************************
 * BottomTabs
 *********************************************************/

.bottomTabs-active, 
.bottomTabs-inactive
{
  padding: 5px 15px;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  font: bold 10px Verdana;
  white-space: nowrap;
}
.bottomTabs-active 
{
  background: #eee;
}
.bottomTabs-inactive 
{ 
  background: #ddd url(/module/portal/com/tridium/portal/hx/images/tabbg.png);
  background-repeat: repeat-x;
}
.bottomTabs-fill { border-top: 1px solid #999; }

/**********************************************************
* TopTabs
*********************************************************/

.topTabs-active, 
.topTabs-inactive
{
  padding: 5px 15px;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  font: bold 10px Verdana;
  white-space: nowrap;
  background: #ddd url(/module/portal/com/tridium/portal/hx/images/tabbg.png);
  background-repeat: repeat-x;
}
.topTabs-inactive 
{ 
  border-bottom: 1px solid #999;
}
.topTabs-fill { border-bottom: 1px solid #999; }