/* WGS Base Styles*/
/*******************  BASE SITE STYLES *******************/
* {
	margin: 0;
	outline: 0;
}

html,body {
	width: 100%;
	height: 100%;
}

body {
	font-size: 11px;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #49545e;
	line-height: 16px;
	background: #fff;
	min-width: 990px;
}

a img {
	border: 0;
}

a[href^="mailto"] {text-decoration: underline;}

.link {
	text-decoration: underline;	
	color: #0066CC !important;
	white-space:nowrap;
}

.linkWrap {
    text-decoration: underline; 
    color: #0066CC !important;
    white-space: normal;
}

.red_highlight_link{
	text-decoration: underline;	
	color: red !important;
	white-space:nowrap;
	background: yellow;
}

.red_link {
	text-decoration: underline;	
	color: red !important;
	white-space:nowrap;
}

.blue_link {
	text-decoration: underline;	
	color: blue !important;
	white-space:nowrap;
}

.blue_linkWrap {
	text-decoration: underline;	
	color: blue !important;
	white-space:normal;
}
.left,.alignleft {
	float: left;
	display: inline;
}

.right,.alignright {
	float: right;
	display: inline;
}

.cl {
	display: block;
	height: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	clear: both;
}

.notext {
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
}

input,textarea,select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

textarea {
	overflow: hidden;
}

fieldset {
	border: 0;
}

ul {
	list-style: none;
}

.verticalSeparator {
	height: 10px;
}


/******************* BASE TEXT STYLES *******************/
a {
	color: #0066cc;
	text-decoration: none;
	cursor: pointer;
}

a:hover { /*color:#1a4f95;*/
	text-decoration: underline;
}

.txt-blu {
	color: #1a4f95;
}

.txt-teal {
	color: #095e67;
}

.txt-small {
	font-size: 80%; /*font-size:10px;*/
}

.txt-error {
	color: #FF3300;
	padding:2px;
}

.NotificationWarning, .txt-grn {
	color: #015d2a;
}

.NotificationUserError, .txt-red {
	color: red;
}

.NotificationError{
	color: red;
}

.NotificationInfo {
	color: #0066cc;
}

.NotificationDebug {
	color: BLUE;
}


/******************* SITE STRUCTURE STYLES *******************/

#topBanner {
	background:	url("/1Line/javax.faces.resource/topBanner_imageBG_1.jpg.jsf?ln=images/topframe&v=3_3_0_170706") repeat-x 0 0;
	height: 136px;
	position: relative;
	z-index: 100;
	font-family: Tahoma, Arial, sans-serif;
	float: left;
	width: 100%;
}

.topBannerFreeze {
	position:fixed !important; 
	top:0; 
	left:0; 
	right:0;
	z-index:102 !important;  
}

/* ADMIN NAV ROW */
#adminNav {
	height: 27px;
	padding: 0 10px;
}

#adminNav p {
	font-size: 11px;
	line-height: 11px;
	color: #fff;
	padding: 5px 0 0 0;
}

#adminNav p span {
	padding: 0 8px;
}

#btn-header {
	background: url(../../images/btn-expandHeader.png) no-repeat 0 0;
	width: 107px;
	height: 15px;
	float: right;
	margin: 3px 0 0 0;
}

#btn-header-a {
	background-position: 0 -15px;
}

/* LOGO ROW */
#bannerLogos {
	height: 80px;
}

#logoPipeline {
	width: 133px;
	height: 75px;
	float: left;
}

#logoPipeline:hover {
	text-decoration: none;
}

.logo1line {
	background: url("/1Line/javax.faces.resource/logo-r.png.jsf?ln=images/topframe&v=3_3_0_170706") no-repeat 0
		0;
	width: 83px;
	height: 75px;
	float: right;
}

#logo1line:hover {
	text-decoration: none;
}

/* GLOBAL NAVIGATION*/
#navigation {
	height: 25px;
	padding: 0 5px;
	margin: 0 0 5px 0;
}

/* TAB NAVIGATION */
.tabCloseLinkImgHidden {
	display: none;
}

/* MAIN SITE CONTENT */

#main {
	background: url("/1Line/javax.faces.resource/main-l.png.jsf?ln=images/topframe&v=3_3_0_170706") no-repeat 0
		0;
}

#main-r {
	background: url("/1Line/javax.faces.resource/main-r.png.jsf?ln=images/topframe&v=3_3_0_170706") no-repeat
		right 0;
	height: 100%;
	padding: 0 5px;
	margin-top: 1px;
}

.mainFreeze { 
	background: url("/1Line/javax.faces.resource/main-l.png.jsf?ln=images/topframe&v=3_3_0_170706") no-repeat 0 164px !important; 
	margin-top:165px; 
	background-attachment:fixed !important; 
}
.main-rFreeze { 
	background:url("/1Line/javax.faces.resource/main-r.png.jsf?ln=images/topframe&v=3_3_0_170706") no-repeat right 164px !important; 
	height:100%; 
	padding:23px 5px 0 !important; 
	background-attachment:fixed !important; 
}

/* HOME CONTENT COLUMNS */
.col-holder {
	height: 100%;
	padding: 0 10px;
	margin:2px;
}

.h-col {
	padding: 20px 0 0 0;
}

.h-col-l {
	float: left;
	width: 49%;
	margin: 0 1% 0 0;
}

.h-col-r {
	float: right;
	width: 50%;
}

/* HOME CONTENT CONTAINERS */
.h-box {
	background: url("/1Line/javax.faces.resource/h-box.png.jsf?ln=images/panel&v=3_3_0_170706") repeat-x 0
		bottom;
	border: 1px solid #d7dde0;
	position: relative;
	z-index: 1;
	height: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0 10px 0;
}

.h-box h3 {
	font-size: 12px;
	line-height: 36px;
	color: #0066cc;
	letter-spacing: 0.25px;
	padding: 0 0 0 15px;
}

