/* 
	THIS IS FOR DASHBOARD.HTML 
	
	If you add/change styles that provide page structure, consider updating styles.html.
*/

html {
	/* 
		Prevents page "jiggle" by forcing vertical scroll bar to always display. 
	*/
    overflow-y: scroll;
    overflow-x: auto;
}

.ux-rightnav-belowtabs {
   position:absolute;
   top: 15em;
   right: 2em;
   width: 12em;
   z-index: 15;
}

.ux-rightnav-abovetabs {
   position:absolute;
   top: 0em;
   right: 2em;
   width: 12em;
}

.ux-background {
   display: block;
   position: absolute;
   width: 13em;
   height: 8em;
   top: 5em;
   right: 1em;
   background: #e0e0e0;
}

.ux-header {
   border: 1px solid black;
   padding: 20px;
   margin-top: 10px;
   margin-bottom: 10px;
}

#hd-branding {
	text-align: center;
}

.ux-block {
   margin-bottom: 1em;
   padding: 1em;
}
.ux-block2 {
   padding: 1.15em 1.3em;
   border-top: 2px solid #d7fcfd;
   font-size: 1.05em;
   line-height: 1.35;
   clear: both;
}

.yui-skin-ux a,
.yui-skin-ux a:link {
    color: #0090ff;
}

.yui-skin-ux button {
	padding: 0.1em 0.2em;
}

.yui-skin-ux .yui-dt-liner button {
	padding: 0em;
}

.yui-skin-ux #hd {
	margin: 0 0 0 -3px;
    color: #fff;
    background-color: #576877;
}

.yui-skin-ux #content.yui-b {
    border: solid #d7fcfd;
    border-width: 3px 3px 0 0;
}

.yui-skin-ux .yui-button {
    padding: .2em .5em;
    border: 1px solid #393e44;
    background: url(../../../images/button_bg.gif) bottom repeat-x;
    margin-right: .1em;
    margin-left: .1em;
    cursor: pointer;
}

.yui-skin-ux .yui-button a {
    color: #000;
    text-decoration: none;
}

.yui-skin-ux em {
    font-style: italic;
}

.yui-skin-ux .yuimenuitemlabel {
    padding: 2px;
}

.yui-skin-ux .yuimenu {
    border: 1px solid #393e44;
    background: #fff;
    padding: 0 .5em 0 .5em;
}

.yui-skin-ux #doc2 {
	width: 947px;
	border: solid #d7fcfd;
	border-width: 0 0 3px 3px;
}

.yui-skin-ux .ux-main {
	margin-bottom: -3px;
    background: url(../../../images/sidebar_bg.gif) 53.4em repeat-y;
    *background-position: 52em;
}

.yui-skin-ux div .left-split {
	float: left;
	position: relative;
}
.yui-skin-ux div .right-split {
	float: right;
	position: relative;
}
.yui-skin-ux div .clear-split {
	clear: both;
}

/* MAIN CONTENT HEADER */

.yui-skin-ux .content-header {
    padding-top: 0.7em;
    background: #d7fcfd;
    color: #333;
}

.yui-skin-ux .content-header h1 {
	padding: 0;
}

.yui-skin-ux .content-header .search {
	margin-bottom: 0.75em;
	padding: 0 1em;
	background: #d7fcfd;
}

.yui-skin-ux .content-header div .left-split {
	float: left;
	background: #d7fcfd;
	position: relative;
}

.yui-skin-ux .content-header div .right-split {
	float: right;
	background: #d7fcfd;
	position: relative;
}

.yui-skin-ux .content-header .search label {
	display: block;
}

.yui-skin-ux .content-header .search label strong {
	font-weight: bold;
}

.yui-skin-ux .content-header .search input {
	margin-right: 0.5em;
}

.yui-skin-ux h1,
.yui-skin-ux div.h1-imposter {
	padding: 0.4em 0.8em 0.3em;
	background: #d7fcfd;
    font-size: 1.5em;
    color: #333;
}

.yui-skin-ux div.h1-imposter a {
	font-size: .7em;
	margin: 0em 1.5em;
}

.yui-skin-ux .ux-hd-row {
	clear: both;
}

.yui-skin-ux .ux-hd-small {
	padding: 0.2em 2em;
    font-size: .8em;
}

.yui-skin-ux .ux-hd-small div#hd-small-left {
	float: left;
}

.yui-skin-ux .ux-hd-small div#hd-small-right {
	float: right;
}

