/*  Muslim Aid stylesheet: global styles */

/* Body, general formatting and reusable classes etc */

html, body, div, span, applet, embed, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,  ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0;}
img { border: 0; }
embed, object, form, fieldset { border: 0; vertical-align: bottom; }
body { font: 62.5% Arial, sans-serif; background: #f4f9f0; color: #000; text-align: center;  }
input, select, textarea { font: 1em Arial, sans-serif; vertical-align: bottom; }
table { border-collapse: collapse; border-spacing: 0; }
hr { width: 100%; color: #000; background-color: #000; border: 0; height: 2px; }
.hide, .skipNav { position: absolute; top: 0; left: -9999px; }
.skipNav:hover, .skipNav:active, .skipNav:focus { position: absolute; top: 0; left: 0; }
.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
img { border: none; }

/* GENERIC CLASS */
.clear { clear:both; line-height:0 }
.noborder { border:none }
.float_left { float:left }
.float_right { float:right }
div.form_row { width:100%;  float:left; padding : 2px; }
div.form_row.norm { width:100%; float:left; background-color : #cbe7b9; }
div.form_row.alt { width:100%; float:left; background-color : #e5f4db; }
div.form_row label.title { width : 120px; text-align : right; font-weight : bold;} 

.bold {font-weight:bold;!important}
.width_75percent{width:75%;}
.width_70percent{width:70%;}
.width_60percent{width:60%;}
.padding4px {padding:4px;}
.underline{ text-decoration:underline;}
.imgLeft { margin: 5px 10px 10px 0 !important; padding: 0 !important; font-size: 1em !important; float: left !important; }
.imgRight { margin: 5px 0 10px 10px !important; padding: 0 !important; font-size: 1em !important; float: right !important; }
.col2 { width: 50%; float: left; }
.col3 { width: 33.3%; float: left; }
.col4 { width: 25%; float: left; }
.col5 { width: 20%; float: left; }
a { color: #000; }
a:hover { color: #000; }
a:active, a:focus { color: #000; }

/* Generic Arabic font-size class */
.ar {font-size: 120%; position: relative; bottom: .1em; font-weight: bold}

/* Main wrapper, header and main menu */
#wrapper { width: 770px; margin: 0 auto; border: solid #eaeaea; border-width: 0 1px; }
#header { background: #fff; padding: 5px 10px; font-size: 1.3em; text-align: right;width:750px; }
#header #logo { float: left; padding: 5px 0 15px 0}
#header #language dt { position: absolute; top: 0; left: -9999px; }
#header #language dd { display: inline; }
#header #language dd a { color: #6db43e; text-decoration: none; }
#header #language dd a:hover { text-decoration: underline; }
#header #language dd a:active, #header #language dd a:focus { background: #6db43e; color: #fff; }
#header fieldset { padding: .5em 0 0 0; float:right; }
#header fieldset legend {position: absolute; top: 0; left: -9999px; font-size: 0;}
#header fieldset label {color: #6db43e;   }
#header fieldset input { border: 1px solid #6db43e; padding: .1em .3em; font-size: .9em; vertical-align: middle; width: 7.5em; }
#header fieldset input.submit { background: #dde6d7; padding: .0em .2em;text-transform: capitalize; width: auto; cursor: hand; cursor: pointer; }

/* Homepage spotlights for users wuthout flash */
ul.spotlights { list-style-type: none; margin: 0; background: #333} 
ul.spotlights li {float: left; background: #fff; border-right: 9px #333 solid} 
ul.spotlights li a {display: block; height: 360px;text-decoration: none; width: 180px;  }
ul.spotlights li a span.title {padding: 10px; position: relative; top: 260px; height: 80px; font-size: 24px; display: block; background: url(../images/pagetitleshade.png); }
ul.spotlights li.last {border-right: none; } 

ul.spotlights li a.first {background: url(../images/home1.jpg) top left no-repeat; }
ul.spotlights li a.second {background: url(../images/home2.jpg) top left no-repeat; }
ul.spotlights li a.third {background: url(../images/0.jpg) top left no-repeat; }
ul.spotlights li a.last {background: url(../images/donate.png) top left no-repeat; }

#mainMenu { background: #6db43e; border-bottom: 1px solid #fff; text-align: left; width:770px; }
#mainMenu ul { list-style: none; padding: 0px 10px;}

/* Main content */
#content { background: #333; color: #fff; padding: 10px; text-align: left; margin-bottom: 10px; }
#content #internal { width:750px; }
#leftCol { width: 178px; float: left; }
#leftCol ul { background: #ede7d0; list-style: none; padding: 10px 0px 10px 0; margin-bottom: 10px}
#leftCol ul li { font: 1.3em Arial; background: url(../images/internalnavarrow.gif) no-repeat 10px .5em; }
#leftCol ul li.active { background: url(../images/internalnavarrow-on.gif) no-repeat 10px .5em; }
#leftCol ul li.active a {color: #333}
#leftCol ul li a { color: #815f3e; font-weight: bold; padding: .2em 10px .2em 23px; display: block; text-decoration: none; }
#leftCol ul li a:hover { text-decoration: none; background: url(../images/internalnavarrow-on.gif) no-repeat 10px .5em;}
#leftCol ul li a:active, #leftCol ul li.on a:active, #leftCol ul li a:focus, #leftCol ul li.active a:focus { background: #72694d; color: #ede7d0; }

#leftCol ul li ul { background: #f7f5ec; }
#leftCol ul li ul li { font-size: .9em; background: url(../images/internalnavarrow2.gif) no-repeat 10px .5em; margin-left: 15px}
#leftCol ul li.on ul li a {color: #72694d;}
#leftCol ul li ul li.on { background: #dde6d7 url(../images/internalnavarrow-on.gif) no-repeat 10px .5em; }
#leftCol ul li ul li.on a { color: #000; }
#leftCol ul li.active ul li a { color: #72694D; }

.moduletablered { margin: 0px 0 10px 0; padding: 10px; background: #b30000 url(../images/donatenowbox.png) repeat-x bottom; }
.moduletablered h2 { margin: 0; padding: 0 0 .2em 0; font-size: 1.8em; border-bottom: 1px solid #fff; font-family: Tahoma; font-weight: normal; }
#donateNow form {margin:0; padding:0; }
#donateNow p { margin: .4em 0 0 0; font-size: 1.2em; }
#donateNow p.hdr { margin: 0; padding: 0 0 .2em 0; font-size: 1.8em; border-bottom: 1px solid #fff; font-family: Tahoma; font-weight: normal; }
#donateNow fieldset { margin: 1em 0 0 0; }
#donateNow fieldset legend { position: absolute; top: 0; left: -9999px; font-size: 0; }
#donateNow fieldset label { margin: .5em 0; font-size: 1.2em; float: left;width:53px; }
#donateNow fieldset input { width: 90px; margin: .3em 0; padding: 2px 3px; font-size: 1.3em; border: 1px solid #7f0000; float: right; }
#donateNow fieldset select { width: 98px; margin: .3em 0; font-size: 1.3em; border: 1px solid #7f0000; float: right; }
#donateNow fieldset input.submit { width: 98px;  background: #000; color: #fff; float: right; cursor: hand; cursor: pointer; border: none}
#donateNow ul {background: none}
#homeRight #donateNow ul {font-size: 1.3em; margin-top: .7em; }
#homeRight #donateNow {margin: 0 0 0 0; }
#homeRight #donateNow fieldset input.submit {width: 140px;}
#homeRight #donateNow fieldset input {width: 133px; }
#homeRight #donateNow fieldset select {width: 140px; }
#donateNow ul li {color: #fff; background: url(../images/redbgarrow.gif) no-repeat 3px .4em; padding: .1em 10px .1em 17px; display: block; text-decoration: none;}
#donateNow ul li.basket { background: url(../images/icon_basket.gif) no-repeat left .4em; }
#donateNow ul li a {color: #fff; font-weight: normal; padding: 0; display: block; text-decoration: none; }
#donateNow ul li a:hover, #leftCol #donateNow ul li a:active, #leftCol #donateNow ul li a:focus { text-decoration: underline; color: #fff; background: none}

#donationBasket form {margin:0; padding:0; }
#donationBasket p { margin: .4em 0 0 0; font-size: 1.2em; }
#donationBasket p.hdr { margin: 0; padding: 0 0 .2em 0; font-size: 1.8em; border-bottom: 1px solid #fff; }
#donationBasket fieldset { margin: 1em 0 0 0; }
#donationBasket fieldset legend { position: absolute; top: 0; left: -9999px; font-size: 0; }
#donationBasket fieldset label { margin: .5em 0; font-size: 1.2em; float: left;width:53px; }
#donationBasket fieldset input { width: 90px; margin: .3em 0; padding: 2px 3px; font-size: 1.3em; border: 1px solid #7f0000; float: right; }
#donationBasket fieldset select { width: 98px; margin: .3em 0; font-size: 1.3em; border: 1px solid #7f0000; float: right; }
#donationBasket fieldset input.submit { width: 98px;  background: #000; color: #fff; float: right; cursor: hand; cursor: pointer; border: none}
#donationBasket ul {background: none}
#homeRight #donationBasket ul {font-size: 1.3em; margin-top: .7em; }
#homeRight #donationBasket {margin: 0 0 0 0; }
#homeRight #donationBasket fieldset input.submit {width: 140px;}
#homeRight #donationBasket fieldset input {width: 133px; }
#homeRight #donationBasket fieldset select {width: 140px; }
#donationBasket ul li {color: #fff; background: url(../images/redbgarrow.gif) no-repeat 3px .4em; padding: .1em 10px .1em 17px; display: block; text-decoration: none;}
#donationBasket ul li.basket { background: url(../images/icon_basket.gif) no-repeat left .4em; }
#donationBasket ul li a {color: #fff; font-weight: normal; padding: 0; display: block; text-decoration: none; }
#donationBasket ul li a:hover, #leftCol #donationBasket ul li a:active, #leftCol #donationBasket ul li a:focus { text-decoration: underline; color: #fff; background: none}

div#rightCol { width: 560px; float: right; margin:0 0 10px 0; }
#rightCol #pageTitle { float:none; height: 135px; position: relative; }
#rightCol #pageTitle img { position: absolute; top: 0; left: 0; }
#rightCol #pageTitle h1 { position: absolute; bottom: 0; right: 10px;  background: url(../images/pagetitleshade.png); color: #000; font-size: 3.3em; text-transform: uppercase; padding: .1em 10px; font-family: Tahoma; font-weight: normal; }

div.features {float: right; padding: 10px 10px 10px 10px; margin: 10px 0px 0px 10px; background: #333; color: #000; background: #dde6d7; width: 160px;}
div.features h2 { font-size: 1.4em; padding: 0 0 3px 0; border-bottom: 1px solid #b6c7ac; font-weight: normal; }
div.features p { margin: .5em 0 .5em 0; font-size: 1.2em; line-height: 1.3em; }
div.features fieldset label { margin: .3em 0; float: left;  font-size: 1.2em; }
div.features fieldset input { width: 105px; margin: .2em 0; border: 1px solid #6d8e59; float: right; font-size: 1.2em;}
div.features fieldset input.submit { width: auto; background: #6db43e; color: #fff; border: 1px #fff solid; text-transform: uppercase; font-weight: bold}

#page-features {float: right; padding: 0; margin: 0; background: #333; color: #000;  width: 190px;}
#page-features div {margin: 10px 0 10px 10px; padding: 10px}
#page-features .moduletablegraphic {padding: 0; }
#page-features div img.caseStudy {padding:0; margin:6px 5px 2px 2px; float:left; width:60px; height:60px;}
#page-features h2 { font-size: 1.4em; padding: 0 0 3px 0; border-bottom: 1px solid #b6c7ac; font-weight: normal; }
#page-features p { margin: .5em 0 .5em 0; font-size: 1.2em; line-height: 1.3em; }
#page-features p.caseStudy a { background: url(../images/morelink.gif) no-repeat 0 .3em; padding: 0 0 0 10px; }
#page-features p.caseStudy a:active, #body p.more a:focus { background: #000; }
#page-features ul {padding-top: 10px; margin-top: 0px; list-style-type: none;}
#page-features ul li a { margin: 0px 0 4px 0; display: block; font-size: 1.2em;  background: url(../images/morelink.gif) no-repeat 0 .3em; padding: 0 0 0 10px; }

#body { margin: 10px 0 0 0; padding: 10px 1.5em;  background: #dde6d7; color: #000; }

/* TWO COLUMN BODY */
.twocol {float: left; clear: none; /* width: 340px; */ width: 342px; padding:10px 14px !important; }/* changed padding from em to px to prevent div from floating UNDER the left Column when txt is increased.*/

/* breadcrumb trail... */
#body #breadcrumb { padding: 0 0 1em 0; border-bottom: 1px solid #fff; }
#body #breadcrumb strong { position: absolute; top: 0; left: -9999px; }
#body #breadcrumb ol { list-style: none; }
#body #breadcrumb ol li { font-size: 1.1em; display: inline; }
#body #breadcrumb ol li a { color: #6d8e59; text-decoration: none; }
#body #breadcrumb ol li a:hover { text-decoration: underline; }

/* donation process trail */
#body ol.donateprogress { height:2em; list-style: none; display:inline;}
#body ol.donateprogress li { padding:0;margin:0;float: left; }
#body ol.donateprogress li span { width:114px;text-align:center;display:block; float:left; color:#FFF; padding:0.5em 20px 0.5em 0; text-transform:uppercase; font-weight:bold; background:#6db43e url(../images/donate_green-green.gif) no-repeat center right; }
#body ol.donateprogress li.last span {padding-right: 0px; background:#6db43e url(../images/donate_green-white.gif) no-repeat center right; }
#body ol.donateprogress li span.precurrent { background:#6db43e url(../images/donate_green-black.gif) no-repeat center right; }
#body ol.donateprogress li span.current { background:#000 url(../images/donate_black-green.gif) no-repeat center right; }
#body ol.donateprogress li.last span.current { background:#000 url(../images/donate_black-white.gif) no-repeat center right; }
#body ol.donateprogress li a { color: black; font-weight: bold; }

#body h2, .contentheading { margin: .8em 0 .3em 0; padding: 0 0 .3em 0; font-size: 1.8em; color: #000; font-weight: normal; border: none; clear: left;}
#body h2.no-border {border-bottom: none}
#body p { margin: .5em 0 .5em 0; font-size: 1.3em; line-height: 1.3em; }
#body p.introText { margin: .5em 0 0 0; font-size: 1.8em; color: #815f3e; font-weight: normal; line-height: 1.3em; }
#body p.smallPrint{ font-style:italic; line-height:1.25; margin-top:2em; font-size:1.2em; color:#333;}

#body p.more.right { text-align: right; }
#body p.more.float_right { text-align: right; }
#body p.more { clear:none;}
#body p.more a { background: url(../images/morelink.gif) no-repeat 0 .3em; padding: 0 0 0 10px; }
#body p.more a:active, #body p.more a:focus { background: #000; }
#body p.more span { position: absolute; top: 0; left: -9999px; } /* used to enable accessibility */

#body p.caseStudy a { background: url(../images/morelink.gif) no-repeat 0 .3em; padding: 0 0 0 10px; }
#body p.caseStudy a:active, #body p.more a:focus { background: #000; }

#body ul { margin: .8em 0 0 2em; font-size: 1.3em; line-height: 1.5em; list-style-position: outside; }
#body ul.threeCols li { width: 30%; float: left; }

#rightCol a {color: #6d8e59; text-decoration: none; }
#rightCol a:hover, #rightCol a:active, #body a:focus  {text-decoration: underline; }

#body .listing { margin: 0 0 0 0; padding: 10px 0 10px 0; border-top: 1px solid #fff; }
#body .listing h2 { margin: 0; padding: 0; font-size: 1.5em; border-bottom: 0; font-weight: bold; }
#body .listing h2 img { float: left; margin: 0 1em 0 0; }
#body .listing p.date { font-size:1.1em; margin:0; }
#body .listing p.more { float: left;  clear:none;  }

#body .donation {border-top: none; padding: 0 0 5px 5px; margin: .2em 0 .5em 0}
#body .donation h2 { margin: 0; padding: 5px 0 0 0; font-size: 1.5em; border-bottom: 0; font-weight: bold; }
#body .donation h3 img { float: left; margin: 0 1em 0 0; }

/* MEDIA CENTRE, NEWS, PRESS RELEASES */

/* repeating div */
#body div.repeat {border-top: none; margin: 5px 0 0 0; padding: 5px 0 5px 0; border-bottom:dashed #999 1px;}
#body div.repeat p.date { font-size:1.1em; margin:0; color:#666; }

#body div.news {border-top: none; margin: 5px 0 0 0; padding: 5px 0 5px 0; border-bottom:dashed #999 1px;}
#body div.news p.right {float:right;}
#body div.news p.date { font-size:1.1em; margin:0; color:#666; }

.createdate {
	font-size: .8em;
	color: #666;
}
#body div.donations {border-top: none; margin: 5px 0 0 0; padding: 5px 0 5px 0; border-bottom:dashed #999 1px;}
#body div.donations h2{font-size: 1.4em;}

/* mkae sure that div.publications has a specified WIDTH otherwise it will NOT work in IE6  */
#body div.publications { margin: 5px 0 0 0; padding: 5px 0 5px 0; border-bottom:dashed #999 1px; float:left; width:99%; /* IE6 fix */ }
#body div.publications p.right {float:right;}
#body div.publications p.date { font-size:1.1em; margin:0; color:#666; }
#body div.publications p.download a {font-weight: normal; background: url(../images/morelink.gif) no-repeat 0 .3em; padding: 0 0 0 10px; color: #6d8e59;}
#body div.publications img.thumb { float:left; border:#999 1px solid; margin-right:1em;  }
#body div.publications h2.title { font-size:1.6em; color:#000; border:none; margin:0; padding:0; }
#body div.publications h2 {font-size: 1.4em;}

/*NEWS ITEM */
#body #newsItem h2.newsTitle { font-size:1.8em; margin:0; color:#000; border:none; margin:0.5em 0 0 0; padding:0; }
#body #newsItem p.date { font-size:1.1em; margin:0; color:#666; }
#body #newsItem img { padding:0 1em 0.2em 0.2em; float:left; margin-top:1em;}
#body p.paging {text-align: right;}
#body p.paging a {border: 1px solid #fff; background: #6db43e; color: #fff; padding: .2em .4em;  margin-left: 5px}
#body p.paging a:hover {background: #333; color: #fff; text-decoration: none;}
#body p.paging a.on {background: #333; color: #fff; text-decoration: none;}
#body p.paging-number {font-size: 1.1em; text-align:right; font-weight:normal;}

/* Photo Gallery*/
#body .galleryHolder { margin:1em 0 1em 0; position:relative; clear:both; text-align: center;}
#body .galleryHolder img { margin:0px 0 5px 0;}
#body .galleryHolder img.shield { position:absolute;top:0;left:0; }
#body .galleryHolder p.next, #body .galleryHolder p.back {display: inline; font-weight: bold}
#body .galleryHolder p.next a { display:inline;  float: none; padding: .2em .4em; margin-left: 5px; }
#body .galleryHolder p.back a {float: none;  margin-left:0; display:inline; padding: .2em .4em; margin-left: 5px;clear: left;}
#body .galleryHolder p.pages {float: none; display:inline; text-align:center; margin: 0 5px 1em 5px; }
#body .galleryHolder p.pages a {float: none; line-height:1.9em;display:inline;margin: 0 2px 0 2px; }

/* new donate now page STEP1 
DO NOT FORGET TO UPDATE ANY CHANGES IN THE IE6 css, for transparency issues. */
#body div.donationContainer { margin:5px 20px 5px 0px; float:left; width:140px; height:auto; position:relative; /*border:1px solid #ff1;*/ }
#body div.donationContainer a img { margin:0px; border:1px solid #999; width:140px; height:120px; clear:both; }

#body div.donationContainer a span.donation {display: block; margin:3px 0 0 0; padding:0; font-size:1.25em; color:#333; font-weight:bold; text-transform: uppercase; }
#body div.donationContainer a span.transparency { position:absolute; top:0; left:0; width:140px; height:120px; background: url(../images/transparency.png) ; font-size:1.2em; color:#000;  }
#body div.donationContainer a:hover span.transparency { display: none; }
#body div.donationContainer a:hover img {  border:1px solid #6d8e59;  border:1px solid #333; text-decoration:none;}
#body div.donationContainer a:hover { color:#333; }
#body div.donationContainer a:hover span.donation { text-decoration:none; color:#6d8e59; }
#body div.donationContainer p {display: block; padding:0; margin:0; color: #444; font-size: 1.15em; line-height: 1.15;  }

#body p.more { clear:both; }

#body ul.galleryListing { margin: .8em 0 0 0; font-size: 1.1em; list-style: none; }
#body ul.galleryListing li { height: 150px; width: 24%; padding: 0 0 10px 0; float: left; }
#body ul.galleryListing li a { width: 100px; display: block; font-weight: bold;}

#body ul.galleryListing li a img { border:solid 1px #888;}
#body ul.galleryListing li a:hover img { border:solid 1px #333;}

#body ul.donationOptions li { width: 20%; padding: 0 0 10px 0; float: left; }

#body fieldset.donateOnline { margin: .6em 0 0 0; font-size: 1.3em; }
#body fieldset.donateOnline fieldset { margin-bottom:1.7em; }
#body fieldset.donateOnline fieldset legend {font-size: 1.4em;color:#6d8e59; }
#body fieldset.donateOnline .amount label { position: absolute; top: 0; left: -9999px; }
#body fieldset.donateOnline .amount select, #body fieldset.donateOnline .amount input { margin: .4em 0; }
#body fieldset.donateOnline .radios { margin: .8em 0 1.7em 0; }
#body fieldset.donateOnline .radios label { margin: .5em 0 0 0; display: block; }
#body fieldset.donateOnline .radios input { position: relative; bottom: .1em}

#body fieldset.donateOnline .submits a {border: 1px solid #fff; background: #6db43e; color: #fff; padding: .2em .4em; margin-left: 5px; float: right;}
#body fieldset.donateOnline .submits a:hover, #body fieldset.donateOnline .submits a:active, #body fieldset.donateOnline .submits a:focus {background: #333; color: #fff; text-decoration: none;}
#body fieldset.donateOnline .submits input { border: 1px solid #fff; font-weight: bold; background: #6db43e; color: #fff; padding: .1em .4em; float: right; margin-left: 5px;}
#body fieldset.donateOnline .submits input:hover {background: #333; color: #fff; text-decoration: none;}

/* Homepage */
#homepage { width: 100%; margin: 10px 0; background: url(../images/homebg.gif) repeat-y; }
#homepage #homebanners #flashContent {margin: 0; padding: 0; border: 0; width: 750px;overflow: hidden}

#homepage #homeLeft { width: 442px; padding: 10px; background: #dde6d7; color: #000; float: left;overflow:hidden; }
#homepage #homeLeft h2, #homeLeft .contentheading { font-size: 2em; }
#homepage #homeLeft a { text-decoration: none; }
#homepage #homeLeft a:hover { text-decoration: underline; }

#homepage #homeLeft h3 { padding: 8px 0 0 0; border-top: 1px solid #a5cd8a; font-size: 1.8em; font-weight: normal; }
#homepage #homeLeft h3 a:hover, #homepage #homeLeft h3 a:active { color: #6d8e59; text-decoration: none;}
#homepage #homeLeft h3 a span { font-size: .6em; display: block }
#homepage #homeLeft h3 a img { margin: 0 10px 0 0; float: left; }
#homepage #homeLeft p.date { margin: 0 0; font-size: 1.1em; line-height: 1.4em; color:#333; }
#homepage #homeLeft p { margin: 5px 0 10px 0; font-size: 1.2em; line-height: 1.4em; }
#homepage #homeLeft dl {clear: left; padding-top: 10px; margin-top: 5px;}
#homepage #homeLeft dl dt { padding: 13px 0 0 0; font-size: 1.3em; border-top: 1px solid #a5cd8a; font-weight: bold}
#homepage #homeLeft dl dt.more {border-top: none}
#homepage #homeLeft dl dt.more a, p.more a {font-weight: normal; background: url(../images/morelink.gif) no-repeat 0 .3em; padding: 0 0 0 10px; color: #6d8e59; }
#homepage #homeLeft dl dt a:hover, #homepage #homeLeft dl dt a:active {color: #6d8e59;}
#homepage #homeLeft dl dd { padding: 0 0 13px 0; font-size: 1.1em; color:#333; }




#homepage #homeRight { width: 276px; float: right; }
.moduletable { background: #dde6d7; }
.moduletablegreen { margin: 0px 0 10px 0; padding: 10px 10px ; background: #6d8e59; color: #fff; }
.moduletablegreen p { margin: 5px 0 10px 0; font-size: 1.2em; line-height: 1.4em; }
.moduletablegreen h2 { font-size: 1.4em; padding: 0 0 6px 0; border-bottom: 1px solid #b6c7ac; font-weight: normal; }
.moduletablegreen a { font-size:0.9em; margin:0.5em 0 0; color:#FFF; display:block;  }
.moduletablegreen fieldset { padding: .6em 0; font-size: 1.3em; }
.moduletablegreen fieldset label { margin: .3em 0; float: left; display:block; width:95px; }
.moduletablegreen fieldset input { width: 135px; margin: .2em 0; border: 1px solid #6d8e59; float: right; }
.moduletablegreen fieldset input.submit { width: auto; background: #dde6d7; color: #6d8e59; text-transform: uppercase; font-weight: bold; }
.moduletablegraphic fieldset { padding: .6em 0; font-size: 1.3em; }
.moduletablegraphic fieldset label { margin: .3em 0; float: left; display:block; width:95px; }
.moduletablegraphic fieldset input { width: 135px; margin: .2em 0; border: 1px solid #6d8e59; float: right; }
.moduletablegraphic fieldset input.submit { width: auto; background: #dde6d7; color: #6d8e59; text-transform: uppercase; font-weight: bold; }

/* non-clickable trail */
div#body div#breadcrumb ol.donateprogress { height:2em;}
div#body div#breadcrumb ol.donateprogress li { padding:0;margin:0; }
div#body div#breadcrumb ol.donateprogress li span { width:114px;text-align:center;display:block; float:left; color:#FFF; padding:0.5em 20px 0.5em 0; text-transform:uppercase; font-weight:bold; background:#6db43e url(../images/donate_green-green.gif) no-repeat center right; }
div#body div#breadcrumb ol.donateprogress li.last span {padding-right: 0px; background:#6db43e url(../images/donate_green-white.gif) no-repeat center right; }
div#body div#breadcrumb ol.donateprogress li span.precurrent { background:#6db43e url(../images/donate_green-black.gif) no-repeat center right; }
div#body div#breadcrumb ol.donateprogress li span.current { background:#000 url(../images/donate_black-green.gif) no-repeat center right; }
div#body div#breadcrumb ol.donateprogress li.last span.current { background:#000 url(../images/donate_black-white.gif) no-repeat center right; }

/* FAQs */
.faqItem {margin: .8em 0 1em 15px; font-size: 1.2em}
.faqAnswer {display: none}
.faqQuestion {font-weight:bold}

fieldset.donateOnline { clear: both; }
fieldset.donateOnline hr { background-color:#FFF; color:#FFF;height:1px; }

form.siteWide {margin:0; padding:0;	float: left; width:100%;} 
form.siteWide fieldset { padding: .6em 0; font-size: 1.2em; width:99%; }    
form.siteWide fieldset div.form_row{ width:95%; padding:0; padding:0.1em; float:left; margin:0;}
form.siteWide fieldset div.form_row.heading{ width:67%; border-bottom:#fff 1px solid; margin:.2em 0 .2em 0; }
form.siteWide fieldset div.form_row.result{ margin-top:.5em;}
form.siteWide fieldset div.total {font-size:1.1em; width: 75%; float:left; border-top:2px solid #fff; margin:.5em 0 .4em 0; padding: 0 0 0; font-weight:bold; color:#6d8e59; }   
form.siteWide fieldset input {width: 180px; margin: .2em 0; border: 1px solid #6d8e59; float: left; padding:.2em .2em .2em .2em;   }   
form.siteWide fieldset input,  form.siteWide fieldset select,  form.siteWide fieldset textarea {width: 200px; }   
form.siteWide fieldset input.checkbox {width: 18px;border: none }    
form.siteWide fieldset input.amount.total {width: 100px; background:#d5dfce; }    
form.siteWide fieldset input.submit {width: auto; border: 1px solid #fff; background: #6db43e; color: #fff; padding: .2em .4em; margin-left:138px;}
form.siteWide fieldset select {width: 206px; display:block; float:left; padding:1px 2px; margin: .2em 0; }    
form.siteWide fieldset textarea  {display: block; float: left; border: 1px solid #6d8e59; margin: .2em 0; padding:2px; }    
form.siteWide fieldset label { display:block; width:130px; font-size:1em; margin: .2em 0; color:#222;  float:left; text-align:left; padding-right:0.7em; font-weight:normal; } 
form.siteWide fieldset label.checkbox { display:block; width:350px; float:left; font-size:0.9em;  }  
form.siteWide fieldset label span.mandatory { font-size:1.2em; margin: 0 .2em; color:#6d8e59;   font-weight:bold; } 
form.siteWide fieldset span.charlimitinfo { margin-left:138px; font-size:0.9em; color:#333; float:left; margin-bottom:1em; clear:both; width: 250px }  
form.siteWide fieldset span.info { margin-left:4px; font-size:0.9em; color:#111; display: block; float:left; margin-bottom:.6em; width:315px; }  

form.donateNow {margin:0; padding:0; float: left; width:100%;} 
form.donateNow fieldset input,  form.donateNow fieldset textarea {width: 250px; }   
form.donateNow fieldset { padding: .6em 0; font-size: 1.2em; width:99%; }     
form.donateNow fieldset div.form_row{ width:95%; padding:0.1em; float:left; margin:0;}
form.donateNow fieldset div.form_row.heading{ width:67%; border-bottom:#fff 1px solid; margin:.2em 0 .2em 0; }
form.donateNow fieldset div.form_row.heading h4 {font-size:1em; }
form.donateNow fieldset div.form_row.result{ margin-top:.5em;}
form.donateNow fieldset input {margin: .3em 0; border: 1px solid #6d8e59; float: left; padding:.2em .2em .2em .2em;   }   
form.donateNow fieldset input.disabled {color: #000; font-weight: bold}
form.donateNow fieldset input.checkbox {width: 18px; border: none; margin: 5px 5px 5px 138px;}    
form.donateNow fieldset input.submit {width: auto; border: 1px solid #fff; background: #6db43e; color: #fff; padding: .2em .4em; margin-left:138px;}
form.donateNow fieldset input.submit_shorter {width: auto; border: 1px solid #fff; background: #6db43e; color: #fff; padding: .2em .4em; margin-left:108px;}
form.donateNow fieldset select {width: 256px; display:block; float:left; padding:2px; margin: .3em 0;  border: 1px solid #6d8e59; }    
form.donateNow fieldset textarea  {display: block; float: left; border: 1px solid #6d8e59; margin: .2em 0; padding:2px; }    
form.donateNow fieldset label {display:block; width:130px; font-size:1em; margin: .4em 0; color:#222;  float:left; text-align:left; padding-right:0.7em; font-weight:normal; } 
form.donateNow fieldset label.shorter, form.donateNow fieldset input.shorter {  width:100px;}
form.donateNow fieldset input.ashorter {width:100px;}
form.donateNow fieldset input.evenshorter {width:30px;}
form.donateNow fieldset select.shorter {width:106px;}
form.donateNow fieldset label.checkbox {float:left;  font-size:0.9em; width: 250px }  
form.donateNow fieldset label span.mandatory { font-size:1.2em; margin: 0 .2em; color:#6d8e59;   font-weight:bold; } 
form.donateNow fieldset span.charlimitinfo { margin-left:120px; font-size:0.9em; color:#333; float:left; margin-bottom:1em; clear:both; }  
form.donateNow fieldset span.info { margin-left:4px; font-size:0.9em; color:#111; display: block; float:left; margin-bottom:.6em; width:315px; }  

div#non-zakah {display: block}
div#zakah {display: none}

fieldset label { width:150px; }
fieldset label.value { width:150px; }

.forgot {float: left; font-size: .9em; margin-left:138px; }
.forgothome {float: left; font-size: .95em; margin-left:107px; margin-bottom: 5px; position: relative; bottom: 5px}

.forgot a, .forgothome a {text-decoration: none}
.forgot a:hover, .forgothome a:hover {text-decoration: underline}

.smallNote { font-size: 0.9em }
#body ul.smallNote { font-size: 1em }

/* Error messages */
div.errors {color: #6f0000; font-size: 1em}

/* basket */
table.baskettable { font-size: 1.2em; }
table.baskettable thead {background: #6db43e; color: #fff}
table.baskettable thead th {padding: .3em; border: #fff 1px solid;}
table.baskettable thead td {padding: .3em;}
table.baskettable input.submit {  font-size: .7em; }
table.baskettable tfoot td {font-weight: bold; padding-top: 1em}

/* FORM result view summary */

div.formView {margin:0; padding: 0; width:95%; font-size:1em; margin-bottom:1em; }  
div.formView.noBorder { }  
div.formView p {margin:0.2em; padding: 0; line-height:1; clear:both; }  
div.formView p span.input {margin:.1em; padding: 0; width: auto; float: left;  color:#333; }   
div.formView p span.label {margin:.1em; padding: 0; display:block; width:80px; font-size:0.95em; color:#222;  float:left; text-align:left; padding-right:0.2em; font-weight:bold; } 
div.formView p span.label.right {text-align:right; width:110px; } 
div.formView p.button {width: auto; background: #cfd9cb; color: #6d8e59; text-transform: uppercase; font-weight: bold; float:right; margin-top:1em; }

/* css tooltip pop up */
a.help { border: none; position: relative; bottom: 1px; margin-left: 5px}
a.help span {display: none; padding: 5px 0 5px 0; z-index: 999; font-size: 90%; line-height: 1.2em; width: 130px; margin-top: 5px; font-weight: normal}
a.help:hover, a.help:focus, a.help:active {text-decoration: none; background: none;}
a.help:hover span, a.help:focus span, a.help:active span {display: block; color: #6d8e59; text-decoration: none; border: none}

/* basket */
baskettable { font-size: 10pt; }
baskettable.hr { font-weight: bold; }
baskettable.fr { font-weight: bold; }

/* Sitemap */
#sitemap ul { border: none; list-style: none; padding: 0; margin: 15px 0 0 15px; position: relative; width: auto;}
#sitemap ul li ul { list-style: none; padding: 0; margin: 3px 0px 0 15px; background: url(../images/dashed-line-vert.gif) left top repeat-y;}
#sitemap ul li {font-size: 1.1em; font-weight: bold; list-style-type: none; margin: 0 10px 5px 0; line-height: 1.7em; padding: 0;}
#sitemap ul li ul li {font-weight: normal; font-size: .6em; list-style: none; margin: 0 20px 0 0;padding: 0 0 0 18px;background: url(../images/dashed-line.gif) left center no-repeat;}

/* Footer */
#footer { border-top: 1px solid #fff;padding: 1em 0 10px 0; margin: 0; width:750px; }
#footer ul { margin: .2em 0; float: left; font-size: 1.1em; }
#footer ul li { display: inline; margin-right: 1px}
#footer ul li a { color: #6db43e; text-decoration: none; margin-right: 1px}
#footer ul li a:hover { text-decoration: underline; }
#footer ul li a:active, #footer ul li a:focus { background: #6db43e; color: #fff; }
#footer ul.right { float: right; margin-left:0px; }

#footer div.clearfix {  width: 750px; }

/* IE Mac fixes */
/*\*//*/
.hide, .skipNav { display: none; visibility: hidden; }
/**/

/* Clear fixes */
.clearfix:after, .twocol:after, p.imgLeft:after, #features:after, #header:after, #mainMenu:after, #internal:after, #body ul.threeCols:after, #body .listing:after, #body ul.galleryListing:after, #homepage:after, #footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix, #header, #mainMenu, #internal, #body ul.threeCols, #body .listing, #body ul.galleryListing, #homepage, #footer { display: inline-block; }

/* Hides from IE-mac \*/
.clearfix, #header, #mainMenu, #internal, #body ul.threeCols, #page-features ul, #body .listing, #body ul.galleryListing, #homepage, #footer { zoom: 1; }
/* End hide from IE-mac */

#mainMenu li {
	float: left;
}
#mainMenu a {
	font-size: 16px;
	line-height: 25px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px 6px;
	padding-left: 18px;
	background: url(../images/menu-bg.png) no-repeat top left; 
	margin-right: 53px;
}

#mainMenu a:hover {
	background-color: #333333;
	background-position: 0 -25px;
}
 #mainMenu .active a {
	 background: transparent url(../images/nav_get_on.gif) no-repeat scroll 0px;
background-color: #333333;
	 background-position: 0px;
}
#footer .moduletable a {
	border-right: 1px solid #fff;
	padding-right: 6px;
	padding-left: 6px;
}

#homeRight li { margin-left: 20px;}
#homepage #homeLeft h2, #homeLeft .homeheading {
	font-size: 1.6em;
	border: none;
}

dt.more a{
	color: #6D8E59; 
	font-weight: normal;
}

.blogcampaigns h2 {
	border: none;
padding-top:5px;
}

.listing img {padding-right: 6px;  }


#body a.readoncampaigns,  a.readon, a.readonhome { font-size: .9em; background: url(../images/internalnavarrow2.gif) no-repeat center left; padding-left: 10px; margin-left: 5px;}

a.readonhome {
	font-size: 1.3em;
color: #6d8e59; 
}

#articlecontent h2 {border-bottom: 1px #fff solid; color: #6d8e59; }

/* ------------------------------------------------------------------------------------------- 
	DBDC - Muslim Aid Css Overides version 2.0
	
	Modified and optimized version, from the previous.  
	Cleaned most elements and cross checked browsers.
---------------------------------------------------------------------------------------------- */


/* GENERIC ELEMENTS -------------------------------------------------------------------------- */
.clr { clear : both; }
.fL { float : left; }
.fR { float : right; }
.txt-r { text-align : right }
.spacer10 { height : 10px; overflow:hidden; clear : both; }
.no-b { border : 0px !important; }
.no-m { margin : 0px !important; }
.center { text-align : center; }

/* ERROR BOX STYLING ------------------------------------------------------------------------- */
.errors
{
	position			: relative; 
	border				: 1px solid red;

	padding				: 10px;

	background-color	: #990000;

	color				: #ffffff !important;

	margin				: 5px 0px;
}

	.errors ul 
	{ 
		list-style-type 	: none; 
		margin 				: 5px !important; 
		padding 			: 0px; 
	}

		.errors li { padding-left : 20px; background : url('../images/icons/error-arrow.png') left center no-repeat; margin : 0px !important; font-size : 0.8em;}
		.errors p { font-weight : bold; }


/* PAYMENT DETAILS PAGE --------------------------------------------------------------------------------- */
.payment-details .form_row label { text-align : right !important; font-weight : bold !important; position : relative; margin-right : 10px !important;}
.payment-details .form_row span.mandatory { position : absolute; display : block; right : -2px;	top	: 0px; }
.payment-details .form_row .checkbox { font-weight : normal !important; text-align : left !important; }

/* DONATION CATEGORIES PAGE ----------------------------------------------------------------------------- */
.donate-categories .c-cat { float : left; }

.donate-categories label { float : left; display : block; height : 120px; }

.donate-categories .box-s1 { display : block; width : 220px; border	: 1px solid #6d8e59; padding : 10px; height : 42px; margin : 2px 0px 0px 0px; margin-top	: 8px; }
.donate-categories .box-s1:hover { background-color : #6d8e59; }

.donate-categories .box-s1 input.checkbox { background-color : transparent; float : left; width : auto; margin : 14px 10px 0px 0px; }

.donate-categories .box-s1 img { float : left; margin-right : 10px; border : 1px solid #666666;}
.donate-categories .box-s1 span { float : left; font-weight : bold; display : block; width : 120px;}

.category-block { margin-left : 50px; }

.donateNow .form_row .text-field { width : 7em; margin : 0px;}

.green-arrow 
{
	color 				: #000000 !important; 
	padding-left		: 34px !important;
	width				: 196px !important;
	text-decoration 	: none !important;
	margin-top			: 10px;
	background			: url('../images/icons/down-arrow.png') 5px center no-repeat;
	
	position			: relative;
}
	.green-arrow span { font-weight : bold; font-size : 1em !important; }
	.green-arrow:hover { background	: #6d8e59 url('../images/icons/down-arrow-white.png') 5px center no-repeat; text-decoration : none !important; }

/* TABLE STYLES --------------------------------------------------------------------------------- */
.table-s1 { width : 100%; border : 0px; clear : both; }

	.table-s1 th { padding : 8px 4px; border : 1px solid #3e6624; border-width : 0px 0px 2px 0px; color	: #ffffff; font-weight : bold; font-size : 1.2em; }
	.table-s1 td { padding : 4px; font-size : 1.2em; }
	.table-s1 tfoot .total-row { color : #ffffff; border : 1px solid #000000; border-width : 1px 0px 0px 0px; font-weight : bold; }

	/* Table Row Cell Colors*/
	.table-s1 tbody tr { background-color : #cbe7b9; }
	.table-s1 tbody tr.alt { background-color : #e5f4db; }	

	.table-s1 th { background : #509b28; }
	.table-s1 tfoot .total-row { background : #333333; }

	/* Table Cell Widths */
	.table-s1 .type { width : 70px; }
	.table-s1 .cat	{ width : 280px; }
	.table-s1 .amount { width : 160px; text-align : left; font-weight : bold; }
	
	.table-s1 .label { width : 120px; text-align : right; font-weight : bold;} 
	.table-s1 .generic { width : 20px; text-align : left; }


/* FIELDSETS ----------------------------------------------------------------------------------------- */
.dbdc fieldset
{ 
	border				: 1px solid #666666; 

	padding 			: 10px !important;	

	margin-bottom 		: 20px; 

	width				: 508px !important;	

	overflow 			: hidden; 
	
	clear				: both;
}

	html>body .dbdc fieldset { width : auto !important; }

	.dbdc fieldset legend { font-size : 1.4em; font-weight : bold; padding: 0px 8px 0px 0px; color : #3e6624; }


/* LAYOUT CONTAINERS ---------------------------------------------------------------------------- */
.confirmation-block { clear	: both; }
.msg-box img { float : left; margin-right : 10px;}
.msg-box p { float : left; width : 400px; margin : 0px !important;}
.msg-box h2 { clear : both; font-size : 1.4em !important; margin-left : 62px !important;}

.form-controls { margin	: 10px 0px; }

	/* Form Row Elements*/
	.form_row label.tag
	{
		text-align			: right;
		font-weight			: bold;
	}
	
	.form_row .tag
	{ 
		padding 			: 0px !important;
		font-weight 		: bold; 
		text-align 			: right; 
		display 			: block; 
		float 				: left; 
		width 				: 120px; 
		margin-right 		: 10px; 
		height				: 2em;
		line-height			: 2em;
	}
	
	.form_row span.text
	{ 	text-align 			: right; 
		display 			: block; 
		float 				: left;

		height				: 2em;
		line-height			: 2em;
	}
	
/* FORM ELEMENTS -------------------------------------------------------------------------------- */

/* Text-fields */
input.text-field
{
	border 				: 1px solid #3e6624;
	padding				: 4px 0px;
	background-color	: #9bc684;
}

	input.amount-field { width : 5em; padding-left : 0.2em;}
	input.text-field:focus, input.text-field:hover { background-color : #ffffff; }


/* Buttons */
input.std-btn
{ 
	text-align 			: center; 
	padding				: 4px 0px 4px 0px !important;
	
	background-position : 4px center;
	background-repeat	: no-repeat;
	background-color	: #6db43e;
	
	color 				: #ffffff; 
	border 				: 1px solid #3e6624; 
	cursor 				: pointer; 
	font-size 			: 12px; 
	padding 			: 4px 8px !important; 
	width				: auto !important;
}

	input.checkout, input.clear-form, input.delete, input.change { width : 6em !important; text-align : right; padding	: 4px 6px 4px 0px !important; }
	input.checkout 	{ background-image: url('../images/icons/checkout.png');  width : 8.0em !important; }
	input.clear-form{ background-image: url('../images/icons/clear-icon.png'); width : 8.6em !important; }
	input.delete 	{ background-image: url('../images/icons/delete-icon.png'); }
	input.change 	{ background-image: url('../images/icons/change.png'); height : 25px;}
	input.address	{ padding : 1px !important; margin-left : 10px !important; }
	
	/* Hover States */
	input.change:hover{ background-image: url('../images/icons/change_active.png'); }
	input.std-btn:hover { background-color : #000000; }
	
	/* Various Form Layout Elements*/
	.form-controls .clear-form, .form-controls .back { float : left; }
	.form-controls .checkout, .form-controls .confirm, .form-controls .add-another-donation { float : right; }

	.moduletableimage h2, .moculetablegraphic h2 { font-size: 14px; }


/* image captions sp */
.picture { background-color: #F9F9F9;
border: 1px solid #CCCCCC; padding: 3px;
font: 11px/1.4em Arial, sans-serif; }
.picture img { border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 3px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; }
<<<<<<< local


/* side box layout sp*/=======
>>>>>>> other