.h-box h3.h {
	background: url("/1Line/javax.faces.resource/h-box-h.png.jsf?ln=images/panel&v=3_3_0_170706") repeat-x 0 0;
	height: 36px;
	position: relative;
	z-index: 2;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.h-box ul {
	list-style: none;
	padding: 0;
}

.h-box ul li {
	font-size: 11px;
	line-height: 14px;
	color: #49535e;
	padding: 0 0 5px 0;
}

.h-box ul li.highlight {
	color: #0066cc;
}

.h-box ul li.last {
	font-weight: bold;
	font-style: italic;
	padding: 8px 0 5px 0;
}

.h-box ul li a {
	text-decoration: underline;
}

.h-box ul li a:hover {
	color: #1a4f95;
	text-decoration: none;
}

.h-box .holder {
	padding: 12px 15px 15px;
	font-size: 11px;
	color: #49535E;
}

.h-box table {
	background: #f2f5f7 url("/1Line/javax.faces.resource/h-box-table.png.jsf?ln=images/panel&v=3_3_0_170706")
		repeat-x 0 bottom;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: inherit;
	letter-spacing: 0.25px;
	position: relative;
	z-index: 1;
}
.h-box td:FIRST-CHILD {
	background: none repeat scroll 0 0 transparent;
}

.h-box table .col {
	width: 14%;
}

.h-box th {
	color: #68798a;
	text-transform: uppercase;
	background: #fff;
	padding: 10px 0 15px 0;
}

.h-box th.title {
	font-size: 12px;
	color: #0066cc;
	text-transform: none;
	text-align: left;
	background: transparent !important;
	padding: 0 0 0 15px;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}

.h-box th.last {
	border: 0;
}

.h-box td {
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	background: #fff;
}

.h-box td .title {
	color: #49545e;
	text-transform: none;
	text-align: left;
	background: transparent;
	padding: 0 0 0 15px;
}
.h-box td.title {
	color: #49545e;
	text-transform: none;
	text-align: left;
	background: transparent;
	padding: 0 0 0 15px;
}

.h-box .title span{
	color: #49545e;
	text-transform: none;
	text-align: left;
	background: transparent;
	padding: 0 0 0 15px;
}

.h-box th.title span {
	color: #0066CC !important;
}

.h-box tr:last-child td.title {
	-webkit-border-radius: 0 0 0 5px;
	-moz-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
}

.h-box tr.last-row td {
	background: url("/1Line/javax.faces.resource/h-box.png.jsf?ln=images/panel&v=3_3_0_170706") repeat-x 0
		bottom;
	padding-bottom: 10px;
}

.h-box td .last {
	border: 0;
}

.h-box .closed span{
	color: #939eaa;
}
.h-box .open span{
	color: #0066cc;
}

.h-box .edge {
	width: 7px;
	height: 7px;
	position: absolute;
	z-index: 2;
}

.h-box .edge-t-l {
	background: url("/1Line/javax.faces.resource/edge-box-t-l.png.jsf?ln=images/panel&v=3_3_0_170706")
		no-repeat 0 0;
	top: -1px;
	left: -1px;
}

.h-box .edge-t-r {
	background: url("/1Line/javax.faces.resource/edge-box-t-r.png.jsf?ln=images/panel&v=3_3_0_170706")
		no-repeat 0 0;
	top: -1px;
	right: -1px;
}

.h-box .edge-b-l {
	background: url("/1Line/javax.faces.resource/edge-box-b-l.png.jsf?ln=images/panel&v=3_3_0_170706")
		no-repeat 0 0;
	bottom: -1px;
	left: -1px;
}

.h-box .edge-b-r {
	background: url("/1Line/javax.faces.resource/edge-box-b-r.png.jsf?ln=images/panel&v=3_3_0_170706")
		no-repeat 0 0;
	bottom: -1px;
	right: -1px;
}

.h-box .edge-h-l {
	background: url("/1Line/javax.faces.resource/edge-box-h-l.png.jsf?ln=images/panel&v=3_3_0_170706")
		no-repeat 0 0;
	top: -1px;
	left: -1px;
}

.h-box .edge-h-r {
	background: url("/1Line/javax.faces.resource/edge-box-h-r.png.jsf?ln=images/panel&v=3_3_0_170706")
		no-repeat 0 0;
	top: -1px;
	right: -1px;
}

.h-box .edge-table-t-l {
	background: url("/1Line/javax.faces.resource/edge-table-t-l.png.jsf?ln=images/panel&v=3_3_0_170706")
		no-repeat 0 0;
	top: -1px;
	left: -1px;
}

.h-box .edge-table-b-l {
	background: url("/1Line/javax.faces.resource/edge-table-b-l.png.jsf?ln=images/panel&v=3_3_0_170706")
		no-repeat 0 0;
	bottom: -1px;
	left: -1px;
}
/* US Map on Home Page for other pipelines */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}

/* BREADCRUMB ROW */

.breadcrumb {
	height: 23px;
	border-bottom: 1px solid #ebeeef;
}

.breadcrumbFreeze { 
	background:#fff; 
	margin:0 5px; 
	height:23px; 
	border-bottom: none !important;
	position:fixed; 
	top:164px; 
	left:0; 
	right:0; 
	z-index:100;
}

#breadcrumb ul {
	list-style: none;
	float: left;
	padding: 0 0 0 17px;
}

#breadcrumb ul li {
	display: inline;
	font-family: Arial, sans-serif;
	font-size: 10px;
	line-height: 23px;
	color: #708396;
	padding: 0 5px 0 0;
}

#breadcrumb ul li a {
	color: #708396;
	text-decoration: underline;
}

#breadcrumb ul li a:hover {
	color: #0066cc;
	text-decoration: underline;
}

#breadcrumb ul li.current {
	color: #2e88d4;
}

#breadcrumb .btn-filter {
	float: right;
	margin: 4px 5px 0 0;
}

.btn-filter {
	background: url("/1Line/javax.faces.resource/btn-expand.png.jsf?ln=images/filter&v=3_3_0_170706") no-repeat
		0 0;
	width: 110px;
	height: 15px;
}  /* style will be moved to css_Will.css */
.btn-expand {
	background-position: 0 -15px;
}

.btn-actions {
	background: url("/1Line/javax.faces.resource/btn-actions.png.jsf?ln=images/common&v=3_3_0_170706")
		no-repeat 0 0;
	width: 90px;
	height: 15px;
	float: right;
	margin: 4px 10px 0 0;
}

.btn-actions:hover {
	
}

#breadcrumb #actions-menu {
	position: relative;
	z-index: 10;
}

#breadcrumb #actions-menu .dd {
	background: #297dc6 url(../../images/actions-dd.png) repeat-x 0 bottom;
	border: 1px solid #175f9d;
	position: absolute;
	top: 18px;
	right: 121px;
	display: none;
}

#breadcrumb #actions-menu ul {
	padding: 5px 0;
}

#breadcrumb #actions-menu ul.l {
	border-right: 1px solid #175f9d;
}

#breadcrumb #actions-menu li {
	float: none;
	display: block;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	width: auto;
	padding: 0 10px 6px 10px;
}

#breadcrumb #actions-menu li a {
	float: none;
	display: block;
	color: #fff;
	text-decoration: none;
}

#breadcrumb #actions-menu li a:hover {
	text-decoration: underline;
}

/* FILTER ROW */
#actions {
	background: url("/1Line/javax.faces.resource/actions.png.jsf?ln=images/common&v=3_3_0_170706") repeat-x 0 0;
	height: 47px;
	border-bottom: 1px solid #ebeeef;
	padding: 6px 0 0 15px;
	position: relative;
	z-index: 4;
}

#actions .option {
	float: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #49535e;
	letter-spacing: -0.75px;
	padding: 0 27px 8px 0;
}

#actions .option p {
	float: left;
	padding: 0 15px 0 0;
}

#actions .option label {
	float: left;
	margin: 0 15px 0 0;
	cursor: pointer;
}

#actions .option .checkbox {
	float: left;
	margin: 0 5px 0 0;
}

#actions .option .radio {
	float: left;
	margin: 0 3px 0 0;
}

