html, body {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: verdana;
}

@media print {
	#extheader, #extfooter {
	display: none;
	}
	html, body, #extbody, #extbody-body {
		background-color: white !important;
		height: auto !important;
	}
}

/*----------------------------------*/
/*	HTML Elements					*/
/*----------------------------------*/
img {
	border: none;
}

form {
	margin: 0px;
}

input {
	font-family: verdana;
	font-size: 12px;
	padding: 0px 2px;
	margin: 0px;
	border: solid #0C326B 1px;
	vertical-align: top;
}

input[readonly], textarea[readonly] {
	background-image: none;
}

button {
	margin: 0px;
	white-space: nowrap;
	font-size: 9px;
	font-family: verdana;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}

a {
	text-decoration: none;
	color: #0C326B;
	outline: 0;
}

.csv {
    background-image: url(../images/nyiso/csv.gif) !important;
}

/*----------------------------------*/
/*  Helper Classes  				*/
/*----------------------------------*/
.floatLeft {
	float: left !important;
}

.floatRight {
	float: right !important;
}

.center {
	float: center !important;
}

.clear {
	clear: both !important;
}

.field {
	padding-bottom: 5px;
}

.green {
	color: green;
}

.red {
	color: red;
}

.gray {
	color: gray;
}

/*----------------------------------*/
/*  Layout  						*/
/*----------------------------------*/
.page {
	margin: 10px;
}

.loginTitle {
	clear: both;
	font-size: 16px;
	font-weight: bold;
	margin: 4px 0px;
}

.loginContainer {
	clear: both;
	background-color: #EEEEEE;
	border-top: solid #003923 1px;
	border-bottom: solid #003923 1px;
	padding: 15px 5px;
	overflow: hidden;
}

#header {
	overflow: hidden;
}

#header > .floatLeft {
	width: 400px;
}

#headerTitles {
	display: inline-block;
	padding-left: 4px;
	font-family: veranda;
	color: #003923;
	font-weight: bold;
}

.headerTitle {
	margin-top: 2px;
	font-size: 22px;
	font-style: italic;
}

.subTitle {
	margin-top: 2px;
	font-size: 16px;
	padding-left: 4px;
}

.workSpaceDescription {
	font-size: 12px;
	text-align: right;
	padding-top: 2px;
	width: 50%;
	max-height: 55px;
	overflow: hidden;
}

#extfooter-body {
	bottom: 5px;
	padding-top: 2px;
	font-family: verdana;
	font-size: 11px;
	overflow: hidden;
	position: absolute;
	width: 100%;
}

/*----------------------------------*/
/*  Menu  							*/
/*----------------------------------*/

/* nlg = non-linear gradient (IE workaround) */
 .icap_menu, .x-nlg .icap_menu {
	background-image: none !important;
	background-color: white;
}

.icap_menu .x-box-inner {
	border-bottom: 1px #003722 solid;
	border-top: 1px #003722 solid;
	background-color: white;
}

/*----------------------------------*/
/*  Icons   						*/
/*----------------------------------*/
.icon-accept { background-image: url(../img/icons/accept.png) !important; }
.icon-add { background-image: url(../img/icons/add.png) !important; }
.icon-application-lightning { background-image: url(../img/icons/application_lightning.png) !important; }
.icon-arrow-down { background-image: url(../img/icons/arrow_down.png) !important; }
.icon-arrow-left { background-image: url(../img/icons/arrow_left.png) !important; }
.icon-cancel { background-image: url(../img/icons/cancel.png) !important; }
.icon-cog { background-image: url(../img/icons/cog.png) !important; }
.icon-exclamation { background-image: url(../img/icons/exclamation.png) !important; }
.icon-lightning { background-image: url(../img/icons/lightning.png) !important; }
.icon-magnifier { background-image: url(../img/icons/magnifier.png) !important; }
.icon-table-add { background-image: url(../img/icons/table_add.png) !important; }
.icon-table-go { background-image: url(../img/icons/table_go.png) !important; }

