/*###############################################################################
#
# DrakerLabs Sentalis Framework Loyaout Style Sheet 
#
# name:      blueTan-style.css
# version:   1.0
# author:    adam bouchard
# email:     adam@drakerlabs.com
# website:   http://www.drakerlabs.com/
#
#
################################################################################*/



/*---------------------------------------------------------------------------*/
/*																			 */
/* =General
/*																			 */
/*---------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------*/
/*																			 */
/* =Typography
/*																			 */
/*---------------------------------------------------------------------------*/

body {background:#fff url('../../images/standard/bg.jpg') repeat-y top center;}

/*---------------------------------------------------------------------------*/
/*																			 */
/* =Headings
/*																			 */
/*---------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------*/
/*																			 */
/* =Links
/*																			 */
/*---------------------------------------------------------------------------*/
a {	text-decoration: none;}

/*---------------------------------------------------------------------------*/
/*																			 */
/* =Header (logo)
/*																			 */
/*---------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------*/
/*																			 */
/* =Container (container)
/*																			 */
/*---------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------*/
/*																			 */
/* =Main Nav (navigation)
/*																			 */
/*---------------------------------------------------------------------------*/
.navigation {background:url('../../images/standard/bg_nav.jpg') no-repeat 0 0;}

.navigation li a {color: #fff;}

.navigation li a:hover{background:#fff;color:#f55f17;}

.navigation .selected  {background:#fff;color:#2a5d74;}

/*---------------------------------------------------------------------------*/
/*																			 */
/* =Sub Nav (topNav)
/*																			 */
/*---------------------------------------------------------------------------*/

.topNav li a {color: #f55c17;}

/*---------------------------------------------------------------------------*/
/*																			 */
/* =             Main Content (content)										 */
/*																			 */
/*---------------------------------------------------------------------------*/

/* = Overview
------------------------------------------------------------------------------*/
#overviewContent .projectRow{
	border-top:1px solid #bbb;
}

#overviewContent .projectRowAlarm{
	border-top:1px solid #bbb;
}
/* =Dials
-----------------------------------------------------------------------------*/

.content .dials div .dial_caption {font-weight:bold}

/* =Graph
-----------------------------------------------------------------------------*/
.content .graphWrapper {color:#333;}

#graph_holder {
	background:#f0f0f0 url(../../images/graph-loader.gif) center no-repeat; /*#FFF7E1*/
	border-top-color: #BBB;
	border-color: #BBB;
}

.topButton:hover {color:#000;}

.topButtonCurrent {
	border-color: #BBB;
	background-color:#f0f0f0;
	color:#FF6F26;
}

#userDefinedDate {
	border-color: #BBB;
	background-color:#f0f0f0;
}

#exportData form {
	background-color:#CCCCCC;
	border-left-color:#BBB;
}

.buttonExport {color:#666;}

.buttonExportSelected {
	border-color:#FEE6AC;
	background-color:#CCCCCC;
	color:#000;
}

.buttonExport:hover {
	color:#000;
}

#bottomWrapper {border-bottom-color:#fff;}

.bottomButton:hover {color:#000;}

.bottomButtonCurrent{
	border-color:#BBB;
	border-top-color:#FFF7E1;
	background-color:#f0f0f0;
	border-top:none;
	color:#FF6F26;
}

/*------ OPTIONS --------*/
#options {
	border-color:#BBB;
	border-top:none;
	/*
	border-left-color:#FEE6AC;
	border-right-color:#FEE6AC;
	border-bottom-color:#FEE6AC;
	*/
	background-color:#f0f0f0;
}

.optionButton {color:#666;}

.optionButtonSelected {color:#000;}

.optionButton:hover {color:#000;}

/* = System Status
-----------------------------------------------------------------------------*/

.content h1 {color:#1d528a;}

#currentAlarms th{
	background-color:#f0f0f0;
}
#currentAlarms td {
background-color:#2a5d74;/*#FFF7E1;*/
border-bottom-color:#666;
color: #fff;
} 

#currentAlarms td.colspan table tr td {color:#000;}
	
#currentAlarms td.colspan table tr:hover td {
	color:#000;
	background-color:#fff;
	}

#currentAlarms tr td.colspan table tr td {
	background-color:#f0f0f0;
}

#currentAlarms tr td.colspan table tr.alarmTriggered td  {
background-color:#FFFF00;
}

#currentAlarms td.colspan table tr.alarmTriggered:hover td {
	color:#fff;
	background-color:red;
	}

#currentAlarms tr td.colspan table tr.alarmTriggered td.alarmTriggered {
background-image: url(../../images/alarm.png);
}

