@charset "utf-8";
/* CSS Document @import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);*/

/*
 * Droid Arabic Kufi (Arabic) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/DroidKufi-Regular.eot);
  src: url(../fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/DroidKufi-Regular.woff2) format('woff2'),
       url(../fonts/DroidKufi-Regular.woff) format('woff'),
       url(../fonts/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/DroidKufi-Bold.eot);
  src: url(../fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/DroidKufi-Bold.woff2) format('woff2'),
       url(../fonts/DroidKufi-Bold.woff) format('woff'),
       url(../fonts/DroidKufi-Bold.ttf) format('truetype');
}
body {     font-family: "Droid Arabic Kufi","Tahoma","Verdana","Arial", sans-serif;
    margin: 0; padding: 0px; background: #FFFFFF;    }
html{background: #fff}
header{padding: 20px;}
header img{width: 20%; float: left}
header h2{float: right; font-family: cursive; font-size: 18px; margin-top: 50px;}
h1{font-family: verdana;  text-align:center;}
.contents{ min-width: 320px; border-radius:0px; border: 1px solid #ddd; padding: 20px; min-height: 300px; overflow: hidden;   box-shadow: 0px 4px 6px #aaa;}
.logincont{width: 50%; min-width: 320px; margin: 150px auto}
aside{width: 20%; float: left; min-height: 200px;  }
aside a{display: block; margin: 5px;}


.contents h2{float: right; font-family: verdana; font-size: 16px; color: blue;}
.contents a{  color: #fff;}
.contents .btn{margin: 1%;}

.clear{width: 100%; height: 0; clear: both}

.btn-danger{border-radius:5px; padding: 7px 15px; }
.btn-danger:hover{text-decoration: none}

.regiter{width:50%;  min-width: 320px; float: left; min-height: 300px;}
.login{width:100%;  min-width: 320px;   margin:auto;}
.regiter h1,.login h1{font-family: verdana; font-size: 20px; text-align:center;}

.regiter input[type="text"], .login input[type="text"],.regiter input[type="email"], .login input[type="email"],.regiter input[type="password"], .login input[type="password"]{display: block; width:300px; border: 1px solid #ddd; margin: 10px; font-size: 15px;}

.mainSettingsForm{width:100%;  min-width: 300px; margin: auto; box-shadow: 0px 4px 6px  #aaa; padding: 1%; margin-bottom: 2%;}
.mainSettingsForm label{float: left; width: 150px;}
.mainSettingsForm input, select{width: 300px;  text-align: right; height: 30px; padding: 3px 5px; border:1px solid #999; border-radius: 5px; display: block; margin-bottom: 10px;}
.mainSettingsForm textArea{width: 250px;  text-align: right; border-radius: 5px; border: 1px solid #999; margin-bottom: 10px; height: 40px;}
.mainSettingsForm input[type="submit"]{height: 40px; text-align: center; }

.add h1 {font-family: cursive; font-size: 16px; border-bottom: 1px dashed #ddd; margin-bottom: 15px;}

.add input[type="submit"]{ margin-left: 60%; }

.sectionTable th{color: #fff; background: #666 !important; text-align: center; font-size: 12px;}
.sectionTable th img{max-width: 24px; margin: 3px;  text-align: right;}

td { text-align: right;}
.newPage input[type="file"]{ text-align: right; }
.newPage textArea{width: 850px; height: 100px;  text-align: right;}

.imglib{}
.imgs{width:858px;}
.imglib img{ width:  150px; margin-right: 10px; height: 100px; margin-bottom: 10px;}
.imglib img:last-child{ margin-right: 0px;}
.imglib p{float: left; width:  170px; padding: 10px; margin: 5px; border: 1px solid #999; border-radius: 10px;}

.checkbox { position: absolute;width: 20px !important;z-index: 999;}
footer{  text-align: center; margin-top: 40px; background:#333; }
footer p{font-family: verdana; font-size: 12px; color:#fff; padding:5px;}