/*----------------------------------*/
/*  Ext   							*/
/*----------------------------------*/
.round-grid .x-grid-cell-inner {
	height: 34px;
}

.ah-grid .x-grid-cell-inner {
	height: 26px;
}

.summary-grid .x-grid-cell-inner:hover {
	border: 2px solid gray;
	padding: 1px 4px 2px 4px !important;
}

.x-grid-item-focused .x-grid-cell-inner:before {
	border: 0;
}

.summary-grid .x-grid-cell * {
	font-family: "Lucida Console", Monaco, monospace;
	white-space: pre !important;
}

.x-panel-header-default-vertical {
	padding: 2px !important;
}

.x-panel-header-default-horizontal {
	padding: 2px !important;
}


div.next {
  position: absolute;
  display: inline;
  right: 20px;
}
div.prev {
  position: absolute;
  display: inline;
  right: 90px;
}
div.warning a.close, div.warning a.close :visited {
  float: right;
  background: transparent url('../images/msgs/close-yellow.png') no-repeat;
  height: 16px;
  width: 16px;
}
div.warning a.close :hover {
  background: transparent url('../images/msgs/close-yellow-hover.png') no-repeat;  
}
div.warning .x-box .tl, div.warning .x-box .tr, div.warning .x-box .bl, div.warning .x-box .br {
  background-image: url(../images/msgs/corners-yellow.gif);
}
div.warning .x-box .bc, div.warning .x-box .mc, div.warning .x-box .tc, div.warning .x-box .mx {
  background-image: url(../images/msgs/tb-yellow.gif);
}
div.warning .x-box .mc, div.warning .x-box .mx {
  background-color: #fffbe3;
}
div.warning .ml {
  background-image: url(../images/msgs/l-yellow.gif);
}
div.warning .mr {
  background-image: url(../images/msgs/r-yellow.gif);
}
div.warning .x-box .mc {
  font-size: 12px;
  font-weight: 600;
  color: #530;
}
div.warning .section-title {
  padding: 3px 0 10px 40px;
  border-bottom: solid 1px #ca0;
  background: transparent url(../images/msgs/warning.gif) no-repeat;
}
div.error .x-box .tl, div.error .x-box .tr, div.error .x-box .bl, div.error .x-box .br {
  background-image: url(../images/msgs/corners-red.gif);
}
div.error .x-box .bc, div.error .x-box .mc, div.error .x-box .tc, div.error .x-box .mx {
  background-image: url(../images/msgs/tb-red.gif);
}
div.error .x-box .mc, div.error .x-box .mx {
  background-color: #ffe3e3;
}
div.error .ml {
  background-image: url(../images/msgs/l-red.gif);
}
div.error .mr {
  background-image: url(../images/msgs/r-red.gif);
}
div.error .x-box .mc {
  font-size: 12px;
  font-weight: 600;
  color: #500;
}
div.error a.close, div.error a.close :visited {
  float: right;
  background: transparent url('../images/msgs/close-red.png') no-repeat;
  height: 16px;
  width: 16px;
}
div.error a.close :hover {
  background: transparent url('../images/msgs/close-red-hover.png') no-repeat;  
}
div.success a.close, div.success a.close :visited {
  float: right;
  background: transparent url('../images/msgs/close-green.png') no-repeat;
  height: 16px;
  width: 16px;
}
div.success a.close :hover {
  background: transparent url('../images/msgs/close-green-hover.png') no-repeat;  
}
div.error .section-title {
  padding: 3px 0 10px 40px;
  border-bottom: solid 1px #c00;
  background: transparent url(../images/msgs/stop.gif) no-repeat;
}
div.success .x-box .tl, div.success .x-box .tr, div.success .x-box .bl, div.success .x-box .br {
  background-image: url(../images/msgs/corners-green.gif);
}
div.success .x-box .bc, div.success .x-box .mc, div.success .x-box .tc, div.success .x-box .mx {
  background-image: url(../images/msgs/tb-green.gif);
}
div.success .x-box .mc, div.success .x-box .mx {
  background-color: #deedde;
}
div.success .ml {
  background-image: url(../images/msgs/l-green.gif);
}
div.success .mr {
  background-image: url(../images/msgs/r-green.gif);
}
div.success .x-box .mc {
  font-size: 12px;
  font-weight: 600;
  color: #050;
}
div.success .section-title {
  padding: 3px 0 10px 40px;
  border-bottom: solid 1px #0c0;
  background: transparent url(../images/msgs/success.gif) no-repeat;
}
div.input {
   display: inline;
   white-space: nowrap;
   margin-right: 20px;
}
div.x-form-field-wrap {
  display: inline;
}


