.ui-widget {
	border: 1px solid #aaaaaa;
}

/*help header*/
.ui-widget-header {
	border: 1px solid #aaaaaa;
	font-weight: bold;
	background-color: #378FCE;
	padding: 0.3em 0.4em;
}

.ui-widget-header a {
	color: #222222;
}

/*title*/ /*close*/
.no-close .ui-dialog-titlebar-close {
	display: none;
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	padding: .5px;
}

.ui-dialog .ui-dialog-titlebar-close span {
	display: block;
	margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus
	{
	padding: 0;
}

.ui-dialog .ui-dialog-content {
	border: 0;
	background: #FFFFFF;
	overflow: auto;
}

/*resizable*/
.ui-resizable {
	position: relative;
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
	display: block;
}

.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle
	{
	display: none;
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0px;
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0px;
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0px;
	height: 100%;
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0px;
	height: 100%;
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

/*confirmation box */
div.confirmation-box {
	background-color : #F1F1F1 !important;
}
div.dialogButtons , div.awayMessage {
	text-align:center;
	padding : .5em .5em;
}

div.awayMessage{
	font-size: 110%;
	font-weight: bold;
}

.dialogButtons input{
	margin: .5em;
	width: 6em;
}

.warningMessageBox ul{
	 padding-top: 0em;
	 margin-top:0em;
	 padding-left: 1.5em;
	 margin-left: 0em;
	 margin-bottom: 1em;
}

.warningMessageBox {
	 padding-top: 1em;
}



/*
 *this designed for input field since input field looks more like select in some degree
 * but due to interference by other styles, input field can be messy
 * leave the following styles here in case going back for input display 
input.fakeSelect {
	background-color: #FFFFFF !important;
	color: #000000 !important;
	font-size: 100% !important;
	font-weight: normal !important;
	text-align: left !important;
	margin-top: 1px !important;
	padding-top: 2px !important;
	padding-bottom : 2px !important;
	padding-left : 4px !important;
	border-width : 1px !important;
	text-align : left !important;
}
*/