body, input, button, select, option, textarea {
    font-family: "Jameel Noori Nastaleeq", "Alvi Nastaleeq", NafeesRegular, "Nafees Web Naskh", "Urdu Naskh Asiatype", Tahoma, Arial, Helvetica, sans-serif;
    direction: rtl;
}


/* Container */
#container {
    width: 95%;
    Xborder: solid 1px blue;
    margin: 10px auto;
    Xfloat: left;
    overflow: hidden;
}


/* Header */
#container #header-upper-bar {
    width: 100%;
    background-image:url(../img/yellow_line.png);
    min-height: 3px;
}


#container #header {
    text-align: center;
    width: 100%;
    background-image:url(../img/header-bg.png);
    background-color: #ccff99;
    color: #000000;
    Xmin-height: 85px;
    Xborder: solid 1px #000000;
    float: left;
}

#container #header .header-title {
    font-family: "Jameel Noori Nastaleeq", "Alvi Nastaleeq", NafeesRegular, "Nafees Web Naskh", "Urdu Naskh Asiatype", Tahoma, Arial, Helvetica, sans-serif;
    margin: 20px 0px;
}

#container #header-middle-bar {
    width: 100%;
    background-image:url(../img/header-bar.png);
    background-color: #ccff99;
    color: #000000;
    min-height: 32px;
    float: left;
}


/* Content */
#container #content {
    width: 100%;
    background-image:url(../img/content-bg.png);
    background-color: #ccff99;
    color: #000000;
    xmin-height: 100px;
}


.button-custom {
    background:rgba(153,204,51,0.1);
    height: 50px;
    width: 100%;
    border-radius: 10px;
    border: solid 1px #999999;
    margin: 10px;
    font-size: x-large;
    padding: 10px 10px;
    display: block;
}

#container #content #content-bar {
    width: 100%;
    background-image:url(../img/yellow_line.png);
    min-height: 1px;
    float: left;
}

#container #content #empty {
    width: 5%;
    border: solid 1px blue;
    Xfloat: left;

}

button.contact-button {
    font-family: "Jameel Noori Nastaleeq", "Alvi Nastaleeq", NafeesRegular, "Nafees Web Naskh", "Urdu Naskh Asiatype", Tahoma, Arial, Helvetica, sans-serif !important;
    font-size: 1.5em !important;
    border-radius: 10px;
    padding: 10px 10px;
    background-color:#99cc33;
    font-weight: bold;
}


button.contact-button:hover, button.contact-button:focus {
    background-color:#cccc66;

}


/* Footer */
#container #footer  {
    width: 100%;
    background-image:url(../img/header-bg.png);
    background-color: #ccff99;
    color: #000000;
    min-height: 50px;
}

#container #footer-bar {
    width: 100%;
    background-image:url(../img/green_line.png);
    min-height: 3px;
    Xborder: solid 1px #000000;
}



.clear {
    clear: both;
}

.tabs {
    float: right;
    text-align: center;
}

.tabs dd > a, .tabs .tab-title > a {
    background-color: transparent;
    height: 50px;
    font-family: "Jameel Noori Nastaleeq", "Alvi Nastaleeq", NafeesRegular, "Nafees Web Naskh", "Urdu Naskh Asiatype", Tahoma, Arial, Helvetica, sans-serif;
    font-size: x-large;
    padding: 5px 10px;
}

.tabs dd > a:hover, .tabs .tab-title > a:hover {
    background: #ffffff;
    border-radius: 10px;
    height: 50px;
}

.tabs dd.active a, .tabs .tab-title.active a {
    background: #ffffff;
    color: #222222;
    border-radius: 10px;
    height: 50px;
    font-weight: bold;
}


dd {
    border-radius: 10px;
    border: solid 1px #999999;;
    margin: 5px 10px;
}



.panel-1stpage {
    Xbackground:rgba(153,204,51,0.1);
    background:rgba(237,237,201,0.4);
    width: 98%;
    border-radius: 10px;
    border: solid 1px #d0db58;
    margin: 20px 12px auto 12px;
    float: left;
    padding-right: 10px;
}

.panel-contact-us {
    Xbackground:rgba(153,204,51,0.1);
    background:rgba(237,237,201,0.4);
    width: 98%;
    border-radius: 10px;
    border: solid 1px #d0db58;
    margin: 20px 12px auto 12px;
    float: left;
}

.panel-content {
    Xbackground:rgba(153,204,51,0.1);
    background:rgba(237,237,201,0.4);
    width: 98%;
    min-height: 100%;
    border-radius: 10px;
    border: solid 1px #d0db58;
    margin: 20px 12px auto 12px;
    float: left;
}




/*
.button {
    background-color: #009999;
}

.button a:hover {
    background-color: #ff9933;
}

a {
    color:#009999;
    text-decoration:none;
}

a:hover {
    color:#ff9933;
    text-decoration:none;
}