.gradient.gray{
			border:1px solid #dddddd;
			background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
			background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
			background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
			background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
			background-image: linear-gradient(top, #f5f5f5, #f1f1f1);

		}

.gradient.red{
			border:0; 
			background-image: -webkit-linear-gradient(top, #ed503c, #df4734);
			background-image: -moz-linear-gradient(top, #ed503c, #df4734);
			background-image: -ms-linear-gradient(top, #ed503c, #df4734);
			background-image: -o-linear-gradient(top, #ed503c, #df4734);
			background-image: linear-gradient(top, #ed503c, #df4734);
			color: #FFFFFF;
			}
.gradient.blue{
	
			border:0; 
			background-image: -webkit-linear-gradient(top, #3a92e4, #3687d3);
			background-image: -moz-linear-gradient(top, #3a92e4, #3687d3);
			background-image: -ms-linear-gradient(top, #3a92e4, #3687d3);
			background-image: -o-linear-gradient(top, #3a92e4, #3687d3);
			background-image: linear-gradient(top, #3a92e4, #3687d3);
			color: #FFFFFF;
			}



.gradient.green{		color: #FFFFFF;
			background-image: -webkit-linear-gradient(top, #6de239, #62c735);
			background-image: -moz-linear-gradient(top, #6de239, #62c735);
			background-image: -ms-linear-gradient(top, #6de239, #62c735);
			background-image: -o-linear-gradient(top, #6de239, #62c735);
			background-image: linear-gradient(top, #6de239, #62c735);
			}
			
.box-shadow{-webkit-box-shadow: -3px 3px 2px 3px #d7d7d7;box-shadow: 1px 1px 5px 1px #d7d7d7;}

/* Background Colour */
div.slider-default .ui-slider-range,
label.status-default,
div.tile-default,
div.progress-default div.bar,
div.accordion-default,
div.dialog-default div.title,
div.data-table-default > table thead th,
button.btn-default,
button.btn-default[disabled=disabled]:hover {
    color: #666666;
    text-shadow: 0px 1px 1px #FFFFFF;
    background-color: #D4D4D4;
    background-image: -webkit-linear-gradient(top, #E0E0E0, #D0D0D0);
    background-image: -moz-linear-gradient(top, #E0E0E0, #D0D0D0);
    background-image: -ms-linear-gradient(top, #E0E0E0, #D0D0D0);
    background-image: -o-linear-gradient(top, #E0E0E0, #D0D0D0);
    background-image: linear-gradient(top, #E0E0E0, #D0D0D0);
}
button.btn-default:disabled:hover { /* CSS3 pseudo selector breaks IE8, so having 2 separate gruops */
    color: #666666;
    text-shadow: 0px 1px 1px #FFFFFF;
    background-color: #D4D4D4;
    background-image: -webkit-linear-gradient(top, #E0E0E0, #D0D0D0);
    background-image: -moz-linear-gradient(top, #E0E0E0, #D0D0D0);
    background-image: -ms-linear-gradient(top, #E0E0E0, #D0D0D0);
    background-image: -o-linear-gradient(top, #E0E0E0, #D0D0D0);
    background-image: linear-gradient(top, #E0E0E0, #D0D0D0);
}
div.slider-block .ui-slider-range,
label.status-block,
div.tile-block,
div.note-block,
div.alert-block,
div.info-block:before,
div.accordion-block,
div.progress-block div.bar,
div.dialog-block div.title,
div.data-table-block > table thead th,
button.btn-block,
button.btn-block[disabled=disabled]:hover {
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    background-color: #FAB542;
    background-image: -webkit-linear-gradient(top, #FCD244, #FAB542);
    background-image: -moz-linear-gradient(top, #FCD244, #FAB542);
    background-image: -ms-linear-gradient(top, #FCD244, #FAB542);
    background-image: -o-linear-gradient(top, #FCD244, #FAB542);
    background-image: linear-gradient(top, #FCD244, #FAB542);
}
button.btn-block:disabled:hover { /* CSS3 pseudo selector breaks IE8, so having 2 separate gruops */
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    background-color: #FAB542;
    background-image: -webkit-linear-gradient(top, #FCD244, #FAB542);
    background-image: -moz-linear-gradient(top, #FCD244, #FAB542);
    background-image: -ms-linear-gradient(top, #FCD244, #FAB542);
    background-image: -o-linear-gradient(top, #FCD244, #FAB542);
    background-image: linear-gradient(top, #FCD244, #FAB542);
}
div.slider-error .ui-slider-range,
label.status-error,
div.tile-error,
div.note-error,
div.alert-error,
div.info-error:before,
div.accordion-error,
div.progress-error div.bar,
div.dialog-error div.title,
div.data-table-error > table thead th,
button.btn-error,
button.btn-error[disabled=disabled]:hover {
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    background-color: #C9282D;
    background-image: -webkit-linear-gradient(top, #EB3E42, #C9282D);
    background-image: -moz-linear-gradient(top, #EB3E42, #C9282D);
    background-image: -ms-linear-gradient(top, #EB3E42, #C9282D);
    background-image: -o-linear-gradient(top, #EB3E42, #C9282D);
    background-image: linear-gradient(top, #EB3E42, #C9282D);
}
button.btn-error:disabled:hover { /* CSS3 pseudo selector breaks IE8, so having 2 separate gruops */
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    background-color: #C9282D;
    background-image: -webkit-linear-gradient(top, #EB3E42, #C9282D);
    background-image: -moz-linear-gradient(top, #EB3E42, #C9282D);
    background-image: -ms-linear-gradient(top, #EB3E42, #C9282D);
    background-image: -o-linear-gradient(top, #EB3E42, #C9282D);
    background-image: linear-gradient(top, #EB3E42, #C9282D);
}
div.slider-success .ui-slider-range,
label.status-success,
div.tile-success,
div.note-success,
div.alert-success,
div.info-success:before,
div.accordion-success,
div.progress-success div.bar,
div.dialog-success div.title,
div.data-table-success > table thead th,
button.btn-success,
button.btn-success[disabled=disabled]:hover {
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    background-color: #91A244;
    background-image: -webkit-linear-gradient(top, #A9BD4E, #91A244);
    background-image: -moz-linear-gradient(top, #A9BD4E, #91A244);
    background-image: -ms-linear-gradient(top, #A9BD4E, #91A244);
    background-image: -o-linear-gradient(top, #A9BD4E, #91A244);
    background-image: linear-gradient(top, #A9BD4E, #91A244);
}
button.btn-success:disabled:hover { /* CSS3 pseudo selector breaks IE8, so having 2 separate gruops */
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    background-color: #91A244;
    background-image: -webkit-linear-gradient(top, #A9BD4E, #91A244);
    background-image: -moz-linear-gradient(top, #A9BD4E, #91A244);
    background-image: -ms-linear-gradient(top, #A9BD4E, #91A244);
    background-image: -o-linear-gradient(top, #A9BD4E, #91A244);
    background-image: linear-gradient(top, #A9BD4E, #91A244);
}
div.slider-info .ui-slider-range,
label.status-info,
div.tile-info,
div.note-info,
div.alert-info,
div.info-info:before,
div.accordion-info,
div.progress-info div.bar,
div.dialog-info div.title,
div.data-table-info > table thead th,
button.btn-info,
button.btn-info[disabled=disabled]:hover {
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    background-color: #365D95;
    background-image: -webkit-linear-gradient(top, #3176AD, #365D95);
    background-image: -moz-linear-gradient(top, #3176AD, #365D95);
    background-image: -ms-linear-gradient(top, #3176AD, #365D95);
    background-image: -o-linear-gradient(top, #3176AD, #365D95);
    background-image: linear-gradient(top, #3176AD, #365D95);
}
button.btn-info:disabled:hover { /* CSS3 pseudo selector breaks IE8, so having 2 separate gruops */
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    background-color: #365D95;
    background-image: -webkit-linear-gradient(top, #3176AD, #365D95);
    background-image: -moz-linear-gradient(top, #3176AD, #365D95);
    background-image: -ms-linear-gradient(top, #3176AD, #365D95);
    background-image: -o-linear-gradient(top, #3176AD, #365D95);
    background-image: linear-gradient(top, #3176AD, #365D95);
}
div.slider-inverse .ui-slider-range,
label.status-inverse,
div.tile-inverse,
div.note-inverse,
div.alert-inverse,
div.info-inverse:before,
div.accordion-inverse,
div.progress-inverse div.bar,
div.dialog-inverse div.title,
div.data-table-inverse > table thead th,
button.btn-inverse,
button.btn-inverse[disabled=disabled]:hover {
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    background-color: #474747;
    background-image: -webkit-linear-gradient(top, #5C5C5C, #474747);
    background-image: -moz-linear-gradient(top, #5C5C5C, #474747);
    background-image: -ms-linear-gradient(top, #5C5C5C, #474747);
    background-image: -o-linear-gradient(top, #5C5C5C, #474747);
    background-image: linear-gradient(top, #5C5C5C, #474747);
}
button.btn-inverse:disabled:hover { /* CSS3 pseudo selector breaks IE8, so having 2 separate gruops */
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    background-color: #474747;
    background-image: -webkit-linear-gradient(top, #5C5C5C, #474747);
    background-image: -moz-linear-gradient(top, #5C5C5C, #474747);
    background-image: -ms-linear-gradient(top, #5C5C5C, #474747);
    background-image: -o-linear-gradient(top, #5C5C5C, #474747);
    background-image: linear-gradient(top, #5C5C5C, #474747);
}
button.btn-default.active,
button.btn-default:hover {
    color: #333333;
    text-shadow: 0px 1px 1px #FFFFFF;
    background-color: #C7C7C7;
    background-image: -webkit-linear-gradient(top, #E0E0E0, #C7C7C7);
    background-image: -moz-linear-gradient(top, #E0E0E0, #C7C7C7);
    background-image: -ms-linear-gradient(top, #E0E0E0, #C7C7C7);
    background-image: -o-linear-gradient(top, #E0E0E0, #C7C7C7);
    background-image: linear-gradient(top, #E0E0E0, #C7C7C7);
}
button.btn-block.active,
button.btn-block:hover {
    background-color: #E7A73C;
    background-image: -webkit-linear-gradient(top, #EEC641, #E7A73C);
    background-image: -moz-linear-gradient(top, #EEC641, #E7A73C);
    background-image: -ms-linear-gradient(top, #EEC641, #E7A73C);
    background-image: -o-linear-gradient(top, #EEC641, #E7A73C);
    background-image: linear-gradient(top, #EEC641, #E7A73C);
}
button.btn-error.active,
button.btn-error:hover {
    background-color: #AD2226;
    background-image: -webkit-linear-gradient(top, #D5383C, #AD2226);
    background-image: -moz-linear-gradient(top, #D5383C, #AD2226);
    background-image: -ms-linear-gradient(top, #D5383C, #AD2226);
    background-image: -o-linear-gradient(top, #D5383C, #AD2226);
    background-image: linear-gradient(top, #D5383C, #AD2226);
}
button.btn-success.active,
button.btn-success:hover {
    background-color: #738133;
    background-image: -webkit-linear-gradient(top, #95A742, #738133);
    background-image: -moz-linear-gradient(top, #95A742, #738133);
    background-image: -ms-linear-gradient(top, #95A742, #738133);
    background-image: -o-linear-gradient(top, #95A742, #738133);
    background-image: linear-gradient(top, #95A742, #738133);
}
button.btn-info.active,
button.btn-info:hover {
    background-color: #3D5A7E;
    background-image: -webkit-linear-gradient(top, #2D6B9C, #3D5A7E);
    background-image: -moz-linear-gradient(top, #2D6B9C, #3D5A7E);
    background-image: -ms-linear-gradient(top, #2D6B9C, #3D5A7E);
    background-image: -o-linear-gradient(top, #2D6B9C, #3D5A7E);
    background-image: linear-gradient(top, #2D6B9C, #3D5A7E);
}
button.btn-inverse.active,
button.btn-inverse:hover {
    background-color: #222222;
    background-image: -webkit-linear-gradient(top, #505050, #222222);
    background-image: -moz-linear-gradient(top, #505050, #222222);
    background-image: -ms-linear-gradient(top, #505050, #222222);
    background-image: -o-linear-gradient(top, #505050, #222222);
    background-image: linear-gradient(top, #505050, #222222);
}
div.tile-default,
div.dialog-default > div.title,
div.accordion-default,
div.accordion-default > div.active div.accordion-menu,
div.data-table-default,
div.data-table-default > table thead th,
blockquote.blockquote-default {
    border-color: #CCCCCC;
}
div.tile-block,
div.dialog-block > div.title,
div.accordion-block,
div.accordion-block > div.active div.accordion-menu,
div.data-table-block,
div.data-table-block > table thead th,
blockquote.blockquote-block {
    border-color: #E2A33F;
}
div.tile-error,
div.dialog-error > div.title,
div.accordion-error,
div.accordion-error > div.active div.accordion-menu,
div.data-table-error,
div.data-table-error > table thead th,
blockquote.blockquote-error {
    border-color: #B14648;
}
div.tile-success,
div.dialog-success > div.title,
div.accordion-success,
div.accordion-success > div.active div.accordion-menu,
div.data-table-success,
div.data-table-success > table thead th,
blockquote.blockquote-success {
    border-color: #7C8A3B;
}
div.tile-info,
div.dialog-info > div.title,
div.accordion-info,
div.accordion-info > div.active div.accordion-menu,
div.data-table-info,
div.data-table-info > table thead th,
blockquote.blockquote-info {
    border-color: #4B6788;
}
div.tile-inverse,
div.dialog-inverse > div.title,
div.accordion-inverse,
div.accordion-inverse > div.active div.accordion-menu,
div.data-table-inverse,
div.data-table-inverse > table thead th,
blockquote.blockquote-inverse {
    border-color: #353535;
}
label.status {
    background-image: none;
    text-shadow: none;
}