ul.error {  
  list-style-type: disc;
  list-style-position: inside;
  margin-left: 10px;
}

#mainContent {
  position: relative;
  zoom: 1;
  background: transparent;
}
 
#filter .x-box .mc {
  font-size: 11px;
  text-align: center;
  font-weight: 600;
}
#filter .filterbutton, .filterbutton, #filter button, button, #filter .button, .button {
    font-size: 10px;
    font-weight: 600;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    background: transparent url(../images/default/button/btn-sprite.gif) repeat-x scroll 0pt -45px;
    border: 1px #aaaaaa solid;
    padding: 1px 3px;
    cursor:pointer;
}
/* Tables for content */
table {
   border-collapse: collapse;
   empty-cells: show;
   border: 0; 
}
th.inputLabel {
  font-size:10px;
  padding:2px 5px;
  background-color: #E2E1FF;
  border:1px solid #000000;
  font-weight: bold;
  text-align:center;
}
td.inputLabel {
  font-size: 10px;
  padding: 2px 5px;
  background-color: #FFFFFF;
  font-weight: bold;
  text-align: left;
}
td.inputData {
  font-size:10px;
  padding:2px 5px;
  border:1px solid #000000;
  text-align:center;
  background-color: #FFFFFF;
}
td.left, th.left {
    text-align:left;
}
td.right, th.right {
    text-align:right;
}
td.noBorder, th.noBorder {
    border: 0px;
}
td.em, th.em {
    font-size: 12px;
    font-weight: 600;
}
td.indent, th.indent {
    text-indent: 10px;
}
.section-title {
  border-bottom: thin inset;
  display: block;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 5px;
  zoom: 1; /* IE hack to prevent bottom of text from being cutoff */
}
.evt-calendar {
  float: center;
  display: inline-block;
  white-space: nowrap;
  margin-top:5px;
  margin-bottom:5px;
}
.content {
  float: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  position: relative;
}
.child {
    display: inline-block;
    white-space: nowrap;
    margin-right: 20px;	
    vertical-align: middle;   
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	text-align:right;
	font-weight:bold;
}

.next a, .prev a {
  font-size: 10px;
  color: #009;
  text-decoration: none;
  padding-left: 5px;
}

.next img, .prev img {
  vertical-align: bottom;
}

.bidOfferDiv {margin-right: 25px; }