.btn-clear {
	float: left !important;
	background: linear-gradient(to bottom, #FFFFFF, #D1D7DB) !important;
	width: 80px !important;
	height: 20px !important;
	color: #7F8A93 !important;
	border: 0 !important;
	border-radius: 4px;
	cursor: pointer !important;
}

.btn-stop {
	margin: 0 10px 0 10px !important;
	background: linear-gradient(to bottom, #8FC5F9 , #3187D5) !important;
	width: 90px !important;
	height: 20px !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 4px;
	cursor: pointer !important;
}

.btn-retrieve {
	float: left !important;
	margin: 0 10px 0 10px !important;
	background: linear-gradient(to bottom, #8FC5F9 , #3187D5) !important;
	width: 90px !important;
	height: 20px !important;
	color: #fff !important;
	border-radius: 4px;
	border: 0 !important;
	cursor: pointer !important;
}

.btn-retrieve-no-margin{
	background: linear-gradient(to bottom, #8FC5F9 , #3187D5); 
	border:0;
	border-radius: 4px;
	color:#fff; 
	cursor:pointer;
	width:90px; 
	height:20px; 
}

.btn-grey {
	background-image: linear-gradient(to bottom, #FFFFFF, #D1D7DB);
	border-radius: 4px;
	border: 1px solid #94A0A9;
	color: #7F8A93;
	font-size: 11px;
	cursor: pointer;
	width: 80px;
	height: 20px;
}

.btn-blue {
	background-image: linear-gradient(to bottom, #8FC5F9 , #3187D5);
	border: 1px solid #2F82CB;
	border-radius: 4px;
	color: #FFFFFF;
	font-fize: 11px;
	cursor: pointer;
	width:45px;
	height:20px;
}

.btn-blue:hover {
	color: #C0DEFC;
    text-decoration: none;
}

#actions .option1 {
	
}

#actions .option2 {
	padding-right: 0;
}

/* DATA GRID ROW */
/*background: url("/1Line/javax.faces.resource/data-grid.png.jsf?ln=images/datagrid&v=3_3_0_170706") repeat-x 0 0;*/
.data-grid {
	background: none;
	margin: 0 0 10px 0;
}
/*background: url("/1Line/javax.faces.resource/data-grid.png.jsf?ln=images/datagrid&v=3_3_0_170706") repeat-x 0 0;*/
.data-grid-msgOnly {
	background: none;
	margin: 0 0 10px 0;
	height: 40px;
}
/*background: url("/1Line/javax.faces.resource/data-grid.png.jsf?ln=images/datagrid&v=3_3_0_170706") repeat-x 0 0;*/
.dataGrid {
	background: none;
	margin: 0 0 10px 0;
}
.result-actions {
	padding: 10px 15px 5px 0; 
}

.result-actions .view {
	width: 37%;
	float: left;
	padding: 5px 0 0 0;
}

.result-actions .view p {
	font-size: 11px;
	line-height: 14px;
	color: #1a4f95;
	letter-spacing: 0.25px;
	padding: 0 0 10px 0;
}

.result-actions .view label {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #49535e;
	letter-spacing: -0.75px;
	float: left;
	cursor: pointer;
	padding: 0 18px 0 0;
	#padding-top: 3px;
}

.result-actions .view .checkbox {
	float: left;
	margin: 0 5px 0 0;
}

.result-actions .view .radio {
	float: left;
	margin: 0 5px 0 0;
}
.result-actions .view input {
    float: left;
    margin: 0 5px 0 0;
}

.result-actions .pager {
	width: 29%;
	float: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #1a4f95;
	padding: 0 0 0 0;
}

.result-actions .stats {
	width: 34%;
	float: right;
}

.notificationMsg{
	background:#fff url("/1Line/javax.faces.resource/stats.png.jsf?ln=images/datagrid&v=3_3_0_170706") repeat-x bottom left; 
	border:1px solid #dfe6eb; 
	/*float:right; 
	width:70%;*/
	font-size:11px; 
	line-height:16px; 
	color:#0066cc; 
	letter-spacing:0.25px; 
/*	padding:6px 12px; */ 
	margin:0 0 5px 0;
	max-height: 80px;
    overflow: auto;
}

.results {
 	clear: both;
    overflow-x: auto;
    overflow-y: hidden;
    padding-top:1px;
    #position:relative !important;
    position:relative\9 !important;
}

.results table {
	border-collapse: collapse;
	width: 100% !important;	
}

.results th {
	height: 20px;
	border: 1px solid #99adbd;
	font-size: 11px;
	line-height: 14px;
	color: #49535e;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.25px;
	vertical-align: bottom !important;
	padding: 3px 5px;
	word-wrap: break-word;
}

.results th a {
	color: #1a4f95;
	text-decoration: underline;
}

.results th a:hover {
	text-decoration: none;
}

.results th.pda-bor {
	border-right: 1px solid #9dc4a3 !important;
}

.results tr.label {
	background: #fafbfc url(../../images/label.png) repeat-x 0 bottom;
	height: 40px;
}

.results tr.label .pda-info {
	background: #ebf7ed url(../../images/pda-info.png) repeat-x 0 bottom;
	border-bottom: 1px solid #9dc4a3 !important;
}

.results tr.label .pda-bor {
	border-right: 1px solid #9dc4a3 !important;
}

.results tr.th {
	background: url("/1Line/javax.faces.resource/results-head2.png.jsf?ln=images/new&v=3_3_0_170706") repeat-x
		scroll 0 0 #D3E0EF !important;
}

.results tr.th2 {
	background: #d3e0ef none;
}

.results td {
	font-size: 11px !important;
	line-height: 23px;
	color: #49535e;
	height: 23px;
	border: 1px solid #c9d1d7;
	vertical-align: middle;
	padding: 4px 8px 0;
}

.results td.pda-bor {
	border-right: 1px solid #9dc4a3 !important;
}

.results tr.odd td {
	background: #ecf3f8;
}

.results tr.nod td {
	background: #fff;
}

.results tr.odd2 td,.results tr.odd td.bg {
	background: url("/1Line/javax.faces.resource/odd2.png.jsf?ln=images/new&v=3_3_0_170706") repeat-x scroll 0
		bottom #ECF3F8;
}

.results tr.nod2 td,.results tr.nod td.bg {
	background: #fff url(../../images/nod2.png) repeat-x 0 bottom;
}

.results .pda-l {
	background:url("/1Line/javax.faces.resource/pda.png.jsf?ln=images/conf_pda&v=3_3_0_170706") repeat-x scroll 0 0 #FAFBFC;
	float: left;
    height: auto;
    padding: 15px 0;
    width: 100%;
}

.results .pda-r {
	background: #fafbfc url(../../images/pda.png) repeat-x 0 0;
}

.results .pda-history-l {
	background: #fafbfc url(../../images/pda.png) repeat-x 0 0;
}

.results .pda-h {
	background: #ebf3ec url(../../images/pda-h.png) repeat-x 0 bottom;
	border: 1px solid #9dc4a3;
	font-weight: bold;
}

.results .pda-row {
	background: #eff9f1;
	border: 1px solid #c7d6ca;
}

.results .pda-row .radio {
	position: relative;
	margin: 2px 0 0 0;
}

.results .pda-row-b {
	background: #eff9f1 url(../../images/pda-b.png) repeat-x 0 bottom;
	border: 1px solid #c7d6ca;
}

.results .field {
	width: 82px;
	height: 14px;
	border: 1px solid #dbdfe6;
	border-top: 1px solid #abadb3;
	font-size: 11px;
	line-height: 14px;
	color: #49535E;
	padding: 2px 5px;
	margin: 0 5px 0 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.results .field-med {
	width: 46px;
}

.results .field-min {
	width: 26px;
}

.results .item-date {
	width: 65px;
}

.results .checkbox {
	margin: 3px 0 0 2px;
}

.results .select {
	position: relative;
	float: left;
	margin: 0 0 5px 0;
}

.results .select .btn {
	background: #fff url(../../images/select.png) no-repeat 45px 7px;
	width: 46px;
	height: 17px;
	border: 1px solid #dbdfe6;
	border-top: 1px solid #abadb3;
	display: block;
	font: 11px Arial;
	color: #49535e;
	line-height: 17px;
	padding: 0 5px;
}

.results .select .nonSelect .btn {
	color: red;
}

.results .select .btn:hover {
	text-decoration: none;
}

.results .select ul {
	list-style: none;
	position: absolute;
	top: 19px;
	left: 0;
	z-index: 100;
	display: none;
	background: #fff;
	width: 56px;
	border: 1px solid #dbdfe6;
	border-top: 0;
}

.results .select ul li {
	
}

.results .select ul li a {
	color: #000;
	display: block;
	padding: 0 5px;
}

.results .select ul li a:hover {
	text-decoration: none;
	background: #e8ecef;
}

.results .ui-datatable-data .ui-state-hover {			/* datatable row hover color */
	font-weight:bold !important; 
}

.results .ui-datatable-data tr.ui-datatable-even:hover{
	font-weight:bold !important; 
}

.results .ui-datatable-data tr.ui-datatable-odd:hover{
	font-weight:bold !important; 
} 

.results .ui-datatable-odd {							/* odd datatable row background color */
	background: none #D1DFED !important;	
}

/**  The following five CSS classes are used to style the summary 
*  section in ConfirmationTransactionLevel page
*/

.wgpsummary {
	background: url("/1Line/javax.faces.resource/quantities.png.jsf?ln=images/new&v=3_3_0_170706") repeat-x
		scroll 0 0 #ECF3F8;
	border-bottom: 1px solid #DFE6EB;
	margin-top: 1px;
}

.sumPnlGrd {
	table-layout: auto;
	background: #ecf3f8 0 0;
	line-height: 21px;
	padding: 2px 9px 0 0;
	margin-top: 1px;
	border-bottom: 1px solid #dfe6eb;
	border: 1px solid #9BB1C6;
	border-collapse: collapse;
	font-size: 11px;
	color: #49545E;
}

.sumCol1 {
	text-align: right;
	width: 225px;
}

.sumColCls1 {
	text-align: right;
	border: solid 0 #9BB1C6;
	border-left-width: 1px;
	padding-left: 0.5ex;
}

.sumColCls2 {
	font-weight: bold;
	color: #0066CC;
	text-align: left;
	padding-left: 10px;
}

.sumColHeaderCol{
	text-align: center;
}

.sumColHeader1{
	border-color: #9BB1C6;
	border-style: solid;
	border-width: 0 0 1px 0;
}

.sumColHeader2{
	border-color: #9BB1C6;
	border-style: solid;
	border-width: 0 0 1px 1px;
}

/* WGP REQUIRED FILTERS */
.wgpReqFilters {
	color: #49545E;
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 11px;
 	table-layout: auto;
    width: 100%;
}

.wgpReqFilters>.wgpBorder>table{
	background-color:#E9F1F8;
	border-radius: 5px;
	border-collapse: collapse;
	table-layout:fixed;
}

.wgpReqFilters>.wgpBorder>table td{
	padding-left: 10px;	
}

/* WGP OPTIONAL FILTERS */
.wgpOptCols {
	padding-top:0px; 	
}


.wgpOptCols>.wgpBorder>table {
	color: #49545E;
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 11px;
    border-collapse: collapse;
    padding: 5px;
}

/* WGP FILTERS COMMON PROPERTIES */
.wgpBorder {
    border: 1px solid #dfe6eb;
    border-radius: 5px;
}

.panelPopup .wgpTables>table>tbody>tr>td, .panelPopup .wgpTables>.wgpBorder>table>tbody>tr>td, .panelPopupNoWidth .wgpTables>table>tbody>tr>td, .panelPopupNoWidth .wgpTables>.wgpBorder>table>tbody>tr>td {
    font-size: 12px;
}

.wgpTables>.wgpBorder>table>tbody>tr>td {
	vertical-align: top;
	padding : 1px;
	white-space: nowrap;	
	color: #49535E;
    font-size: 10px;
    line-height: 14px;
    font-family: Tahoma,Arial,sans-serif;
}

.wgpTables>.wgpBorder>table>tbody>tr>td>label{
	float:right;	
	white-space: nowrap;
	padding-right: 3px;
	letter-spacing: 0px;
	font-weight: bold;
}

.wgpTables>.wgpBorder>table>tbody>tr>td>span>label{
	white-space: nowrap;
	padding-right: 3px;
	letter-spacing: -1px;
	font-weight: bold;
}

.wgpTables>table>tbody>tr>td {
	vertical-align: top;
	padding : 1px;
	color: #49535E;
    font-size: 10px;
    line-height: 14px;
    font-family: Verdana,Arial,sans-serif;  
}

.wgpTables>table>tbody>tr>td>label{
	float:right;	
	white-space: nowrap;
	padding-right: 3px;
	letter-spacing: -1px;
	font-weight: bold;
}
.wgpTables>table>tbody>tr>td>span>label{
	white-space: nowrap;
	padding-right: 3px;
	letter-spacing: -1px;
	font-weight: bold;
}
.wgpTables>table>tbody>tr>td>span>span>label{
	white-space: nowrap;
	padding-right: 3px;
	letter-spacing: -1px;
	font-weight: bold;
}

.wgpTables input,.wgpTables textarea,.wgpTables select {
/*   	color: #49545E !important; */
    font-family: Arial,Helvetica,Sans-Serif !important;
    font-size: 11px !important;
    line-height: 16px !important;
}

.wgpEvenRow {
	background: url("/1Line/javax.faces.resource/odd2.png.jsf?ln=images/new&v=3_3_0_170706") repeat-x scroll 0
		bottom #ECF3F8;
}

.wgpOddRow {
	background: url("/1Line/javax.faces.resource/nod2.png.jsf?ln=images/new&v=3_3_0_170706") repeat-x 0 bottom #fff ;
}

.wgpTableHeader {
	background: url("/1Line/javax.faces.resource/results-head2.png.jsf?ln=images/new&v=3_3_0_170706") repeat-x
		scroll 0 0 #D3E0EF !important;
}

.wgpFilters label {
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    letter-spacing: -1px;
    line-height: 14px;	
    font-weight: bold;
    color: #49545E;
}

.wgprequiredField{
	/*float:right;	
	padding-right: 2px;*/
	color:red;
}

.wgpFilters .ui-inputfield , .wgpOptCols .ui-inputfield { 
	background: none #ffffff;
	width: 118px !important;
}

.wgpFilters .ui-inputfield:hover ,  .wgpOptCols .ui-inputfield:hover  {
	background: url("images/ui-bg_highlight-soft_80_ecf3f8_1x100.png.jsf?ln=Themes") repeat-x scroll 50% 50% #ECF3F8;
}

.rightBorder{
	border-right:1px solid #D5E0EC;
}

.mdqLastColumn{
	width: 70%;
}

.col_70{
    width: 70%;
}

.col_50 {
	width: 50%;
}

.col_30{
    width: 30%;
}

.col_10{
    width: 10%;
}

.col_25 {
	width:25%;
}

.col_20{
	width:20%;
}

.col_18 {
	width:18%;
}

.col_15 {
	width:15%;
}

.col_12 {
	width:12%;
}

.col_6 {
 	width:6%;
}

.col_5 {
 	width:5%;
}

.wgpLabelGroup {
	float:right;
	text-align:right;
	font-weight:bold;
}

/* TOP/BOTTOM ACTIONS STYLES */

.wgpTopActions {
	margin-right:10px;
	#margin-right:20px;
}

.wgpBotActions {
	#margin-right:15px;
}


/*LOOKUP PAGE STYLES*/
.center {
	margin: 10px auto;
}

.wgpLookupBtn {
	background: url("/1Line/javax.faces.resource/common/button.png.jsf?ln=images&v=3_3_0_170706") no-repeat scroll 0 0;
	margin-left: 5px; 
	border: none;
	cursor: pointer;
	width: 16px;
	height: 15px
}

.wgplookUpTop {
	background: url("/1Line/javax.faces.resource/popup-t.png.jsf?ln=images/panelpopup&v=3_3_0_170706") repeat-x
		top left;
	height: 39px;
	text-align: center;
}

.popUpHdr{
	color: #0066CC; 
	font-size: 14px; 
	font-weight:bold; 
	letter-spacing: 0.25px; 
	line-height: 37px;
}

.wgplookUpBot {
	background: url("/1Line/javax.faces.resource/popup-b.png.jsf?ln=images/panelpopup&v=3_3_0_170706") repeat-x
		top left;
	height: 39px;
}

.collapseBtn {
	padding-right:10px; 
	padding-top:10px;
}

.wgpLookUpFil {
 	background-color: #f9fbfd; 	
 	
}

.wgpLookUpFil label{
	font-weight: bold;
	font-size:10px;	
}

.icePnlPop {
	border: 2px solid #647078;
}

.icePnlPopBody,.icePnlTlTipBody {
	padding: 0px;
}

.wgpLocEffectiveDt {
	left:150px !important;
}
	
.panelPopup>table, .panelPopupNoWidth>table {
	width:100% !important;
}

.panelPopup	{
	background-color:#FFFFFF !important;
	min-width:850px !important;
}

.panelPopupNoWidth	{
	background-color:#FFFFFF !important;
}

.basePopup	{
	background-color:#FFFFFF !important;
	width:auto !important;
}

.panelPopup .ui-dialog-content, .panelPopupNoWidth .ui-dialog-content {
	padding:0px !important;
	min-width:850px !important;
	max-height: 500px !important;
	overflow-y: auto !important;
	#overflow-x: hidden !important; 
}

.panelPopup > .ui-widget-header, .panelPopupNoWidth > .ui-widget-header {
	background: #6fa5d7 url("/1Line/javax.faces.resource/images/panelpopup/ui-bg_highlight-hard_100_xxxxxx_1x100.png.jsf?v=3_3_0_170706") 50% 50% repeat-x;	
}

.panelTooltip {
	display:inline; 
	text-decoration:underline; 
	color:#0066CC; 
	padding-left:10px; 
	cursor:pointer;
	float:right;
}
/*
.smartSearchTooltip .ui-tooltip{
	width:300px !important;
	
}</pre>

.cycleIndicators .ui-tooltip {
	#width:450px !important;
}
.lookUpCloseLinkImg {	
	background: url("/1Line/javax.faces.resource/images/closeButton.png.jsf?v=3_3_0_170706") no-repeat 0 2px;	
	height: 28px;
	width: 16px;
	cursor: pointer;
	padding-right:10px;
	text-decoration: none;
	display:inline-block;
}

.lookUpCloseLinkImg:hover {
	background-position: 0 -26px;
}

/* Transactional row level error messages popup */

.errPopUpBody {
 	padding: 0 10px 10px !important;
}

.errPopUpBody>div>table>thead>tr>th {
	background: url("/1Line/javax.faces.resource/results-head2.png.jsf?ln=images/new&v=3_3_0_170706") repeat-x
		scroll 0 0 #D3E0EF !important;
}


/*
 *	Theme.css overrides
*/

.ui-icon-minusthick {
	background-image: url("/1Line/javax.faces.resource/images/filter/btn-expand.png.jsf?v=3_3_0_170706") !important;
    width: 70px !important;
    height:15px !important;
    background-position: 0 0 !important;
}

.ui-icon-plusthick { 
	background-image: url("/1Line/javax.faces.resource/images/filter/btn-expand.png.jsf?v=3_3_0_170706") !important;
    width: 70px !important;
    height:15px !important;
	background-position: 0px -15px !important;
}

.ui-dialog .ui-dialog-content {
	padding:0px;
}


/* ICE:TOOLTIP Styles - These are temporary styles need to replace the component with ACE */

.wgpReqFilters .icePnlTlTip {
	position:absolute !important;
	top:275px !important;
	#margin-top: 0px !important;
	#padding-top:0px !important;
}

.icePnlTlTip .h-box {
	margin: 0px !important;
	#padding-top: 0px !important;
}

/* Confirmation history Styles */

.wgpConfHistory th {
    border: 1px solid #9DB1C6;
    color: #1A4F95;
    font-size: 11px;
    line-height: 23px;
    padding: 0 5px !important;
    text-align: left;
    height:40px;
}

textarea:focus{
	background-color: lightyellow;
}

.wgpConfComment {
	min-width:none !important;
	background-color: #FFFFFF !important;
}

.panelPopup h2, .panelPopupNoWidth h2, .wgpConfComment h2 {
	color: #0066CC;
    font-size: 15px;
    line-height: 37px;
}

/* Highlighted date background color - calendar component*/
#ui-datepicker-div .ui-datepicker-calendar  .ui-state-active {
	background: #3a8fdb !important;
	color: #FFFFFF;
}

.disableCalendar .ui-inputfield, .disableCalendar .ui-inputfield:HOVER {
	background:none repeat scroll 0 0 threedlightshadow;
}

.hiddenElement {
	visibility: hidden !important;
	display: none;
}

.visibleElement {
	visibility: visible !important;
}

.lighterLabel{
	font-weight: lighter !important;
	font-size: 12px !important;
}

#ui-datepicker-div {
	border: 1px solid #647079; 
}

/** Tooltip overrides ***/
.ui-tooltip .qtip-contentWrapper .ui-widget-content {
	border: 1px solid #49535E; 
}

/******************* LOGIN PAGE STYLES *******************/

.loginPage { background:url("/1Line/javax.faces.resource/login_siteBG.gif.jsf?ln=images/login&v=3_3_0_170706") repeat-x 0 0; }
.loginPage ul { list-style-type:disc !important; margin:10px 20px;#margin:10px 20px !important;}
.loginPage ul li { padding:3px 0; }

.loginPage #topBanner { background:url("/1Line/javax.faces.resource/login_topBanner_imageBG.jpg.jsf?ln=images/login&v=3_3_0_170706") no-repeat 0 0; position:relative; font-family:Tahoma, Arial, sans-serif; height: 165px; }
.loginPage #topBanner #adminNav { margin-bottom:15px; }

.loginPage .login { background:url("/1Line/javax.faces.resource/login_formBG.png.jsf?ln=images/login&v=3_3_0_170706") no-repeat 0 0; width:820px; height:260px; margin:auto; position:relative; padding:20px 40px; }
.loginPage .smallLogin { 
	background:url("/1Line/javax.faces.resource/login_form_smallBG.png.jsf?ln=images/login&v=3_3_0_170706") no-repeat 0 0; 
	width:309px; 
	height:260px; 
	margin:auto; 
	position:relative; 
	padding:20px 40px; }
.loginPage .medLogin { 
	background:url("/1Line/javax.faces.resource/login_form_medBG.png.jsf?ln=images/login&v=3_3_0_170706") no-repeat 0 0; 
	width:493px; 
	height:382px; 
	margin:auto; 
	position:relative; 
	padding:20px 40px; }
.loginPage .login .col { float:left; min-height:100px; height:auto !important; height:100px; }

.login_form { position:relative; width:300px; height:100px; float:left; margin:0 40px 0 0; }
.medLogin .login_form { position:relative; width:444px; height:100px; float:left; margin:0 40px 0 0; }
table#form { width:100%; }
table#form td { padding:3px; }
.login_form table#form td.label { width:65px; text-align:right; }
.login_form label { font-family:Verdana, Arial, sans-serif; font-size:10px; line-height:14px; padding:0;}
.login_form label span { color:#d40028; }
.login_form #UserID .field, .login_form #Password .field, .login_form #App select { width:100%; height:17px; margin:0; }
.login_form #App select { height:20px; }
.login_form .buttons td { padding-top:10px;} 
.login_form .remember { font:10px Verdana, Arial, sans-serif; line-height:12px; padding-right:26px; }
.login_form .remember label { font-size:10px; line-height:11px; }
.login_form .remember .checkbox { position:relative; top:2px; margin:0 3px 0 0; }
.login_form .forgotPass { text-align:right; font-size:10px; padding-right:5px; }

.login_notes { position:relative; width:480px; height:100px; float:right; }
.medLogin .login_notes {float: none;}
.login_notes p { padding:0 5px; }
.login_notes h2, .login_form h2 { font-size:22px; font-weight:normal; line-height:25px; color:#1a4f95; margin-bottom:10px; border-bottom:1px dotted #1a4f95; }

.login_form #buttonBox{ min-height:50px; margin:5px 0; padding:6px 5px 6px 10px; background:#f0f5fa; border:1px solid #d7e0e8; color:#78838f; }
.medLogin .login_form #buttonBox{ padding:6px 5px 1px 10px; width: 282px;}

.login_notes .commentBox { min-height:50px; margin:15px 0; padding:6px 10px 6px 50px; background:#f0f5fa url("/1Line/javax.faces.resource/icon_alert.png.jsf?ln=images/login&v=3_3_0_170706") no-repeat 10px 7px; color:#d40028; border:1px solid #d7e0e8; }
.btn-password { float:left; margin:5px 10px 0 0; background-image: linear-gradient(to bottom, #FFFFFF, #D1D7DB); width:131px; height:20px; color:#7f8a93; border:0; border-radius:4px; font-size:11px; cursor:pointer; text-align:center; }
.btn-password:hover { color:#49535e; }

.login_panel td { vertical-align:top; }

.loginPage #footer { position:relative; width:820px; padding:20px 40px; margin:0 auto 20px; border-bottom:none; border-top:none; }
.loginPage #footer h3 { font-size:19px; font-weight:normal; line-height:25px; color:#1a4f95; margin-bottom:10px; border-bottom:1px dotted #1a4f95; }
.loginPage #footer p { font-size:11px; line-height:16px; color:#49545e; }
.loginPage #footer a { text-decoration:underline; }
.loginPage #footer a:hover { color:#1a4f95; text-decoration:none; }

.loginPage .loginContent { background:url("/1Line/javax.faces.resource/login_contentBG.png.jsf?ln=images/login&v=3_3_0_170706") no-repeat 0 0; width:820px; height:260px; margin:auto; position:relative; padding:20px 40px; }
.loginContent h2 { font-size:22px; font-weight:normal; line-height:25px; color:#1a4f95; margin-bottom:10px; border-bottom:1px dotted #1a4f95; }
.loginContent h3 { font-size:12px; font-weight:bold; line-height:15px; color:#0066cc; margin-bottom:5px; border-bottom:1px dotted #1a4f95; }
.loginContent h4 { font-size:11px; font-weight:bold; text-transform:uppercase; line-height:15px; margin-bottom:8px; }
.loginContent label { font-weight:bold; }
.loginContent p { margin:5px 0 10px; }
.contentTable { margin-bottom:15px; }
.contentTable td { padding:2px 3px; width:50%; }
.contentTableNotes td { padding:5px 3px; color:#94a0a9; vertical-align:text-top; }
.contentTableNotes td.notes { width:10%; }

.popupLogin { width:650px !important; border:2px solid #647079 !important; background:#fff; margin:20px auto !important; padding:0px !important; } 
.popupLogin .ui-dialog-content { padding:0px !important; }
.popupLogin h3 { font-size:12px; line-height:35px; color:#0066cc; letter-spacing:0.25px; padding:2px 0 0 18px; }
.popupLogin p { font-size:11px; line-height:14px; color:#49545e; letter-spacing:0.25px; padding:0 0 15px 0; }
.popupLogin .form{ margin:5px 0;}
.popupLogin .form td { padding:3px; }
.popupLogin .ui-widget-content { color:#49545E !important;}
.popupLogin .ui-widget { font-family: Tahoma,Arial,sans-serif !important; font-size: 11px !important; }
.popupLogin .form td.label { text-align:right; }
.popupLogin #UserID .field, .popupLogin #Password .field, .popupLogin #newPass1 .field, .popupLogin #newPass2 .field, .popupLogin #App select { width:100%; height:17px; margin:0; }
.popupLogin #App select { height:20px; }
.passCallout { }
.passCallout .col { width:40%; margin:5px 15px 0; float:left; }
.passCallout .col h4 { font-size:12px; font-weight:bold; color:#1a4f95; border-bottom:1px dotted #1a4f95; }
.messageBox {   /*margin: 15px 268px 0px;*/ clear:both; min-height:50px; padding:6px 10px 6px 50px; background:#f0f5fa url("/1Line/javax.faces.resource/icon_alert.png.jsf?ln=images/login&v=3_3_0_170706") no-repeat 10px 7px; color:#d40028; border:1px solid #ecedef; }
.popupLogin .btn-ok { float:right; text-transform:capitalize; }
.popupLogin .btn-password { float:right; margin:0; background-image: linear-gradient(to bottom, #FFFFFF, #D1D7DB); no-repeat 0 -20px; width:131px; height:20px; line-height:19px; color:#fff; border:0; font-size:12px; cursor:pointer; text-align:center; }
.popupLogin .btn-password:hover { color:#c0defc; text-decoration:none;}
.popupLogin .btn-cancel { float:right; margin:0 18px 0 10px; }
.popupLogin-t { background:url("/1Line/javax.faces.resource/popup-t.png.jsf?ln=images/login&v=3_3_0_170706") repeat-x top left; height:39px; }
.popupLogin-b { background:url("/1Line/javax.faces.resource/popup-b.png.jsf?ln=images/login&v=3_3_0_170706") repeat-x bottom left; height:35px; padding:15px 0 0 0; }
.popupLogin-c { background:url("/1Line/javax.faces.resource/popupRound-c.png.jsf?ln=images/login&v=3_3_0_170706") repeat-y 0 0; height:100%; padding:8px 18px 10px; }

/**** PIPELINE LOGO INFO *****/
.gulfStreamLogo { background: url("/1Line/javax.faces.resource/gulf-logo.png.jsf?ln=images/topframe&v=3_3_0_170706") no-repeat 0 0;float: left;height: 75px; width: 133px; }
.williamsLogo { background: url("/1Line/javax.faces.resource/will-logo.png.jsf?ln=images/topframe&v=3_3_0_170706") no-repeat 0 0;float: left;height: 75px; width: 133px; }
.constLogo { background: url("/1Line/javax.faces.resource/const-logo.png.jsf?ln=images/topframe&v=3_3_0_170706") no-repeat 0 0;float: left;height: 75px; width: 133px; }
.backButton { background:url("/1Line/javax.faces.resource/will-btn_back.gif.jsf?ln=images/login&v=3_3_0_170706") no-repeat 0 0 ; height: 20px; border: medium none;cursor: pointer; float: right; width: 55px;}

/****** JSP MSGS STYLES ******/
.WGPJspMsgs {
	display: none;
	background: none repeat scroll 0 0 #ffffff;
    border-top: 1px solid #D7DDE0;   
    max-height: 50px;
    overflow: auto;
    position: fixed;
    width: 99.3%;
    left: 0;
    bottom: 0;
    padding: 5px;
}


/****** CONFIRMATION PDA STYLES (Expandable row) ******/
.wgpExpandRow {
	width:50% !important;
    margin: auto !important;
}

.wgpExpandRow th {
	background:url("/1Line/javax.faces.resource/pda-h.png.jsf?ln=images/conf_pda&v=3_3_0_170706") repeat-x scroll 0 bottom #EBF3EC;
	background-size: auto 100%;
	border: 1px solid #C7D6CA !important;
	background-position: 0px 0px !important;	
	height: 28px;
}

.wgpExpandRow td{
	background: none repeat scroll 0 0 #EFF9F1;
	border: 1px solid #C7D6CA !important;
	padding: 5px !important;
}



.wgpExpandRow tbody tr.ui-selected td{	
	border: 1px solid #C7D6CA !important;
	background-color: #feca3e !important;
	padding: 5px !important;
}

/** WATERMARK STYLES**/

#envWatermark {
	background: url("/1Line/watermarks/environment/environment_watermark.gif") no-repeat scroll center center transparent;
	float: left;
    height: 75px;
    width: 50%;
    margin: auto;
   	z-index: 200;
}

#noenvWatermarkProd {
	background: none;
	float: left;
	height: 75px;
	width: 50%;
	margin: auto;
	z-index: 200;
}

#messsageBox {
	background-color: black;
	color: yellow;
	position: relative;
	left: -222px;
	top: 21px;
	height: 100px;
	padding: 5px;
}

/**** NESTED DATATABLE STYLES ****/
.wgpNestedTable a {
    text-decoration: underline;
}

.wgpNestedTable .ui-state-hover a {
    text-decoration: underline;
}

/***** Data Table Column Styles *****/

.justifyRight {
	text-align: right !important; 
	padding-right: 2px !important;
}

/*	padding-left: 5px !important;*/
.justifyLeft {
	text-align: left !important; 
	padding-left: 2px !important;
}

/* padding cell to work with table content cell justification*/
.paddingLeft{
	padding-left: 5px !important;
}	

.subTotal, .subTotalHistory {
	font-weight:bold;
	background:#dddddd; 
    height: 22px;
    padding-right: 5px;
    text-align: right;
    margin-bottom: -4px;
}

.subTotalHistory {
    height: 64px;
}

/* LOCATION DETAILS PRODUCER TABLE STYLES */


.producerResults td{
	border: 1px solid #C9D1D7;
    color: #49535E;
    font-size: 11px !important;
    height: 23px;
    line-height: 14px;
    padding: 4px 8px 0;
    vertical-align: top;
}

.colStyle1 { width: 140px;

}
.colStyle2 { width: 320px;

}
.colStyle3 { width: 250px;

}
.colStyle4 { width: 300px;

}


.producerResults th {
	height: 20px;
	border: 1px solid #99adbd;
	font-size: 11px;
	line-height: 14px;
	color: #49535e;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.25px;
	vertical-align: bottom !important;
	padding: 3px 5px;
}

/***** PDA QUICK VIEW ADDITIONAL FILTERS STYLES  ****/
.pdaQuickViewAddFilters label {
	width: 150px;
	display:block;
	text-align: right;
}
.pdaQuickViewAddFilters input {
	width: 100px;
}

.pdaQuickViewAddFilters select {
	min-width: 210px;
}
.pdaQuickViewAddFilters label {
	color: #49545E;
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 14px;
}
/*** SCHEDULING PARAMETERS STYLES ***/
.schdGrpCol1 {
	color: #49535E;
    font-family: Verdana,Arial,sans-serif;
    font-size: 10px;
    line-height: 14px;    
    padding: 3px;
    vertical-align: top;
	width:25%;	
	text-align:right;
    font-weight: bold;
    letter-spacing: -1px;
    padding-right: 3px;
    white-space: nowrap;
    float:right;
}

.schdGrpCol2 {
	width:15%;
}

.schdGrpCol3 {
	width:5%;
}

/*** Expand or collapse Icons ***/
.wgpExpandIcon {
    background-image: url("/1Line/javax.faces.resource/Themes/images/ui-icons_72a7cf_256x240.png.jsf?v=3_3_0_170706") !important;
    height: 16px !important;
    width: 16px !important;
    background-position: 0 -192px !important;
    display: inline-block;
}

.wgpCollapseIcon {
    background-image: url("/1Line/javax.faces.resource/Themes/images/ui-icons_72a7cf_256x240.png.jsf?v=3_3_0_170706") !important;
    height: 16px !important;
    width: 16px !important;
    background-position: -15px -192px !important;
    display: inline-block;
}

/*** exportTable override ***/
.ui-button-text-only .ui-button-text {
	padding: 0 0 0 0 !important;
}

.wgpSplitter_top70 {
    height: 700px;
}
.wgpSplitter_top30 {
    height: 700px;
}
.wgpSplitter_top50 {
    height: 700px;
}

.rowMsg {
	border-style: solid; 
	border-width: 2px;
	border-color: black;	
}

.wgpDateOnly .hasDatepicker {
	width: 60px;

}
.ui-header-column.ui-sortable-column.ui-state-active {
	background: none;
	color: #49535E
}
.width7 {
    width: 7%;
}
.width10 {
    width: 10%;
}
.width15 {
    width: 15%;
}
.width20 {
    width: 20%;
}
.width25 {
    width: 25%;
}
.width30 {
    width: 30%;
}
.width35 {
    width: 35%;
}
.width65 {
    width: 65%;
}
.width80 {
    width: 80%;
}
.width90 {
    width: 90%;
}

.booleanCheckBox{
	padding: 0px 3px;
}

.wgppadding{
	padding: 0px 5px;
}

.ice-skin-sam .wgpTabset .yui-nav DIV.yui-navdiv EM {
	padding: 0.5em 1em !important;
}

/* override icesoft's red border around date field in error */
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
	border: 1px solid #C9D1D7;
	color: black;
}

.wgpTablesLabel{
	float:right;
	white-space: nowrap;
	padding-right: 3px;
	letter-spacing: -1px;
	font-weight: bold;
}
/***Begin Rates styles***/
.ui-panel-secondary,.ui-panel-secondary .ui-panel-titlebar,
.ui-panel-secondary .justifyLeft,.ui-panel-secondary .ui-header-text{
    opacity: .70; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter:Alpha(Opacity=70);
    zoom: 1; /** hack to trigger hasLayout for IE7 **/
}
.ui-panel-primary{ 
	opacity: 1; filter:Alpha(Opacity=100);
}
.ui-separator-line {
	color: #628EE5;
	height: 1px;
}
.panelGridRates{
	border-bottom-style:none;
	border-bottom-width:1px;
	border-color:#628EE5;
	padding-bottom: 5px;  
	padding-top: 20px;
}
.panelGridRowBottom, .panelGridRowBottom td {
	border-bottom-style:solid; 
	border-bottom-width:medium;
	border-color:#628EE5;
	border-width:1px;
	border-spacing:5px;
	padding-bottom: 20px; 
	padding-top: 5px;
}
.panelGridRowMiddle, .panelGridRowMiddle td {
	border-width:1px;
	border-spacing:5px;
	padding-bottom: 5px; 
	padding-top: 5px;
}
.panelGridRowTop, .panelGridRowTop td {
	border-width:1px;
	border-spacing:5px;
	padding-bottom: 5px; 
	padding-top: 20px;
}
.panelGridRowSingle, .panelGridRowSingle td {
	border-width:1px;
	border-spacing:5px;
	padding-bottom: 20px; 
	padding-top: 20px;
}
.panelGridRowBottom input, .panelGridRowBottom select,
.panelGridRowMiddle input, .panelGridRowMiddle select,
.panelGridRowTop input, .panelGridRowTop select,
.panelGridRowSingle input, .panelGridRowSingle select{
	padding-left: 5px;
	margin-left: 5px;
}
.wgpconditionallyReqField{
	color:blue;
}
.rssButtonGridMessageArea,.rssButtonGridMessageArea .notificationMsg{
    background:#EFF0F1;
    padding-top: 10px;
    padding-bottom: 20px;
    border:none;
}
/***End Rates styles***/

/* Site Map STYLES */
td.siteMapLink a.CL0 {
	color:Navy;
}
td.siteMapLink a.CL0:hover {
	color:Red;
}
td.siteMapLink a.CL1 {
	color:Black;
}
td.siteMapLink a.CL1:hover {
	color:Red;
}
td.siteMapLink A:hover {
	text-decoration:underline;
	font-weight: bold;
}
/* end Site Map STYLES */

/*Table Change Tracking Style, for example contract amendment*/
.results .listWithChange tr.added {
	background: none repeat scroll 0 0 #FFFF00 !important;
}

.results .listWithChange tr.changed {
	background: none repeat scroll 0 0 #FFFF00 !important;
}

/*light coral*/
.results .listWithChange tr.deleted {
	background: none repeat scroll 0 0 #E77471 !important;
}
/*End of Table Change Tracking Style, for example contract amendment*/

/*Field Change Tracking Style, for example contract amendment yellow*/
.panelWithChange .changed{
	background: none repeat scroll 0 0 #FFFF00 !important;
}

.changed .ui-inputfield{
	background: none repeat scroll 0 0 #FFFF00;
}
/*End of Field Change Tracking Style, for example contract amendment*/

/*Notification Bar Style, for example contract amendment*/
div.wgpNotificationBar{
	height: 90px;
	width: 99%;
	padding: 10px;
	border: 2px solid #fc0;
	position: fixed;
	background-color: #ffc;
	color: #000;
}

div.wgpNotificationBar .ui-notificationbar-close{
    cursor: pointer;
    font-size: 23px;
    position: absolute;
    right: 10px;
    top: 3px;
}
/*End of Notification Bar Style, for example contract amendment*/

.summaryHeader {
    background: lightgray; 
    font-weight: bold;	
}

.btn-viewMap
{
	width:150px;
	height:20px;
	float:left;
	margin:0 10px 0 10px;
	background:url("/1Line/javax.faces.resource/btn-viewMap.png.jsf?ln=images/maps&v=3_3_0_170706") no-repeat 0 0;
	color:#fff;
	border:0;
	cursor:pointer;
}
.btn-viewMap[disabled]
{ 
	background:url("/1Line/javax.faces.resource/btn-viewMapDisabled.png.jsf?ln=images/maps&v=3_3_0_170706") no-repeat 0 0;
	cursor:auto;
}
.btn-viewMap
{
	width:150px;
	height:20px;
	float:left;
	margin:0 10px 0 10px;
	background:url("/1Line/javax.faces.resource/btn-viewMap.png.jsf?ln=images/maps&v=3_3_0_170706") no-repeat 0 0;
	color:#fff;
	border:0;
	cursor:pointer;
}
.btn-viewMap[disabled]
{ 
	background:url("/1Line/javax.faces.resource/btn-viewMapDisabled.png.jsf?ln=images/maps&v=3_3_0_170706") no-repeat 0 0;
	cursor:auto;
}

/* add padding between date input field and calendar widget */
img.ui-datepicker-trigger {
	padding-left: 5px;
}


.expansionToggle {
	width: 25px;
}

.expansionToggle div.ui-row-toggler-parent {
	text-align: center;
}

.tableEditControls {
	width: 25px;
}

.rowStyle {
	color: #ecf3f8;
}

.paddingTop {
 	padding-top: 18px;
 }

/* Align retrieve nominations datatable */
.results .rrIdCellTextbox {
	margin-left: 5px;
	margin-top: 1px;
	width: 95px;
}

.nonStackedText {
	padding-bottom: 31px !important;
}

.results .rRankCell {
	margin-left: 5px;
	margin-top: -5px;
	margin-bottom: 5px;
}

.results .dRankCell {
	margin-left: 5px;
	margin-bottom: -5px;
	margin-top: 5px;
}

.results .nonStackedCell {
	margin-bottom: 30px;
	margin-left: 2px;
}

.wgpTables .nomsSelect {
	width: 103px;
}

.wgpFilters .cycle {
	width: 141px;
}

.submitDateNoms input {
	width: 39%;
}

.submitDateNoms2 input {
	width: 118px;
}

.results .dataGridDateNoms input {
	width: 56px;
}

/* Style classes to align text boxes, select boxes, and date boxes in filters */
.alignStyle select {	
	width: 128px;
}

.alignStyle input[type=text] {
	width: 124px;
}

.alignStyle2 select {
	width: 162px;
}

.alignStyle2 input[type=text] {
	width: 158px;
}

.operatorSelectbox {
	width: 39px !important;
}

.leftCol48 {
	float: left;
	width: 48%;			
}

.rightCol48 {
	float: right;
	width: 48%;			
}

 .prefDefPagesHeading {
	font-weight: bold; 
 }
 
table.prefCurrentPages {
	border: 1px solid #dfe6eb;
	min-height: 100px;
	min-width: 200px;
}

.inlineList  ul  li.ui-state-active {
	background: #feca3e url(images/ui-bg_highlight-hard_100_feca3e_1x100.png.jsf?ln=Themes) 50% 50% repeat-x !important;
}


.prefCurrentPages li a.delPageLinkImg {
    background: url("/1Line/javax.faces.resource/images/closeButton.png.jsf?v=3_2_0_130221") no-repeat scroll 0 -28px transparent;
    height: 20px;
    margin: 0;
    width: 16px;
}

.prefCurrentPages li a.delPageLinkImg:hover {
    background: url("/1Line/javax.faces.resource/images/closeButton.png.jsf?v=3_2_0_130221") no-repeat scroll 0 0 transparent;
    height: 20px;
    margin: 0;
    width: 16px;
}

.inlineList {
	display: inline-block;
	vertical-align: top;
}

.printButton {
	float: right !important;
	margin-top: 3px !important;
	background-size: 86% !important;
}

.printButton:hover {
	text-decoration: none;
}

.printButtonText {
	margin-left: 32%;
}

.wgpDateFilterRulePanel {
	background: white;
	border:1px solid gray;
}

.wgpDateFilterRadio {
	padding: 5px;
}

.wgpDateFilterDays {
	margin-left: 25px;
	margin-top: -10px;
}

.readOnly {
	background-color: #C0C0C0;
}

.ui-progressbar {
	display: none;
}

.contractTermTextBox {
	height:12px; 
	vertical-align:middle;
}