/* 
jqueryui buttons are grey by default. add class yellow to have al yellow button (classes .ui-button .ui-state-default are applied by jqueryui ) 
markup: <a class="button yellow">Text</a>
*/

.ui-button.ui-state-default.yellow { 
	border: 1px solid #f2bb3e !important; 
	background: #f2bb3e url(images/ui-bg_glass_65_f2bb3e_1x400.png) 50% 50% repeat-x; 
	font-weight: normal; 
	color: #212121; 
}


/* hover state for gray buttons */
.ui-button.ui-state-default:hover { 
	border: 1px solid #aaa !important; 
}

/* hover state for gray buttons */
.ui-button.ui-state-active,
.ui-dialog-buttonpane .ui-state-active{
/*    background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6 !important; */
    border: 1px solid #D3D3D3 !important;
    color: #555555;
    font-weight: normal;
}


/* hover state for yellow buttons */
.ui-button.ui-state-default.yellow:hover { 
	border: 1px solid #bf8f22 !important; 
}

/* adjust height of buttons (classes applied by jqueryui) */
.ui-button .ui-button-text {
    display: block;
    line-height: 10px;
    color: #212121;
}

/* add shadow to ui buttons (class .ui-button applied by jqueryui), use class .shadow to apply shadow to any element */
.ui-button,
.ui-dialog,
.shadow {
	-moz-box-shadow: 1px 1px 2px #555;
	-webkit-box-shadow: 1px 1px 2px #555;
	box-shadow: 1px 1px 2px #555;
}

/* adjust style for interactive areas e.g. tabs (classes applied by jqueryui) */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
/*    background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; */
    border: 1px solid #D3D3D3;
    color: #555555;
    font-weight: normal;
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active {
    background: url("images/ui-bg_glass_65_f2bb3e_1x400.png") repeat-x scroll 50% 50% #F2BB3E;
    border: 1px solid #F2BB3E;
    color: #212121;
    font-weight: normal;
}


/* keep pointer on active tabs */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; }

/* left align in widgets */
.ui-widget-content{
	text-align: left;
}


/* style for error dialog */
.dialog-error .ui-widget-header{
	color:white;
	background: none;
	border:none;
}

.dialog-error .ui-widget-content{
	color:white;
}

.ui-dialog .ui-dialog-buttonpane{
	background: none;
	border: none;
}
.ui-dialog .ui-widget-content{
	background: none;
}


/* overlay when widget is shown */
.ui-widget-overlay { 
	background: #000000;
	opacity: .30;
	filter:Alpha(Opacity=30); 
}