/* General Classes */

body{
font-family:arial;
color:#000000;
margin-left:20px;
margin-right:20px;
margin-bottom:20px;
margin-top:0px;
}
.txt{
font-family:Arial;
color:#000000;
font-size:12px;
text-align:justify;
}
.txtsmall{
font-family:Arial;
color:#000000;
font-size:11px;
text-align:justify;
}
.txtbold{
font-family:Arial;
color:#000000;
font-size:11px;
font-weight:bold;
}
.txthighlight{
font-family:Arial;
color: #ff0000;
font-size:11px;
font-weight:bold;
}
.txtError{
font-family:Arial;
color:Red;
font-size:12px;
}
.txtSuccess{
font-family:Arial;
color:Green;
font-size:12px;

}
a:link, a:visited, a:active {
	TEXT-DECORATION: underline;
	font-family:Arial;
	font-size:12px;
	color:#000000;
}
a:hover
{
   TEXT-DECORATION: none;
   
}
.link-selected:link
{
	font-family: Arial;
	font-size: 12px;
	color: #ff0000;
	text-decoration: none;
}
.link-selected:active
{
	font-family: Arial;
	font-size: 12px;
	color: #ff0000;
	text-decoration: none;
}
.link-selected:visited
{
	font-family: arial;
	font-size: 12px;
	color: #ff0000;
	text-decoration: none;
}
.link-selected:hover
{
	font-family: arial;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}

/* Header Classes */
.Header-bg{
background-image:url(../Images/Header_BG.gif);
background-repeat:no-repeat;

height:108px;
}

.bismillah{
background-image:url(../Images/Bismillah.gif);
height:91px;
width:101px;
background-repeat:no-repeat;
background-position:right;
}

.HeaderAyat
{
	text-align:right;
	font-family:Arial;
	color:#5d6263;
	font-size:32px;
	font-weight:bold;
}


.AyatEnd{
background-image:url(../Images/Header-aya-bullet.gif);
background-repeat:no-repeat;
background-position:right;
height:17px;
width:16px;
}
/* Footer  Classes */


.bottom-left{
background-image:url(../Images/Bottom-Left.gif);
height:21px;
width:6px;
background-repeat:no-repeat;
background-position:left;}
.bottom-right{
background-image:url(../Images/Bottom-Right.gif);
height:21px;
width:6px;
background-repeat:no-repeat;
background-position:right;
}
.Bottom-BG{
background-image:url(../Images/Bottom-BG.gif);
background-repeat:repeat-x;
width:auto;
}
.footer{
padding-top:10px;
font-family:Arial;
color:#636060;
font-size:11px;
text-align:center;
}

/* Menu Classes */
.menu-left{
background-image:url(../Images/Menu-Left.gif);
height:25px;
width:4px;
background-repeat:no-repeat;
background-position:left;
}
.menu-right{
background-image:url(../Images/Menu-Right.gif);
height:25px;
width:4px;
background-repeat:no-repeat;
background-position:right;
}
.menu-BG{
background-image:url(../Images/Menu-BG.gif);
height:25px;
background-repeat:repeat-x;
padding-left:10px;
}
.menulink
{
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	font-weight:bold;

}
.menulink:link
{
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	font-weight:bold;
}
.menulink:active
{
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	font-weight:bold;
}

.menulink:visited
{
	font-family: arial;
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	font-weight:bold;
}
.menulink:hover
{
	font-family: arial;
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: underline;
	font-weight:bold;
}
.menulink-selected1
{
	background-image:url(../Images/Selected-Link.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	height:24px;
	padding-top:0px;
}

.menu-selected
{
	font-family: Arial;
	font-size: 12px;
	color: #ff0000;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	font-weight:bold;
}

.menulink-selected:link
{
	font-family: Arial;
	font-size: 12px;
	color: #ff0000;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	font-weight:bold;
}
.menulink-selected:active
{
	font-family: Arial;
	font-size: 12px;
	color: #ff0000;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	font-weight:bold;
}

.menulink-selected:visited
{
	font-family: arial;
	font-size: 12px;
	color: #ff0000;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	font-weight:bold;
}
.menulink-selected:hover
{
	font-family: arial;
	font-size: 12px;
	color: #000000;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: underline;
	font-weight:bold;
}

.rightmenulink:link
{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	padding: 4px;
	text-decoration:none;
	
}
.rightmenulink:active
{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	padding: 4px;
	text-decoration: none;
	
}
.rightmenulink:visited
{
	font-family: arial;
	font-size: 12px;
	color: #000000;
	padding: 4px;
	
	text-decoration: none;
}
.rightmenulink:hover
{
	font-family: arial;
	font-size: 12px;
	color: #000000;
	padding: 4px;
	text-decoration: underline;
}

/*Controls*/
.right-control
{
	background-image:url(../Images/page-bg.gif);
	background-repeat:repeat-x;
	border-left:solid 1px #d9d6d6;
	padding:5px;
	font-family:Arial;
color:#000000;
font-size:12px;
}

.left-control
{
	background-image:url(../Images/page-bg.gif);
	background-repeat:repeat-x;
	border-right:solid 1px #d9d6d6;
	
	padding-top:20px;
}
/* page  Classes */
.left-bg{   
background-image:url(../Images/left.gif);
background-repeat:repeat-y;
background-position:left;
width:2px;
}
.right-bg{   
background-image:url(../Images/right.gif);
background-repeat:repeat-y;
background-position:right;
width:2px;
}
.page-info{   
background-color:#efefef;
border : solid 1px #d9d6d6;

}
.page-bg{
	padding-left:20;
	padding-top:20;
	padding-left:20;
	padding-right:5;
}
.page-bg1{
background-image:url(../Images/page-bg.gif);
background-repeat:repeat-x;
padding:20px;
}
.heading{
font-family:arial;
font-size:14px;
font-weight:bold;
color:#000000;
}

.TextBox
{    
   border:solid 1px #000000;
   height:19px;
   width:130px;
   vertical-align:middle;
   font-family: Arial;
   font-size: 12px;
}
.ButtonGo{   
background-image:url(../Images/buttonGo.gif);
background-repeat:no-repeat;
color:#000000;
font-family: Arial;
 font-size: 11px;
 border-top-style: none; 
 border-right-style: none; 
 border-left-style: none; 
 border-bottom-style: none;
 width:40px;
 height:20px;
}
.Button{   
background-image:url(../Images/button.gif);
background-repeat:no-repeat;
color:#000000;
font-family: Arial;
 font-size: 11px;
 border-top-style: none; 
 border-right-style: none; 
 border-left-style: none; 
 border-bottom-style: none;
 width:49px;
 height:20px;
}

.SelectBox{
font-family:Arial;
color:#000000;
font-size:12px;

}
.SelectBoxSmall{
font-family:Arial;
color:#000000;
font-size:11px;
}

/*Forms classes*/
.FormBG
{
	background-color:#5d6263;
}

.FormHeading
{
	background-color:#5d6263;
	font-family:Arial;
	color:White;
	font-size:12px;
	font-weight:bold;
}

.FormRow
{
	background-color:White;
}

/* DataGrid*/
.DataGrid
{
	font-family:Arial;
	
}
.AlternatingItemStyle
{
	background-color:#ededed;
	font-family:Arial;
	font-size:12px;
	text-align:left;
	padding-left:2px;
	color:Black;
	padding-bottom:2px;
	height:20px;
}
.ItemStyle
{
	font-size:12px;
	font-family:Arial;
	text-align:left;
	padding-left:2px;
	padding-bottom:2px;
	height:20px;
}