/*

	Global Applications CSS
	------------------------

	@file 		app-global.css
	@date 		2009-01-22 12:37:15 -0800 (Thu, 22 Jan 2009)
	@author 	Rolf Mortenson <rmortenson@apx.com>

	Copyright (c) 2008 APX, Inc. <http://www.apx.com>

*/

/* - - - - - - - - - - - - - - - - - - - - -
General Notes
- - - - - - - - - - - - - - - - - - - - - */

/*	positioning (with coordinates) styles
	float/clear styles
	display/visibility styles
	spacing (margin, padding, border) styles
	dimensions (width, height) styles
	background (color, image, positioning)
	typography-related (line-height, color, etc.) styles
	miscellaneous (list-style, cursors, etc.) styles
*/


/* 	------------------------------------------------------------------------
	LAYOUT - general
   	------------------------------------------------------------------------*/
#app_container {
	position: absolute; 
	top: 1px; 
	left: 0px; 
	bottom: 1px; 
	width: 100%; 
	overflow: hidden;
}
/* for ie6 if javascript is off */
* html #app_container {
	height: 100%;
}

#app_header {
	position: absolute;
	top: 0;
	left: 0;
	height: 29px;
	width: 100%;
	overflow: hidden;
}

html.js #app_header {   /* HTML5 masterpage */
    left: -2px;
}

#app_header #app_nav {
	position: relative;
	left: 1px;
	height: 29px;
	width: 100%;
	z-index: 1;
}
 

/*	>>> Layout Style 'slideL' //------------------------------------------*/
	

#leftPane {
	position:absolute; 
	top: 30px;
	bottom: 1px; 
	left:1px; 
	display: none;		/*reset via js */
	visibility: hidden; /*reset via js */
	width: 300px; 
	z-index: 1;
}

.hfive #leftPane {
    width: 304px;
    left: 0px;
}

	/*IE loses radiobutton settings if display: none */
* html #leftPane {      
	display: block;
}

#rightPane{
	position:absolute; 
	top: 30px;
	right: 1px; 
	bottom: 1px; 
	left:18px; 
	overflow: auto;
	z-index: 2;
}

* html #rightPane {
	left: 19px;
}

#toggleBar{
	position: absolute; 
	top: 30px;
	left: 0px; 
	bottom: 1px;
	border-width: 1px;
	width: 15px;
	overflow: hidden;
	z-index: 3;
}

	/*  when leftPane is open */
.shared #leftPane {
	display: block;
	visibility: visible; 
}

.shared #rightPane {
	left: 322px;
}

.shared #toggleBar {
	left: 304px;
}


/*	>>> Layout Style 'General' //------------------------------------------*/

#app_container.general div#fullPane {
	position: absolute;
	top: 30px;
	bottom: 0px;
	left: 0;
	width: 100%;
	overflow: auto;
}

/* for ie6 if javascript is off */
* html #app_container.general div#fullPane {
	height: 100%;
}

/* 	------------------------------------------------------------------------
	APP-HEADER
   	------------------------------------------------------------------------*/
#app_header {
	border-bottom: 1px solid #666;
	background: none;
	overflow: hidden;
}

#app_header h2 {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	padding-left: 50px;
	margin: 0px;
	height: 29px;
	font-family: Roboto, Verdana;
	font-size: 100%;
	line-height: 30px;
	color: #4B4B4B;
	z-index: 0;
}

* html #app_header h2 { /* ?? */
	display: inline;
}

/* application icons for app_header */

#app_container.demandResponse #app_header {
	background: transparent url(../images/icons/icon_app_all.png) no-repeat 0px 0px;
}

#app_container.dashboard #app_header {
	background: transparent url(../images/icons/icon_app_all.png) no-repeat 0px 0px;
}

#app_container.scheduling #app_header {
	background: transparent url(../images/icons/icon_app_all.png) no-repeat 0px -36px;
}

#app_container.settlement #app_header {
	background: transparent url(../images/icons/icon_app_all.png) no-repeat 0px -72px;
}

#app_container.monitor #app_header {
	background: transparent url(../images/icons/icon_app_all.png) no-repeat 0px -108px;
} 

#app_container.explorer #app_header {
	background: transparent url(../images/icons/icon_app_all.png) no-repeat 0px -144px;
}

#app_container.contracts #app_header {
	background: transparent url(../images/icons/icon_app_all.png) no-repeat 0px -180px;
}
#app_container.actApps #app_header,
#app_container.metadataApps #app_header {
	background: transparent url(../images/icons/icon_app_all.png) no-repeat 0px -180px;
}

#app_container.upload #app_header {
	background: transparent url(../images/icons/icon_app_all.png) no-repeat 0px -216px;
}

#app_container.calc #app_header {
	background: transparent url(../images/icons/icon_app_all.png) no-repeat 0px -252px;
} 

#app_container.wind #app_header {
	background: transparent url(../images/icons/icon_app_all.png) no-repeat 0px -288px;
}

#app_container.identity #app_header {
	background: transparent url(../images/icons/icon_app_all.png) no-repeat 0px -324px;
}

#app_container.login #app_header {
	background: transparent url(../images/icons/icon_app_all.png) no-repeat 0px -360px; 
}

#app_container.refData #app_header {
	background: transparent url(../images/icons/icon_app_all.png) no-repeat 0px -396px; 
}

#app_container.contact #app_header {
	background: transparent url(../images/icons/icon_app_all.png) no-repeat 0px -432px;
}

#app_container.documentation #app_header {
	background: transparent url(../images/icons/icon_app_all.png) no-repeat 0px -468px;
}

#app_container.errors #app_header {
	background: transparent url(../images/icons/icon_app_all.png) no-repeat 0px -504px; 
}

