/* @group Main */

html {
  height: 100%;
  margin-bottom: 1px;
}

body {
	margin: 0;
	padding: 0;
	direction: rtl;
}

p {
  margin-top: 10px;
  margin-bottom: 15px;
}

h1, h2, h3, h4, h4, h5, h6 {
	padding-bottom: 5px;
	margin: 15px 0;
}

fieldset {
	border: 0;
	padding: 5px 0;
}

/* @group Fonts */

/* @group Sizes */

body.f-default {
	font-size: 11px;
}

h1 {
	font-size: 150%;
	/* color: see style css */
}

h2 {
	font-size: 140%;
	/* color: see style css */
}

h3 { 
    font-size: 140%;
}

h4 {
	font-size:  120%;
}

h5 {
	text-transform: uppercase;
	font-size: 100%;
}

h6 {
	font-style: italic;
	font-size: 100%;
}

.small,
.modifydate,
.createdate,
div.mosimage_caption {
	font-size: 100%;
}

.contentheading {
	font-size: 150%;
}

.componentheading {
 	margin-bottom: 15px;
}

td.componentheading {
	padding-bottom: 15px;
}

/* @end */

/* @group Family */

body {
		line-height: 150%;
		font-family: Tahoma, Helvetica, Arial, sans-serif;
}

.contentheading,
.componentheading {
	font-weight: bold;
}

.contentheading {
	/* see style css */
}

/* @end */

div.bodybox .componentheading,
div.moduletable-hilite1 h3,
div.moduletable-hilite2 h3,
div.moduletable-hilite3 h3,
div.moduletable-hilite4 h3,
div.moduletable-hilite5 h3,
div.moduletable-menu h3,
div.moduletable h3,
span.loginsubmit,
span.logoutsubmit,
span.glossbutton,
span.searchtitle {
	font-size: 11px;
	font-weight: normal;
	/* color: see style css */
}

/* @end */

/* @group layout */

#page-bg {
	height: 100%; 
	padding: 0;
	margin-bottom: 1px;
  /* background: see style css */
}


/*****************************************************
 * CHANGE WIDTH SETTINGS HERE
 *
 * To change the width of this template just edit this 
 * div#wrapper element.
 *
 * Fixed - just chagne the width to your desired width
 * Fluid - remove the width element completely
 *
 *****************************************************/
div#wrapper {
	width: 985px;
	margin: 0 auto;
	position: relative;
}

.shad-padding {
	padding: 0 15px;
}

#top-mod .shad-l {
	height: 37px;
	overflow: hidden;
}

#header .shad-l {
	height: 197px;

}

#header #logo {
	position: absolute;
	left:  15px;
	top:  10px;
	width: 190px;
	height: 75px;
}

#header #nav-big {
	margin-left: 18px;
	margin-right: 290px;
	height: 152px;
	overflow: hidden;
}

#header #nav-main {
	margin-right: 5px;
	margin-left:  5px;
}

#header #nav-main .shad-l {
	height: 37px;
}

#mainbody .shad-5 {
	width: 100%;
}

#mainbody .padding {
	padding: 7px 12px 0px 5px;
}

#body-bottom .shad-r {
	width: 100%;
}

#body-bottom .shad-l {
	height: 9px;
	overflow: hidden;
}

#footer-mods .shad-5 {
	width: 100%;
}

#usermod {
	margin: 0 5px;
}

#usermod .padding {
	padding: 7px 7px 7px 0px;
}

#footer {
	margin: 0 5px;
}

#footer-bottom .shad-r {
	width: 100%;
}

#footer-bottom .shad-l {
	width: 100%;
	height: 34px;
}

/* @end */

/* @group structure */

table.mainbody {
	width:  100%;
}

table.mainbody td.left,
table.mainbody td.right {
	padding-left: 7px;
}


/* change this to affect the width of the side modules */
table.mainbody td.left,
table.mainbody td.right {
	width: 200px;
}

table.mainbody td.middle {

}

table.usermodules {
	width: 100%;
	margin-bottom: 3px;
}

table.usermodules td.modbg {
	width: 25%;
}


table.footermodules {
	width: 100%;
}

table.footermodules td {
	width: 35%;
}

table.footermodules td.fmenu {
	width: 30%;
	padding: 0;
}

/* @end */

/* @group modules */

div#top-mod div.moduletable {
	padding: 0;
	margin: 0;
}

div.bodybox,
div.moduletable,
div.moduletable-hilite1,
div.moduletable-hilite2,
div.moduletable-hilite3,
div.moduletable-hilite4,
div.moduletable-hilite5,
div.moduletable-menu {
	margin-bottom: 7px;
	padding-bottom: 1px;
}

div.moduletable-tabs {
	margin: 0;
}

div.bodybox {
	margin-left: 7px;
	margin-bottom: 8px;
}

