/*******************************************************************************
 * visualConsistencies.css
 *
 * This file, although somewhat unnecessary as it could be mixed with others, has
 * a bunch of general CSS that isn't really tied to anything specific.  This
 * defines how general buttons and links should look and feel.  It is something
 * that could easily be put into another application.  Nothing application
 * specific should really go in here.
 *******************************************************************************/
 
 /* ***************************************
 NOTE: This version in portal has all the style changes removed to keep the present (ugly) 
 look and feel on portal but allow the new JQUery & JQuey widgets to work
 */
 
 

/* The following CSS is the general base CSS
 * for any UI based stuff, eiher for jQuery widgits
 * or icons or anything they made be considered a widgit
----------------------------------*/
.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.3; 
	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); 
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { 
	cursor: default !important; 
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { 
	display: block; 
	text-indent: -99999px; 
	overflow: hidden; 
	background-repeat: no-repeat; 
}
h1 .ui-icon,
h2 .ui-icon,
h3 .ui-icon {
	display: inline-block; 
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { 
	position: absolute; /* until jQuery Ui bug #3623, this used to be absolute..fixes Ie8 issue*/
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}
/* Overlays */
.ui-widget-overlay { 
	background: #aaaaaa url(/content/images/ui/ui-bg_flat_75_aaaaaa_40x100.png) 50% 50% repeat-x; 
	opacity: .30;
	filter:Alpha(Opacity=30); 
}
.ui-widget-shadow { 
	margin: -8px 0 0 -8px; 
	padding: 8px; 
	background: #aaaaaa url(/content/images/ui/ui-bg_flat_75_aaaaaa_40x100.png) 50% 50% repeat-x; 
	opacity: .30;
	filter:Alpha(Opacity=30); 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
}/* Accordion

/* Component containers
----------------------------------*/
.ui-widget { 
	font-family: Verdana,Arial,sans-serif;
}
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button { 
}
.ui-widget-header { 
	border: 1px solid #aaaaaa; 
	background: #cccccc url(/content/images/ui/dialog/header_texture.png) 50% 50% repeat-x; 
	color: #222222; 
	font-weight: bold; 
	font-size: 0.75em;
}
.ui-widget-header a { 
	color: #222222; 
}
.ui-widget-content { 
	border: 1px solid #aaaaaa; 
	color: #222222; 
	background-color: #FFF;
}
.ui-widget-content a {  }

/* Interaction states
----------------------------------*/

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFE45C url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) repeat-x scroll 50% top;
	border:1px solid #FED22F;
	color:#363636;
}
.ui-state-default, 
.ui-widget-content .ui-state-default { 
	border: 1px solid #d3d3d3; 
	font-weight: normal;
	color: #555555; 
	outline: none; 
}
.ui-state-default a { 
	color: #555555; 
	text-decoration: none; 
	outline: none; 
}
.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus { 
	border: 1px solid #999999;
	font-weight: normal; 
	color: #212121; 
	outline: none; 
}
.ui-state-hover a { 
	color: #212121; 
	text-decoration: none; 
	outline: none; 
}
.ui-state-active, 
.ui-widget-content .ui-state-active { 
	border: 1px solid #aaaaaa; 
	font-weight: normal; 
	color: #212121; 
	outline: none; 
}
.ui-state-active a { 
	color: #212121; 
	outline: none; 
	text-decoration: none; 
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, 
.ui-widget-content .ui-state-highlight {
	border: 1px solid #fcefa1; 
	color: #363636; 
}
.ui-state-error, 
.ui-widget-content .ui-state-error {
	border: 1px solid #cd0a0a; 
	color: #cd0a0a; 
}
.ui-state-error-text, 
.ui-widget-content .ui-state-error-text { 
	color: #cd0a0a; 
}
.ui-state-disabled, 
.ui-widget-content .ui-state-disabled { 
	opacity: .35; 
	filter:Alpha(Opacity=35); 
	background-image: none; 
}
.ui-priority-primary, 
.ui-widget-content .ui-priority-primary { 
	font-weight: bold; 
}
.ui-priority-secondary, 
.ui-widget-content .ui-priority-secondary { 
	opacity: .7; 
	filter:Alpha(Opacity=70); 
	font-weight: normal; 
}
/* Icons
----------------------------------*/
/* states and images */

.ui-icon { 
	width: 16px; 
	height: 16px; 
	background-image: url(/content/images/ui/icons.png); 
}
.ui-widget-content .ui-icon {
	background-image: url(/content/images/ui/icons.png); 
}
.ui-widget-header .ui-icon {
	background-image: url(/content/images/ui/icons.png); 
}
.ui-state-default .ui-icon { 
	background-image: url(/content/images/ui/icon_default.png); 
}
.ui-state-hover .ui-icon, 
.ui-state-focus .ui-icon {
	background-image: url(/content/images/ui/icons_hover.png); 
}
.ui-state-active .ui-icon {
	background-image: url(/content/images/ui/icons_hover.png); 
}
.ui-state-highlight .ui-icon {
	background-image: url(/content/images/ui/icons_highlight.png); 
}
/*
 * These are specific icons from the icons file, please add as needed.
 */
.ui-icon-trash { 
	background-position: -176px -96px; 
}
.ui-icon-plus { 
	background-position: -16px -128px; 
}
.ui-icon-plusthick { 
	background-position: -32px -128px; 
}
.ui-icon-minus { 
	background-position: -48px -128px; 
}
.ui-icon-minusthick { 
	background-position: -64px -128px; 
}
.ui-icon-close { 
	background-position: -80px -128px; 
}
.ui-icon-closethick { 
	background-position: -96px -128px; 
}
.ui-icon-info { 
	background-position: -16px -144px; 
}
.ui-icon-check { 
	background-position: -64px -144px; 
}
.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}
.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius - will only work in mozilla and webkit based browsers*/
.ui-corner-tl { 
	-moz-border-radius-topleft: 4px; 
	-webkit-border-top-left-radius: 4px; 
}
.ui-corner-tr { 
	-moz-border-radius-topright: 4px; 
	-webkit-border-top-right-radius: 4px; 
}
.ui-corner-bl { 
	-moz-border-radius-bottomleft: 4px; 
	-webkit-border-bottom-left-radius: 4px; 
}
.ui-corner-br { 
	-moz-border-radius-bottomright: 4px; 
	-webkit-border-bottom-right-radius: 4px; 
}
.ui-corner-top { 
	-moz-border-radius-topleft: 4px; 
	-webkit-border-top-left-radius: 4px; 
	-moz-border-radius-topright: 4px; 
	-webkit-border-top-right-radius: 4px; 
}
.ui-corner-bottom { 
	-moz-border-radius-bottomleft: 4px; 
	-webkit-border-bottom-left-radius: 4px; 
	-moz-border-radius-bottomright: 4px; 
	-webkit-border-bottom-right-radius: 4px; 
}
.ui-corner-right {  
	-moz-border-radius-topright: 4px; 
	-webkit-border-top-right-radius: 4px; 
	-moz-border-radius-bottomright: 4px; 
	-webkit-border-bottom-right-radius: 4px; 
}
.ui-corner-left { 
	-moz-border-radius-topleft: 4px; 
	-webkit-border-top-left-radius: 4px; 
	-moz-border-radius-bottomleft: 4px; 
	-webkit-border-bottom-left-radius: 4px; 
}
.ui-corner-all { 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
}
/*******************************************************************************
 * jQuery dialog 
 *
 * These are the styles for creating any modal dialog box with jQuery.  I decided
 * to put these styles here instead of making a separate css file because these
 * are pretty standard and any dialog box that wants to be added in cmse should
 * be using this same one.  If you need to override this please so do in your
 * site specific css.  Please add all theming styles to theme.css
 *******************************************************************************/