#app_container.notify #app_header {
	background: transparent url(../images/icons/icon_app_all.png) no-repeat 0px -504px; 
}
 

   
/* 	------------------------------------------------------------------------
	APP NAV
   	------------------------------------------------------------------------*/
#app_nav ul {
	position: relative; 
	padding-left: 320px; /* start the app_nav in line with leftPane */
	width: 100%;
	text-align: left;
}

.appAct #app_nav ul {
    padding-left: 229px;
}

*  html #app_nav ul {
	height: 30px;
}


#app_nav li {
	position: relative; 
	display: inline;
	margin: 0 0 0 8px;
	padding: 0 20px 0 0px;
	border-right: 1px solid #666;
	font-size: 92%;
	line-height: 30px;
}

* html #app_nav li {  /* help IE */
	top: 50%;
	margin-top: -7px;
	line-height: 1em;
	zoom: 1;
}

	/* turn off last divider - FF only */
#app_nav li:last-child {
	border-right: none;
}

#app_nav li.current {
	font-weight: bold;
}

#app_nav li a {
	line-height: 30px;
	text-decoration: none;
	color: #000;
} 

* html #app_nav li a {
	line-height: 13px;
}

#app_nav li a[href]:hover {
	color: #3366CC;
}
#app_nav li.current a[href]:hover {
	color: #000;
    cursor: default;
}
   
#app_nav li a.disabled,
#app_nav li a.disabled:hover,
#app_nav li.disabled { 
	color: #999;
	cursor: default;
}

#app_nav li button.newWindow {
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -5px;
}

.ie7 #app_nav li button.newWindow {
	right: 10px;
}
  
*:first-child+html #app_nav li button.newWindow { /* IE 7 */
	right: 10px;
}

   
   
/* 	------------------------------------------------------------------------
	LEFTPANE
   	------------------------------------------------------------------------*/
#leftPane,
.leftPane {
	background-color: #DDD;
	font-family: Roboto, Verdana;
	font-size: 85%;
}
   
#toggleBar{
	background:#CCC url(../images/backgrounds/bg_toggleBar_vert.png) no-repeat -32px top;
	border-color: #FFF #7F7F7F #7F7F7F #FFF;
	border-style: solid;
}

#toggleBar:hover {
	background-position: -48px top;
	cursor: pointer;
}

#toggleBar a.toggle {
	text-decoration: none;
}

#toggleBar a.toggle img {
	background: none;
}

* html #toggleBar a.toggle {
	display: block;
	position: relative;
	height: 100%;
	width: 15px;
}

* html #toggleBar a:hover.toggle {
	background: url(../images/backgrounds/bg_toggleBar_vert.png) no-repeat -48px top;
}


/*	>>> leftPane is open      //------------------------------------------*/

.shared #toggleBar {
	background:#CCC url(../images/backgrounds/bg_toggleBar_vert.png) no-repeat left top;
}

.shared #toggleBar:hover {
	background:#CCC url(../images/backgrounds/bg_toggleBar_vert.png) no-repeat -16px top;
}

* html .shared #toggleBar a:hover.toggle {
	background: url(../images/backgrounds/bg_toggleBar_vert.png) no-repeat -16px top;
}

/*	>>> leftPane Controls      //------------------------------------------*/

#leftPane .tabs-nav {
	width: 293px;
}

#leftPane div.results table {
	font-size: 100%;
}

#leftPane div.scrollbox {
	position: absolute;
	top: 22px;
	right: 0;
	bottom: 0;
	left: 0;
	border-top: 1px solid #DDD;
	border-left: 3px solid #CCC;
	width: 300px;
	background: #F1F1F1 url(../images/backgrounds/bg_silver_vert.gif) repeat-x left top;
	overflow: auto;
}

.hfive #leftPane div.scrollbox {
    border-left-width: 0px;
    width: 304px;
}

#leftPane div.tabs-container {
	position: relative;
	overflow: hidden; 
}

#leftPane select {
	font-size: 11px;
}

#leftPane input {
	font-size: 11px;
	vertical-align: middle;
	*vertical-align: text-bottom;
}
#leftPane #tradeDateContainer input {
    vertical-align: text-bottom;
}
#leftPane label {
	margin-right: 5px;
	font-weight: bold;
	color: #333;
	line-height: 17px;
}
	
#leftPane label.left {
	float: left;
	display: block;
	width: 50px;
}

label span {
	font-weight: normal;
}

#leftPane label input {
	margin-left: 0;
}
	
#leftPane .radio {
	margin-right: 3px;
}
	
#leftPane .radioSec {
	margin-left: 20px;
	margin-right: 3px;
}

.itemGroup {
	position: relative;
	clear: both;
	margin: 5px 0px 5px 10px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dotted #999;
	width: 270px;
	overflow: hidden;
}

* html .itemGroup {
	border: 0;
	background: url(../images/backgrounds/bg_dot_999.gif) repeat-x left bottom;
}

.dateGroup {
	width: 270px;
	overflow: hidden; /* clear float */
}

.dateGroup div.left {
	float: left;
	width: 135px;
}

.radioGroup {
	position: relative;
	margin: 5px 0px 5px 10px;
	padding: 0px 0px 5px 0px; 
	width: 270px;
	border-bottom: 1px dotted #999;
}

* html .radioGroup {
	border: 0;
	background: url(../images/backgrounds/bg_dot_999.gif) repeat-x left bottom;
}

fieldset {
	border-width: 0px;
	border-style: none;
}

* html fieldset {
	position: relative;
}

legend {
	padding-left: 15px;
	font-weight: bold;
	color: #333;
}

label.stack { 
	display: block;
}

