html { direction:rtl;}

body
{ 
	background-image: url(../images/codg-bg.gif);
	background-repeat: repeat;
	padding: 0px; 
	margin:  0px;
	font-family:   "Arabic Transparent",Arial, Verdana, Helvetica, sans-serif;
	font-size: 99%;
	text-align:center;
	min-width: 780px;
 font-weight:bold;
}

a
{
	text-decoration:none;
	color: #043B53;
}

a:hover
{
	color:#0C8FC8;
}

a img
{
    border: none; /* Some browsers may display a border around a linked image without this attribute set to _none_. */
}


hr
{
	color:#3D8F95;
	background-color:#3D8F95;
	height:1px;
	border:0;
}

p
{
 line-height: 1.5;
}

.pagenavigator
{
 text-align:center;
}

#Wrapper
{
	width: 780px; 
	margin: 0 auto;
	border-left: 1px solid #235970;
	border-right:1px solid #235970;
	text-align:right;
	background-color:white;
}


img{padding:0; margin:0;border:0;}  

#SearchBox
{
	background:url(../images/codg-search-box-bg.png) no-repeat top; 
	display:block; 
	float:right;
	height:42px; 
	width:322px;
	border: 0;
	margin: 0;
}

#SearchForm
{
	float:left; 
	margin-left: 2px;
	margin-top: 2px;
	display:block;
}

/* #SearchForm span { color:white;  font-weight:bold;} */
#SubmitButton 
{
	background:transparent;
	border:0;
	color:white;
	font-size:1.3em;
}

/* Upper Menu Start*/
#UpperMenuWrapper li {float:right; display: inline;}
#LowerMenuWrapper li {float:left; display: inline;}
ul#UpperMenu {padding:0;margin:0;list-style: none;}
ul#LowerMenu {padding:0;margin:0;list-style: none;}

#UpperMenu li.Homepage {background: url(../images/codg-homepage-glow.png) no-repeat right top;}
#UpperMenu li.WhoAreWe {background: url(../images/codg-whoarewe-glow.png) no-repeat right top;}
#UpperMenu li.News     {background: url(../images/codg-news-glow.png) no-repeat right top;}
#UpperMenu li.Services {background: url(../images/codg-services-glow.png) no-repeat right top;}
#UpperMenu li.ContactUs{background: url(../images/codg-contactus-glow.png) no-repeat right top;}

#UpperMenu a{ display:block; width:90px; height:42px;}

#UpperMenu li.Homepage  a {background:url(../images/codg-homepage-dim.png) no-repeat right top;}
#UpperMenu li.WhoAreWe  a {background:url(../images/codg-whoarewe-dim.png) no-repeat right top;}
#UpperMenu li.News      a {background:url(../images/codg-news-dim.png) no-repeat right top;}
#UpperMenu li.Services  a {background:url(../images/codg-services-dim.png) no-repeat right top;}
#UpperMenu li.ContactUs a {background:url(../images/codg-contactus-dim.png) no-repeat right top;}

ul#UpperMenu a:hover{background:transparent;}
#UpperMenu li img, #LowerMenu li img { display:block;} /*for displaying the separator*/
/* Upper Menu Finish*/

#LowerMenu li.Support    {background: url(../images/codg-support-glow.png) no-repeat left top;}
#LowerMenu li.Mandobeyat {background: url(../images/codg-mandobeyat-glow.png) no-repeat left top;}
#LowerMenu li.Projects   {background: url(../images/codg-projects-glow.png) no-repeat left top;}
#LowerMenu li.Library    {background: url(../images/codg-library-glow.png) no-repeat left top;}
#LowerMenu li.Dawa       {background: url(../images/codg-dawa-glow.png) no-repeat left top;}

#LowerMenu a{ display:block; width:90px; height:44px; }

