/*  
this is a fix to the jquery ui modal box to a) ensure that the overlay fills the whole screen
and b) to make it the same color as the facebox overlays that we have historically used 
*/	
.ui-widget-overlay
{
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	opacity:0.55%;
	background:black;
	z-index:102;
}
.ui-dialog {
	z-index:103;
}

/*  
the likefacebox class is to get the jquery UI modal box (which is actually far better looking) 
to look like the facebox modal box for continuity  
*/
.likeFacebox {
	background:white; !important
	border-color:white; !important
}
.likeFacebox .ui-widget-header {
	background:white; !important
	border-color:white; !important
}
.likeFacebox .ui-dialog-content {
	background:white; !important
	border-color:white; !important
}
.likeFacebox .ui-widget-content {
	background:white; !important
	border-color:white; !important
}
.likeFacebox .ui-dialog-titlebar {
	display:none;
}


.likeFacebox  .ui-dialog-buttonpane button {
	margin:0;
	cursor: pointer;
}


.likeFacebox .ui-dialog-buttonpane { text-align: left; 
	border-width: 0 0 0 0; 
	background-image: none; 
	margin: .5em 0 0 0; 
	padding: .3em 1em .5em .4em; 
}


.likeFacebox .ui-state-active,
.likeFacebox .ui-state-default,
.likeFacebox .ui-state-hover, 
.likeFacebox .ui-state-focus, 
.likeFacebox .ui-state-highlight,
.likeFacebox .ui-widget-content,
.likeFacebox .ui-widget-content .ui-state-active,
.likeFacebox .ui-widget-content .ui-state-default,
.likeFacebox .ui-widget-content .ui-state-hover,
.likeFacebox .ui-widget-content .ui-state-focus, 
.likeFacebox .ui-widget-content .ui-state-highlight, 
.likeFacebox .ui-widget-header,
.likeFacebox .ui-widget-header .ui-state-active,
.likeFacebox .ui-widget-header .ui-state-default,
.likeFacebox .ui-widget-header .ui-state-hover, 
.likeFacebox .ui-widget-header .ui-state-focus,
.likeFacebox .ui-widget-header .ui-state-highlight
{
	border:none !important;
	background:none !important;
	outline-width: 0px !important;
}







/*
tabs formatting to give plain tabs using jquery ui tabs
*/


/*
tabs formatting to give plain tabs using jquery ui tabs
*/
.tabs_plain{
	background-color: #ffffff;
	background-image:none;
	padding:2px;
	border:none;
	//border-color: #ffffff;
}

.tabs_plain .ui-tabs-nav {
	background-color: #ffffff;
	background-image:none;

	border-left:none;
	border-top:none;
	border-right:none;

	border-bottom-color: #cccccc;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.tabs_plain .ui-tabs-panel , .tabs_plain .ui-widget-content{
	padding:0px;
}