/* Body Styles */

* {


SCROLLBAR-ARROW-COLOR: #D5CCAF;
SCROLLBAR-BASE-COLOR: #343434;

	SCROLLBAR-SHADOW-COLOR: #343434;
scrollbar-darkshadow-color: #343434;

scrollbar-track-color: #4A4A4A;
scrollbar-face-color: 343434; 
scrollbar-3dlight-color: #4A4A4A;

}

h1 {font: bold 14pt arial,helvetica,tahoma,sans-serif; color: 2F2F2F}

h2 {font: bold 13px verdana,arial,helvetica,sans-serif; color: 7E0001}

h3 {font: bold 12px verdana,arial,helvetica,sans-serif; color: #808080}

a {font: bold 10px verdana,arial,helvetica,sans-serif; color: 7E0001}

a:hover {color: #7E0001}

pre {margin-bottom: 0}



.hrz_line {background: #a1a1a1}

.hrz_line2 {background-image: url(http://www.knowledgekingdom.com.jo/images/hrz_line.gif); height: 1px}

.maincontent {background: #ffffff; padding: 2em}

.colorbar {background: #76A8DB}



.foot {background: #F4F4F4; padding-right: 2em}

.poptop, .popbot {background: #F4F4F4}

.popbot {padding-top: 3px; padding-bottom: 3px; padding-left: 1em}

.nav_special {color: #ADCEEF; margin-right: 2em}

.nav_link {color: #ffffff; text-decoration: none}

.category {font-size: 10pt; margin-bottom: 0.5em}




dt {font: bold 10pt verdana,arial; padding-top: 1em}

dd {font: normal 8pt verdana,arial; line-height: 18px}

.QA {font: normal 18pt arial, helvetica,tahoma; color: #cccccc; width: 10px}

.aratitle {font-weight: bold; margin: 0; padding: 3px; font-size: 10pt}

.arastart {font-weight: normal; background: #EFEFEF;  margin: 0; padding: 3px; font-size: 10pt}









/* Table Styles */

.tablehead {background: #dddddd}

.rowA {background: #EBECED}

.rowB {background: #ffffff}

.rowC {background: #E5E5E5}


/* News */

newscont {
font: bold 10pt arial;
color: 820000
}

/* Form Styles */
.textfield {font-family: verdana, sans-serif; font-size:11px; color:#666666; background:#ffffff; border-top:1px solid #bbbbbb; border-left:1px solid #bbbbbb; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;}

.submit {font: normal 8pt "verdana","arial mt","arial narrow","arial"; background: #639BC5; color: #ffffff; border: #cccccc 1px outset}

select {font: normal 7pt "verdana","arial mt","arial narrow","arial"; color: #616161;}

select.nav_sel {font: normal 7pt "verdana","arial mt","arial narrow","arial"; color: #30678F; background: #ADCEEF}

form {margin: 0}

.btnlite {
	font-weight: bold;
background-image: url('http://www.knowledgekingdom.com.jo/images/butbg.jpg');
	border: 1px solid #7E0001;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 10px;
color: #7E0001;
}

.btnl {
	font-weight: bold;
background-image: url('http://www.knowledgekingdom.com.jo/images/butbg.jpg');
	border: 1px solid #7E0001;
	cursor: pointer;
	padding: 1px 1px;
	font-size: 10px;
color: #7E0001;
}
.geninput {
	font-weight: bold;
color : #353334;
	border: 1px solid #7E0001;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 10px;

}

<style type="text/css">

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 10px 10px; /*padding inside each tab*/
border-right: 10px solid #770000; /*right divider between tabs*/

color: #C9BE9E;
background: #770000; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: #C9BE9E;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #343434; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color: #C9BE9E;
}

</style>





<style type="text/css">

.cats{
overflow: hidden;
border-bottom: 3px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.cats ul{
margin: 0;
padding: 0;
padding-left: 0; /*offset of tabs relative to browser left edge*/
font: 10px Verdana;
list-style-type: none;
}

.cats li{
display: inline;
}

.cats li a{
float: center;
display: block;
text-decoration: none;
margin: 0;

border-top:  2px solid #ffffff; /*right divider between tabs*/
border-bottom: 2px solid #ffffff; /*right divider between tabs*/

color: #343434;
background: #ffffff; /*background of tabs (default state)*/
}

.cats li a:visited{
color: #343434;
}

.cats li a:hover, .cats li.selected a{
background: #343434; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
border-bottom: 2px solid #800001; /*right divider between tabs*/
border-top: 2px solid #800001; /*right divider between tabs*/
color: #C8BE9B;
}

</style>