@import "http://fonts.googleapis.com/earlyaccess/droidarabickufi.css";
body
{
    font-family: 'Droid Arabic Kufi' ,tahoma;
    margin: 0;
    padding: 0;
}

.bg
{
    background-position: left top;
    background-image: url(' ');
    background-repeat: no-repeat;
}
.footer
{
    background-position: right;
    background-color: #ffffff;
    color: #cecece;
    background-image: url(' ');
    background-repeat: no-repeat;
}

.ph
{
    display: none;
}
.ps
{
    display: block;
}
body
{
    padding: 0px;
    margin: 0px;
    line-height: 20pt;
    font-size: 100%;
}
.container
{
    width: 550px;
    margin-left: auto;
    margin-right: auto;
}
.l
{
    width: 400px;
    text-align: right;
    padding-left: 75px;
    padding-right: 75px;
}

.r
{
    width: 550px;
    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';
}
.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: 500px;
    display: block;
    cursor: pointer;
}
.grditem a.full
{
    padding: 5px 35px 5px 10px;
    background-color: #E4E4E4;
    text-decoration: none;
    color: #000000;
    width: 90%;
    display: block;
}
.grditemselected
{
}
.grditemselected a
{
    padding: 5px 35px 5px 10px;
    background-position: right;
    background-color: #2c3e50;
    color: #FFFFFF;
    text-decoration: none;
    width: 500px;
    display: block;
    background-image: url('Images/Checked.png');
    background-repeat: no-repeat;
}
.grditemselected a:hover
{
    padding: 5px 35px 5px 10px;
    background-position: right;
    background-color: #333333;
    color: #FFFFFF;
    text-decoration: none;
    width: 500px;
    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;
}