.radioGroup label.stack {
	margin-top: 5px;
}
	
	/* left right style */
.itemGroup .lr_l {
	float: left;
	margin: 0;
	width: 125px;
}

.itemGroup .lr_r {
	position: relative;
	float: right;
	width: 145px;
}

.itemGroup select {
	width: 270px;
}

.itemGroup input.lr_r {
	margin: 2px 0px;
	width: 140px;
	
}

.itemGroup input.inline {
	margin-top:0px;
}

.subGroup {
	clear: both;
	padding-top: 5px;
	border-top: 1px dashed #CCC;
	margin-top: 5px;
}

#leftPane label.lr_l {
	margin-right: 0;
}

#leftPane .actions,
.leftPane .actions {
	position: relative;
	margin: 5px 0px 30px 10px;
	padding: 5px 0px;
	width: 270px;
	text-align: right;
}

#leftPane .actions button, 
.leftPane .actions button, 
#leftPane .actions input[type=submit] {
	/*position: relative;
	right: 0px;*/
	float: right;
	vertical-align: middle;
	*vertical-align: text-bottom;
}

* html #leftPane div.actions input.niceButton {
	/*position: relative;*/
	float: right;
	display: inline;
	margin: 0;
	margin-left: 10px;
}

/* GC added for favorites - revise or delete */
#leftPane div.actions input.niceButtonLeft {
	float: left;
}

* html #leftPane div.actions input.niceButtonLeft {
	display: inline;
	left:-10px;
}

#leftPane div.actions input.addFavorites {
	float: left;
	margin: 0px 10px 0px 0px;
}

div#delFavsSep 
{
    border-bottom: 2px solid #FFF; 
    margin-left:10px; 
    margin-bottom:10px;
}
   

/* the following CSS will reduce the width of the selection pane. To revert, remove CSS between this comment and the End Selection Pane Width comment */
.narrowLeftPane #leftPane,
.narrowLeftPane #leftPane div#selectionPaneScrollbox {
    width: 264px;
}

.narrowLeftPane #leftPane .tabs-nav {
    width: 254px;
}

.narrowLeftPane .shared #toggleBar {
    left: 264px;
}
.narrowLeftPane .shared #rightPane {
    left: 282px;
}

.narrowLeftPane div.itemGroup {
    width: 230px;
}

.narrowLeftPane .itemGroup label.lr_l {
    width: 85px;
}

.narrowLeftPane #leftPane .actions {
    width: 230px;
}
/* End Selection Pane Width */



/* ------------------------------------------------------------------------
	TOOLBARS
   ------------------------------------------------------------------------*/

/*	>>> data_tools bar         //------------------------------------------*/

.data_tools{
	position: relative;
	clear: both;
	padding: 0;
	border-bottom: 1px solid #999966;
	border-top: 1px solid #FFF;
	height: 22px;
	*height: 24px;
	background-color: #ECEAD8;
	zoom: 1;
}

.data_tools .item {
	position: relative;
	float: left;
	margin: 0;
	padding: 0px 5px;
	height: 20px;
	*height: 22px;
	width: auto;
	background: transparent url(../images/backgrounds/bg_dtline.gif) repeat-y right top;
	line-height: 20px;
}

.data_tools label {
	line-height: 20px;
}

.data_tools .item input {
	margin-right: 5px;
	padding-left: 2px;
	font-size: 1em;
}

.data_tools .item select {
	margin-right: 5px;
	font-size: 85%;
}

.data_tools .page input,
.data_tools .item select {
	margin: 0px 2px 0px 0px;
	padding: 1px;
	vertical-align: middle;
}

* html .data_tools .item select {
	vertical-align: text-bottom;
}

* html .data_tools input.expand {
	margin-top: 5px;
}

.data_tools a.icon img,
.data_tools img.icon,
.data_tools input.icon {
	margin-top: 3px;
	margin-bottom: -2px;
	cursor: pointer;
}

.data_tools a.icon {
	text-decoration: none;	
}

.data_tools input[disabled].icon {
	cursor:default;
}

.data_tools .item span {
	padding: 0px 5px;
	font-size: 85%;
	line-height: 20px;
}

.data_tools .item span.status {
	color: #666;
}

.data_tools .item a {
	padding: 0 10px;
	line-height: 20px;
}

.data_tools .item a.icon {
	position: relative;
}

.data_tools .item a span {
	padding: none;
}

.data_tools .item a.addRow {
	display: block;
	padding-left: 28px;
	height: 20px;
	background: url(../images/icons/icon_add_row.gif) no-repeat left 50%;
	color: #333;
	font-size: 85%;
	line-height: 20px;
	text-decoration: none;
}

.data_tools .item .niceButton {
	font-family: Roboto, Verdana;
	font-size: 11px;
	font-weight: bold;
}

.pageNum {
   height:13px;
   width:16px;
}


/*	>>> ActionBar            //------------------------------------------*/

div.actionBar {
	position: relative;
	clear: both;
	margin-top: 2px;
	padding: 5px 10px;
	border-bottom: 1px solid #996;
	border-top: 1px solid #FFF;
	height: 15px;
	background-color: #ECEAD8;
	text-align: center;
}

* html div.actionBar {
	position: static;
}

div.actionBar input {
	margin-left: 10px;
}

div.actionBar label{
	font-weight: bold;
	line-height: 20px;
}

div.actionBar label.radio,
div.actionBar label.checkbox {
	margin-left: 5px;
	margin-right: 10px;
}
      
   
/* ------------------------------------------------------------------------
	GRIDS
   ------------------------------------------------------------------------*/
/*	>>> standard grid  //---------------------------------------------------*/
table.standard {
	margin-top: 1px;
	border-top: 1px solid #99CC66;
	border-collapse: separate;
	background-color: #FFF;
	font-size: 85%;
}

	/* IE 7 fix */
