/*/////////////////////////////////////////////
//Home page style
/////////////////////////////////////////////*/

/*////////////////////////////////////////////
//Panes
///////////////////////////////////////////*/
.skinmaster 
{
	width:750px;
	background-color:White;
	border-right-color:black; 
	border-left-color:black;
	border-right-width:5px;
	border-left-width:5px;
	border-style:double;
	border-top-width:0px;
	border-bottom-width:0px;
	direction:rtl;
	background-image: url(../images/background.jpg);
	background-repeat:no-repeat;
	background-position: -14px 0px;
}

.leftpane 
{
	padding-right: 4px;
	padding-top: 6px;	
	border-right-style:solid;
	border-right-color:93C846;
	border-right-width:1px;
}

.contentpane 
{
	width: 551px;
	padding-left: 6px;
	padding-right: 0px;
	padding-top: 6px;
}

.SpecialforBahrainwsmainpage
{
	background-image: url(../images/grey-line.jpg);
	background-position: 10px 7px;
	background-repeat:repeat-x;
	position: static;
}
.SpecialforBahrainwsmainpage2
{
	background-image: url(../images/grey-line.jpg);
	background-position: 10px 115px;
	background-repeat:repeat-x;
	position: static;
}

/*///////////////////////////////////////////*/
.CategoryHeaders
{
	font-family: Arabic Transparent;
	font-size: 13pt;
	text-decoration:none;
	color: #0066AA;
	font-weight: bold;
	vertical-align:baseline;
}

.MenuLinks
{
	font-family:Arabic Transparent;
	font-size:12pt;
	color:yellow;/*:#336699;*/
	text-decoration: none;
	font-weight:bold;
}

.ScrollNewsLink
{
	font-family:Arabic Transparent;
	font-size:12pt;
	color:#00008C;/*:#336699;*/
	text-decoration: none;
	font-weight:bold;
}

.ArticleLink
{
	font-family:Arabic Transparent;
	font-size:11pt;
	color:#00008C;/*:#336699;*/
	text-decoration: none;
	font-weight:bold;
}

.OthersLink
{
	font-family:Arabic Transparent;
	font-size:10pt;
	color:red;
	text-decoration: none;
	font-weight:bold;
}

/*///////////////////////////////////////////////*/
/*//////////////Articles Style///////////////////*/
Table.ArticleTable
{
	width:100%;
	border: solid 0px black;
	direction:rtl;
}

TD.ArticleHeader
{
	FONT-FAMILY: Arial;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 18pt; 
	COLOR: #000000; 
	text-align:center;
	padding: 10pt 0pt 15pt 0pt;
}

TD.ArticleHeader2
{
	FONT-FAMILY: Arial;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14pt; 	
	COLOR: #000000; 
	text-align:center;
	padding: 0pt 0pt 30pt 0pt;
}

TD.ArticleAbstract
{
	COLOR: #000000; 
	LINE-HEIGHT: 150%;
	FONT-FAMILY: Arial;
	text-align:justify;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12pt;
	padding: 0pt 0pt 10pt 15pt; 
	vertical-align:top; 
}

TD.ArticleBody
{
	LINE-HEIGHT: 150%;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12pt; 
	FONT-FAMILY: Arial;
	COLOR: #000000; 
	padding: 30pt 0pt 0pt 0pt;
}

TD.ArticleBody A
{
	text-decoration: none;
}

IMG.ArticleIMG
{
	WIDTH:180px;
	HEIGHT:auto;
	border: solid 0px black;
}

/*///////////////////////////////////////////////*/




/* -- General Fonts & Formatting Elements --*/

.small_header
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: #0066CC;
	font-weight: bold;
}

.page_header
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: #0066CC;
	font-weight: bold;
	text-decoration: underline;
}

.small_link
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: #336699;
	text-decoration:none;
	font-weight:bold;
}
.small_link:hover
{
	color: #ff0000;
	text-decoration: underline;
}
.small_link:visited
{
	color: #336699;
}

