﻿/*********/
body{
	background: #EFEFEF;
	margin: 0px;
	padding: 0px;
}
#body_box{
	width: 100%;
}
/**/
/**/
#header{
	background-image: url('images/basic/header_bg.png');
	height:342px;
	background-repeat: repeat-x left;
}
.header_right{
	background-image: url('images/basic/header_right.png');
	background-repeat: no-repeat;
	height:342px;
	width: 445px;
	float:right;
	position:absolute;
}
.header_left{
	background-image:url('images/basic/header_left.png');
	height:342px;
	width:695px;
	float:left;
	background-repeat:no-repeat;
}
#body_bg{
	text-align: justify;
	background-image: url('images/basic/bg.png');
	background-repeat: repeat;
}
#body_left_up{
	background-image:url('images/basic/body_left_up.png');
	height:115px;
	width:20px;
	background-repeat:no-repeat;
	position:absolute;
	top:239px;
	left:0px;
}
#footer_bg{
	background-image: url('images/basic/footer_bg.png');
	background-repeat: repeat-x;
	height:172px;
        position:relative;
}
.footer_left{
	background-image:url('images/basic/footer_left.png');
	height:172px;
	width:324px;
	background-repeat:no-repeat;
	float:left;

}
.footer_right{
	background-image:url('images/basic/footer_right.png');
	height:172px;
	width:471px;
	background-repeat:no-repeat;
	float:right;

}
#header_link{
	width:700px;
	height:20px;
	display:block;
	position:absolute;
	top:3px;
	right:1px;
	text-align:right;
	float: right;
        color:#ffffff;
	font: 11px tahoma, arial, helvetica,verdana;
}
#header_link a{
        color:#ffffff;
	font: bold 11px tahoma;
text-decoration: none;
}
/**/
#f_up_bg{
	background-image: url('images/basic/f_up_bg.png');
	background-repeat:repeat-x top left;
	height: 81px;
	width: 100%;
}
.f_up_left{
	background-image:url('images/basic/f_up_left.png');
	height: 81px;
	width:222px;
	float:left;
	background-repeat:no-repeat;
}
.f_up_right{
	background-image:url('images/basic/f_up_right.png');
	height: 81px;
	width:38px;
	float:center;
	background-repeat:no-repeat;
}
#f_down_bg{
	background-image: url('images/basic/f_down_bg.png');
	height: 66px;
	width: 100%;
}
.f_down_left{
	background-image:url('images/basic/f_down_left.png');
	height: 66px;
	width:28px;
	float:left;
	background-repeat:no-repeat;
}
.f_down_right{
	background-image:url('images/basic/f_down_right.png');
	height: 66px;
	width:330px;
	float:center;
	background-repeat:no-repeat;
}
#f_body_left{

}
#f_body_right{
	
	padding:0px 13px 0px 1px;
}
/*************************************/
div#qTip {
	padding: 3px;
	border: 1px solid #23313F;
	display: none;
	background: #234966;
	color: #fff;
	font: bold 11px tahoma;
	position: absolute;
	z-index: 1000;
	background-repeat: repeat-x;
}
/*-------------------------------------------------------*/
.f-1 ul{
     list-style-type:none;
     margin:2px;
     padding:0px 2px 3px 3px;
	position:absolute;
	top:60px;
	right:10px;
	color: #FFFFFF;
	font: bold 11px tahoma;
     } 
.f-1 li 
{
	height: 15px;
	width:130px;
padding:4px 3px 0px 3px;
margin:2px;
text-align: center;
	background-image: url('images/cat3.png');
	background-repeat: repeat-x;
	color: #FFFFFF;
	border: 0px solid #828282;
	text-shadow: 0px 0px 0px #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 2px;

}
.f-1 li a
{
	padding:0px 2px 2px 2px;
     margin:0px;
color: #fff;

	display: block;
}
.f-1 li a:hover
{
color: #ffffff;
}

.f-2 ul{
     list-style-type:none;
     margin:2px;
     padding:0px 2px 3px 3px;
	position:absolute;
	top:60px;
	right:154px;
	color: #ffffff;
	font: bold 11px tahoma;
     } 