*:first-child+html table.standard {
     margin-top: 0;
}

	/* IE 6 fix */
* html table.standard {
     margin-top: 0;
}

table.standard caption,
div.grid_caption h3 {
	padding: 5px 8px;
	font-weight: bold;
	color: #709C4A;
	text-align: left;
	caption-side: top;
}

table.standard caption span,
div.grid_caption h3 span {
	font-weight: normal;
	color: #333333;
}

table.standard thead tr {
	height: 18px;
	background: url(../images/backgrounds/bg_green_grd_1.png) repeat-x left top;
}

table.standard th {
	padding: 0px 3px;
	border-bottom: 1px solid #1F4F00;
	border-left: 1px solid #B8E273;
	height: 18px;
	background-image: url(../images/backgrounds/bg_gridhdr.png);
	background-repeat: no-repeat; 
	background-position: right -1px;
	color: black;
	text-align: left;
	vertical-align: bottom;
}

	/* a stacked, spanned header */
table.standard thead tr.r2 th {
    border-top: 1px solid #A2D053;
}

	/* a stacked, spanned header */
table.standard tr.r2 th {
	background-position: right -18px;
}

table.standard tr th[colspan]{
	text-align: center;
}

table.standard th.sortUp {
	background: url(../images/backgrounds/bg_gridhdr_up.png) no-repeat right top;
	color: #FFF;
}

table.standard th.sortDwn {
	background: url(../images/backgrounds/bg_gridhdr_dwn.png) no-repeat right top;
	color: #FFF;
}

table.standard tfoot td,
table.standard tr.footer td {
	padding: 0px 3px;
	border-right: 1px solid #EEE;
	background: #CCC;
	font-weight: bold;
	color: black;
	text-align: left;
	vertical-align: bottom;
}

table.standard tr.footer td.desc {
   text-align: left;
}

table.standard tr.footer td.disp {
   text-align: center;
}

table.standard th a,
table.standard th a:link,
table.standard th a:visited {
	font-weight: bold;
	color: black;
}

table.standard th.sortUp a,
table.standard th.sortDwn a,
table.standard th.sortUp a:visited,
table.standard th.sortDwn a:visited {
	color: #FFF;
}

table.standard td {
	padding: 2px 3px;
	border-top: 1px solid #EEE;
	border-right: 1px solid #EEE;
	height: 14px;
	line-height: 14px;
	text-align: left;
	white-space:nowrap;
}

table.standard td.hilite {
    background-color: #ffcc99;
}

table.standard td a {
	color:#336699;
}

.alt, 
tbody tr.alt td {
	background-color: #F5F5F5; /* stripe table rows */
}

tbody tr.over td {
	background-color: #E3E3FF;/* hover over rows */
}

table.standard td input {
	margin: 0;
}
	/*get inputs & buttons to v-align correctly */
table.standard td input,
table.standard td button {
	vertical-align: middle;
	/*vertical-align: text-bottom;*/
}
table.participant-details-main.standard td input,
#meterInfoForm table.standard td input,
#meterInfoForm table.standard td button {
	vertical-align: text-bottom;
}
	/* styles for grouping */

	/* hide group collapse until fixed */
table.standard tr.group img {
	display: none;
}

table.standard tr.group th,
table.standard tr.group td {
	border-bottom: 1px solid #FFF;
	background-color:#999;
}

table.standard tr.group th span,
table.standard tr.group td span {
	color: #FFF;
	padding-left: 5px;
}

table.standard tr.group th.expand_group span,
table.standard tr.group tr.expand_group span {
}

table.standard th {
	font-weight: bold;
	white-space: nowrap;
}

.edtBox {
   height: 12px;
   width: 38px;
}

	/* Modify cell alignment based on data type */

table.standard td.desc,
table.standard th.desc,
table.standard td.code,
table.standard th.code,
table.standard td.location,
table.standard th.location,
table.standard td.interval,
table.standard th.interval,
table.standard td.uom,
table.standard th.uom,
table.standard td.date,
table.standard th.date { 
	text-align: left;
}

table.standard td.stmt,
table.standard th.stmt,
table.standard td.diff,
table.standard th.diff,
table.standard td.net,
table.standard th.net,
table.standard td.value,
table.standard th.value,
table.standard td.pct,
table.standard th.pct {
	text-align: right;
}

table.standard td.disp,
table.standard th.disp,
table.standard td.tol,
table.standard th.tol,
table.standard td.act,
table.standard th.act,
table.standard td.icon,
table.standard th.icon {
	text-align: center;
}

table.standard td.act, table.standard th.act {
	width: 72px;
}

	/* scrollable version */
.scrollContainer {
	margin: 0;
	width: 100%;
	overflow: hidden;
	overflow-x: auto;	
}
	
*:first-child+html .scrollContainer { /* IE7 only */
	position: relative;
	overflow: auto;
}

* html .scrollContainer { /* IE6 and below */
	position: relative;
	overflow: auto;
}

table.scrollable {
	margin-top: 0px;
	width: 100%;
	background-color: #FFF;
	border-collapse: separate;
}

*:first-child+html table.scrollable {
	margin-top: -2px;
}

* html table.scrollable {
	margin-top: -2px;
}
	
table.scrollable>tbody	{  /* FF + IE7+ */
	overflow: auto; 
	overflow-x: hidden;
}
	
table.scrollable thead tr {
	position:relative; 
}
	
table.scrollable thead th {
	position: relative;
}

table.scrollable td:last-child { /*room for scrollbar*/
	padding-right: 20px;
}
	/* end scrollable */
   
	/* cancelled row in a table */