.yui-skin-ux .ux-pipe-divider {
    font-size: 1em;
}

.yui-skin-ux .ux-link a,
.yui-skin-ux .ux-link a:link,
.yui-skin-ux .ux-link a:visited
{
    text-decoration: underline;
    color: #fff;
}

.yui-skin-ux .ux-link a:hover,
.yui-skin-ux .ux-link a:active {
    color: #d7fcfd;
    background-color: #67707a;
    text-decoration: underline;
    cursor: pointer;
}

.yui-skin-ux #hd-nav {
	float: left;
    margin-left: 2.5em;
    *padding-top: 1px;
}

.yui-skin-ux #hd-nav li {
    float: left;
    text-transform: uppercase;
    font-size: 1.1em;
    
    /* Define a gradient background from #818080 to #454545. */
    background-color: #818080; /* for browsers that don't support CSS gradient */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#818080', endColorstr='#454545'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#818080), to(#454545)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #818080,  #454545); /* for firefox 3.6+ */
}

.yui-skin-ux #hd-nav a,
.yui-skin-ux #hd-nav a:link,
.yui-skin-ux #hd-nav a:visited {
	display: block;
    text-decoration: none;
	outline: none;
    padding: 0.5em 1em .25em;
    color: #d7fcfd;
}
.yui-skin-ux #hd-nav a:hover,
.yui-skin-ux #hd-nav a:active {
    background-color: #67707a;
    color: #fff;
}

.yui-skin-ux #hd-nav .selected a,
.yui-skin-ux #hd-nav .selected a:link,
.yui-skin-ux #hd-nav .selected a:visited {
	font-weight: bold;
    color: #fff;
    
     /* Define a gradient background from #4B4B4B to #121212. */
    background-color: #292929; /* for browsers that don't support CSS gradient */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B4B4B', endColorstr='#121212'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#4B4B4B), to(#121212)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #4B4B4B,  #121212); /* for firefox 3.6+ */
}

.yui-skin-ux #hd-nav .selected a:hover,
.yui-skin-ux #hd-nav .selected a:active {
    cursor: pointer;
}

.yui-skin-ux #hd-etc {
	float: right; 
	padding: 0.75em 2em 0em 0em;
}

.yui-skin-ux #hd-etc select{
	width: 10em;
}

.yui-skin-ux #hd-nav-base {
    background-color: #000000;
    height: .4em;
    /*
    	hide overflow to convince IE 6 to honor the div's height
    */
    overflow: hidden; 
}

.yui-skin-ux #content-actions {
    padding: 1em 1.4em 0.7em;
    /*background: #d7fcfd;*/
}

.yui-skin-ux #content-actions button,
.yui-skin-ux #content-actions a {
    margin-right: 0.5em;
}

.yui-skin-ux #content-actions .primary {
	font-weight: bold;
}

.yui-skin-ux .ux-logo {
    float: right;
}
/*
.yui-skin-ux h1 {
    font-size: 3em;
    display: inline;
}
*/
.yui-skin-ux h2 {
    font-size: 1.8em;
    font-weight: bold;
    display: inline;
    padding: 0 1em;
}
.yui-skin-ux h3 {
    font-size: 1.4em;
    display: block;
    padding: .5em 0;
}

.yui-skin-ux h3.ui-accordion-header {
	padding: 0;
}

.yui-skin-ux #hd-labels h2 {
    /*vertical-align: bottom; */
    color: #d0d0d0;
}

.yui-skin-ux h5 {
    margin-bottom: 0.1em;
    font-size: 1em;
}

.yui-skin-ux .mask {
    background-color: #000;
    opacity: .25;
    filter: alpha(opacity=25);  /* Set opacity in IE */
}

.yui-skin-ux .yui-panel-container {
    padding:0 1px;
    /* Padding added for IE to allow 0,0 alignment with shadow */
    *padding:2px;
}

/*
.yui-skin-ux .yui-panel .hd {
     background-color: #d8fbfd;
     text-align: left;
     padding: .5em;
}

.yui-skin-ux .yui-panel .bd {
    background-color: #d8fbfd;
    text-align: left;
    padding: .5em;
}
.yui-skin-ux .yui-panel .ft {
    background-color: #d8fbfd;
    text-align: left;
    padding: .5em;
}
*/


/* PROGRESS */
.yui-skin-ux .bd-progress {
    background: url(../../../images/progress_bg.gif) bottom repeat-x;
}