.f-2 li 
{
	height: 15px;
	width:130px;
padding:4px 3px 0px 3px;
margin:2px;
text-align: center;
	background-image: url('images/cat3.png');
	background-repeat: repeat-x;
	color: #FFFFFF;
	border: 0px solid #828282;
	text-shadow: 0px 0px 0px #74A5BE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 2px;
}
.f-2 li a
{
	padding:0px 2px 2px 2px;
     margin:0px;
color: #ffffff;

	display: block;
}
.f-2 li a:hover
{
color: #ffffff;
}


.f-3 ul{
     list-style-type:none;
     margin:2px;
     padding:0px 2px 3px 3px;
	position:absolute;
	top:60px;
	right:305px;
	color: #ffffff;
	font: bold 11px tahoma;
     } 
.f-3 li 
{
	height: 15px;
	width:130px;
padding:4px 3px 0px 3px;
margin:2px;
text-align: center;
	background-image: url('images/cat3.png');
	background-repeat: repeat-x;
	color: #FFFFFF;
	border: 0px solid #828282;
	text-shadow: 0px 0px 0px #74A5BE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 2px;
}
.f-3 li a
{
	padding:0px 2px 2px 2px;
     margin:0px;
color: #ffffff;

	display: block;
}
.f-3 li a:hover
{
color: #ffffff;
}
/*-------------------------------------------------------*/
.fieldset {
	border: 1px solid #EAEAEA;
	margin-bottom: 6px;
	background-color: #F6F6F6;
        -moz-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;
	margin-top: 0px;
}
.COPYRR{
 display: block;
 position:absolute;
 top: 80px;
 text-align:left;
left:70px;
color: #FFFFFF;
}
.COPYRR a{
color: #FFFFFF;
}
.al3n{
	position:absolute;
	top:195px;
	left:170px;
}
.logns{
	position:absolute;
	top:30px;
	left:15px;
text-align:center;
color: #FFFFFF;
}
.lognn a{
color: #EDD900;
}
.lognn{
	height:30px;
	width:215px;
}
#lognnn{
	padding:0px 0px 0px 0px;
}
/**/
a.Quran  {
 width: 70px;
 height: 75px;
 display: block;
 position:absolute;
 top: 190px;
 right:160px;
}
a.Doaa  {
 width: 70px;
 height: 75px;
 display: block;
 position:absolute;
 top: 190px;
 right:248px;
}
a.Emsakya  {
 width: 70px;
 height: 75px;
 display: block;
 position:absolute;
 top: 190px;
 right:330px;
}
a.color1  {
 width: 15px;
 height: 17px;
 display: block;
 position:absolute;
 top: 5px;
 left:88px;
 text-align:center;
}
a.color2  {
 width: 15px;
 height: 17px;
 display: block;
 position: absolute;
 top: 5px;
 left:65px;
 text-align:center;
}
a.color3  {
 width: 15px;
 height: 17px;
 display: block;
 position: absolute;
 top: 5px;
 left:45px;
 text-align:center;
}

/**/
.tcat
{
	background: #DEDEDE;
	color: #969696;
	background-image: url('images/cat3.png');
	background-repeat: repeat-x;
	font: bold 12pt arial;
}

.tcat a:link, .tcat_alink

{
	color: #7B7B7B;
	text-decoration: none;
}

.tcat a:visited, .tcat_avisited

{
	color: #7B7B7B;
              text-decoration: none;
}

.tcat a:hover, .tcat a:active, .tcat_ahover

{
	color: #494949;
	text-decoration: none;
}
/*------*/
.thead

{
	background: #DEDEDE;
	color: #7B7B7B;
	background-image: url('images/cat3.gif');
	background-repeat: repeat-x;
}
.tfoot

{
	background: #E1E1E1;
	color: #222222;
	background-image: url('images/cat3.gif');
	background-repeat: repeat-x;
}
/*-----*/
.vbmenu_control
{
	background: #CAC9CA;
	color: #7B7B7B;
	background-image: url('images/cat3.png');
	background-repeat: repeat-x;

}

.vbmenu_control a:link, .vbmenu_control_alink

{

	color: #222222;

	text-decoration: none;

}

.vbmenu_control a:visited, .vbmenu_control_avisited

{
	color: #222222;
              text-decoration: none;
}

.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover

{
	color: #222222;
	text-decoration: none;
}