.cancelled, 
.cancelled td,
.cancelled td option,
.cancelled td select {
	background-color: #DDD;
	color: #999999;
	text-decoration: line-through;
}

.cancelled td a:link,
.cancelled td a:visited {
	color: #999999;
	text-decoration: line-through;
}

.cancelled td.act {
	text-align: center;
}

.cancelled td input {
	background: #DDD;
}
   
   
/* 	------------------------------------------------------------------------
	ICONS/BUTTONS
   	------------------------------------------------------------------------*/
/*	>>> cancel & restore buttons//------------------------------------------*/
td a.cancel,
td a.delete,
td a.clear {
	display: block;
	height: 16px;
	width: 16px;
	background:transparent url(../images/icons/icon_cancel_sm.png) no-repeat left top;
}

th a.cancelAll {
	display: block;
	height: 14px;
	width: 14px;
	background:transparent url(../images/icons/icon_cancelAll.png) no-repeat left top;
}

th a.restore {
	display: block;
	height: 14px;
	width: 14px;
	background:transparent url(../images/icons/icon_cancelAll.png) no-repeat -15px top;
}

td a.cancel:not([disabled]):hover,
td a:hover.delete,
td a:hover.clear {
	background-position: -16px top;
}

tr.cancelled td a.cancel {
	background-position: -32px top;
	background-color: transparent;
}

tr.cancelled td a:hover.cancel {
	background-position: -48px top;
}
  
	/* usage: class="expand" and class="expand expanded" */
button.expand,
button.expandAll,
button.expandAPX,
button.expandISO {
	margin-right: 2px;
	border: none;
	height: 9px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	vertical-align: middle;
}

button.expand,
button.expandAll {
	width: 11px;
	background-image: url(../images/icons/icon_expand_all.gif);
}

button.expandAPX {
	width: 30px;
	background-image: url(../images/icons/icon_exp_apx_all.gif);
}

button.expandISO {
	width: 26px;
	background-image: url(../images/icons/icon_exp_iso_all.gif);
}

button.expanded {
	background-position: -40px 0px;
}

button.newWindow {
	margin-left: 5px;
	padding-left:0px;
	border: none;
	height: 10px;
	width: 11px;
	background: transparent url(../images/icons/icon_newWindow_all.gif) no-repeat;
	background-position: 0px 50%;
	overflow: hidden;
}

button:hover.newWindow,
button.newWindow.over {
	background-position: -13px 50%;
}

#app_nav li button:focus.newWindow,
#app_nav li button:active.newWindow {
    border: 1px dotted #999;
}

button.newWindow.disabled,
li.disabled button.newWindow {
	background-position: -26px 50%;
	cursor: default;
}

button.jumpTo {
	margin-right: 2px;
	border: none;
	height: 11px;
	width: 11px;
	background: transparent url(../images/icons/icon_jumpTo.gif) no-repeat left 50%;
	overflow: hidden;
}
	
button.favs {
	border: none;
	height: 17px;
	width: 17px;
	background: transparent url(../images/icons/icon_favorite_sm.png) no-repeat left 50%;
	overflow: hidden;
}		
	
button.addFavs {
	border: none;
	height: 20px;
	width: 21px;
	background: transparent url(../images/icons/icon_favorite_add.png) no-repeat left 50%;
	overflow: hidden;
}	

button.copyTo {
	border: none;
	height: 14px;
	width: 24px;
	background: transparent url(../images/icons/icon_copyTo.png) no-repeat left 50%;
	overflow: hidden;
}	

button.refresh,
a.refresh {
	width: 13px;
	height: 15px;
	border: none;
	background:transparent url(../images/icons/icon_refresh.gif) no-repeat left 50%;
	text-decoration: none;
}

a.refresh {
	display: block;
}

a.comment {
	display: block;
	border: none;
	width: 16px;
	height: 16px;
	background:transparent url(../images/icons/icon_contracts_all.png) no-repeat 0px 0px;
	text-decoration: none;
}
 
/*	>>> Status Icons & Buttons //------------------------------------------*/
	/* usage: class="status red" can be used with button, div, a */
.statusIcon {
	padding: 0px;
	border: none;
	height: 14px;
	width: 14px;
	background-color: transparent;
	background-image: url(../images/icons/icon_status_all.png);
	background-repeat: no-repeat;
	overflow: hidden;
}

a.statusIcon,
a.statusIcon:hover {
	position: relative;
	display: block;
	text-decoration: none;
}

.statusIcon.white,
.statusIcon.white.over {	
	background-position: 0px top;
}
	
.statusIcon.yellow,
.statusIcon.yellow.over {
	background-position: -16px top;
}

.statusIcon.red,
.statusIcon.red.over {	
	background-position: -32px top;
}

.statusIcon.green,
.statusIcon.green.over {
	background-position: -48px top;
}

.statusIcon.changes,
.statusIcon.changes.over {
	background-position: -64px top;
}

.statusIcon.blue,
.statusIcon.blue.over {
	background-position: -80px top;
}

/* modifies .niceButton */
input.delete {
	padding-left: 18px;
	background-image:url(../images/icons/icon_delete.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
}

p#delFavWrapper input.delete
{
    margin-top: 15px;
}
   
/* ------------------------------------------------------------------------
	MODULES
   ------------------------------------------------------------------------*/
   
/*	>>> Tabs      			   //------------------------------------------*/
.tabs-hide {
	display: none;
}

.tabs-nav {
	position: relative;
    margin: 0;
    padding: 0 5px 3px 5px;
    list-style: none;
}

.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    clear: both;
    display: block;
    content: " ";
}

.tabs-nav li {
	position: relative;
    float: left;
    margin: 0 -3px 0 0;
}

