@import "http://fonts.googleapis.com/earlyaccess/droidarabickufi.css";
body
{
    font-family: 'Droid Arabic Kufi' ,tahoma;
    margin: 0;
    padding: 0;
}
.h{display:none;}
.s{display:block;}
body
{
   
   
}
.container
{
    
   /* margin-left:auto;
    margin-right:auto;*/
}
.l
{
    
    text-align: right;
    padding-left:0px;
    padding-right:0px; 
}

.r
{
     padding-left:0px;
    padding-right:0px; 
    text-align: center;
}

.circle
{
    padding: 0px 10px 0px 10px;
    margin: 0px 10px 0px 10px;
    border-radius: 50px;
    background-color: #2c3e50;
    color: #ffffff;
    text-align: center;
}
input
{
    font-family: 'Droid Arabic Kufi';
    font-size:100%;
    border:  1px solid gray;
}
select{ font-family: 'Droid Arabic Kufi';
    font-size:100%;
    border:  1px solid gray;}


.grditem
{
    margin: 5px;
    
}
.grditem a
{
    padding: 5px 35px 5px 10px;
    background-image: url('Images/UnChecked.png');
    background-repeat: no-repeat;
    background-position:  right;
    background-color: #E4E4E4;
    text-decoration: none;
    color: #000000;
    width: 90%;
    display: block;
    cursor: pointer;
    border: 1px solid #CCCCCC;
}
.grditem a.full
{
    padding: 5px 5px 5px 10px;
    background-color: #E4E4E4;
    text-decoration: none;
    color: #000000;
    width: 100%;
    display: block;
}
.grditemselected
{
}
.grditemselected a
{
    padding: 5px 35px 5px 10px;
    background-position: right;
    background-color: #2c3e50;
    color: #FFFFFF;
    text-decoration: none;
    width: 90%;
    display: block;
    background-image: url('Images/Checked.png');
    background-repeat: no-repeat;
      border:  1px solid gray;
}
.grditemselected a:hover
{
    padding: 5px 35px 5px 10px;
    background-position: right;
    background-color: #333333;
    color: #FFFFFF;
    text-decoration: none;
    width: 90%;
    display: block;
    background-image: url('Images/Checked.png');
    background-repeat: no-repeat;
}

.grditem a:hover
{
    background-color: #FFCC00;
    background-image: url('Images/CheckedHover.png');
    background-repeat: no-repeat;
    padding: 5px 35px 5px 10px;
    background-position: right;
    color: #000000;
}