/*
    ----------------------------- Dialog -----------------------------
*/


.aspire-dialog {
    position: fixed ;
    width: 1000px;
    height: 600px;
    margin: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: white;
    display: none;
    z-index: 10;
	border: 1px solid #89b7b2;
    box-shadow: 5px 5px 10px rgba(129,129,129,0.5);
}

.aspire-dialog-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    overflow-y: auto;
}


.aspire-dialog-wrapper .aspire-dialog {
    position: absolute;
}

.aspire-dialog-transparent-cover {
    position: fixed;
    width: 1000px;
    height: 600px;
    margin: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: white;
    opacity: 0.0;
    border-radius: 5px;
    padding: 5px;
    display: none;
    z-index: 10;
}

    .aspire-dialog button {
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #bab1ba));
	    background:-moz-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	    background:-webkit-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	    background:-o-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	    background:-ms-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	    background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#bab1ba',GradientType=0);*/
	    background-color:#ededed;
	    border:1px solid #d6bcd6;
	    display:inline-block;
	    cursor:pointer;
	    color:#444444;
	    font-family:arial;
	    font-size:12px;
	    padding:4px 12px;
	    text-decoration:none;
        margin: 2px;
    }

.aspire-dialog-background {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: white;
    opacity: 0.8;
    display: none;
    z-index: 10;
}

.aspire-dialog-header {
    position: absolute ;
    left: 0px;
    right: 0px;
    padding: 4px;
    font-size: 18px;
    font-weight: bold;
    overflow:hidden;
    background-color: lightgray;
}

.aspire-dialog-header-busy-icon {
    position: absolute ;
    height: 25px;
    width: 50px;
    right: 2px;
    padding: 4px;
    overflow:hidden;
}

.aspire-dialog-content {
    position:absolute;
    height: 550px;
    top: 30px;
    bottom: 30px;
    left: 10px;
    right: 10px;
    overflow:auto;
}

    .aspire-dialog-content input, textarea, select {
        border: 1px solid lightgrey;
    }

.aspire-dialog-bottom {
    position:absolute;
    height: 40px;
    bottom: 0px;
    left: 5px;
    right: 5px;
    overflow:hidden;
}


/*
    ----------------------------- Tab Control -----------------------------
*/

.aspire-tabcontrol-caption-container {
    position:absolute;
    top: 5px;
    right: 2px;    
    height: 30px;
}

.aspire-tabcontrol-caption-item {
    display: inline-block;
    font-size: 14px;
    border: 2px solid #89b7b2;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding-left: 6px;
    padding-right: 6px;
    height: 20px;
    cursor: pointer;
}

.aspire-tabcontrol-caption-item-not-selected {
        background-color: #ffffff;
}
    .sdk-tabcontrol-caption-item-not-selected:hover {
        background-color: lightgray;
    }

.aspire-tabcontrol-caption-item-selected {
    background-color: lightgray;
    font-weight: bold;
}
    .sdk-tabcontrol-caption-item-selected:hover {
        background-color: lightgray;
    }

.aspire-tabcontrol-page-container {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 27px;
    bottom: 0px;
    border: 2px solid #89b7b2;
}

.aspire-tabcontrol-page {
    position: absolute;
    left: 2px;
    right: 2px;
    top: 2px;
    bottom: 2px;
    overflow:auto;
    display: none;
}

/*
    ----------------------------- UIFieldValidationFeedback ----------------------------
*/

.aspire-fieldvalidation-feedback-error {
    border-bottom: 2px solid red !important;
}

/*
    ----------------------------- Busy Manager ----------------------------
*/

.aspire-busy-manager-ajax-loader-round {
    background-image: url(Images/ajax-loader-round.gif);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.aspire-busy-manager-ajax-loader-horizontal {
    background-image: url(Images/ajax-loader-horizontal.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 43px;
    height: 11px;
    display: inline-block;
}

/*
    ----------------------------- Action ----------------------------
*/

.aspire-action {
}

    .aspire-action input {
        border: 1px solid lightgrey;
    }

/*
    ----------------------------- List ----------------------------
*/

.aspire-busy-overlay {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    opacity: 0.6;
    z-index: initial;
    background-color: #FFFFFF;
    background-image: url(./Images/busy.gif);
    background-position: center;
    background-repeat: no-repeat;
    display: none;
}

/*
    ----------------------------- Pager ----------------------------
*/

.aspire-pager-next {
    background-image: url(Images/draw-arrow-forward.png);
    width: 22px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
}

.aspire-pager-previous {
    background-image: url(Images/draw-arrow-back.png);
    width: 22px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
}