.small_gray_text
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: #707070;
}

.small_red_text
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: #FF0000;
}
.small_blue_text
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: #0066CC;
}
.small_darkblue_text
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: #003366;
}
.small_lightblue_text
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: #0066CC;
}
.highlight
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: #0066CC;
	font-weight: bold;
	background: #F1F9FF;
	padding: 3px;
}

/* - form elements - */

.frmbutton
{
	font-family: Arabic Transparent;
	font-size: 10pt;
	color: #000000;
}
.frmtextbox
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: #000000;
}

/* - the default font for the kb article- */

.article_text
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	line-height: 11pt;
	color: #003366;
}
.article_text a
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: #336699;
}

/* - specific table row and cell styles - */

.LeftPaneHeaders
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: #0066AA;
	font-weight: bold;
	text-align:center;
	vertical-align:baseline;
	text-decoration:none;
}

.header_cell
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: #0066CC;
	font-weight: bold;
	background-image: url(../images/headerbg.gif);
	background-color: #DCEFFE;
}
.header_cell_notbold
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: #0066CC;
	font-weight: normal;
	background-image: url(../images/headerbg.gif);
	background-color: #C1E4FD;
}
.lightblue_tblCell
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: #808080;
	background-color: White;
	/*background-color: #F1F9FF;*/
}

.mediumblue_tblCell
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	font-weight: bold;
	color: #979797;
	background-color: #CFE7F9;
}
.white_tblcell
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: #0066CC;
	background-color: #FFFFFF;
}
.blue_1px_line_seperator
{
	background: #74BAF3;
}

/* -- TreeView Control Style Elements -- */

.treelink
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: #003366;
	text-decoration: none;
}
.treelink:hover
{
	color: #003366;
	text-decoration: underline;
}
.treelink:visited
{
	color: #003366;
	text-decoration: none;
}
.treelink_selected
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: #003366;
	text-decoration: none;
	background: #F1F9FF;
	padding: 2px;
	border: 1px solid #85B3FE;
}

/* -- Question Links -- */

.questionlink
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: #336699;
}
.questionlink:hover
{
	color: #FF0000;
}
.questionlink:visited
{
	color: #336699;
}

/* -- Question Paging Links -- */

.questionpaging
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: #336699;
}
.questionpaging:hover
{
	color: #FF0000;
}
.questionpaging:visited
{
	color: #336699;
}

/* -- Table Splitters -- */

.vert_splitter
{
	background: url(../images/vertline.gif);
	background-repeat: repeat-y;
	background-attachment: fixed;
	font-size: 12pt;
}

.hoz_splitter
{
	background: url(../images/hozline.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
	font-size: 12pt;
}

.tophoz_splitter
{
	background: url(../images/topsplitter.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
	font-size: 12pt;
}
/* -- Navigation Bar & Tabs -- */

.NavBar_TabOn
{
	padding: 3px;
	border-left: 1px solid #7898B5;
	border-top: 1px solid #7898B5;
	border-right: 1px solid #7898B5;
	background: #ffffff url(../images/tabon.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
}

.NavBar_TabOff
{
	padding: 3px;
	border-left: 1px solid #BECBD2;
	border-top: 1px solid #BECBD2;
	border-right: 1px solid #AAAAAA;
	background: #F1F3F6 url(../images/headerbg.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
}

.IKB_TabOn
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: #0066CC;
	background: #C7E1FA;
}

.NavBar_BG
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: #0066CC;
}
.NavBar_Links
{
	font-family:Simplified Arabic;
	font-size: 12pt;
	color: #0066CC;
}
.NavBar_Links:hover
{
	color: #FF0000;
}
.NavBar_Links:visited
{
	color: #0066CC;
}

/*------ below is style --*/


INPUT.FormInput 
	{
	color:Gray;
	background-color:Transparent;
	border-color:#e3dcd9;
	border-bottom-width:1pt;
	border-Top-width:1pt;
	border-style:solid;
	text-align:right;
	}
