@font-face {
  font-family: 'Droid Arabic Naskh';
  font-style: normal;
  font-weight: 400;
  src: url(/Content/fonts/DroidNaskh-Regular.eot);
  src: url(/Content/fonts/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),
       url(/Content/fonts/DroidNaskh-Regular.woff) format('woff2'),
       url(/Content/fonts/DroidNaskh-Regular.woff) format('woff'),
       url(/Content/fonts/DroidNaskh-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Naskh';
  font-style: normal;
  font-weight: 700;
  src: url(/Content/fonts/DroidNaskh-Bold.eot);
  src: url(/Content/fonts/DroidNaskh-Bold.eot?#iefix) format('embedded-opentype'),
       url(/Content/fonts/DroidNaskh-Bold.woff2) format('woff2'),
       url(/Content/fonts/DroidNaskh-Bold.woff) format('woff'),
       url(/Content/fonts/DroidNaskh-Bold.ttf) format('truetype');
}
        body {
            margin: 0px;
            padding: 0px;
            direction: rtl;
            background-color: #EFEFF0;
            font-family: 'Droid Arabic Naskh';
        }

        #header {
            background-color: #e5e1c4;
            height: 80px;
            padding: 5px;
        }

            #header img#logo {
                float: right;
            }

        #content {
            padding: 5px;
        }
.art-text {
    line-height:2.1em
}
.ui-field-contain > label, .ui-field-contain .ui-controlgroup-label, .ui-field-contain > .ui-rangeslider > label {
    float:right;
}
.ui-collapsible-heading .ui-btn {
    text-align:right;
}
.ui-btn {
    font-family: 'Droid Arabic Naskh';
}
.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e {
    float:right;
}