/* from ext */
.x-form-field-wrap .x-form-trigger {position: relative;vertical-align: bottom;border: 1px dashed #999;}
.x-btn{font:normal 11px verdana,helvetica;cursor:pointer;}
.x-btn button{border:0 none;background:transparent;font:normal 11px verdana,helvetica;cursor:pointer;margin:0;overflow:visible;-moz-outline:0 none;outline:0 none;}
.x-toolbar .x-toolbar-item { margin:0 0 0 0; }
.x-btn-arrow { background: url(../images/menu/btn-arrow.gif) no-repeat scroll right 0 transparent; }
.x-toolbar { background: #ddd url(../images/menu/bg.jpg) repeat-x scroll left bottom;border-color: #ccc;padding: 0px;}
.x-menu-item-active a.x-menu-item { color: #000 }
.x-menu a.x-menu-item {font-family:Verdana,Helvetica,Arial;font-size:11px;color: #000 }
.x-menu { border-color: #999 }
#alertMenuCls { background-color: crimson }
.x-menu-item-arrow {background:url("../images/default/menu/menu-parent.gif") right center no-repeat; }
.x-box {border-spacing: 0px; padding: 0px;width: 100%;}
.x-box .tl {height:8px; background: transparent url(../images/default/box/corners.gif) no-repeat scroll 0 0;}
.x-box .tc {background: transparent url(../images/default/box/tb.gif) repeat-x scroll 0 0;height: 8px;}
.x-box .tr {height: 8px;background: transparent url(../images/default/box/corners.gif) no-repeat scroll right -8px;}
.x-box .ml {width: 3px;background: transparent url(../images/default/box/l.gif) repeat-y scroll 0 50%;overflow: hidden;}
.x-box .mr {width: 3px;background: transparent url(../images/default/box/r.gif) repeat-y scroll right center;overflow: hidden;}
.x-box .mc {background: #EEE url(../images/default/box/tb.gif) repeat-x scroll 0 -16px;padding: 0px 3px;}
.x-box .mx {width: 5px;background: #EEE url(../images/default/box/tb.gif) repeat-x scroll 0 -16px;}
.x-box .bl {overflow: hidden;padding-left: 8px;background: transparent url(../images/default/box/corners.gif) no-repeat scroll 0 -16px;}
.x-box .br {overflow: hidden;padding-right: 8px;background: transparent url(../images/default/box/corners.gif) no-repeat scroll right -24px;}
.x-box .bc {background: transparent url(../images/default/box/tb.gif) repeat-x scroll 0 -8px;height: 8px;overflow: hidden;}
.x-box-blue .x-box .tl, .x-box-blue .x-box .tr, .x-box-blue .x-box .bl, .x-box-blue .x-box .br {background-image: url(../images/default/box/corners-blue.gif);}
.x-box-blue .x-box .bc, .x-box-blue .x-box .mc, .x-box-blue .x-box .tc, .x-box-blue .x-box .mx {background-image: url(../images/default/box/tb-blue.gif);}
.x-box-blue .x-box .mc, .x-box-blue .x-box .mx {background-color: #c7ddf9;}
.x-box-blue .ml {background-image: url(../images/default/box/l-blue.gif);}
.x-box-blue .mr {background-image: url(../images/default/box/r-blue.gif);}

.x-panel-body {vertical-align:middle;width: auto;	border: none;float:center;}
.x-panel-body-default {background:transparent;}

.x-panel {vertical-align:middle;}

.x-form-item-label {font-family: Verdana, Helvetica, Arial;font-size: 11px;text-align:right;font-weight:bold;}
.x-form-item {width:auto;font-family: Verdana, Helvetica, Arial;font-size: 11verpx;text-align:right;font-weight:bold;}

.txMW {font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 9px;background-color: #F0F0F0;width:65px;}
.txKWMonth {font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 9px;background-color: #F0F0F0;width:65px;}
.textAreaStandard {font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 9px;background-color: #FFFFFF;}

.no-icon-menu .x-menu-item-icon { display: none; }

/* change ext message box back to defaults */
.x-message-box .x-toolbar { background: none; }
.x-message-box .x-form-item { text-align: left; }

.row-child .x-grid-cell{
	background-color: #F9F9F9; 
    	color: #099; 	
}
.row-parent .x-grid-cell{
	background-color: #E9E9E9;
	color: #000; 	
}

.UCAP_sandbox #mainMenu div,
.UCAP_development #mainMenu div,
.UCAP_devb #mainMenu div,
.UCAP_int1 #mainMenu div,
.UCAP_int2 #mainMenu div,
.UCAP_staging #mainMenu div {
                background-color: crimson !important;
                background-image: none !important;
                border: 0px solid white !important;
}

.UCAP_sandbox #mainMenu span,
.UCAP_development #mainMenu span,
.UCAP_devb #mainMenu span,
.UCAP_int1 #mainMenu span,
.UCAP_int2 #mainMenu span,
.UCAP_staging #mainMenu span{
    font-weight: bold;
    color: white !important;
}