* {
	margin:0;
	padding:0;
}

fieldset {
	padding:.5em;
	border:0;
}

body {
	background:lemonchiffon;
	margin: 0px 0px 10px 0px;
	padding: 0;
	color:#404040;
	text-align:center;
	font-size:100%;
	font:10pt Tahoma;
	line-height:1.3;
}

p {
	margin:0 6px 1em 6px;
}

/* u and em are used for SEO but will just be displayed as bold */
u,em {
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

ul {
	margin:0 20px 1em 0;
}

.inputpad {
	font:bold 9pt Tahoma;
	margin:4px;
	padding: 0 3px;
}

.button {
	padding: 4px;
	cursor: pointer;
}
/* This is where you should add custom styles from the TinyMCE editor */
/* You must also put the styles in editor_content.css in the plugins section to appear in the TinyMCE dropdown
/* (plugins/editors/tinymce/jscripts/tiny_mce/themes/advanced/css/editor_content.css) */
.marginless {
	margin:0px;
}

/* text indents to make cursor visible in rtl controls in IE6 */
input {
	font:9pt Tahoma;
	text-indent: 2px;
}

textarea {
	text-indent: 2px;
}

img, object {
	border:0 none; margin:4px 4px;
}

div#wrap {
	background:#fff url(../images/background-tile.png) repeat;
	width:960px;
	text-align:right;
	margin:0 auto;
	direction:rtl;
}

html>body #wrap {
	min-width:800px;
	max-width:960px;
	width:auto;
}

div#header {
	background:url(../images/header.gif) no-repeat;
	background-position:center;
	position:relative;
	height:163px;
}

div#topstrip {
	color:#fff;
}

#content60  {float:right; width:60%;  overflow:hidden;}
#content80  {float:right; width:80%;  overflow:hidden;}
#content100 {float:right; width:100%; overflow:hidden;}

#belowcontent {
	float:right;
	width:100%;
	overflow:hidden;
}

#footcol1,#footcol2 {
	float:right;
	width:47%;
	overflow:hidden;
}

#footer {
	clear:both;
	border-top:20px solid #1a9d8b;
	border-bottom:50px solid #fff;
}

#sidebar,#sidebar-2 {
	float:right;
	width:20%;
	overflow:hidden;
}

#sidebar-2 {
/*	min-height:758px;
	background-image: url('../images/side-flash.png');
	background-repeat: no-repeat;
	background-position: right top; */
}

.readon {
	margin:0;
}

/* pagenav is used for pagination links - these settings still give a problem with mixed Arabic & numerals */
.pagenav {
	margin-right:5px;
	margin-left:5px;
}

/* french is used in Song of the Month lyrics */
.french {
	text-align:left;
	direction:ltr;
}

/* <td>s of class formlabel are used in the Registration form */
.formlabel {
	text-align:left;
	padding-left: 5px;
}

.formbutton {
	margin: 4px;
}

.inside {
	padding:0;
}

a {
	color:#2a6eb7;
	text-decoration:none;
}

a:hover {
	color:#3b7fc8;
	text-decoration:underline;
}

.handy { cursor: pointer; }  /* Multi-purpose link class */

.componentheading {
	text-indent:5px;	/* To fix right-hand cut-off in Arabic fonts */
	font-size:170%;
	font-weight:bold;
	color:#000;
	margin-bottom:3px;
}

h1 {
	margin:2px 6px;
	font-size:120%;
	font-weight:bold;
	color:#199e8d;
}

h2,.contentheading {
	margin:2px 4px;
	font-size:110%;
	font-weight:bold;
	color:#cc3333;
}

h3 {
	margin:2px 4px;
	font-size:1em;
	color:#ff6633;
}

h4 {
	font-size:1.2em;
}

h5 {
	font-size:1.1em;
}

h6 {
	margin:0 6px;
	font-size:1em;
	font-weight:700;
}

blockquote {
	margin-right:20px;
	margin-left:20px;
	margin-bottom:1em;
}

#footer,.small,.createdate,.modifydate,.mosimage_caption {
	color:#999;
}