.yui-skin-ux .bd-progress h3 {
	padding: 0;
	font-size: 1.1em;
}

.yui-skin-ux .bd-progress h3 .progressType {
	font-weight: bold;
}

.yui-skin-ux .fundraising-progress {
    margin: 0.5em 0;
}

.yui-skin-ux .fundraising-progress .section {
    float: left;
    margin-right: 1.9em;
    padding-right: 1.9em;
    border-right: 1px solid #e0e0e0;
}

.yui-skin-ux .fundraising-progress .section.last {
    margin: 0;
    padding: 0;
    border: none;
}

.yui-skin-ux .fundraising-progress .progress-days-left {
	margin: 0;
}

.yui-skin-ux .fundraising-progress #msg_cat_progress_team_progress,
.yui-skin-ux .fundraising-progress .progress-team-progress-value,
.yui-skin-ux .fundraising-progress #msg_cat_progress_team_goal,
.yui-skin-ux .fundraising-progress .progress-team-goal-value
{
    display: none;
}
.yui-skin-ux .fundraising-progress .progress-goal-team {
    float: left;
    width: 20em;
    font-size: 0.75em;
}

.yui-skin-ux .fundraising-progress .progress-goal-team dt {
    float: left;
    width: 60%;
    color: #aaa;
    text-transform: uppercase;
}

.yui-skin-ux .fundraising-progress #progress-line-heightgoal-team dt a {
    text-transform: none;
}

.yui-skin-ux .fundraising-progress .progress-goal-team dd {
    float: right;
    width: 40%;
    text-align: right;
}

.yui-skin-ux .fundraising-progress .progress-goal-team a {
	color: #666;
	text-transform: none;
}

.yui-skin-ux .tiny-block {
    font-size: .75em;
    color: #999;
    text-transform: uppercase;
    line-height: 1.1;
}

.yui-skin-ux .tiny-block a {
	text-transform: none;
	
	/* make links within tiny-block more prominent */
	font-size: 1.15em;
	font-weight: bold;
}

.yui-skin-ux .big-block {
    margin-bottom: 0.2em;
    font-size: 2.4em;
    color: #000;
    line-height: 0.8;
}

/* EDIT CUSTOM PAGE CONTENT */
.yui-skin-ux .page-content-editor div.h1-imposter,
.yui-skin-ux .page-content-editor h1 {
    color: #777777;
}

.yui-skin-ux .page-content-editor h1 .page-content-type,
.yui-skin-ux .page-content-editor div.h1-imposter .page-content-type {
    color: #000;
}

/* MISC */
.yui-skin-ux .big-button {
    padding: .5em 1em;
    margin: 1em 2em;
    border: 2px solid;
    -moz-border-radius: 1em;
	border-radius: 	1em;
    width: 60%;
}

.yui-skin-ux .big-button-on {
    background: #FFFFCD;
    border-color: #FBDFA5;
}

.yui-skin-ux .big-button-off {
    background: #FFFFFF;
    border-color: #DDDDDD;
}

.yui-skin-ux .big-button img,
.yui-skin-ux .big-button label,
.yui-skin-ux .big-button p,
.yui-skin-ux .big-button span,
.yui-skin-ux .big-button input {
    vertical-align:middle;
    margin-right: 0.75em;
}

.yui-skin-ux .indented {
    margin-left: 3em;
}

.yui-skin-ux .dataTableActionButtonContainer {
    margin: 0.25em;
}

.yui-skin-ux .breakWord {
    word-wrap: break-word;
}

.yui-skin-ux .smaller {
    font-size: 0.8em;
}

/* SIDEBAR */
.yui-skin-ux #sidebar {
    width: 19.4615em;
    *width: 19.1em;
    padding-top: 1.5em;
    border-left: 3px solid #D7FCFD;
    color: #333;
}

.yui-skin-ux #sidebar h3 {
    margin-bottom: 0.75em;
    padding: 0;
    font-size: 1.1em;
}

.yui-skin-ux #sidebar a {
	color: 0090FF;
}

.yui-skin-ux #sidebar .verb {
	font-weight: bold;
}

.yui-skin-ux #sidebar .noun {
	/* place holder ... no styles currently applied to sidebar noun phrases */
}

.yui-skin-ux .side-links,
.yui-skin-ux .side-content,
.yui-skin-ux .subnav {
	border-style: solid;
	border-color: #D7FCFD;
	border-width: 1px;
	background-color: #F1F8F8;
	clear: both;
}