div.moduletable,
div.moduletable-hilite1,
div.moduletable-hilite2,
div.moduletable-hilite3,
div.moduletable-hilite4,
div.moduletable-hilite5,
td.middle div.moduletable,
td.left div.moduletable,
td.right div.moduletable {
	/* padding: 10px 10px 20px 10px; */
	padding: 5px;
	padding-bottom: 15px;
}

div.moduletable-hilite1 h3,
div.moduletable-hilite2 h3,
div.moduletable-hilite3 h3,
div.moduletable-hilite4 h3,
div.moduletable-hilite5 h3,
div.moduletable h3 {
	/* margin: -10px -10px -10px -10px; */
	margin: -5px;
	padding: 0;
	height: 43px;
	line-height: 30px;
	text-indent: 10px;
	/* padding-left: 25px; */
}

div.moduletable-menu {
	padding: 5px;
	padding-bottom: 4px;
}

div.moduletable-menu h3 {
	margin: -5px;
	padding: 0;
	height: 38px;
	line-height: 30px;
	text-indent: 10px;
}

div.bodybox div.bodyhead {
	padding: 40px 10px 20px 10px;
}

div.bodybox .componentheading {
	margin: -40px -10px 10px -10px;
	height: 37px;
	line-height: 30px;
	padding-right: 10px;	
}

#usermod div.moduletable {
	background: none;
}

td.middle div.moduletable,
td.middle div.moduletable-hilite1,
td.middle div.moduletable-hilite2,
td.middle div.moduletable-hilite3,
td.middle div.moduletable-hilite4,
td.middle div.moduletable-hilite5 {
	margin-bottom: 5px;
}

/* @end */

/* @group menus */

/* See splitmenu.css or suckerfish.css */

/* @end */

/* @group content */

/* @group lists */

ul {
	list-style: square;
	margin: 10px 0;
	padding-right: 30px;
}

ul li, ol li {
	margin: 5px 0;
	/* background: see style css */
}

div.moduletable ul li {
	margin: 5px 0;
	/* padding-left: 20px; */
}

div.moduletable ul.menu li,
div.moduletable-menu ul.menu li {
	margin: 0;
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: 2px;
}

/* @end */

.vert_spacing {
	margin: 15px 0;
}

.hide {
	display: none;
}

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

table.blog span.article_seperator {
	display: block;
	height: 20px;
}

table.pollstableborder td {
	text-align: left;
	padding: 2px 0;
}

/* @end */

/* @group Joomla Core */

/* @group content */

.contentheading {
	padding: 10px 0;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height:100%;
}

td.buttonheading {
 	vertical-align: middle;
}

td.buttonheading img {
	margin-right: 5px;
}

table.contentpaneopen, table.contentpane {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  width: 100%;
}

div.contentpane, div.contentpaneopen {
	width: 100%;
}


.clr {
	clear: both;
}

div.mosimage {
  margin: 5px;
}

a.readon {
	display: block;
	float: left;
	padding-left: 20px;
	padding-top: 2px;
	margin-top: 10px;
	line-height: 14px;
	height: 16px;
	/* background: see style css */
}

.modifydate {
	height: 20px;
	vertical-align: bottom;
}

.createdate {
	height: 20px;
	vertical-align: top;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 0px;
}

table.contenttoc {
  margin: 5px;
  padding: 5px;
}

table.contenttoc td {
  padding: 0 5px;
}

/* @end */

/* @group pathway */

span.pathway {
	display: block;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
}

span.pathway a {
}

span.pathway img {
	border: 0;
	width: 11px;
	margin: 0 4px 0 4px;
}

/* @end */

/* @group mainmenu */

a.mainlevel:link,
a.mainlevel:visited,
ul.menuside a {
	display: block;
	padding: 2px 0;
	margin: 0 0 2px 0;
	text-decoration: none;
}

a.sublevel:link,
a.sublevel:visited {
	text-decoration: none;
}

a.sublevel:hover {
	text-decoration: none;
}

/* @end */

/* @group misc */

table.adminform textarea {
  width: auto;
  color: #666;
}

.sectiontableheader {
	background: #f0f0f0;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	padding: 4px;
}

.sectiontableentry1,
.sectiontableentry2 {
	padding: 4px;
	border-bottom: 1px solid #f0f0f0;
}

.sectiontableentry2 {
	background: #f6f6f6;
}

.pollstableborder .sectiontableentry1,
.pollstableborder .sectiontableentry2 {
	border: 0;
	background: none;
}

div.code {
	font-family: Andale Mono, monospace;
	font-size: 11px;
	background: #eee;
	color: #000;
	padding: 20px;
}

/* @end */

a img {
	border: 0;
}

ul.menu ul a {
	padding-right: 10px;
}

/* mhtawfiq */

#rowtable {
	border-collapse: collapse;
}

#rowtable td {
	background-color: #D4EAF7;
	border-top: 2px #23689C solid;
	border-bottom: 2px #23689C solid;
	padding: 5px;
}