.tabs-nav a {
    position: relative;
    top: 3px;
    display: block;
    padding: 0px 35px 0px 9px;
	border-left: 1px solid #FFF;
	height: 18px;
	background: url(../images/backgrounds/bg_tabs.gif) no-repeat right -26px;
    color: #333;
	line-height: 18px;
    text-decoration: none;
    z-index: 100;
}


* html .tabs-nav a:visited {
    color: #333;
}

.tabs-nav .tabs-selected a {
	margin-bottom: -1px;
	padding-bottom: 1px;
    font-weight: bold;
	color: #000;
	z-index: 2;
}

* html .tabs-selected a:visited {
    color: #000;
}

.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
	background:url(../images/backgrounds/bg_tabs.gif) no-repeat right top;
	color: #000;
}

.tabs-nav li.hover a {
	background:url(../images/backgrounds/bg_tabs.gif) no-repeat right top;
	color: #000;
}

.fragment {
    background: #eaeaea;
	color: #000;
}

.tabs-nav .tabs-selected a:link, 
.tabs-nav .tabs-selected a:visited,
.tabs-nav .tabs-disabled a:link, 
.tabs-nav .tabs-disabled a:visited { 
    cursor: text;
}

.tabs-nav a:hover, 
.tabs-nav a:focus, 
.tabs-nav a:active {
    cursor: pointer;
}

.tabs-nav .tabs-disabled {
 cursor: default;
}

.tabs-nav .tabs-disabled a,
.tabs-nav .tabs-disabled a:hover, 
.tabs-nav .tabs-disabled a:focus, 
.tabs-nav .tabs-disabled a:active {
	background: url(../images/backgrounds/bg_tabs.gif) no-repeat right -26px;
	color: #777;
	text-decoration:line-through;
}

.fragment {
	clear: both;
}

.tabs-nav .tabs-selected .tabs-loading {
	padding-left: 25px;
    background-image: url(../../images/loading/loading.gif); /*probably don't need this */
    background-position: 4px 50%;
    background-repeat: no-repeat;
}

	/* Tabs - additional IE specific bug fixes */
*:first-child+html .tabs-nav {
	display: inline-block;/* @ IE 7 */
}

* html .tabs-nav { /* auto clear */
    height: 1%; /* @ IE 6 */
}

* html .tabs-nav a {
    float: left;
}

/* h2 for accessibility */
.tabs-nav li > h2 {
    font-size: 100%;
}

/*	>>> Message box for Set Filter //------------------------------------*/
   
#filterPopup {
	padding: 5px;
	border: 2px solid #709C4A; 
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #FFF;
	cursor: default; 
	text-align: center;
	width: 200px;
	z-index: 6000;
	zoom: 1;
}
#filterPopup input {
	margin: 5px;
}

#filterPopup p {
	margin-bottom: 4px;
}

/*	>>> ClueTip - GLOBAL     //------------------------------------------*/
#cluetip-close img,
.cluetip-close img  {
  border: 0;
}

#cluetip-title #cluetip-close,
.cluetip-title .cluetip-close {
  position: relative;
  float: right;
}

#cluetip-waitimage,
.cluetip-waitimage {
  position: absolute;
  height: 11px;
  width: 43px;
  background-image: url(../images/loading/loader_24.gif);
}