TD.Blueheader2
{
	BACKGROUND-ATTACHMENT: scroll;
	BACKGROUND-POSITION-Y: bottom; 
	BACKGROUND-IMAGE: url(../Addin/BlueHeader/2.jpg); 
	BACKGROUND-REPEAT: repeat-x; 
	HEIGHT: 30px
}

TD.Blueheader2b
{
BACKGROUND-ATTACHMENT: scroll; 
BACKGROUND-POSITION-Y: top; 
BACKGROUND-IMAGE: url(../Addin/BlueHeader/2b.jpg); 
BACKGROUND-REPEAT: repeat-x
}

TD.Search2
{
	BACKGROUND-ATTACHMENT: scroll; 
	BACKGROUND-IMAGE: url(../Addin/HP/Search2.jpg); 
	BACKGROUND-REPEAT: repeat-x;
}
TD.VerticalLine
{
	BACKGROUND-POSITION: center top;
	BACKGROUND-IMAGE: url(../Addin/HP/VerticalLine.jpg);
	WIDTH: 9px;
	BACKGROUND-REPEAT: repeat-y;
	TEXT-ALIGN: center;
}

TD.ArticleTitle_Up
	{
	FONT-WEIGHT: bold;FONT-SIZE: 16pt;
	FONT-FAMILY:Arabic Transparent; 
	TEXT-ALIGN: right;
	vertical-align:sub; 
	BACKGROUND-ATTACHMENT: scroll; BACKGROUND-REPEAT: repeat-x; 
	BACKGROUND-POSITION: bottom;
	BACKGROUND-IMAGE: url(../Addin/BlueHeader/2.jpg);
	COLOR: #cc0000;	HEIGHT: 30px; 	
	}

TD.ArticleTitle_Down
	{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12pt; 
	vertical-align:text-top; 
	BACKGROUND-ATTACHMENT: scroll;
	BACKGROUND-POSITION: top; 
	BACKGROUND-IMAGE: url(../Addin/BlueHeader/2b.jpg); 
	COLOR: #cc0000; 
	BACKGROUND-REPEAT: repeat-x
	}

TD.MainLink
	{
	BORDER-TOP: solid #e3dedb 1pt ;
	BORDER-BOTTOM: #cc0000 1pt inset; 
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: right; 
	FONT-WEIGHT: bold; FONT-SIZE: 12pt;FONT-FAMILY: Andalus;  
	BACKGROUND-IMAGE: url(../Addin/BlueHeader/TransIcon1.gif); 
	BACKGROUND-COLOR: #ffffff;
	MARGIN-RIGHT: 0pt 
	}

TD.SubLink
	{
	BACKGROUND-POSITION: right; BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-IMAGE: url(../Addin/News/Ico2.jpg);  
	BACKGROUND-COLOR: #ffffff;
	FONT-WEIGHT: normal; FONT-SIZE: 12pt; FONT-FAMILY: Andalus; 
	MARGIN-RIGHT: 0pt
	}
	
TD.SearchBG
{
	BACKGROUND-ATTACHMENT: scroll; 
	BACKGROUND-IMAGE: url(../Addin/HP/Search2.jpg); 
	BACKGROUND-REPEAT: repeat-x
}	

TD.Footer
{
	BORDER-TOP: #cc0000 1pt solid; 
	BACKGROUND-IMAGE: url(../Addin/HP/Search2.jpg); 
	BACKGROUND-COLOR: #e3dcd9
} 
P.ContentParagraph
	{
	FONT-SIZE: 14pt; VERTICAL-ALIGN: sub; 
	FONT-FAMILY:Arabic Transparent;	TEXT-ALIGN:justify;
	padding-bottom:2pt; padding-top:2pt;
	padding-left:15pt; padding-right:15pt; 
	color:Gray
	
	}
P.ContentParagraph_Highlighted
	{
	FONT-SIZE: 16pt; VERTICAL-ALIGN: sub; 
	FONT-FAMILY:Arabic Transparent;	TEXT-ALIGN:center;
	padding-bottom:2pt; padding-top:2pt;
	padding-left:15pt; padding-right:15pt; 
	color:Navy
	}