/* Copied from Administrator template - used in com_studies */
fieldset.adminform { border: 1px solid #ccc; margin: 0 10px 10px 10px; }

.contentpaneopen, .contentpaneopenleftalign {
/*	background:#fff url(../images/mt_fade.png) repeat-x; */
	border:0;
	border-right: 10px solid #fff;
	width:100%;
}


/* These striped rows are used in the Songs and Audio-visual components */
.stripedrow0 {
	background-color: #eee;
}
.stripedrow1 {
	background-color: #fff;
}
.stripedrow2 {
	background-color: #2a6eb7;
	color: #fff;
}

/* Search module elements */
.buttonsearch {
	margin:4px;
	padding: 0 3px;
}
.inputboxsearch {
	width:100px;
	margin:4px;
	padding: 0 3px;
}


/* moduletabletabs, used for horizontal menu */
.moduletabletabs {
	width: 100%;
	height: 50px;
}
.moduletabletabs ul {
	width: 930px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}
.moduletabletabs li {
	float: right;
	height: 38px;
	width: 116px;
	padding: 0 0 0 0;
	background-repeat: no-repeat;
	background-position: right top;
	border-width: 0 0 1px 1px;
}
.moduletabletabs li a {
	padding-top: 4px;
	height: 34px;
	width: 116px;
	display: block;
	white-space: nowrap;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

/* Individual images for top menu tabs (normal state) */
li.item213 { background-image: url('../images/hor-off-blue.png'); }
li.item27  { background-image: url('../images/hor-off-orange.png'); }
li.item97  { background-image: url('../images/hor-off-red.png'); }
li.item100 { background-image: url('../images/hor-off-yellow.png'); }
li.item218 { background-image: url('../images/hor-off-navy.png'); }
li.item91  { background-image: url('../images/hor-off-purple.png'); }
li.item219 { background-image: url('../images/hor-off-teal.png'); }
li.item231  { background-image: url('../images/hor-off-green.png'); }
li.item100 a { color: #333; }

/* Individual images for top menu tabs (mouseover state) */
li.item213 a:hover { background-image: url('../images/hor-on-blue.png'); }
li.item27  a:hover { background-image: url('../images/hor-on-orange.png'); }
li.item97  a:hover { background-image: url('../images/hor-on-red.png'); }
li.item100 a:hover { background-image: url('../images/hor-on-yellow.png'); }
li.item218 a:hover { background-image: url('../images/hor-on-navy.png'); }
li.item91  a:hover { background-image: url('../images/hor-on-purple.png'); }
li.item219 a:hover { background-image: url('../images/hor-on-teal.png'); }
li.item231  a:hover { background-image: url('../images/hor-on-green.png'); }


/* menuside, used for menus in right side bar */
.menuside {
	margin-right:0;
}
.menuside li {
	background: no-repeat;
	background-position: right top;
	list-style-type: none;
	text-align: center;
}
.menuside li a {
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff;
	text-decoration:none;
}
.menuside li li a {
	text-align: right;
	background:none;
	padding: 0;
}
.menuside li li a:hover {
	text-decoration: underline;
	background:none;
}

/* Club menu - orange */
li.item222 a { background-image: url('../images/side-off-orange.png'); }
li.item222 a:hover { background-image: url('../images/side-on-orange.png'); }
li.item222 li a { color:#f63; }

/* Radio menu - red */
li.item223 a { background-image: url('../images/side-off-red.png'); }
li.item223 a:hover { background-image: url('../images/side-on-red.png'); }
li.item223 li a { color:#c33; font-weight:bold; }
li.item223 li li a { font-weight:normal; }

/* Hayat menu - purple */
li.item224 a { background-image: url('../images/side-off-purple.png'); }
li.item224 a:hover { background-image: url('../images/side-on-purple.png'); }
li.item224 li a { color:#939; }

/* Durus menu - teal */
li.item225 a { background-image: url('../images/side-off-teal.png'); }
li.item225 a:hover { background-image: url('../images/side-on-teal.png'); }
li.item225 li a { color:#099; }

/* moduletablebluehead - for Home page right-side modules */
.moduletablebluehead h3 {
	margin:0px;
	height:35px;
	padding-top:15px;
	background-image: url('../images/side-off-blue.png');
	font-size:1em;
	text-align:center;
	font-weight:normal;
	color:#fff;
}

/* moduletableorangehead - for Club right-side modules */
.moduletableorangehead h3 {
	margin:0px;
	height:35px;
	padding-top:15px;
	background-image: url('../images/side-off-orange.png');
	font-size:1em;
	text-align:center;
	font-weight:normal;
	color:#fff;
}

/* moduletableredhead - for Radio right-side modules */
.moduletableredhead h3 {
	margin:0px;
	height:35px;
	padding-top:15px;
	background-image: url('../images/side-off-red.png');
	font-size:1em;
	text-align:center;
	font-weight:normal;
	color:#fff;
}
.moduletableredhead li a { color:#c33; font-weight:bold; }
.moduletableredhead li li a { font-weight:normal; }

/* moduletableyellowhead - for TV Channel right-side modules */
.moduletableyellowhead h3 {
	margin:0px;
	height:35px;
	padding-top:15px;
	background-image: url('../images/side-off-yellow.png');
	font-size:1em;
	text-align:center;
	font-weight:normal;
	color:#000;
}

/* moduletablepurplehead - for Jamia right-side modules */
.moduletablepurplehead h3 {
	margin:0px;
	height:35px;
	padding-top:15px;
	background-image: url('../images/side-off-purple.png');
	font-size:1em;
	text-align:center;
	font-weight:normal;
	color:#fff;
}

/* moduletabletealhead - for Jamia right-side modules */
.moduletabletealhead h3 {
	margin:0px;
	height:35px;
	padding-top:15px;
	background-image: url('../images/side-off-teal.png');
	font-size:1em;
	text-align:center;
	font-weight:normal;
	color:#fff;
}


/* moduletablesplash & moduletablesplash2 - used for left side menu on the Home page */
.moduletablesplash {
	margin-top: 30px;
}
.moduletablesplash h3 {
	font-size: 2.0em;
	text-align: center;
	color: #f63;
}
.moduletablesplash ul {
	margin:0 30px 0 30px;
}
.moduletablesplash li {
	list-style-type: none;
	text-align: center;	
}
.moduletablesplash a {
	font-size: 1.5em;
	color: #f63;
}
.moduletablesplash2 {
	margin: 10px 30px 0 30px;
}
.moduletablesplash2 h3 {
	font-size: 1.5em;
	font-weight: normal;
	text-align: center;
	color: #f63;
}

/* moduletableimenu, used for image menus */
.moduletableimenu {
	width:100%;
}
.moduletableimenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.moduletableimenu li {
	margin-bottom:-0.2em;
	text-align:center;
}
.moduletableimenu img {
	border:0;
}

/* moduletablefmenu - used for plain horizontal Footer Menu (works in IE and FF) */
.moduletablefmenu {
	height: 2.1em;
	margin:4px auto;
}
.moduletablefmenu ul {
	list-style-type: none;
	width: 660px;
	margin: 0 auto;
}
.moduletablefmenu li {
	float: right;
	margin: 0 20px;
	font-size: 10pt;
}
.moduletablefmenu li a {
	display:block;
	height: 1.8em;
	color: #2a6eb7;
	text-decoration: none;
}
.moduletablefmenu li a.active, .moduletablefmenu li a:hover {
	color: #3b7fc8;
	text-decoration: underline;
}	

.moduletablebwbtop ul
{
	width: 930px;
	margin: -6px auto 0 auto;
	list-style-type:none;
}
.moduletablebwbtop li
{
	float: right;
}
.moduletablebwbtop img
{
	border: 0;
	margin: 0 6px 4px 0;
}

/* moduletablebwb - used for Beldi wa Beldik menu */
.moduletablebwb h3 {
	height:35px;
	padding-top:15px;
	background-image: url('../images/side-off-orange.png');
	font-size:1em;
	text-align:center;
	font-weight:normal;
	color:#fff;
}
.moduletablebwb ul {
	list-style-type:none;
}
.moduletablebwb img {
	vertical-align:middle;
}

.trow0
{
	text-align:center;
	background-color:#f5f5f5;
	cursor:pointer;
}
.trow1
{
	text-align:center;
	background-color:#e9e9e9;
	cursor:pointer;
}

.chronoform {
	padding:4px;
}

.chronoform p {
	margin-right:4px;
}

/* Naughty me! I'm hiding the annoying link at the bottom of Chrono Contact forms... */
.chronoform a {
	margin-right:-1200px;
}

/* For Contact Us iframe */
.wrapper-contact-us {
	font:9pt Tahoma;
	background-color:transparent;
}

.contentpane-contact-us iframe {
	font:9pt Tahoma;
	background-color:transparent;
}

/* Used in daily devotion bible text popup */
.dd_ref {
	color:#2a6eb7;
	text-decoration:none;
	cursor: pointer;
}

.dd_ref:hover {
	text-decoration:underline;
}

.dd_bibletext {
	color:firebrick;
	background-color:#ffebcd;
	display:block;
	position:fixed;
	padding:10px;
	width:400px;
	border:solid 1px black;
	cursor:pointer;
}

.dd_vnum {
	color:gray;
	font-size:8pt;
	vertical-align:super;
}

/* The following bs_ classes are uses in the New Life Bible studies */
.bs_heading {
	font-size:1.2em;
	color:#1a9d8b;
	padding:4px;
	margin:4px;
	border-top:2px solid #888;
}
.bs_verse {
	border-collapse:collapse;
	border:1px solid black;
	background-color:#fef9b8;
	color:#606060;
	padding-top:6px;
}
.bs_answer {
	color:navy;
}

/* The dragme class is needed by the functions in dragdrop.js */
.dragme {
	position:relative;
	cursor:pointer;
}

.comment p {
	margin-bottom:0;
}

.commenter {
	margin-top:0;
	font-size:0.8em;
	color:red;
}

/* Classes used for activities */
.ac_picked {
	border:solid black 1px;
	color:red;
	background-color:aliceblue;
	font-weight:bold;
	cursor:pointer;
}

.ac_unpicked {
	border:solid black 1px;
	color:black;
	background-color:transparent;
	cursor:pointer;
}

/* Classes used for memory verses */
.mv_picked {
	font-size:16pt;
	padding:4px;
	border:solid black 1px;
	color:red;
	background-color:aliceblue;
	cursor:pointer;
}

.mv_unpicked {
	font-size:16pt;
	padding:4px;
	border:solid black 1px;
	color:black;
	background-color:transparent;
	cursor:pointer;
}

/* Classes used for Borj al-Maarifa */
.borj {
	min-height:617px;
	background-color: #ecf0f8;
	background-image: url('../../borj/basic-background.png');
	background-repeat: no-repeat;
	background-position: left top;
}

.borj h1 {
	font-family:Andalus;
	font-size:200%;
}

.borj h2 {
	font-family:Andalus, "Arabic Transparent";
	font-size:150%;
	color:#975063;
}

.borj-bb-paper table {
	margin: 0px 6px 6px 6px;
	border: solid black 1px;
	border-collapse:collapse;
	background:#fff;
}

.borj-bb-paper td {
	padding:4px;
}

.borj-lessonbuttontext {
	float:right;
	height:36px;
	font-family:Andalus, "Arabic Transparent";
	font-size:16pt;
	margin:0;
	margin-bottom:6px;
	background-color:lemonchiffon;
	border-top:1px solid #975063;
	border-bottom:1px solid #975063;
}

.borj-lessonbutton img {
	float:right;
	margin:0px;
}

.borj-response {
	color: red;
}

.borj-signboard table {
	width:150px;
	background:#fff;
	border:1px solid gray;
}

.borj-signboard td {
	padding:10px;
	border:3px solid yellow;
}

.borj-leftboard table {
	width:120px;
	background:#fff;
	border:1px solid gray;
}

.borj-leftboard td {
	padding:7px;
	border:3px solid yellow;
	text-align:center;
}

.borj-elements table {
	background:#fff;
}

.borj-elements td {
	text-align:right;
	background-position:right;
	background-repeat: no-repeat;
	padding-right:12px;
	height:40px;
 }

.borj-forum th {
	background-color:#a77885;
	color:#fff;
	padding:4px;
}

.borj-forum td {
	background-color:#ddd;
	padding:4px;
}

.borj-forum-time {
	color:#975063;
	font-size:0.8em;
}

.borj-thinborder {
	background-color:white;
	border-collapse:collapse;
	border:1pt solid black;
}
.borj-start-button {
	padding:0px 30px;
	height:40px;
	font-size:16px;
	font-weight:bold;
	color:navy;
	cursor:pointer;
}

.borj-student th {
	background-color:#aebdcc;
	color:#fff;
	padding:4px;
}

.borj-student-inner th {
	background-color:#aebdcc;
	color:#fff;
	padding:4px;
}

.borj-student-inner td {
	background-color:#fff;
	color:#555;
	padding:4px;
}

.borj-timeline {
	border: solid black 1px;
	border-collapse:collapse;
	height:20px;
	padding:6px;
}

.borj-timeline h3 {
	color:#040404;
}

.borj-timeline-desc {
	border: solid black 1px;
	border-collapse:collapse;
	padding:6px;
	background-color:#ffeecc;
}

.moduletableborj-left {
	min-height:617px;
	background-color: #ecf0f8;
	background-image: url('../../borj/left-background.png');
	background-repeat: no-repeat;
	background-position: right top;
}