.cluetip-arrows {
  position: absolute;
  top: 0;
  left: -11px;
  display: none;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

#cluetip-extra,
.cluetip-extra {
  display: none;
}

	/* =cluetipClass: 'default'  */

.cluetip-default {
	background-color: #d9d9c2;
}

.cluetip-default #cluetip-outer,
.cluetip-default .cluetip-outer {
	position: relative;
	margin: 0;
	border: 1px solid #326699; /* #36C;*/
	background-color: #FFE;
}

.cluetip-default h3#cluetip-title,
.cluetip-default h3.cluetip-title {
	margin: 0 0 4px;
	padding: 4px 8px;
	background-color: #326699; /* #36C;	 */
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
}
.cluetip-default #cluetip-title a,
.cluetip-default .cluetip-title a {
	font-size: 0.95em;
	color: #d9d9c2;
}  

.cluetip-default #cluetip-inner,
.cluetip-default .cluetip-inner {
	padding: 0px;
}

.cluetip-default #cluetip-inner p,
.cluetip-default .cluetip-inner p {
	margin: 8px 8px 4px 8px;
	font-size: 92%;
}

.cluetip-default div#cluetip-close,
.cluetip-default div.cluetip-close { 
	margin: 0 5px 5px;
	text-align: right;
	color: #900;
}

.clue-right-default .cluetip-arrows {
  background-image: url(../images/cluetip/darrowleft.gif);
}

.clue-left-default .cluetip-arrows {
  left: 100%;
  margin-right: -11px;
  background-image: url(../images/cluetip/darrowright.gif);
}

.clue-top-default .cluetip-arrows {
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
  background-image: url(../images/cluetip/darrowdown.gif);
}
  
.clue-bottom-default .cluetip-arrows {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
  background-image: url(../images/cluetip/darrowup.gif);
}
  
/*	>>> DATA HEADER 		 //------------------------------------------*/
#dataHeader,
.dataHeader {
	position: relative;
	border-bottom: 1px solid #CCCC99;
	border-top: 1px solid #E1E1E1;
	height: 40px;
	width: 100%;
	background: #FFF;
	overflow: hidden;
}

#dataHeader ul,
.dataHeader ul {
	height: 40px;
	width: 110%;
}

#dataHeader li,
.dataHeader li {
	position: relative;
	float: left;
	display: block;
	margin: 4px;
	padding: 0px 5px 0px 0px;
	border-right: 1px dotted #999;
	height: 33px;
}

* html #dataHeader li,
* html .dataHeader li {
	border-right: none;
	background:#FFF url(../images/backgrounds/bg_dot_999.gif) repeat-y right top;
}

#dataHeader li span,
.dataHeader li span {
	position: relative;
	display: block;
}

	/* #dataHeader is supersceding .hide */
#dataHeader .hide,
.dataHeader .hide {
	display: none;
}

span.dataType {
	font-size: 85%;
	color: #666;
	white-space: nowrap;
	text-transform: capitalize;
}

span.data {
	font-size: 92%;
	font-weight: bold;
	color: #709C4A;
	white-space: nowrap;
}

#dataHeader li span label,
.dataHeader li span label {
	margin-right: 10px;
	font-weight: normal;
	color: #999;
}

* html #dataHeader li span label,
* html .dataHeader li span label {
	position: relative;
	top: -2px;
}

#dataHeader li span label input,
.dataHeader li span label input {
	margin-right: 5px;
	margin-left: 0px;
}

#dataHeader li span label.current,
.dataHeader li span label.current {
	color: #709C4A;
	font-weight: bold;
}

 
/*	>>>  Multibox            //------------------------------------------*/
fieldset.multibox {
	display: block;
	margin: 10px 0px 10px 10px;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #999;
	width: 270px;
}

* html fieldset.multibox {
	border: 0;
	background: url(../images/backgrounds/bg_dot_999.gif) repeat-x left bottom;
}
/* ie7 can't do 1px dotted borders on fieldsets!*/
*:first-child+html fieldset.multibox {
	border: 0;
	background: url(../images/backgrounds/bg_dot_999.gif) repeat-x left bottom;
}

fieldset.multibox legend {
	background: url(../images/icons/icon_simpleclose.gif) no-repeat left 50%;
	color: #3366CC;
	cursor: pointer;
}

* html .multibox legend {
	margin-left: -7px; /* not sure why this is necessary */
}

div.multibox {
	display: block;
	width: 270px;
}

.hfive div.multibox {
    position: relative;
}

div.multibox div.favListPopup {
	position:absolute;
    padding: 1px;
    background-color: #FFF;
    font-weight: normal;
	font-size: 10px;
	color: #3366CC;
	height: auto;
	width: 104px;
	z-index: 4000;
	zoom: 1;
}

.hfive div.multibox div.favListPopup {
    top: 0px;
    left: 0px;
    width: 112px;
}

div.multibox div.favListPopup select {
	width: 105px !important;
}

.hfive div.multibox div.favListPopup select {
	width: 113px !important;
}

div.multibox div.favListPopup select.favDelete { 
	background-color: #FFCC90;
}

.hfive div.multibox div.favListPopup.favDelete select { 
	background-color: #FFCC90;
}

div.multibox div.favAddPopup {
	position:absolute;
    padding: 5px 5px 2px 5px;
	border: 1px solid #000;
    background-color: #FFF; 
	font-weight: normal;
	font-size: 10px;
	color: #3366CC;    
	height: auto;
	z-index: 4000;
	zoom: 1;
}

div.multibox div.favAddPopup {
    top: 0px;
    left: 0px;
}

div.multibox div.favAddPopup a {
	cursor: pointer;
	text-decoration: none;
	color: #666;
	margin-right: 10px;
}

div.multibox div.favAddPopup input {
	background-color: #F7F7F7; 
	padding: 0px;
	width: 86px;
	height: 12px;
	font-weight: normal;
	font-size: 10px;
	color: #CC0000;
}

div.multibox div.favAddPopup .inpContainer {
	padding-bottom: 5px;
}

div.multibox div.favAddPopup .lnkContainer {
	padding-left: 34px;
}

.multibox a.mbFav, .multibox a.mbFavAdd, .multibox a.mbFavDel {
	float: left;
	padding: 0px;
	margin: 0px 0px 4px 10px;
	width: 17px;
	height: 17px;
	color: #3366CC;
}

.multibox a.mbFav {
	background: url(../images/icons/icon_favorite_sm_f.png) no-repeat left 50%;
}

.multibox a.mbFavAdd {
	margin-left: 6px;
	background: url(../images/icons/icon_favorite_sm_add.png) no-repeat left 50%;
}

.multibox a.mbFavDel {
	margin-left: 6px;
	background: url(../images/icons/icon_favorite_sm_rm.png) no-repeat left 50%;
}

.multibox ul,
.multibox div.checkboxlist {
	border: 1px solid #CCCCCC;
	border-color: #999 #FFF #FFF #999;
	height: 100px;
	width: 100%;
	line-height: 20px;
	background-color: #FFFFFF;
	overflow: auto;
}

.multibox ul.noscroll {
	overflow: hidden;
}

.multibox table {
	margin: 0;
	width: 245px;
	_width: 242px;
	line-height: 20px;
}

.multibox li,
.multibox td {
	padding-left: 2px;
	height: 20px;
	font-weight: normal;
	line-height: 20px;
	vertical-align: middle;
}

.multibox li input {
	padding-left: 2px;
	height: 20px;
	font-weight: normal;
	line-height: 20px;
	vertical-align: middle;
}

* html .multibox table td {
	padding-left: 0;
}

* .multibox input {
	xxxvertical-align: text-bottom !important;
}

* html .multibox input {
	margin: 0;
	vertical-align: middle !important;
}

.multibox li > label > input {
    margin-right: 4px;
}
.ie .multibox li > label > input {
    margin-right: 2px;
}
.multibox li > input {
    margin-left: 4px;
}
.multibox label,
#leftPane .multibox li > label {
	font-weight: normal;
	margin-left: 4px;
}