LI.BulletedList
	{
	LIST-STYLE-IMAGE: url(../Addin/News/Ico2.jpg);
	List-style-position:inside;
    FONT-SIZE: 14pt;  
	FONT-FAMILY:Arabic Transparent;	TEXT-ALIGN:justify;
	padding-bottom:5pt; padding-top:5pt;
	padding-left:40pt; padding-right:40pt; 
	color:Gray
	
	}

Table.ContainerPage
{
	width:100%;
	padding:0px 2px 0px 0px;
	border:solid 0px white;
	direction:rtl;
}

Table.ArticlesTable
{	width:100%;
	border-bottom:dashed 1px black;
	padding-bottom:6px;
	padding-top:6px;
	padding-right:3px;
	padding-left:3px;
}

Table.LeftPaneTables
{	width:100%;
	margin: 0px  0px 6px 0px;
	border:solid 1px black;
	padding-bottom:6px;
	padding-top:6px;
	padding-right:3px;
	padding-left:3px;
}

Table.StaticPagesLinks
{
	BORDER-RIGHT: #ffffff 2pt solid;
	BORDER-TOP: #ffffff 2pt solid; 
	BORDER-LEFT: #ffffff 2pt solid; 
	BORDER-BOTTOM: #ffffff 2pt solid; 
	BACKGROUND-COLOR: #e3dcd9
}

/*------ below is style --*/


.MiddleContent 
{
background-attachment:scroll;
position: relative;
width: 500;
height:600;
min-width: 120px;
margin: 0 210px 20px 170px;
border: 6px solid black;
background-color: Fuchsia;
padding: 10px;
z-index: 3;
}

.CategoriesSpacer
{
	width:100%;
	padding: 0px 0px 0px 0px;
	border-bottom:dashed 1px black;
}

/*///*/
.Fsmall_red_text
{
	font-family: Arabic Transparent;
	font-size: 12pt;
	font-weight: bold;
	color: red;
}

.Farticle_text 
{
	text-align:justify;
	font-family: Arabic Transparent;
	font-size: 12pt;
	color: black;
	
	line-height:110%;
}

.Farticlebody
{
padding: 10pt 10pt 10pt 15pt; 
}

.ImageBorder
{
	border:solid 1px #7E7E7E;
	padding:2px 2px 2px 2px;
}

// testing the new

#Mgr dl {
	clear: both;
	margin-left: 10px;
	background: url(../images/mgrBg/caro_bkg_1.jpg) top right no-repeat;
	height: 156px;
	overflow: hidden;
	}
	
#Mgr dl dt, #Mgr dl dd {width: 370px;}
#Mgr dl dt {padding-top: 5px;margin-bottom: 5px;font-size: 1.3em;font-weight: bold;}
#Mgr dl dd.imgText, #Mgr dl dd.imgText2 {float: left;width: 370px;margin-left: 10px;}
#Mgr dl dd.img, #Mgr dl dd.img2 {float: left;width: 45px;margin: 0;}
#Mgr dl dd.img2 {width: 85px;}
#Mgr dl dd.imgText2 {width: 330px;}
#Mgr dl dd.more {width: 500px;clear: both;text-align: right;padding: 10px 0 0 0;font-weight: bold;}

div#MgrLinks {
	background: url(../images/200609/mgrTop2.gif) 10px 5px no-repeat;
	height: 35px;
	text-align: right; 
	width: 529px;

	}
div#MgrLinks ul.tabs {float: right;}	
div#MgrLinks ul.tabs li
{
float: left;
background-color: #fff;
text-align: center;
padding-top: 3px;
margin-right:5px;
height: 25px;
width:22px;
background:url(../images/200609/mgrOff.gif) 0% 0% no-repeat ;
}

div#MgrLinks ul.tabs li.active {
color: #fff;
background:url(../images/200609/mgrOn.gif) 0% 0% no-repeat ;
border-bottom:0;
}


