/* CSS Document 1*/


b {
	color:#ff66cc;
}

.Multimediabreadcrumb{
    color: black;
    font-size: 18px; font-style:normal;
    font-weight:bold;
    text-decoration:none;
	font-family:"Trebuchet MS";
}

.Multimediabreadcrumb a{
background: transparent url(http://www.zainab.org/audio/images/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: #ff86a2;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: red;
}

.breadcrumb a:hover{
text-decoration: underline;
}

.TextLink{
color: #474747;
font-size: 12px;
font-style:normal;
text-decoration:none;
}

.TextLink a{
text-decoration: none;
color: red;
}

.TextLink a:visited, .TextLink a:active{
color: red;
}

.TextLink a:hover{
text-decoration: underline;

}
.hfeature1 {
	font-family: "Arial Black";
	color:#ff66cc;
}
.hfeature2 {
font-size: 9pt;

}
.hfeature3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}



.tags{
color: #9b9b9b;
font-size: 12px;
font-style:normal;
text-decoration:none;
}

.tags a{
text-decoration: none;
color: #ff66cc;
}

.tags a:visited, .tags a:active{
color: #ff66cc;
}

.tags a:hover{
text-decoration: underline;
}



.bordergraybottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}
.SmallText {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
.FilesCount {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: bold;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFff;
	font-family:'Trebuchet MS', 'Tahoma', 'Arial';
}
.TextHeaders {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFBE;
	font-weight: bold;
}
bordertop {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
}
.ZcontainerHeading {
	color:#ffffbe;
	font-family:'Trebuchet MS', 'Tahoma', 'Arial';
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	text-decoration:none;
}
.headinglite {
	font-family: Tahoma;
	font-size: 15px;
	padding-right: 5px;
	display: block;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #095CA8;
	color: #ff66cc;
}
.header {
	background-color: #ffb6c1;
	FONT-SIZE: 11pt;
	font-family:Tahoma;
	color:White;
}
.footer {
	background-color: #FF8080;
	FONT-SIZE: 9pt;
	font-family:Tahoma;
	color:White;
}
.menuheading {
	font-family: Tahoma;
	font-size: 11pt;
	padding-right: 5px;
	display: block;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px; /*background-color: #6699cc;*/
	color: #095CA8;
	color: #ff66cc;
}
#lblInfo {
	border-right: #dcd9ad 1px solid;
	border-top: #dcd9ad 1px solid;
	font-size: 13px;
	border-left: #dcd9ad 1px solid;
	border-bottom: #dcd9ad 1px solid;
	font-family: Tahoma;
	font-size: 11px;
	background-color: #ffffcc;
	padding-right: 5px;
	display: block;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	color:Red;
}
/*.menu
{
	FONT-SIZE: 8pt;
	COLOR: #504941;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	padding-top:2px;
	padding-left:5px;
	padding-bottom:2px;
	padding-right:5px;
	border:1px solid #cccccc;
	width:180px;
	background-color:#FFF1F1;
	display:block;
	filter:alpha(opacity=60);
}
.menu:hover
{
	FONT-SIZE: 8pt;
	COLOR: #504941;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:underline;
	padding-top:2px;
	padding-left:5px;
	padding-bottom:2px;
	padding-right:5px;
	border:1px solid #cccccc;
	width:180px;
	background-color:#FFF1F1;
	display:block;
	filter:alpha(opacity=100);
}
*/
.text {
	FONT-SIZE: 9pt;
	COLOR: #504941;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif
}
a {
	FONT-SIZE: 9pt;
	COLOR: gray;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif
}
a:hover {
	COLOR: #ff66cc;
}
.pagingSelected {
	font-size: 9pt;
	color: #ffffff;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	background-color: #ee5a5a;
	margin: 3px;
	display: inline;
}
.paging {
	font-size: 9pt;
	color: #5f708f;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	margin: 3px;
	background-color: #e3e3d5;
	cursor: hand;
	text-decoration:none;
}
.paging:hover {
	font-size: 9pt;
	color: #ffffff;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	background-color: #ee5a5a;
	margin: 3px;
	display: inline;
}