#headertable th {
	background-color: #D4EAF7;
	border-top: 2px #23689C solid;
	border-bottom: 2px #23689C solid;
	padding: 5px;
}

#headertable td {
	padding: 5px;
}

.tableRollOverEffect1{
  background-color: #EBEDF4;
}

.redstar {
	font-weight: bold;
	color: red;
}

.inputError {
	font-family		: Tahoma;
	padding 		: 2px;
	background-color: #FAC6C6;
	border			: 1px solid #534823;
	font-size		: 11px;
}

.innerError {
	display: block;
	padding: 10px 10px 10px 60px;
	margin: 15px 0;	
	color: #c00;
	border-top: 3px solid #fe7b7a;
	border-bottom: 3px solid #fe7b7a;
	background: #fac6c6 url(../images/status-alert.png) 5% 50% no-repeat;
}

.button {
	font-family: Tahoma;
	padding-top: 1px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	border: 1px solid #1A4B83;
	background-color: #DCE9ED;
	font-size: 11px;
}

.inputbox, #inputbox {
	font-family: Tahoma;
	padding: 2px;
	background-color: #DCE9ED;
	border: 1px solid #1A4B83;
	font-size: 11px;
}

#datatable {
	border: 1px #597B96 solid;
	border-collapse: collapse;
}

#datatable th {
	border: 1px #597B96 solid;
	border-collapse: collapse;
	background-color: #597B96;
	color: #fff;
	padding: 3px;
	text-align: center;
	font-weight: bold;
}

#datatable td {
	border: 1px #23689C solid;
	border-collapse: collapse;
	padding: 3px;
}

#header #hlogo {
	position: absolute;
	top: 0px;
	right: 55px;
	width: 115px;
	height: 152px;
	background: url(../images/light_slate/hlogo.png) no-repeat;
}

div#inset {
	height: 100px;
	overflow: hidden;
}

div#jflanguageselection {
	float: left;
}

div#jflanguageselection div.text {
	color: #DCE9ED;
	padding-left: 10px;
}

div#jflanguageselection div.text a {
	color: #DCE9ED;
	display: inline;
	float: none;
	padding: 0 5px;
}

div#jflanguageselection div.text a:hover {
	color: #E4E0AB;
}

div.ftext {
	width: 100%;
	text-align: center;
	color: #1A4B83;
	font-size: 90%;
	padding-top: 10px;
}

td.fmenu {
	text-align: center;
	height: 35px;
}

td.fmenu a:link,
td.fmenu a:visited {
	text-decoration: none;
	line-height: 35px;
}

td.fmenu a:hover {
	text-decoration: none;
	color: #E4E0AB;
}

td.fmenu div.moduletable {
	padding: 0;
	margin: 0;
}

td.middle div.moduletable {
	padding-bottom: 5px;
}

div.moduletable-trans {
	margin: 10px 0;
	color: #333;
}

div.moduletable-trans h3 {
	margin: 5px 0;
	padding: 0px;
	font-size: 100%;
	font-weight: bold;
}

/* @group alert styles */

span.alert,
span.info,
span.download,
span.note {
	display: block;
	padding: 10px 60px 10px 10px;
	margin: 15px 0;	
}

/* @end */

/* @group quote */

span.quote {
	display: block;
	font-style: italic;
}

div.author {
	text-align: left;
	font-weight: bold;
}

/* @end */

/* @group blockquote */

blockquote {
	/* background: see style css */
	margin:  15px 0;
	padding: 10px 45px 5px 10px;
}

blockquote p {
	/* background: see style css */
	padding-left: 35px;
	padding-top: 10px;
}

/* @end */

/* @group code */

pre {
	background: #F6F6F6;
	border: 1px solid #E5E5E5;
	padding: 10px;
}

/* @end */

/* Alert styles */

span.alert {
	color: #c00;
	border-top: 3px solid #fe7b7a;
	border-bottom: 3px solid #fe7b7a;
	background: #fac6c6 url(../images/status-alert.png) 97% 50% no-repeat;
}

span.info {
	color: #0055BB;
	border-top: 3px solid #629de3;
	border-bottom: 3px solid #629de3;
	background: #c6daf0 url(../images/status-info.png) 97% 50% no-repeat;
}

span.note {
	color: #B79000;
	border-top: 3px solid #fde179;
	border-bottom: 3px solid #fde179;
	background: #f9eec6 url(../images/status-note.png) 97% 50% no-repeat;
}

span.download {
	color: #57861A;
	border-top: 3px solid #c2df88;
	border-bottom: 3px solid #c2df88;
	background: #e2eecb url(../images/status-download.png) 97% 50% no-repeat;
}

blockquote {
	background: #f5f5f5 url(../images/quote-start_ar.png) 98% 5px no-repeat;
	border-top: 4px solid #D3D3D3;
	border-bottom: 4px solid #D3D3D3;
}

blockquote p {
	background: url(../images/quote-end_ar.png) 0 100% no-repeat;
}

/* mhtawfiq */