div#MgrLinks ul.tabs li a {font-weight: bold;margin-left: 1px;}
div#MgrLinks ul.tabs li.active a {color: #fff;}
div#MgrButtons ul.tabs li {display: inline;}
div#MgrButtons {
background: url(../images/200608/MgrButtons.gif) 0 0 no-repeat;
height: 21px;
width: 131px;
text-align: center;
float: right;
}

.lrec{
text-align:center; text-transform:uppercase; color:#999; font-size:77%; padding-bottom:10px;
border-width:1px;
border-color:#000000;
border-style:solid;
 }
 /*
.lrec img{display:block; }


#storybody .lrec{float:right; text-align:center; margin:0 0 10px 10px; width:310px; display:inline; }
#yncatindex .lrec{*padding-top:6px; }
#fc #sidebar .lrec { padding-bottom:15px; }
*/
 
 
 /* The Menu Style */
 		/*this is the css for the vertical version*/
		.vertical ul{
			list-style-type: none;
			padding: 0px;
			border-top: 1px solid;
			width: 204px;
		}
		.vertical li a{
			display: block;
			width: 200px;
			text-decoration: none;
			height: 1em;
			padding: .1em 1px;
			border: 1px solid;
			border-top: 0px;
		}
		.vertical li{
			/*Needed for IE. Don't ask me why, It was a lucky guess.*/
			display: inline;
		}
		.vertical li ul{
			position: absolute;
			margin-top: -1.3em;
			margin-left: 200px;
		}
		/*this is the css for the horizontal version*/
		.horizontal ul{
			list-style-type: none;
			padding: 0px;
			border-left: 1px solid;
			display: block;
			height: 1.4em;
		}
		.horizontal li{
			float: left;
			display: inline;
		}
		.horizontal li a{
			text-decoration: none;
			height: 1.2em;
			float: left;
			display: block;
			width: 180px;
			padding: .1em 1px;
			border: 1px solid;
			border-left: none;
		}
		.horizontal li li a{
			border-top: none;
			border-left: 1px solid;
		}
		.horizontal li ul{
			position: absolute; 
			margin-top: 1.3em;
			margin-left: -1px;
			width: 129px;
			border: none;
			display: block;
			height: auto;
			border-top: 1px solid;
		}
		.horizontal li li ul{
			position: absolute;
			margin-top: .1em;
			margin-left: 125px;
		}
		.horizontal li ul li a{
		width: 150px;
		}
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		/*Not sure if I recommend this or not*/
		.inaccesible li ul{
			display: none;
		}
		/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
		.arrow a span{
		padding-left: 1em;
		font-size: 85%;  
		}
		.arrow a:hover span{
		padding-left: 2em;
		}
		.arrow a span.noshow{
			visibility: hidden;
		}
		/*Plus code*/
		.plus a span{
			padding-left: .5em;
		}
		/*colors for menu*/
		.blackwhite li a{
			background-color: white;
			color: black;
			border-color: black;
		}
		.blackwhite li a:hover{
			background-color: black;
			color: white;
			border-color: black;
		}
		.blackwhite ul{
			border-color: black;
		}
		.bluewhite li a{
			background-color: white;
			background-color: #19839d;
			color: #ffffff;
			border-color: #000033;
			font-size: .9em;
			font-weight: bold;
		}
		.bluewhite li a:hover{
			background-color: #19839d;
			color: white;
			border-color: #000033;
		}
		.bluewhite ul{
			border-color: #000033;
		}
		
		
		.menu
		{
			color: #ffffff;
			text-align: right;
			padding-right: 10px;
			font-size: 14px;
			font-family: Arial, Helvetica, sans-serif;
			height: 24px;
			font-weight: bold;
			background-color: #19839d;
		}
		.menu a
		{
			color: #ffffff;
			text-decoration: none;
		}
		.menu:hover
		{
			color: #ffffff;
			background-color: #07596d;
		}

