/**
The styles defined in this CSS is used by the Dialog.tag file to create a standard looking dialog.
**/
.jqmDialogTag {
    position: fixed;
    border-radius: 3px;
    border: 1px solid #EDEDED;
    background-color: #DBDBDB;
    padding: 0;
    margin: 0;
    box-shadow: 2px 2px 7px #333333;
}

.jqmDialogTag #decoratedModalTitle {
    padding: 7px;
    padding-top: 4px;
    border: 1px solid #BCBCBC;
    border-bottom: 1px solid #777;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DEDEDE), color-stop(0.25, #ABABAB), to(#DEDEDE)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #DEDEDE, #ABABAB 10px, #DEDEDE); /* Safari 5.1+, Chrome 10+ */
    background: -moz-linear-gradient(top, #DEDEDE, #ABABAB 10px, #DEDEDE); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #DEDEDE, #ABABAB 10px, #DEDEDE); /* IE 10 */
    background: -o-linear-gradient(top, #DEDEDE, #ABABAB 10px, #DEDEDE); /* Opera 11.10+ */
}

.jqmDialogTag #decoratedModalTitle #decoratedModalTitleText {
    font-weight: 600;
    color: #222;
    text-shadow: 1px 1px #DDD;
    font-size: 16px;
    font-family: 'Calibri', sans-serif;
    width: 90%;
}

.jqmDialogTag #decoratedModalTitle a#jqmCloseBtn {
    /*float: right;*/
    /*position: relative;*/
    /*right: 10px;*/
    margin-right: 5px;
    text-decoration: none;
    color: #FFF;
    padding: 1px 3px;
    font-size: 11px;
    font-weight: 600;
    font-family: 'Arial', sans-serif;
    border-radius: 3px;
    border: 2px solid #FFF;
    box-shadow: 0 0 1px #222;
    background-color: #CC0000; /* Fallback for older browsers... */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EE0000), color-stop(0.25, #CC0000), to(#EE0000)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #EE0000, #CC0000 8px, #EE0000); /* Safari 5.1+, Chrome 10+ */
    background: -moz-linear-gradient(top, #EE0000, #CC0000 8px, #EE0000); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #EE0000, #CC0000 8px, #EE0000); /* IE 10 */
    background: -o-linear-gradient(top, #EE0000, #CC0000 8px, #EE0000); /* Opera 11.10+ */
}

.jqmDialogTag #decoratedModalTitle a#jqmCloseBtn:hover {
    text-shadow: 0 0 2px #FFF;
    box-shadow: 0 0 1px #FFF;
    background-color: #FE0000;  /* Fallback for older browsers... */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FE0000), color-stop(0.25, #FF0000), to(#FE0000)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #FE0000, #FF0000 8px, #FE0000); /* Safari 5.1+, Chrome 10+ */
    background: -moz-linear-gradient(top, #FE0000, #FF0000 8px, #FE0000); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #FE0000, #FF0000 8px, #FE0000); /* IE 10 */
    background: -o-linear-gradient(top, #FE0000, #FF0000 8px, #FE0000); /* Opera 11.10+ */
}

.jqmDialogTag #decoratedModalContent {
    padding: 8px;
    border: 1px solid #BCBCBC;
    border-top: 1px solid #DBDBDB;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #FFF;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DBDBDB), to(#FFF)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #FFF, #DBDBDB); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #FFF, #DBDBDB); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #FFF, #DBDBDB); /* IE 10 */
    background: -o-linear-gradient(top, #FFF, #DBDBDB); /* Opera 11.10+ */
}