.alarm {
	background-color: yellow;
}

#power-alarm {
	padding:2px 0 2px 20px;
	background-image: url(../../images/cog_go.png);
	background-repeat:no-repeat;
}

#environ-alarm {
	padding:2px 0 2px 20px;
	background-image: url(../../images/world.png);
	background-repeat:no-repeat;
}

#daq-alarm {
	padding:2px 0 2px 20px;
	background-image: url(../../images/database_lightning.png);
	background-repeat:no-repeat;
}
/* =Alarm History
-----------------------------------------------------------------------------*/
.swapTab {
	padding:4px; 
	float:left;
	margin-right:3px;
	cursor:pointer;
	font-size:1.2em;
	font-weight:bold;
	border:1px solid #FFF;
	border-bottom:none;
	margin-bottom:-1px;
}

.selectedTab {
	background-color:#f4f4f4;
	border-color: #BBB;
}

#tableHolder {
	background-color:#f4f4f4; 
	padding:5px;
	clear:left;
	border:1px solid #BBB;
}

#currentAlarms {
	background-color:#FFFF99; 
	margin:0 auto;
	width:100%;
}

#historyTable tr {
	border-bottom-color:#ddd;
}
 table th.sortasc {
	background-color:#77A558;
	background-image: url(../../images/up.gif);
	background-repeat:no-repeat;
	background-position:right center;
	}
 th.sortdesc {
	background-color:#B9DDFF;
	background-image: url(../../images/down.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

#currentAlarms
tr:hover td {
	color:#fff;
	background-color:#000000;
}

.categoryClass1 td { background-color:#eee}
.categoryClass2 td { background-color:#ccc}
.categoryClass3 td { background-color:#fff}

.categoryIcon1 {
background-image:url(../../images/database_lightning.png);
background-repeat:no-repeat;
background-position:center;
}

.categoryIcon2 {
background-image:url(../../images/cog_go.png);
background-repeat:no-repeat;
background-position:center;
}

.categoryIcon3 {
background-image:url(../../images/world.png);
background-repeat:no-repeat;
background-position:center;
}

/* Home / Overview page
*****************************************************************************************/
.overviewBox {
	border-right:3px #666 solid;
	border-bottom:3px #666 solid;
	border-left:1px #aaa solid;
	border-top:1px #aaa solid;
}

#overviewBox1 {
	background:url('../../images/overview/pvcell_stat.jpg') no-repeat top center;
}

#overviewBox2 {
	background:url('../../images/overview/hybrid_stat.jpg') no-repeat top center;
}

#overviewBox3 {
	background:url('../../images/overview/powerplant_stat.jpg') no-repeat top center;
}

#overviewBox4 {
	background:url('../../images/overview/tree_stat.jpg') no-repeat top center;
}
.overviewBox {
	background-color: #f0f0f0;
}	

.overviewBox h1 { /* these are the text titles that lay over bg_menu.jpg */
	color:#587993;
	text-transform:uppercase;
	font-size:18px;
}

.overviewBox .pad p span {color: #2a5d74;}
/*---------------------------------------------------------------------------*/
/*																			 */
/* =Secondary Content (subContent)
/*																			 */
/*---------------------------------------------------------------------------*/
.subSection .menu {
	background:url('../../images/standard/bg_menu.jpg') no-repeat top center;
	background-color: #f0f0f0;
}	

.subSection .menu h1 { /* these are the text titles that lay over bg_menu.jpg */
	color:#fff;
	text-transform:uppercase;
}

.subSection .menu .pad p span {color: #2a5d74;}

/* =stats
-----------------------------------------------------------------------------*/

#lastTimestamp {font-size:1.2em; color:#FF6F26; font-weight:bold; margin:0;}
#dataTable {
	background:#f0f0f0;
}

#dataTable tr:hover {background-color:#fff;}

/* =Project Overview
-----------------------------------------------------------------------------*/
.project_overview img {}



/*---------------------------------------------------------------------------*/
/*																			 */
/* =LIGHTBOX
/*																			 */
/*---------------------------------------------------------------------------*/

#outerImageContainer{
	background-color: #fff;
	}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
	background-color: #fff;
	}
#imageData{color: #666; }	
#overlay{
	background-color: #000;
}

div.tooltip{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 4px 5px;
	margin: 8px;
	background-color:#D1E4FA;
	border:1px solid #75AFF0;
	text-align:justify
}

div.tooltipTitle {
	padding:0 0 2px 0;
	text-align:center; 
	font-weight:bold;
}