/* 
    Document   : eCommon
    Created on : May 22, 2009, 3:33:12 PM
    Author     : jimmy choi
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*
Sticky Footer by Ryan Fait
http://ryanfait.com/
*/
* {
	margin: 0;
}

html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -10px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 10px; /* .push must be the same height as .footer */
    
    font-family:Verdana,Arial,sans-serif;
    font-size:10px;
    color: #6C717A;
}
/* End sticky footer */

root { 
    display: block;
}

hr {
    background-color:#BBBBBB;
    border:0 none;
    height:1px;
    margin:5px;
    text-align:left;
    width:100%;
}

.e_default_body .e_default_text
{
    /*font-family:Verdana,Arial,sans-serif;*/
    font-size:11px;
}


.e_header
{
    font-size: 11px !important;
    font-weight:bold;
    width: 100%;
    position: relative;
    text-align: center;
}
#tooltip{
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
}

label.e_field_label_text{
    font-family:Verdana,Arial,sans-serif;
    font-size:11px;
}


label.e_field_data_text{
    font-size: 11px;
    color:blue;
    font-weight:bold;
}

label.e_field_data_text-error{
    color: red;
}

body.settings_html
{
    font-size:11px;
}

fieldset.e_fieldset {
}

/* Dashboard */
div.e_dash_top{
    padding:1px; width:430px; height:105px;
}
div.e_dash_bottom{
    padding:1px; width:430px; height:300px;
}
/* Dashboard */

div.e_dash_accordion
{
    padding:1px; 
    width:200px;
    height:200px;
}