.ui-dialog { 
	position: absolute; 
	padding: .2em; 
	width: 300px; 
	overflow: hidden; 
}
.ui-dialog .ui-dialog-titlebar { 
	position: relative;  
}
.ui-dialog .ui-dialog-title { 
	float: left; 
} 
.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-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 { 
	position: relative; 
	overflow: auto; 
	zoom: 1; 
}
.ui-dialog .ui-dialog-buttonpane button { 
	cursor: pointer; 
	line-height: 1.4em; 
	width: auto; 
	overflow: visible; 
}
.ui-dialog .ui-resizable-se { 
	width: 14px; 
	height: 14px; 
	right: 3px; 
	bottom: 3px; 
}
.ui-draggable .ui-dialog-titlebar { 
	cursor: move; 
}
.ui-tooltip {
	position: absolute;
	width: 12em;
	z-index: 9999;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
}
.ui-tooltip-content {
	display: none;	
}
.ui-directional,
.ui-directional .title {
	display: none;	
}
.ui-directional-link {
	display: inline-block;
}
.link.ui-directional-trigger-link {
	margin-right: 0;	
}
/*******************************************************************************
 * jQuery Date Picker
 *
 * Default styles for using a date picker. At some point the theme should be
 * separated from here and moved to the theme.css
 *******************************************************************************/