/* SIDEBAR MODULE */

.yui-skin-ux #sidebar .module {
    margin: 0 1.5em 1.5em;
	padding: 1em 1.5em;
	background: #f0f0f0;
}

.yui-skin-ux #sidebar .module li {
	margin-bottom: 0.4em;
}

.yui-skin-ux #sidebar .module a {
	font-size: 0.95em;
}


/* SUBNAV (i.e. contextual navigation links) */
.yui-skin-ux ul.subnav {
	margin: 0em 1em 1.5em 1em;
	padding: 0.5em 0em 0.5em 0em;
}

.yui-skin-ux ul.subnav li {
	margin: 0.3em 0.5em;
    padding: 0.2em 1.5em;
    font-size: 1.35em;
}

.yui-skin-ux ul.subnav li.selected,
.yui-skin-ux ul.subnav li.selected a {
    color: #FFF;
    
    /* Define a gradient background from #ACACAC to #AEAEAE. */
    background-color: #AEAEAE; /* for browsers that don't support CSS gradient */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ACACAC', endColorstr='#AEAEAE'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ACACAC), to(#AEAEAE)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ACACAC,  #AEAEAE); /* for firefox 3.6+ */
}

.yui-skin-ux ul.subnav li a {
    color: #0090FF;
    text-decoration: none;
}

/* WIZARD (i.e. multi-step process) */
.yui-skin-ux ol.subnav {
	margin: 0em 1em 1.5em 1em;
	padding: 0.5em 0em 0.5em 0em;
	border: none;
	background: #DDDDDD;
}

.yui-skin-ux ol.subnav li {
	color: #0090FF;
	margin: 0.3em 0.5em;
    padding: 0.2em 1.3em;
    font-size: 1.35em;
    border: 2px solid;
    border-color: #FFFFFF;
    list-style-position:inside;
    list-style-type: decimal;
}

.yui-skin-ux ol.subnav li.selected,
.yui-skin-ux ol.subnav li.selected a,
.yui-skin-ux ol.subnav li.selected span {
    background: #FFFFCD;
    border-color: #FBDFA5;
}

.yui-skin-ux ol.subnav li.wizard-next.selected {
	opacity: 1;
	filter:alpha(opacity=100);
	color: #000000;
}

.yui-skin-ux ol.subnav li a {
    color: #0090FF;
    text-decoration: none;
}

.yui-skin-ux ol.subnav .wizard-next {
	color: #000000;
	opacity: .4;
	filter:alpha(opacity=40);
}

.yui-skin-ux ol.subnav .wizard-next {
	/* 
		IE6 and IE7 didn't corretly handle opacity for elements w/o explicit width & height
		... simulate opacity by changing color 
	*/
	*color: #8C8E84;
}


/* SIDEBAR FORM */
.yui-skin-ux #sidebar .sidebar-form {
    font-size: 0.9em;
    background-color: #D6FCFF;
    clear: both;
}

.yui-skin-ux #sidebar .sidebar-form .label-field-wrap,
.yui-skin-ux #sidebar .sidebar-form .radio-section,
.yui-skin-ux #sidebar .sidebar-form .show-more {
    margin-bottom: 0.5em;
}

.yui-skin-ux #sidebar .sidebar-form .label-field-wrap label {
    display: block;
}

.yui-skin-ux #sidebar .sidebar-form .bd {
	border-bottom: 1px solid #ccc;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}

.yui-skin-ux #sidebar .sidebar-form .actions {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #b4d3d4;
    font-size: 1em;
}

.yui-skin-ux #sidebar .sidebar-form a {
	color: #0090FF;
}



/* SIDE LINKS (i.e. related action links) */

.yui-skin-ux .side-links {
	margin-bottom: 20px;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
}

.yui-skin-ux .side-links li {
	padding:  0.25em 0 0.25em 18px;
}

.yui-skin-ux .side-links li.right {
	/* this style intentionally left empty ... see https://rally1.rallydev.com/slm/detail/ar/1863010722 */
}

.yui-skin-ux .side-links li.down {
	background: url(../../../images/down_circle.gif) left center no-repeat;
}

.yui-skin-ux .side-links li.add {
	/* this style intentionally left empty ... see https://rally1.rallydev.com/slm/detail/ar/1863010722 */
}

