@font-face { 
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Bold.ttf) format('truetype');
}

@font-face {font-family:"XB Riyaz";src:url("XB Riyaz.ttf")}

.repcom{ width:950px;height:120px; background-color: #DBF6D3; color:blue ;position:absolute; top:-48px; right:22px; border:2px solid green; background-image:url(../images/exc.png); background-size:8% 30%; background-repeat:no-repeat; background-position:75% 50%;visibility:visible;}
.repcom h1{ text-align:center; font-size:16px; line-height:50px; color:#594}

.convoc{margin:auto; width:700px; height:400px;margin-top:150px ; background-color:#FFFFFF;font-family:'Droid Arabic Kufi';}
.convoc div{ display:block; float:right}
.convoc input{ font-size:20px; height:60px; width:400px; margin-top:30px}

.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none; margin-left:130px;font-family:'Droid Arabic Kufi';cursor:pointer;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0e4f7+0,73b1e7+24,0a77d5+50,539fe1+79,87bcea+100;Blue+Pipe+%231 */
background: rgb(208,228,247); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(208,228,247,1) 0%, rgba(115,177,231,1) 24%, rgba(10,119,213,1) 50%, rgba(83,159,225,1) 79%, rgba(135,188,234,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */
;border:2px solid #0000CC
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);  
  text-decoration: none;
  background:#FFFFFF; color:#0000CC;  
}



.styled-select select {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
   
.sign{width:1000px;height:300px;margin-top:40px;}
.sign div{ display:block; float:right}

   
   
   
   
table.paleBlueRows {
  font-family: "Times New Roman",Times,serif;
  border: 1px solid #FFFFFF;
  width: 350px;
  height: 200px;
  text-align: center;
  border-collapse: collapse;
}
table.paleBlueRows td, table.paleBlueRows th {
  border: 1px solid #FFFFFF;
  padding: 3px 2px;
}
table.paleBlueRows tbody td {
  font-size: 13px;
}
table.paleBlueRows tr:nth-child(even) {
  background: #D0E4F5;
}
table.paleBlueRows thead {
  background: #0B6FA4;
  border-bottom: 5px solid #FFFFFF;
}
table.paleBlueRows thead th {
  font-size: 17px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #FFFFFF;
}
table.paleBlueRows thead th:first-child {
  border-left: none;
}

table.paleBlueRows tfoot {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  background: #D0E4F5;
  border-top: 3px solid #444444;
}
table.paleBlueRows tfoot td {
  font-size: 14px;
}   


.btnan {
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #4dba1e;
  text-decoration: none;
  width:100px;
  height:35px;
  text-align:center;
  font-family: 'Droid Arabic Kufi';
  width:auto;
}

.btnan:hover {
  background: #298f07;
  text-decoration: none;
   cursor:pointer;
}   


.btnan2 {
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #0000FF;
  text-decoration: none;
  width:100px;
  height:35px;
  text-align:center;
  font-family: 'Droid Arabic Kufi';
  width:auto;
}

.btnan2:hover {
  background: #000066;
  text-decoration: none;
   cursor:pointer;
}   


.btnan1 {
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #990099;
  text-decoration: none;
  width:100px;
  height:35px;
  text-align:center;
  font-family: 'Droid Arabic Kufi';
  width:auto;
}

.btnan1:hover {

    background: #EA0006;
  text-decoration: none;
   cursor:pointer;
}   

.btnan3 {
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background:#FF9933;
  text-decoration: none;
  width:100px;
  height:35px;
  text-align:center;
  font-family: 'Droid Arabic Kufi';
  width:auto;
}

.btnan3:hover {

    background: #FF0000;
  text-decoration: none;
   cursor:pointer;
}   

   
tr{
height:60px;    
}   

.an{
width:200px; height:320px; background-color:#fff; position:absolute; border:2px solid #CCCCCC; left:200px; top:100px
}

#mained{
    position:absolute;margin-left:400px;-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #4dba1e;
  text-decoration: none;
  width:100px;
  height:35px;
  text-align:center;
  font-family: 'Droid Arabic Kufi';
  width:120px;
   line-height:35px;
   background-image:url(../images/print.png); background-repeat:no-repeat;background-size:24px 22px;background-position:90% 50%;
}

#mained a{
text-decoration:none;color:#fff    
}

#mained1{ position:absolute;margin-left:400px;
    -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #990099;
  text-decoration: none;
  width:120px;
  height:35px;
  text-align:center;
  font-family: 'Droid Arabic Kufi';
   
   line-height:35px;
   background-image:url(../images/home-icon.png); background-repeat:no-repeat;background-size:24px 22px;background-position:90% 50%;
   margin-top:41px;
}

#mained1 a{
text-decoration:none;color:#fff    
}

.btnan4 {
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background:#090909;
  text-decoration: none;
  width:100px;
  height:35px;
  text-align:center;
  font-family: 'Droid Arabic Kufi';
  width:auto;
}

.btnan4:hover {
 
   cursor:pointer;
}