.pagingLink
{
	font-size: 8.5pt;
	color: #5f708f;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	margin: 3px;
	cursor:hand;
}
.pagingLink:hover
{
	font-size: 8.5pt;
	color: #5f708f;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	margin: 3px;
	display: inline;
	cursor:hand;
}
.selectbox {
	FONT-SIZE: 9pt;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
	color: #ff0000;
}
.input {
	font-size: 9pt;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #ff0000;
}
input, fieldset {
	font-family:Tahoma;
	font-size:11px;
}
.textarea {
	border-right: #706f6b 1px solid;
	border-top: #706f6b 1px solid;
	padding-left: 3px;
	font-size: 9pt;
	border-left: #706f6b 1px solid;
	padding-top: 1px;
	border-bottom: #706f6b 1px solid;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #ff0000;
}
.a {
	font-weight: bold;
	font-size: 11px;
	color: #ff0000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	padding:5px;
}
.a:hover {
	color: #ff0000;
	background-color: #fff4ff;
	text-decoration:none;
}
.a2 {
	font-size: 15px;
	color: #ff0000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.a2:hover {
	color: #ff0000;
	background-color: #fff4ff;
	text-decoration:none;
	width:100%;
		display: block;
}
.aMenu {
	font-weight: bold;
	font-size: 11px;
	color: #8b8b8b;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 5px;
	display: block;
	border-bottom: #e3bce3 1px solid;
		width:170;
}
.aMenu:hover {
	color: #ff66cc;
	background-color: #ffffda;
	text-decoration:none;
	display:block;
	border-bottom: #e3bce3 1px solid;
}
.aMenuHeader{
	color: #333333;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
}
.aMenuMain {
	font-weight: bold;
	font-size: 11px;
	color: #686868;
	padding:2px
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	border-bottom: #f6f8b9 1px solid;
}
.aMenuMain:hover  {
	font-weight: bold;
	font-size: 11px;
		padding:2px
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #ff66cc;
	text-decoration:none;
	display:block;
	border-bottom: #f6f8b9 1px solid;
}

.listenlink {
	font-size: 12px;
	color: #686868;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
}
.listenlink:hover  {
	color: #ff66cc;
	font-size: 12px;
	background-color: #ffffda;
	text-decoration:none;
	display:block;
}
.liteinfo {
	font-family: Tahoma;
	font-size: 9px;
	color: #8d8d8d;
}
.liteinfo1 {
	font-family: Tahoma;
	font-size: 11px;
	color: #339966;
}
.liteinfo2 {
	font-family: Tahoma;
	font-size: 11px;
	color: #b8860b;
}
.gridItem {
	border-top: #d3d3d3 1px solid;
	border-bottom: #d3d3d3 1px solid;
	background-color: #efefef;
}
.list {
	border: 1px solid #090;
	list-style-type: none;
	margin: 0px;
	cursor:hand;
	background-color: #FFF;
	text-align: left;
	font-size: 12px;
}
ul.list li {
	padding: 2px 5px;
	font-size: 12px;
		cursor:hand;
}
.listitem {
	color: #090;
	font-size: 12px;
}
.hoverlistitem {
	background-color: #FF3399;
	font-size: 12px;
}
.list2 {
	border: 1px solid #009;
	list-style-type: none;
	margin: 0px;
	background-color: #FFF;
	text-align: left;
	font-size: 12px;
	color:#999999;
}
ul.list2 li {
	padding: 2px 5px;
}
.listitem2 {
	color:#999999;
	font-size: 12px;
	cursor:hand;
}
.hoverlistitem2 {
	background-color: #ffe1e9;
	cursor:hand;
	color:#FF3399;
}
div.scroll {
height: 350px;
width: 360px;
overflow: auto;
border: 1px solid #ccc;
background-color: #fff;
padding: 8px;
}
div.scrolla {
height: 300px;
width: 450px;
overflow: auto;
border: 1px solid #ccc;
background-color: #fff;
padding: 8px;
}