.hfive #leftPane .multibox label {
	margin-left: 0px;
}
#leftPane .multibox li > label.not-used {
    margin-left: 0px;
}

/* special treatment for Workflow app that uses HTML5 DocType */
#leftPane.wf-mon .multibox li > label {
    margin-left: 3px;
}

.scheduling #leftPane .multibox li > label,
.settlement #leftPane .multibox li > label {
    display: inline-block;
    white-space: nowrap;
    word-break: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 245px;
}

.multibox .cap {
	padding-right: 3px;
	color: #333;
	text-align: right;
}

.multibox div.mbFind {
	float: left;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	font-size: 10px;
	color: #3366CC;
}
 
.multibox div.mbFind input {
	background-color: #f1f1f1;
	padding: 0px;
	border: 0px;
	border-bottom: 1px dotted #666;
	margin-bottom: 1px;
	width: 80px;
	height: 12px;
	font-weight: normal;
	font-size: 10px;
	color: #CC0000;
}

.hfive .multibox div.mbFind input {
    background-color: transparent;
}

.multibox .clearAll, 
.multibox .selectAll,
.multibox .customLink {
	font-size: 10px;
	color: #666;
}

.multibox .clearAll:hover, 
.multibox .selectAll:hover,
.multibox .customLink:hover {
	color: #3366CC;
}

.multibox a.disabled,
.multibox a.disabled:hover {
	text-decoration: none;
	cursor:default;
	color: #999999;
	font-weight: normal;
	font-size: 10px;	
}

fieldset.collapse legend {
	background: url(../images/icons/icon_simpleclose.gif) no-repeat left 50%;
}

fieldset.collapsed legend {
	background: url(../images/icons/icon_simpleopen.gif) no-repeat left 50%;
}

.collapse legend span {
	display: none;
}

.collapse div.multibox  {
	display: block;
}

.multibox legend span {
	display: none;
}
    
.multibox legend span.error {
	display: inline;
}

.collapsed legend span {
	display: inline;
}

.collapsed div.multibox {
	display: none;
}   

.hfive .multibox legend span {
    margin-left: 4px;
}

.hfive fieldset.disabled legend {
    color: #999;
}

.hfive fieldset.disabled a,
.hfive fieldset.disabled label,
.hfive fieldset.disabled legend {
    cursor: default;
}

.hfive fieldset.disabled {
    cursor: default;
}

 
/* 	------------------------------------------------------------------------
	MISC
   	------------------------------------------------------------------------*/

/* global tab style */
ul.tabs-nav,
ul.ui-tabs-nav {
	border-bottom: 1px solid #FFF; 
	background:url(../images/backgrounds/blue_gradient_2.png) repeat-x left top;
}

.required {
	padding-left: 3px;
	padding-right: 3px;
	color: #FF0000;
}

input.required {
	padding: 0px 2px;
	background-color: #FF9999;
	color: #333;
}

.error {
	color: #FF0000;
}

p.error > span:focus {
    outline: none;
}

.scroll {
	overflow: auto;
}

span.flag {
	font-size: 14px;
	color: #CC0000;
}

/* calendar control */
.dateSet {
 	position: relative;
 	white-space: nowrap;
}

.dateSet input {
	width: 80px;
}

.dateSet .apx-calendar-image,
.dateSet .apx-calendar-image-disabled {  
	position: absolute;
	margin: 1px 0 0 2px;
}

* html .dateSet .apx-calendar-image-disabled {  
	margin: 2px 0 0 1px;
}

*.normal {
	font-weight: normal !important;
}

.loadSpinner {
    position: absolute;
    top: 155px;
    left: 350px;
    background-color: transparent;
    background-image: url(../images/loading/loader_24.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 24px;
    height: 24px;
    z-index: 15000;
}

.ng-cloak {
    display: none !important;
}

div#tempStuff { /* only used for test pages */
    margin: 150px 0px 0px 300px;
}


.stdPopup
{
    position: absolute;
    color: #333;
    font-size: 92%;
    background-color: #FFF;
    border: 1px solid #7F7F7F;
    padding: 12px 10px 10px 10px;
    text-align: center;
    white-space: nowrap;
    z-index: 10001; /* higher than shim */
    -moz-box-shadow: 3px 3px 6px #7f7f7f;
    -webkit-box-shadow: 3px 3px 6px #7f7f7f;
    box-shadow: 3px 3px 6px #7f7f7f;
}

 
/* 	------------------------------------------------------------------------
	Popup Dialog
   	------------------------------------------------------------------------*/

.DialogForm {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 600px;
    background-color: #F2F7FF;
    border: 1px solid #ccc;
    border-bottom-color: #999;
    border-right-color: #999;
    z-index: 10001;
    -moz-box-shadow: 5px 5px 5px #999;
    -webkit-box-shadow: 5px 5px 5px #999;
    box-shadow: 5px 5px 5px #999;
}

.DialogForm > div:first-child {
    position: relative;
    color: #FFF;
	background: #376A9D url(../images/backgrounds/blue_gradient_1.png) repeat-x left -2px;
	padding: 3px 0px 0px 5px;
	border-bottom: 1px solid #036;
}
.DialogForm h1 {
    font-size: 12px;
    text-align: center;
}

.DialogForm #closeDlg {
    position: absolute;
    top: 3px;
    right: 4px;
    cursor: pointer;
}

.DialogForm .actionBar {
    height: auto;
}

.DialogForm .linkBar {
    background-color: #E7EFFF;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    text-align: center;
    height: 20px;
    line-height: 20px;  /* to align vertically */
}
.DialogForm .linkBar a {
    font-size: 11px;
    margin-left: 15px;
    vertical-align: middle;
}
.DialogForm .linkBar a:first-child {
    margin-left: 0px;
}