#LowerMenu li.Support    a {background: url(../images/codg-support-dim.png) no-repeat left top;}
#LowerMenu li.Mandobeyat a {background: url(../images/codg-mandobeyat-dim.png) no-repeat left top;}
#LowerMenu li.Projects   a {background: url(../images/codg-projects-dim.png) no-repeat left top;}
#LowerMenu li.Library    a {background: url(../images/codg-library-dim.png) no-repeat left top;}
#LowerMenu li.Dawa       a {background: url(../images/codg-dawa-dim.png) no-repeat left top;}

ul#LowerMenu a:hover {background:transparent;}

#Logo img {float:left;} 
#WorkForDeen{ float:right;}

div.message-confirmation, div.message-feedback, div.message-warning,div.warning, div.message-error
{
    margin: 0.5em 0 1em 0;
    padding: 0.25em 1em 0.75em 1em;
    border: 2px solid red;
    background-color: #f8f8f4;
}

#FooterMenu 
{
 list-style:none;
 padding:0;
 margin:0;
}

#FooterMenu .bar
{
	color:#3596c3;
/*  display:none; */
	border-right: 1px solid white;
	
}

#FooterMenu a:hover
{
 text-decoration:underline;
}

#FooterMenu li
{
  display:inline;
font-size:.6em;
}

#SideContent
{ 
	float:left; 
	margin: 0 5px 0 10px; 
	margin-bottom:10px; 
	width:230px;
	border:0;
} 

.SideContentBoxHeader
{ 
  border: 1px solid #235970;
  margin-top: 10px;
  display:block;
  clear:both;
}

.MainContentBody{text-align:center;}

#Banner
{
	display:block;
	float:left;
	border:1px solid #235970;
	width:228px;
	height:130px;
	margin: 10px 0;
	padding:0 ;
}

.SideContentBoxBody
{
  width:218px;

  border-left:1px solid #235970;
  border-right:1px solid #235970;
 border-bottom:1px solid #235970;
 padding:5px;
}

.SideContentBoxFooter{ width:250px; margin:0; padding:0; border:0; }


#MainContent,#MainHomeContent
{
	clear:both;
	min-height:670px;
	width:490px;
	float:right;
	margin: 10px 10px 10px 10px;
	background-color: #E0F2F4;
	background-color: #E6F0FA;
	border:1px solid #235970;
	padding:5px 10px 5px 10px;
	display:inline;
}

* html ##MainContent{height:670px;}

#MainHomeContent 
{
	background-color:white;
	border:1px solid white;
  padding:5px 5px 5px 5px;
	width:500px;
}

#mp-goal 
{
 background-color: #E6F0FA;
 border:1px solid #235970;
 margin:0;
 padding:0 10px;
}

#broadcast
{
 background-color: #E6F0FA;
 border:1px solid #235970;
 margin:0;
 padding:10px;
 text-align:center;

}

#fold-1, #fold-2
{
 margin-bottom:10px;
}


#fold-1 ul, #fold-2 ul, #fold-3 ul, #fold-4 ul, #fold-5 ul
{
 	padding:5px 35px 5px 5px;   
 	list-style: none; 
  margin-right:0;
}

 
#projects-text li
{
	list-style-image:url(../images/codg-mp-ico-projects.gif);
}

#fatwa-text li
{
	list-style-image:url(../images/codg-mp-ico-fatwa.gif);
}

#women-text li#article
{
	list-style-image:url(../images/codg-mp-ico-women.gif);
}

#women-text li#loha
{
	list-style-image:url(../images/codg-mp-ico-loha.gif);
}

#library-text li#mp-book
{
	list-style-image:url(../images/zip.png);
}

#library-text li#mp-audio
{
	list-style-image:url(../images/ram.png);
}

#activities-text li
{
	list-style-image:url(../images/codg-mp-ico-dalel.gif);
}
#dawa-doaa-text li
{
	list-style-image:url(../images/codg-mp-ico-dawa.gif);
}



#activities-text, #library-text, #dawa-doaa-text, #women-text, #projects-text, #fatwa-text
{
width:242px;
height:135px;
background-color: #E6F0FA;
border:1px solid #235970;
}