.yui-skin-ux .side-links a {
	font-size: 0.9em
}


.yui-skin-ux .page-form .failure-message,
.yui-skin-ux .page-form .success-message,
.yui-skin-ux .success-message,
.yui-skin-ux .failure-message {
	margin-bottom: 0.75em;
	padding: 0.3em 0.6em 0.3em 2.7em;
    color: #356e4b;
    font-size: 1em;
    background: url(../../../images/check.gif) 0.7em center no-repeat #e7fff1;
    border: 1px solid #6eb190;
}

.yui-skin-ux .page-form .failure-message,
.yui-skin-ux .failure-message {
    color: #c00;
    background: url(../../../images/forbidden.gif) 0.7em center no-repeat #ffe7e7;
    border: 1px solid #a82626;
}

/* Panel underlay styles */
.yui-skin-ux .yui-panel-container .underlay {
    right: -1px;
    left: -1px;
}

.yui-skin-ux .yui-panel-container.matte {
    padding: 9px 10px;
    background-color: #fff;
}

.yui-skin-ux .yui-panel-container.shadow {
    /* IE 7 Quirks Mode and IE 6 Standards Mode and Quirks mode */
    _padding: 2px 4px 0 2px;
}

.yui-skin-ux .yui-panel-container.shadow .underlay {
    position: absolute;
    top: 2px;
    left: -3px;
    right: -3px;
    bottom: -3px;

    /* IE7 Strict (provides 3px shadow (when combined with 2px padding applied to container) */
    *top: 4px;
    *left: -1px;
    *right: -1px;
    *bottom: -1px;

    /* IE 7 Quirks Mode and IE 6 Standards Mode and Quirks mode */
    _top: 0;
    _left: 0;
    _right: 0;
    _bottom: 0;
    _margin-top: 3px;
    _margin-left: -1px;

    background-color: #000;
    opacity: .12;
    filter: alpha(opacity=12);  /* Set opacity in IE */
}

/* Not a strong selector */
.yui-skin-ux .hidden-form {
    display: none;
}

.yui-skin-ux optgroup {
    font-size: 1.1em;
    font-weight: bold;
    font-style: italic;
}

.yui-skin-ux option {
    font-size: .9em;
    font-weight: normal;
    font-style: normal;
}

.yui-button button, .yui-button a
{
    display: block;
    border: none;
    margin: 0;
}

.yui-skin-ux .bold-item {
    font-weight: bold;
}

/* fb popup dialog fix */
.yui-skin-ux td.fb_pop_content h2 {
	display:block;	
}


/* MODAL DIALOG / LIGHTBOX */

.yui-skin-ux .yui-panel {
	background: #D8FBFD;
	padding: 0.75em;
	text-align: left;
}


.yui-skin-ux .yui-panel .hd {
	margin-bottom: 0.5em;
	padding: 0;
	font-size: 1.1em;
}

.yui-skin-ux .yui-panel .bd {
	margin-bottom: 0.5em;
}

.yui-skin-ux .yui-panel ft {
}


/* PAGINATION */
.yui-skin-ux .pagination_block {
	margin-bottom: 1em;
	padding: 0.5em 0;
	font-size: 0.9em;
	text-align: right;
	background-color: #F4F5F5;
}

.yui-skin-ux .pagination_block .yui-pg-first,
.yui-skin-ux .pagination_block .yui-pg-previous,
.yui-skin-ux .pagination_block .yui-pg-next,
.yui-skin-ux .pagination_block .yui-pg-last {
	margin-right: 0.3em;
	font-size: 1.4em
}

.yui-skin-ux .pagination_block .paginatorPageSize {
	float: left;
}

.yui-skin-ux .pagination_block .paginatorPageNumber {
	float: right;
}

.yui-skin-ux .yui-pg-current {
	margin-right: 0.3em;
}



/* PRIMARY ACTION LINK */

.primary-action-shrinkwrap-container {
	/* 
		Supports shrink wrapping of multiple primary action buttons so that 
		they render with uniform width. 
		
		Be aware that, if you use this CSS class, you may need to style subsequent 
		containers with "clear: both;".
	*/
	float: left;
	/*
		IE 6 doesn't handle the float properly ... so we won't shrinkwrap buttons in that browser.
	*/
	_float: none;
}

