body
        {
            background-image: url(img/body.png);
        }
        .header
        {
            margin: 0 auto;
            height: 80px;
            background-color: #333;
        }
        .center
        {
            margin: 0 auto;
            width: 75%;
            padding-top: 50px;
        }
        .center-div
        {
            margin: 0 auto;
            width: 80%;
        }       
        .right-div
        {           
            float: right;
            padding-top: 5px;
        }
        .masjidlogo
        {
            font-size: 40px;
            font-family: Calibri;
            font-weight: bold;
            color: #FFF;
            padding-left: 10px;
            padding-top: 20px;
            float: left;
        }
        .title
        {
            font-size: 28px;
            font-family: Calibri;
            font-weight: bold;
            color: #FFF;
            padding-right: 10px;
            padding-top: 20px;
            float: right;
        }
        .style3
        {
            color: #000000;
        }
        .style4
        {
            color: #FF0000;
        }
        .contain {
            max-width:960px;
            text-align:center;
        }
        .category {
            position:relative;
            display: inline-block;
            float:left;
            padding:10px;
        }
        
.btnPrint
{
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	background-position: left 50%;
	PADDING-LEFT: 15px; 	
	FONT-SIZE: 11px; 
	BACKGROUND-IMAGE: url('../Images/Printer.gif'); 
	WIDTH: 70px; 	
	CURSOR: pointer; 	
	BACKGROUND-REPEAT: no-repeat; 	
	FONT-FAMILY: Verdana; 	
	BACKGROUND-COLOR: white;
	margin-left: 0px;	
}
.btnSave
{
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	background-position: left 50%;
	PADDING-LEFT: 15px; 	
	FONT-SIZE: 11px; 
	BACKGROUND-IMAGE: url('../Images/Save.gif'); 
	WIDTH: 70px; 	
	CURSOR: pointer; 	
	BACKGROUND-REPEAT: no-repeat; 	
	FONT-FAMILY: Verdana; 	
	BACKGROUND-COLOR: white;
	margin-left: 0px;	
}
.btnOK
{
    BORDER-RIGHT: 0px;
    BACKGROUND-POSITION: left 50%;
    BORDER-TOP: 0px;
    PADDING-LEFT: 20px;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url('../images/Ok.gif');
    BORDER-LEFT: 0px;
    WIDTH: 58px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: tahoma;
    font-weight:bold;
    HEIGHT: 18px;
    BACKGROUND-COLOR: transparent;   
	cursor:hand;
}
.btnSync
{
    BORDER-RIGHT: 0px;
    BACKGROUND-POSITION: left 50%;
    BORDER-TOP: 0px;
    PADDING-LEFT: 20px;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url('../images/Sync.gif');
    BORDER-LEFT: 0px;
    WIDTH: 50px;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: tahoma;
    font-weight:bold;
    HEIGHT: 18px;
    BACKGROUND-COLOR: transparent;   
	cursor:hand;
}

.btnUpdate
{
	BORDER-RIGHT: 0px; BACKGROUND-POSITION: left 50%; BORDER-TOP: 0px; PADDING-LEFT: 18px; FONT-SIZE: 11px; BACKGROUND-IMAGE: url('../Images/Save.GIF'); BORDER-LEFT: 0px; WIDTH: 70px; CURSOR: hand; BORDER-BOTTOM: 0px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana; HEIGHT: 18px; BACKGROUND-COLOR: white
}
.btnDelete
{
	BORDER-RIGHT: 0px; BACKGROUND-POSITION: left 50%; BORDER-TOP: 0px; PADDING-LEFT: 18px; FONT-SIZE: 11px; BACKGROUND-IMAGE: url('../Images/Delete.GIF'); BORDER-LEFT: 0px; WIDTH: 70px; CURSOR: hand; BORDER-BOTTOM: 0px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana; HEIGHT: 18px; BACKGROUND-COLOR: white
}
.btnClear
{
	BORDER-RIGHT: 0px; BACKGROUND-POSITION: left 50%; BORDER-TOP: 0px; PADDING-LEFT: 18px; FONT-SIZE: 11px; BACKGROUND-IMAGE: url('../Images/Clear.GIF'); BORDER-LEFT: 0px; WIDTH: 70px; CURSOR: hand; BORDER-BOTTOM: 0px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana; HEIGHT: 18px; BACKGROUND-COLOR: white
}
.btnSubmit {
    BORDER-RIGHT: 0px;
    BACKGROUND-POSITION: left 50%;
    BORDER-TOP: 0px;
    PADDING-LEFT: 18px;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url('../Images/Img-submit.gif');
    BORDER-LEFT: 0px;
    WIDTH: 70px;
    CURSOR: hand;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Verdana;
    HEIGHT: 18px;
    BACKGROUND-COLOR: white
}

.btnBrowse {
    BORDER-RIGHT: 0px;
    BACKGROUND-POSITION: left 50%;
    BORDER-TOP: 0px;
    PADDING-LEFT: 18px;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url('../Images/Browse.gif');
    BORDER-LEFT: 0px;
    WIDTH: 70px;
    CURSOR: hand;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Verdana;
    HEIGHT: 18px;
    BACKGROUND-COLOR: white
}

.btnInitiateReview {
    BORDER-RIGHT: 0px;
    BACKGROUND-POSITION: left 50%;
    BORDER-TOP: 0px;
    PADDING-LEFT: 18px;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url('../Images/InitiateReview.gif');
    BORDER-LEFT: 0px;
    WIDTH: 120px;
    CURSOR: hand;
    BORDER-BOTTOM: 0px;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Verdana;
    HEIGHT: 18px;
    BACKGROUND-COLOR: white
}

.btnClose {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    background-position: left 50%;
    PADDING-LEFT: 18px;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url('../Images/redcross.png');
    WIDTH: 70px;
    CURSOR: hand;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: white;
    text-align: right;
}