div.e_div
{
    width:700px;
    padding:1px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
legend.e_legend{
}

#accordion consume_today
{
    width:100%;
    height:100%;
    border:0px;
    margin:0px;
}

/*
 Common style for div containers holding graphs
*/
div.graph-container
{
    border: solid #cccccc 1px;
}

/* Force a datepicker to display above other DOM elements,
   such as the graph's tooltips
*/
.ui-datepicker {
    z-index: 9001 !important;
}

label.setting_label
{
    display: inline;
    font-size:11px;
}

div.setting_label
{
    display: inline;
    font-size:11px;
}

td.setting_label
{
    display: inline;
    font-size:11px;
    width:30%;
}

.e_full_length .e_full_height
{
    height:100% !important;
}

.e_full_width
{
    width:95% !important;
}

td.setting_data
{
    font-size:11px;
    width:70%;
}

td.ec-setting-label
{
    display: inline;
    font-size:11px;
}

td.ec-setting-data
{
    font-size:11px;
}

td.wag-pixel-td { 
            width: 40px;
            height: 15px;
            vertical-align: top;            
	    border: 0px solid black;
            cursor: pointer;
            }
th.wag-pixel-th { 
            width: 40px;
            height: 15px;
            vertical-align: top;
	    font-size: 11;
            }
table.ass-week-at-a-glance { 
    border: 0px solid black;
    padding: 0px;
    border-spacing: 0px;
}

button.ass-crud-button { 
                         font-size: 8px;
                         vertical-align: top;
                         }


table.autani_table_small 
{ 
  background-color: #cccccc;
  }

.text_center
{
    text-align:center;
}
.e_text{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

.hvac_div_thumb {
    width:100px;
    height:91px;
    background-image: url("../images/T-32-P_100x90_Blank_Screen.png");
}
.read-only {
    border: 1px solid #999;
    background-color: #ddd;
    color: #000066;
}

.e_no_padding
{
	padding:0 !important;
}

.e_no_margin
{
	margin:0 !important;
}

.e_no_border
{
	border:0 !important;
}

.e_dialog_body
{
    /*font-family:Verdana,Arial,sans-serif !important;*/
    font-size:11px !important;
}

.e_dialog_text
{
    
    font-size:11px !important;
    /*
    font-family:Verdana,Arial,sans-serif !important;
        color:red !important;*/
}

.e_start_end_date
{
    text-align:center;
}

.e_small_top_margin
{
    margin-top: 5px;
}

.e_small_bottom_margin
{
    margin-bottom: 5px;
}

.e-widget-vertical-spacer
{
    height: 20px;
    margin-bottom:2px;
}

.e_button_margin
{
    margin-top:5px;
    margin-right:5px;
}

/* Added following to fix IE issue in jqGrid 3.5 where only header is sized at 11px font */
table.ui-jqgrid-htable, table.ui-jqgrid-btable, table.ui-pg-table, div.ui-pg-div  {
    font-family: Verdana,Arial,sans-serif;
    font-size:11px;
}

span.a-ui-widget-title { 
                         font-family:	""Verdana,Arial,sans-serif"";
                         font-size:	11px;
                         font-weight:	bold;
                         font-style:	normal;
                         color:	#222222;
                         line-height:	13px;
                         text-align:	start;
                         vertical-align:	baseline;
                         }

div.popup { 
    visibility: hidden;
    background-color: 'white';
/*    width:350px;
   height: 400px; 
*/
    position: absolute;
    top: 50%;
    left: 50%;
    text-align:center;
    padding:10px;
    font:normal 16px Tahoma, Geneva, sans-serif;
    border:2px solid #666;
/*    margin-left: -50px;
    margin-top: -50px;
*/
    z-index:5;
    overflow: auto;
}

/* Implement 'nowrap' on a table */
table.nowrap tr td{
    white-space:nowrap;
}

/**************************************/
/**************************************/
/* Section for Form validation errors */
label.error {
    color:red;
    display: block;
    font-style:italic;
}
input.error {
    border:1px dotted red;
}
/**************************************/
/**************************************/
span.error {
    color: red;
    font-style: italic;
}

.noscript-msg-box {
    font-weight: bold;
    text-align: center;
    width: 400px;
    padding: 10px;
}

.general-information-box {
    margin:     5px;
}

.general-information-content {
    margin-left: 10px;
}

.general-information-label {
}

.general-information-field {
    padding-left: 15px;
}

.ec-top-margin-10{margin-top:10px;}


.ec-indented-controls {
    position: relative;
    left: 10px;
}

.ec-indented-control-20 {
    position: relative;
    left: 20px;
}

/*Top margin of 10px*/
.ec-margin-top-10{
    margin:10px;
}

/*** table display ***/
div.ec-table {
    display: table;
    width: 100%;
    border-spacing: 3px;    
}

div.ec-table > div.ec-thead {
    display: table-header-group;
}

div.ec-table > div.ec-table-body {
    display: table-row-group;
}

div.ec-table > div.ec-thead > div.ec-table-row,
div.ec-table > div.ec-table-body > div.ec-table-row {
    display: table-row;
}

div.ec-table > div.ec-thead > div.ec-table-row > div.ec-table-heading {
    display: table-cell;
    font-weight: bold;
}

div.ec-table > div.ec-table-body > div.ec-table-row > div.ec-table-col1 {
    display: table-cell;
    width: 20%;
}

div.ec-table > div.ec-table-body > div.ec-table-row > div.ec-table-col2 {
    display: table-cell;
    width: 30%;
}
div.ec-table > div.ec-table-body > div.ec-table-row > div.ec-table-col3 {
    display: table-cell;
    width: 20%;
}
div.ec-table > div.ec-table-body > div.ec-table-row > div.ec-table-col4 {
    display: table-cell;
    width: 30%;
}
/*** table display ***/

/** jqGrid - override text wrap style on multiline text to truncate and show ellipsis
    modified from ui.jqgrid.css ***/
.ui-jqgrid .ui-ellipsis-no-wrap {
    text-overflow:ellipsis; 
    -moz-binding:url('ellipsis-xbl.xml#ellipsis');
    white-space: nowrap !important;
}

.ec-state-warning{	
    border: 1px solid #ffff00;
	background: #ffff00;
	color: #4d4d4f;}
.ec-state-error{background-color: red;}

.ec-header-bold {font-size:1.5em ;font-weight:bold;margin-bottom:1em;}