/* Turn off close button in titlebar, add proper padding without screwing up dialog */
.ui-dialog-titlebar-close {
    display: none;
}

.ui-dialog-titlebar {
    margin-bottom: 4px;
}

/* Custom Compas styling - remove this to return to new style dialogs - button code is in dialog.js too, just search for "styling" a couple times */
.ui-dialog {
    border: 5px solid #003763;
    padding: 0;
    padding-left: 4px;
    padding-right: 4px;
}
    .ui-dialog .ui-dialog-titlebar {
        background: #003763;
        border: 0;
        margin-left: -6px;
        margin-right: -6px;
        margin-top: -3px;
	    color: #FFFFFF;
	    font-size: 11pt;
	    font-family: calibri;
	    font-weight: bold;
    }
.ui-dialog .ui-dialog-titlebar.ui-corner-all { -moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.ui-dialog .ui-dialog-content {padding: 0;margin: 0;overflow-x: hidden;font-family: calibri;}
.ui-dialog .ui-dialog-title { width: 100%; }
.ui-widget-content {
    background: #ffffff url(images/ui-bg_inset-hard_100_ffffff_1x100.png) 50% bottom repeat-x;
	border: 1px solid #003763;
}
.ui-dialog .ui-dialog-buttonpane { padding: .3em .7em .5em 1em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { width: 100%;text-align: right; }

.ui-datepicker-trigger {
    position: relative;
    /*top: 3px;*/
    left: 3px;
}

.hasDatepicker {
    width: 85px;
    margin: 0;
    min-height: 19px;
}

.ui-datepicker-title {
    font-size: 11pt;
}

.ui-widget {
    font-family: calibri;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: calibri;
}
.ui-dialog {
    border: 5px solid #003763 !important;
	border-radius: 5px;
}


/*Compas tooltips and validation bubbles*/
.validationBubble {
    background-color: #fef9d9;
    background-image: none !important;
    border-radius: 5px;
    min-width: 200px;
}
.ui-tooltip-content {
    position: relative;
	font-size: 11pt;
	font-family: calibri;
}
.ui-tooltip-content::after {
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
}
.leftArrow .ui-tooltip-content::after {
    content: '';
    top: 10px;
    left: -18px;
    border-color: transparent #fff9c9;
    border-width: 10px 10px 10px 0;
}
.rightArrow {
    font-size: 8pt;
    font-family: calibri;
    border: 0px !important;
}
.rightArrow .ui-tooltip-content::after {
    content: '';
    top: -2px;
    right: -16px;
    border-color: transparent #fff9c9;
    border-width: 10px 0 10px 10px;
}
.compasTip {
    background-color: #fef9d9;
    background-image: none !important;
    font-size: 8pt;
    font-family: calibri;
    border: 0px !important;
    /*max-width: 420px;*/
    max-width: 590px;
}
.compasTip .ui-tooltip-content::after {
    content: '';
    bottom: -17px;
    left: 10px;
    border-color: #fef9d9 transparent;
    border-width: 10px 10px 0;    
}

.k-datepicker {
	width: 150px !important;
}

.k-datetimepicker {
	width: 225px;
}