.primary-action-shrinkwrap-container .primary-action,
.primary-action-shrinkwrap-container .primary-action div,
.primary-action-shrinkwrap-container .primary-action span {
	/* 
		Supports shrink wrapping of multiple primary action buttons so that 
		they render with uniform width. 
	*/
	width: 100%;
	/*
		This hack is for IE, which seems to think it's too good to obey width: 100%;
		TODO DSW Olympus Revisit this IE hack as time permits.
	*/
	min-width: 60%;
}

.primary-action {
	display: inline-block;
}
	
.primary-action div {
	float: left;
	background: url(../../../images/primary_action_left.gif) left center no-repeat;
}

.primary-action span {
	display: block;
	float: left;
	background: url(../../../images/primary_action_right.gif) right center no-repeat;
}

.primary-action a {
	float: left;
	display: block;
	padding: 9px 15px;
	font-size: 1.1em;
	text-decoration: none;
	outline: none;
}

.primary-action a.add {
	/* 
		Considering a change to the padding-left value below to fix an unexpected black border line on the primary action button?
		Using FFox on Ubuntu?
		If yes, to both, leave this value alone!
		You're likely seeing the browser/os bug described here:
		https://bugs.launchpad.net/ubuntu/+source/firefox/+bug/263661
		... and here:
		https://bugzilla.mozilla.org/show_bug.cgi?id=490997
	*/
	padding-left: 35px;
	background: url(../../../images/add.gif) 12px center no-repeat;
}

.primary-action a.message {
	/* 
		Considering a change to the padding-left value below to fix an unexpected black border line on the primary action button?
		Using FFox on Ubuntu?
		If yes, to both, leave this value alone!
		You're likely seeing the browser/os bug described here:
		https://bugs.launchpad.net/ubuntu/+source/firefox/+bug/263661
		... and here:
		https://bugzilla.mozilla.org/show_bug.cgi?id=490997
	*/
	padding-left: 42px;
	background: url(../../../images/message.gif) 12px center no-repeat;
}

.primary-action a.money {
	/* 
		Considering a change to the padding-left value below to fix an unexpected black border line on the primary action button?
		Using FFox on Ubuntu?
		If yes, to both, leave this value alone!
		You're likely seeing the browser/os bug described here:
		https://bugs.launchpad.net/ubuntu/+source/firefox/+bug/263661
		... and here:
		https://bugzilla.mozilla.org/show_bug.cgi?id=490997
	*/
	padding-left: 42px;
	background: url(../../../images/donation_icon.png) 12px center no-repeat;
}

.primary-action, .button-module {
	margin: 0 0em 1.5em 0em;
}

/* FULL PAGE FORM */

.yui-skin-ux .page-form {
    padding-left: 1em;
}

.yui-skin-ux .page-form p {
	padding: 0.35em;
	clear: both;
}

.yui-skin-ux .page-form label {
    float: left;
    margin-right: 0.75em;
    width: 7em;
    text-align: right;
    color: #666;
}

.yui-skin-ux .page-form label.error {
	/* don't float form validation errors */
    float: none;
}

.yui-skin-ux .page-form input {
	color: #333;
}


/* SMALL TRASH LINK */
.yui-skin-ux a.delete img {
	opacity:0.75;
	filter:alpha(opacity=75);
}

.yui-skin-ux a.delete img:hover {
	opacity:1;
	filter:alpha(opacity=100);
	cursor: pointer;
}

.clear {
	clear: both;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* SimpleDialog icon styles */
.yui-skin-ux .yui-simple-dialog .bd .yui-icon {
    background: url(../../../images/sprite.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    float: left;
}

.yui-skin-ux .yui-simple-dialog .bd span.blckicon {
    background-position: 0 -1100px;
}

.yui-skin-ux .yui-simple-dialog .bd span.alrticon {
    background-position: 0 -1050px;
}

.yui-skin-ux .yui-simple-dialog .bd span.hlpicon {
    background-position: 0 -1150px;
}

.yui-skin-ux .yui-simple-dialog .bd span.infoicon {
    background-position: 0 -1200px;
}

.yui-skin-ux .yui-simple-dialog .bd span.warnicon {
    background-position: 0 -1900px;
}

.yui-skin-ux .yui-simple-dialog .bd span.tipicon {
    background-position: 0 -1250px;
}


/* Form Input Validation */

.yui-skin-ux label.error {
	margin-right: 0.75em;
	margin-left: 0.75em;
    color: red;
}

/* custom jQuery UI styles */
div#loading_progressbar.ui-progressbar  {
	height: 1.25em; 
}