.ui-datepicker { 
	width: 17em; 
	padding: .2em .2em 0; 
	display: none; 
}
.ui-datepicker .ui-datepicker-header { 
	position:relative; 
	padding:.2em 0; 
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { 
	position:absolute; 
	top: 2px; 
	width: 1.8em; 
	height: 1.8em; 
}
.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:1px; 
}
.ui-datepicker .ui-datepicker-next-hover {
	 right:1px; 
}
.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:1em; 
	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: .9em; 
	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 { 
	display: block; 
	padding: .2em; 
	text-align: right; 
	text-decoration: none; 
}
.ui-datepicker .ui-datepicker-buttonpane { 
	background-image: none; 
	margin: .7em 0 0 0; 
	padding:0 .2em; 
	border-left: 0; 
	border-right: 0; 
	border-bottom: 0; 
}
.ui-datepicker .ui-datepicker-buttonpane button { 
	float: right; 
	margin: .5em .2em .4em; 
	cursor: pointer; 
	padding: .2em .6em .3em .6em; 
	width:auto; 
	overflow:visible; 
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { 
	float:left; 
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { 
	width:auto; 
}
.ui-datepicker-multi .ui-datepicker-group { 
	float:left; 
}
.ui-datepicker-multi .ui-datepicker-group table { 
	width:95%; 
	margin:0 auto .4em; 
}
.ui-datepicker-multi-2 .ui-datepicker-group { 
	width:50%; 
}
.ui-datepicker-multi-3 .ui-datepicker-group { 
	width:33.3%; 
}
.ui-datepicker-multi-4 .ui-datepicker-group { 
	width:25%; 
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { 
	border-left-width:0; 
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { 
	border-left-width:0; 
}
.ui-datepicker-multi .ui-datepicker-buttonpane { 
	clear:left; 
}
.ui-datepicker-row-break {
	 clear:both; 
	 width:100%; 
}

/* RTL support */
.ui-datepicker-rtl { 
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev { 
	right: 2px; 
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next { 
	left: 2px; 
	right: auto; 
}
.ui-datepicker-rtl .ui-datepicker-prev:hover { 
	right: 1px;
	left: auto; 
}
.ui-datepicker-rtl .ui-datepicker-next:hover { 
	left: 1px; 
	right: auto; 
}
.ui-datepicker-rtl .ui-datepicker-buttonpane { 
	clear:right; 
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button { 
	float: left; 
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { 
	float:right; 
}
.ui-datepicker-rtl .ui-datepicker-group { 
	float:right; 
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { 
	border-right-width:0; 
	border-left-width:1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { 
	border-right-width:0; 
	border-left-width:1px; 
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/******************************************************************************
* end visualConsistencies.css
*******************************************************************************/