#dawa-doaa-image,  #women-image, #fatwa-image
{
 float:left;
 width:245px;
}

#activities-image, #library-image, #projects-image
{
 float:right;
width:245px;
}

#library-image img,  #women-image img , #fatwa-image img, #activities-image img, #dawa-doaa-image img, #projects-image img, #fold-1 img
{display:block;}



.clearfix {clear:both;}

#Footer
{
	background: url(../images/codg-footer.jpg) repeat-x;
 	background-color:#3596c3;
	width:780px;
	height:50px;
	border-bottom:1px solid #235970;
	border-top:1px solid #235970;
	text-align:center;
	clear:both;
	font-family:   Tahoma,"Arabic Transparent",Arial, Verdana, Helvetica, sans-serif;
	font-size: 80%;
	font-weight:normal;

}

#Footer p
{
 color: white;
 font-size: .7em;
 margin-top: 2px;

}

#Footer a
{
 color: white;
 font-size: 1.5em;
}


#N2 li.Homepage a, #N59 li.Dawa a, #N60 li.Projects a,#N61 li.News a, #N62 li.Mandobeyat a,#N63 li.Support a, #N68 li.Services a, #N70 li.Library a, #N85 li.WhoAreWe a, #N148 li.ContactUs a
{
background:transparent;
}

#Breadcrums{ margin: 5px;}

