.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.5; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 12px; text-align:center;}
.ui-widget-content { border: 0px solid #aaaaaa; background: #ffffff  50% 50% repeat-x; color: #222222;text-align:center; }
.ui-widget-content div {text-align:center;}
.ui-widget-header {  display:none; border: 0px solid #aaaaaa; background: #555555 50% 50% repeat-x; color: #ffffff; font-weight: bold; font-size: 16px;}
.ui-widget-header a { display:none;}

.ui-widget-overlay { background: #111111 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); text-align:center;}
.ui-button { background:#fc6023; margin:5px; font-color:#028577;color: #666666;background: #dfdfdf;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;background: -moz-linear-gradient(top,#f6f6f6,#dfdfdf);background: -webkit-gradient(linear,left top, left bottom,from(#f6f6f6),to(#dfdfdf)); cursor:pointer;border: 1px solid;border-color: #50a3c8 #297cb4 #083f6f;background: #0c5fa5;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;background: -moz-linear-gradient(top,white,#72c6e4 4%,#0c5fa5);background: -webkit-gradient(linear,left top, left bottom,from(white),to(#0c5fa5),color-stop(0.03, #72c6e4));-moz-border-radius: 0.333em;-webkit-border-radius: 0.333em;-webkit-background-clip: padding-box;border-radius: 0.333em;color: white;-moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);-webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);font-size: 1.167em;padding: 0.286em 1em 0.357em;line-height: 1.429em;cursor: pointer;font-weight: bold;}

.ui-dialog { position: absolute; padding: .0em; width: 300px; overflow: hidden;text-align:center; }
.ui-dialog .ui-dialog-titlebar { padding: 0.5em 0 0.5em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .6em; background: none; overflow: auto; zoom: 1;text-align:center; }
.ui-dialog .ui-dialog-buttonpane {  text-align: right; background-image: none; margin: .2em 0 .2em 0; padding: 4px; }


.ui-icon-circle-triangle-e {width: 16px;height: 16px; background:#ffffff; background-image:url('../images/i16x16.gif'); background-repeat:no-repeat;border:0px;  background-position: -16px -32px; }
.ui-icon-circle-triangle-w {width: 16px;height: 16px; background:#ffffff; background-image:url('../images/i16x16.gif'); background-repeat:no-repeat;border:0px; background-position: -16px -16px; }

.ui-datepicker {	width: 220px;	padding: .2em;	display: block;	border:2px solid #2975b5;background:#bbe1fe;z-index:999999;}
.ui-datepicker .ui-widget-header {display:block;}
.ui-datepicker .ui-widget-header a{display:block;}
.ui-datepicker .ui-datepicker-header {position: relative;	padding: 0 0 2px 0;background:#2975b5; border:1px solid #2975b5;}  /* Calendar Header Style */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {position: absolute;	top: 1px;	width: 1.8em;	height: 1.8em;	text-align:center; }
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {	top: 1px;}.ui-datepicker .ui-datepicker-prev {	left: 2px;}
.ui-datepicker .ui-datepicker-next {	right: 2px;}
.ui-datepicker .ui-datepicker-prev-hover {	left: 2px;}.ui-datepicker .ui-datepicker-next-hover {	right: 2px;}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {	display: block;	position: absolute;	left: 50%;	margin-left: -8px;	top: 50%;	margin-top: -8px;}
.ui-datepicker .ui-datepicker-title {	margin: 0 2.3em;	line-height: 1.8em;	text-align: center;}
.ui-datepicker .ui-datepicker-title select {	font-size: 10px;	margin: 1px 0;}
.ui-datepicker select.ui-datepicker-month-year {	width: 100%;}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {	width: 49%;}
.ui-datepicker table {	width: 100%;	font-size: 10px;	border-collapse: collapse;	margin: 0 0 .4em;}.ui-datepicker th {	padding: .7em .3em;	text-align: center;	font-weight: bold;	border: 0;}
.ui-datepicker td {	border: 0;	padding: 1px;}
.ui-datepicker td span,.ui-datepicker td a { border:1px solid #a7b9c8;background:#cce5fc;	display: block;	padding: .2em;	text-align: center;	text-decoration: none;color:#000000;}
.ui-datepicker td span:hover, .ui-datepicker td a:hover, .ui-widget-content .ui-state-hover,.ui-widget-content .ui-state-focus  {border: 1px solid #cccccc;background:#2975b5; color:#ffffff;}

#ui-datepicker-div { z-index: 99999 !important; } /* Date Picker issue in the pipeline page with property state select since chose slect has index = 1010 */