h1 { font-size: 1.6em; color:#043B53;}
h2 { font-size: 1.4em; color:#043B53;}
h3 { font-size: 1.2em; color:#043B53;}
h4 { font-size: 1em;   color:#043B53;}
h5 { font-size: 0.99em;color:#043B53;}
h6 { font-size: 0.8em; color:#043B53;}

.codg_ltr
{
 direction:ltr;
 text-align:center;
}

div.block div.element1,div.block div.element2{float: right;direction:ltr; padding-bottom: 10px;}

/*div.block div.element2{padding-right: 1em !important;}*/

div.buttonblock{clear:both;}

div.break 
{
	clear: both;
	font-size: 1px;
	height: 10px;
}

table.SearchResult
{
	width: 100%;
	margin: 1em 0 1em 0;
	empty-cells: show;
}

table.SearchResult th
{
	color: white;
	background-color: #235970;
	font-weight: normal;
	white-space: nowrap;
	padding:2px;
}

table.SearchResult td
{
	padding-right: 2px
}

table.SearchResult td.Type
{
	width:2%;
}

table.SearchResult tr.bglight
{
	background-color: #EFFAFF;
}

table.SearchResult tr.bgdark
{
	background-color: #DFF5FF;
}


.MainContentHeader h1
{
	background: url(../images/codg_article_bullet.gif) no-repeat right center;
	font-size: 1.6em; 
	padding-right: 1em;
	color:#043B53;
}

.MainContentHeader h2
{
 padding-bottom:1em;
}

.URLList ul
{
  list-style: url(../images/codg_urllist_bullet.gif);
  font-size: 1.0em;
  padding: 1em 1em 0 0; 
  margin-right:25px;
  margin-left:25px;
}

.URLList ul li
{
	border-bottom: 1px solid #B8C9D1;
	margin-top: 5px;
}

.GenTable
{
	width: 100%;
}

/* .GenTable1 a:hover{text-decoration:underline;} */

#WhoAreWe li, #SupportUs li, #Library li, #Services li, #Projects li, #Dowrat li
{
	border-top:1px solid #B8C9D1;
	padding: 15px 25px;
	list-style:none;
}

#WhoAreWe ul, #SupportUs ul, #Library ul, #Services ul, #Projects ul, #Dowrat ul
{
	 padding-left:50px;
}


#Mandobeya-Wrapper

{
  width:100%;
  vertical-align:top;
  border-spacing:1px;
}

#Mandobeya-Wrapper td

{
  width:50%;
 border-spacing:0;
 padding:2px;
  
}


#Dawa-Wrapper

{
  width:100%;
  vertical-align:top;
  margin-top:20px;
}

#Dawa-Wrapper td
{
 width:50%;
}

#Mandobeya-Wrapper td table td
{
 padding:2px 1px;
 width:50%;

}

#Mandobeya-Wrapper tbody, #Dawa-Wrapper tbody
{
	vertical-align:top;
}

#Library, .DawaMenu, .NewsList
{
	width:100%;
	border-collapse:collapse;
}

#AudioLib
{
border-collapse:collapse;
}

#Mandobeya-Name td, #Mandobeya-Dist td, #Library td, .NewsList td, #AudioLib td
{
	vertical-align:top;
	border: 1px solid #3D8F95;
	padding: 4px 10px;
	
}

/* #Lohaat-List */
#lohatdaaweya a img
{
 border: 1px solid #3D8F95;
}

.Lohaat 
{
 width:200px;
 border-collapse:collapse;
}

.Lohaat td
{
	 direction:ltr;
	 width:10px;
	vertical-align:top;
	border: 1px solid #3D8F95;
	padding: 4px 10px;
	
}

#Mandobeya-Dist table td {border:0;}
#Mandobeya-Dist td { width:100%;}
#Mandobeya-Dist { 
	width:100%;
	border-collapse:collapse;
}


#Mandobeya-Name

{ 
	width:100%;
	border-collapse:collapse;
}

.DawaMenu td
{
	vertical-align:top;
	padding: 4px 10px;
	
}

#Mandobeya-Name th, #Mandobeya-Dist th, #Library th, .DawaMenu th, #AudioLib th
{
  vertical-align:top;
  background-color: #BBE0E3;
  padding: 4px 10px;
	border: 1px solid #3D8F95;
}

.NewsList th
{
  vertical-align:top;
  border: 1px solid #3D8F95;
  background-color: #BBE0E3;
  padding: 4px 10px;
	text-align:center;
}

.PubDate
{
  width:75px
}


#Mandobeya-Name li, #Mandobeya-Dist  li, .DawaMenu li, .NewsList li
{ 
  list-style:none; 
  padding: 5px
}

#Mandobeya-Name ul, #Mandobeya-Dist  ul, .DawaMenu ul, .NewsList ul
{
  padding:0 5px; margin:0;
}

#LatestNews ul
{
  padding:0; margin:0;
}

#LatestNews li
{ 
  list-style:none; 
 padding: 2px 0;
}


.imagecenter{text-align:center;}
.attribute-message textarea, .attribute-subject input {width:100%;}
.attribute-email input, .attribute-name input {width:50%}

/*#ProjectPreview1
{
 width:490px;
 padding:0;
 margin:0;
 border-spacing:0;
}*/

.proj_images
{ 
 float:left;
 width:125px;  
}

.proj_images img
{
padding:2px;  
border:1px solid #3D8F95;
margin:1px;
}

#proj_summary div
{
/*   float:left; */
  
}

#proj_desc
{
/*  background-color:green; */
 margin-left:135px;
}


#proj_links td
{
 border:1px solid #3D8F95;
 padding:5px;
 background-color:#BBE0E3
}

#proj_links a, #proj_links a:hover
{
 color: #000000;
}

#NewsList 
{
  padding:0;
  margin:0;
}

#NewsList li
{
	border-top:1px solid #B8C9D1;
	padding: 15px 25px;
	list-style:none;   
}

#NewsList ul
{
  padding:0;
}

#NewsListYears 
{
 width:10%
}

#NewsListLatest 
{
 width:90%;
  border-right: 1px solid #B8C9D1; 
 padding:5px 10px 0 10px;
 vertical-align:top;
}


#NewsList ul
{
	list-style:none;
}

.NewsView img {float:left;}

.box, .block select
{
	border: 1px solid #3D8F95; 
	width: 388px;
}

.tipafriendbox
{
	border: 1px solid #3D8F95; 
	width: 350px;
}


#SitemapTD , #Feedback td, #Tipafriend td{vertical-align:top;}
#Feedback .feedbackbox .box, #Feedback .feedbackbox .block select
{
	width: 375px !important;
}

.smsbox .box
{
  width: 140px !important;
direction:ltr;
}

.feedbacklabel, .smslabel{ text-align:right;}

/*   Poll Style */

#MainContent .Poll p
{
	font-size: 1.2em; 
	color:#043B53;
  font-weight:bold;
}

#MainContent .Poll label
{
 padding:5px
}

#Org-Chart{width:100%;text-align:center;}
#Org-Chart img
{
	border: 1px solid #3D8F95; 
}



.Poll label
{
	display:block;

}
		
div.poll-result td.poll-resultbar td.poll-percentage, div.poll-result td.poll-resultbar td.poll-votecount
{  
    font-style: italic;
    font-size: 85%;
}

div.poll-result td.poll-resultbar td.poll-percentage
{  
    text-align: right;
}

div.poll-result td.poll-resultbar td.poll-votecount
{  
    text-align: left;
}

div.poll-result p
{  
    font-weight: bold;
}

div.poll-result div.chart-bar-resultbox
{
    margin: 0.5em 0 0.5em 0;
    width: 100%;
}

div.poll-result div.chart-bar-resultbar
{
    height: 14px;
}

div.poll-result td.poll-resultname
{
    padding-right: 5px;
   vertical-align:top;
}

div.poll-result td.poll-resultbar
{
    padding-left: 5px;
}

div.poll-result td.poll-resultbar table
{
    width: 300px;
}

div.poll-result div.chart-bar-resultbox
{
    background-color: #043B53;
    background-color: #EEEEEE;
/*     border:1px solid #043B53; */
}

div.poll-result div.chart-bar-resultbar
{
    background-color: #444; /* This could also be a repeating background image */
    background-color: orange;
    background-color: #043B53;
}
		
div.content-poll-results
{
    width: 100%;
}

div.content-poll-results ul
{
    margin-left: 0;
}

div.content-poll-results li
{
    list-style-type: none;
}

div.content-poll-results span.option
{
    font-weight: bold;
    float: left;
}

div.content-poll-results span.votes
{
    font-weight: normal;
}

div.content-poll-results span.value
{
    font-weight: bold;
    margin-top: 1.7em;
    float: right;
}

div.content-poll-results div.resultblock
{
    width: 100%;
    margin: -1.2em 0 0.5em 0;
    float: left;
}

div.content-poll-results div.resultedge-start
{
    padding-right: 4em;
}

div.content-poll-results div.resultedge-end
{
    border: 1px solid black;
}

div.content-poll-results div.resultbox
{
    background-image: url(../images/poll-bg.gif);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #bcbbaf;
    width: 100%;
}

div.content-poll-results div.resultbar
{
    background-image: url(../images/poll-result-bg.gif);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #4b7198;
    height: 20px;
}

div.content-poll-results div.result-divider
{
    height: 20px;
}

div.pollbuttons div
{
/* 	border: 1px solid #3D8F95; */
	display:inline;
}
.button
{
 background-color: #BBE0E3;
 border: 1px solid #3D8F95;
 cursor: pointer;

}

.codg-poll-result-button
{
/* float:left; */
}


/* Online Editor Style */

.GeneralTableOneColor, .DowratTable
{
	font-size:.9em;
	border-collapse:collapse; 
	border-spacing:0 !important;
  width:100%;
}

.GeneralTableOneColor th, .DowratTable th
{
	background-color: #DFF5FF;
	padding: .4em; 
	color:#043B53;
	border: 1px solid #3D8F95;
	border: 1px solid #235970;
}

.GeneralTableOneColor td, .DowratTable td
{
	padding: .3em;
	background-color: #EFFAFF;
	border: 1px solid #3D8F95;
}

.GeneralTableOneColor p
{ 
	border:0;
	padding:0;
	margin:0;
}

.TDHeader
{
 background-color: #DFF5FF !important;
 color:#043B53;
 font-size:1em;
 font-weight: bold;
}

.NoBottomMargin
{
 margin-bottom:0;
}

.NoTopMargin
{
 margin-top:0;
}

.DawaArticleBody p
{
 margin-top:3px;
}



/* End of Online Editor Style */

.Tazkya table{ width: 100%;}

.TazkyatList {width:100%}
.TazkyatList td
{
	height:35px; 
/* 	width:50%; */
}

.TazkyaTable { width:100%; }
.TazkyaTD{ text-align:center;width:50%;}
.TazkyaTD div
{
  border: 1px solid #3D8F95;
  background-color: #BBE0E3;
	padding: 3px 0;
}

.SalamatDiv
{
  border: 1px solid #3D8F95;
  background-color: #BBE0E3;
	padding: 3px 0;
	text-align:center;
}

.ctr, .Center, .center {text-align: center; }
.left{ text-align:left}
.right{ text-align:right}


.AbsCtr 
{
 text-align:center;
 vertical-align:middle !important; 
}



/*#RoundedBox
{
	font: 80%/1.6 Arial, Hevetica, sans-serif;
	margin: 50px 0 10px 0; 
}
.RoundedCorner
{
	height:1px;
	overflow:hidden;
	background-color:#E7E7E7;
	border-right:1px solid #E7E7E7;
	border-left:1px solid #E7E7E7;
}*/


/*.c1 {margin: 0 12px 0 12px;border:none;}
.c2 {margin: 0 9px;border-width:0 3px;}
.c3 {margin: 0 7px;border-width:0 2px;}
.c4 {margin: 0 6px 0 6px;}
.c5 {margin: 0 5px 0 5px;}
.c6 {margin: 0 4px 0 4px;}
.c7 {margin: 0 3px 0 3px;}
.c8 {margin: 0 2px 0 2px;}
.c9 {margin: 0 1px 0 1px;}*/

/*.HomepageTable
{
 width:100%;
 border-collapse:collapse;
 border-spacing:10px;
}

.HomepageTable td
{
 vertical-align:top;
width:50%;
}*/

/*.HomepageTable tbody td
{
	background-color: #E6F0FA;
border:1px solid #235970;
}*/
.HomepageHR
{
	color:#043B53;
	background-color:#043B53;
	height:1px;
	border: 1px dotted gray; 
	border-style: none none dotted;
}

/*.HomepageTable ul
{
	padding:2px;
	margin:0;	
	list-style: none;
}*/

/*.HomepageTable th
{
 text-align:right;
}*/


div.object-left
{
    float: left;
    clear: left;
}

div.object-right
{
    float: right;
    clear: right;
}

/* Styles */
.MainHeading
{
 color: #1E4682;
 text-align:center;
 font-weight: bold;
 font-size:1.4em;
 padding-bottom: 3px;
/* used to be as padding-bottom: 0 3px;*/
}

.DawaArticleTitle 
{
 color: #1E4682 !important;
 text-align:center !important;
 font-size:1.1em;
}

.SideTitle1
{
 color: #BE0000;
 text-align:right;
 font-weight: bold;
 font-size:1.3em;
 padding-bottom: 3px;
}

.SideTitle2
{
 color: #326EBE;
 text-align:right;
 font-weight: bold;
 font-size:1.2em;
 padding: 0 3px 3px 0;
}

.SideTitle3
{
 color: #961E00;
 text-align:right;
 font-weight: bold;
 font-size:1.2em;
 padding: 0 3px 6px 0;
}

.AuthorTitle, .DawaArticleAuthor
{
 color: #BE0000;
 text-align:right;
 font-size:1.2em;
 padding-bottom: 3px;
 font-weight:bold;
}

#quicksettings td
{
	padding: 0 10px;
}
.attribute-tipafriend a, .attribute-print a
{
    padding-right: 22px;
    background-position: right ;
    background-repeat: no-repeat;
}

.attribute-tipafriend a
{
    background-image: url('../images/tip_icon.gif');
}

.attribute-print a
{
    background-image: url('../images/print_icon.gif');
}