/* CSS Document */

body{
	margin:0px;	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-decoration:none;
	
}

p{
	margin:0px;
	padding:0px;
	text-align:justify;
	line-height:16px;
}


/* ........ Global ........ */
.black{color:#333333;}
.white{color:#ffffff;}
.red{color:#ed2600}
.darkRed{color:#cc0000}
.gray{color:#666666;}
.yellow{color:#fff402}
.blue{color:#000080;}
.darkBlue{color:#012b7d;}
.green{color:#008587;}
.Darkgreen{color:#034055;}
.lightgreen{color:#9fe939;}
.inlineBlock{display:inline-block;}

.arial{font-family:Arial; font-size:15px}
.tahoma{font-family:Tahoma}

.fontSizeSmall{font-size:10px;}
.fontSizeMedium{font-size:11px;}
.fontSizeLarg{font-size:12px;}
.fontSizeLarg2{font-size:16px;}
.fontSizeXLarg{font-size:20px;}

.lineHeightMedium{line-height:17px;}
.lineHeightLarg{line-height:19px;}

.boldFace{font-weight:bold;}
.NormalFace{font-weight:normal;}
.noTextDec{text-decoration:none;}

.pointer{cursor:pointer;cursor:hand;}
.default{cursor:default;}


.txtBox{
	height:12px;
	line-height:10px; 
	border:solid 1px #2d678a;
	background-color:#c0d6da; 
	width:200px;
	}
	
.txtAreaBox{
	height:12px;
	line-height:10px; 
	border:solid 1px #2d678a;
	background-color:#c0d6da; 
	width:400px;
	}
.btnBox{
	
	background-color:#dddddd; 
	margin-right:140px; 
	border:solid 1px gray;
	font-family:Tahoma;
	
	
	}

/* ........ Header ........ */
#headerHolder{
	width:1003px;
	height:116px;
	overflow:hidden;
}

#rightHeader{
	float:right; 
	width:480px; 
	height:116px
	
}

#leftHeader{
	float:left; 
	width:523; 
	height:116px;
	
}

#languageBarHolder{
	height:24px; 
	width:523px; 
	background-color:#308196;
	border-bottom:1px solid #73d1e2;	
}

#languageBar{
	height:24px; 
	width:200px; 
	background-color:#2d678a;
	float:left;			
}

.languageBarSeperater{
	background-image:url(../images/header/Rasa_languagBar_seperat.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:1px;
	height:7px;
}

#searchBarHolder{
	width:523px; 
	height:53px;
	border-bottom:1px solid #80cad8; 
	background-color:#3995ae;
	direction:ltr;
	
}

#searchBar{
	float:left; 
	width:400px; 
	height:53px;
	padding-left:45px;
}

.searchTxtBox{
	background-color:#daf0f4;
	width:120px;
	border:none;
	margin-top:3px;
	height:16px;
	}

.searchIconBox{
	padding-top:3px;
	
	}
	
#URlBar{
	width:523px; 
	height:19px;
	background-image:url(../images/header/Rasa_bg2.jpg);
	background-repeat:repeat-x;
}

#headerLogo1{
	float:left; 
	width:84px;
	height:116px;
	background-image:url(../images/header/Rasa_headerLogo1.jpg);
	background-repeat:no-repeat;
}

#headerLogo2{
	float:right; 
	width:396px;
	height:116px;
	background-image:url(../images/header/Rasa_headerLogo2.jpg);
	background-repeat:no-repeat;
}
#headerLogo2Pix{
	
	width:396px;
	height:97px;
	background-image:url(../images/header/Rasa_headerLogo2.jpg);
	background-repeat:no-repeat;
}
#Marque
{
	width:396px;
	height:19px;
	
	
	}
#rightMarque
{
	float:right; 
	width:164px; 
	height:19px;
	background-color:#2a7b8d;
	background-image:url(../images/header/Rasa_marquImageTileBG.jpg);
	background-repeat:repeat-x;
	background-position:top;
	
	}

#leftMarque{
	float:left;
	width:232px;
	height:19px;
	background-image:url(../images/header/Rasa_bg2.jpg);
	background-repeat:repeat-x;
	direction:rtl;
	text-align:justify;
	position:relative;
	
	}

#MarqueLine{
	
	width:800px; 
	height:16px;
	position:absolute; 
	overflow:hidden;
	top:0px;
	right:5px;
	
	
	}
/* ........ date & time box ........ */
#dateTimeHolder{
	width:523px;
	height:18px;
	background-color:#47b0c5;
	text-align:left;	
	}

.ClockBox{
	height:18px;
	overflow:hidden;
	position:relative;
	width:244px;
	margin-left:40px;
	text-align:left;
	direction:rtl;
}

.ZoneTimeBox
{
	height:18px;
	background-color:#47b0c5;
	left:0px;
	position:absolute;
	width:244px;
	}
	
/* ........ Body ........ */
#bodyHolder{
	width:1003px;
	height:1850px; /* --- height:1850px; this height should be changed --- */
	overflow:hidden;		
}

/* ........ Right Sidebar ........ */
#rightSidebar{
	float:right;
	width:120px; 
	height:1850px; /* ---height:1850px; this height should be changed --- */
	background-color:#2a7b8d;
	
}
.MenuItem{
	width:120px; 
	height:19px;
	border-bottom:solid 1px #185e72;
	background-image:url(../images/sideBar/Rasa_MenuIconRight.jpg);
	background-position:center right;
	background-repeat:no-repeat;
	direction:rtl;
	text-align:justify;
	padding-top:2px;
}
#otherSection{
	width:120px; 
	height:190px;
	background-color:#3865ad;
	background-image:url(../images/sideBar/Rasa_OtherSectionTopTile.jpg);
	background-repeat:repeat-x;
	background-position:top;
	text-align:justify;
	direction:rtl;
}

.otherSectionItem{
	width:120px; 
	height:19px;
	background-color:#3865ad;
	background-image:url(../images/sideBar/Rasa_OtherSectionMenuBulet.jpg);
	background-repeat:no-repeat;
	background-position:right center;
}

/* ........ Left Sidebar ........ */
#leftSidebar{
	float:left;
	width:19px; 
	height:1850px; /* ---height:1850px; this height should be changed --- */
	background-color:#2a707e;
}

/* ........ Main Body  ........ */
#mainBodyHolder{
	float:right;
	width:864px; 
	height:1850px; /* ---height:1850px; this height should be changed --- */ 		
}

#mainBodyTopTile{
	width:864px;
	background-image:url(../images/header/Rasa_mainBodyTopTileBg.jpg); 
	background-repeat:repeat-x;
	height:9px;
	font-size:2px;	
}

#mainBody{
	width:864px;
	height:1841px; /* ---height:1841px; this height should be changed --- */ 	
	background-image:url(../images/header/Rasa_mainBodyTopRight.jpg); 
	background-repeat:no-repeat;
	background-position:right top;
	
}

#mainBodyInside{
	width:854px;
	height:1831px; /* ---height:1831px; this height should be changed --- */ 	
	background-color:#f1f2f2;
	
}

#lastNewsCol{
	float:right; 
	width:618px; /*width:300px; */
	height:auto;
	
}
#CenterNewsCol{
	float:right; 
	width:620px; 
	
}
#topNewsHolderItem{
	width:610px; 
	height:220px;	
}

.topNewsItem{
	width:270px; 
	height:111px;
	overflow:hidden;
	direction:rtl;
	margin-top:10px;	
}

.newsImg{
	
}

.SmallNewsIMG
{
	display:inline-block;
	float:right;
	width:75px; 
	height:100px;
	overflow:hidden;
	text-align:center;
	background-color:#dddddd;
	border:solid 1px gray;
	margin-left:10px;
}

.SmallNewsTopIMG{	
	display:inline-block;
	float:right;
	width:112px; 
	height:150px;
	overflow:hidden;
	text-align:center;
	background-color:#dddddd;
	border:solid 1px gray;
	margin-left:10px;
}

.photoDailyIMG{
	width:162px; 
	height:200px;
	overflow:hidden;
	text-align:center;
	background-color:#dddddd;
	border:solid 1px gray;
	margin-left:10px;
}
.NewsTitleBar{
	width:100%;
	height:25px;
	background-image:url(../images/sideBar/Rasa_headerBarBg.jpg);
	background-repeat:repeat-x;
	
	}

#importantNewsCol{
	width:318px;
	height:1410px;
	
	}
.importantNewsItem{
	width:300px;
	height:128px;
	float:right;
	direction:rtl;
	margin-top:10px;
	overflow:hidden;
	padding-right:10px;
	}

.showBox{	
	height:44px; 
	text-align:left;
	}
	
#showBoxallNewsItem{
	
	height:44px; 
	width:165px; 
	background-image:url(../images/sideBar/Rasa_allNews.jpg);
	background-repeat:no-repeat;	
	}
	
#showBoxArchiveNewsItem{
	
	height:44px; 
	width:165px; 
	background-image:url(../images/sideBar/Rasa_allArchive.jpg);
	background-repeat:no-repeat;	
	}
/* ........ Tools col ........ */



#toolsCol{
	width:236px;
	height:470px;
	float:left;
	}

.toolsItem{
	width:99%; 
	height:35px; 
	border-bottom:solid 1px #f8faf5;
	border-right:solid 1px #f8faf5;
	background-color:#eaece8;
	
	}

.expandTabToolsHolder{
	
	border-bottom:solid 1px #f8faf5;
	border-right:solid 1px #f8faf5;
	background-color:#efefef;
	height:460px;
	width:99%;
	direction:rtl;
	}

.expandTabToolsITEM{
	
	width:210px; 
	height:100px; 
	padding-top:5px; 
	}

.expandTabToolsIMG{
	
	float:right; 
	width:75px; 
	height:100px;
	margin-right:5px;
	overflow:hidden;
	border:solid 1px gray;
	text-align:center;
	}

.expandTabToolsCONTENT{
	
	float:left; 
	width:120px; 
	height:100px;
	}


.borderBottom{
	border-bottom:1px solid #f8faf8	;
	}

.borderRight{
	border-right:1px solid #f8faf8	;
	}


/* ....... Footer ........ */
#footerHolder{
	width:1003px;
	height:95px;
	background-color:#2a707e;
	direction:rtl;
	line-height:20px;	
}

/* ....... Information Page ........ */
#otherPageInfoHolder{
	float:right;
	width:618px; 
	height:auto;	/* ---height:400px; this height should be changed --- */ 
	}
	
	
#pageInfo{
	width:95%; 
	text-align:justify;
	direction:rtl; 
	line-height:18px;
	}
	
	
	
	
/* ....... Service Page ........ */


#serviceTopNewsHolder{
	width:618px; 
	height:140px;	
	}
	
#serviceTopNewsItem{
	width:600px; 
	height:120px;
	margin-top:10px
	
	}	
	
#serviceTopNewsIMG{
	float:right;
	width:100px; 
	height:120px;
	overflow:hidden;
	padding-top:10px
	}
#serviceTopNewsContent{
	float:left;
	width:510px; 
	height:110px;
	overflow:hidden;
	padding-top:5px;
	direction:rtl;
	padding-right:10px
	}
	
#serviceOtherNewsHolder{
	width:618px; 
	height:1450px;	
	}
	
.serviceOtherNewsItem{
	width:610px;
	float:right; 
	height:120px;
	padding-top:8px;
	padding-right:8px;
	
	
	}
	
.serviceOtherNewsIMG{
	float:right;
	width:63px; 
	height:71px;
	overflow:hidden;
	padding-top:10px;
	}
.serviceOtherNewsContent{
	float:right;
	width:510px; 
	height:94px;
	overflow:hidden;
	padding-top:10px;
	direction:rtl;
	position:relative;
	}	
	
.archiveBox{
	background-image:url(../Images/archive.gif);
	background-position:left center;
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	width:100px;
	height:50px;
	
	}
	
/* ....... fullStory Page ........ */


#fullStoryPageDetail{
	width:618px; 
	height:auto;	
	}
	
	
#fullStoryItem{
	width:600px; 
	height:auto;
	
	}
	
.LargNewsIMG{
	display:inline-block;
	float:right;
	width:225px; 
	height:300px;
	overflow:hidden;
	text-align:center;
	background-color:#dddddd;
	border:solid 1px gray;
	margin-left:10px;
	
	}
	
#fullStoryContent{
	float:right;
	width:585px; 
	height:auto;
	overflow:hidden;
	padding-top:10px;
	direction:rtl;
	padding-right:10px;
	line-height:18px;
	}	
	
#fullStoryBody{
	width:600px; 
	height:auto;
	direction:rtl;
	text-align:justify;
	line-height:17px;
	
	}
	
	
/* ....... Print Version Page ........ */

	
#PrintVersionContent{
	
	width:700px;
	direction:rtl;
	
}


/* ....... Text version Page ........ */

.textVersionItem{
	
	width:570px; 
	height:95px;
	overflow:hidden;
	
	
}


/* ....... Search result Page ........ */

.searchResultItem{
	
	width:570px; 
	height:100px;
	
}

/* ....... Photo service Page ........ */
.pagingBar
{
	margin-top:5px;
}
.pagingBar a
{
	color:White;
	text-decoration:none;
}

#pagingBar{
	
	width:821px; 
	height:22px; 
	background-color:#3865ad;
	line-height:22px;
	direction:rtl;
	
}

#photoServiceHolder{
	
	width:820px; 
	height:420px;
	
	
}

.photoServiceItem{
	
	width:180px; 
	height:150px; 
	float:right;
	margin-top:20px;
	margin-left:20px;
	
}

.photoServiceIMGHolder{
	
	width:180px; 
	height:100px;
	background-color:#d8d8d8;
	
	
	
}

.SmallphotoServiceIMG{
	width:150px;
	height:100px;
	overflow:hidden;
	}
	
.photoServiceContent{
	
	width:180px; 
	height:50px;
	background-color:#2a7b8e;
	
}
.selected
{
	font-weight:bold;font-size:14px;}
/* ....... Photo FULL STRORY Page ........ */

#photofullStoryHolder{
	height:400px;	/* --- this height should be changed --- */ 	
	width:450px; 
	float:right;
	
}

.photofullStoryNext{
	float:right; 
	width:60px; 
	height:400px;
	
}

#photoFullStoryIMg
{
	float:left;
	width:600px;
	height:400px;
	overflow:hidden;
	text-align:center;
	}
#photoFullStoryContent
{
	float:right;
	width:200px;
	height:400px;
	overflow:hidden;
	text-align:justify;
	direction:rtl;
	margin-top:20px;
	padding-right:10px;
	}
	
#ImageListBorder{
	width:820px;
	height:125px;
	margin-top:10px;
	overflow:hidden;
	direction:rtl;
	float:right;
	background-color:#dddddd;
	position:relative;
}

#ImageList{		
	height:100;
	margin-top:7px;
	direction:ltr;
	text-align:left;
	position:absolute;
	}
.ImageLIstTtem{
	
	width:150px;
	height:100px;
	border:solid 4px #d9d8d8;
	float:right;
	margin-top:5px;
	margin-left:5px;
	z-index:2;
	}


/* Back Next ------------------- */
.videoItemButton{	
	width:55px;
	height:20px;
	position:absolute;
	background-color:#FFFFFF;
	top:0px;
	right:207px;
	z-index:20;
}	


	
/* --------- photoService ---------- */

#selectivePhotoListHolder{
	float:right; 
	width:226px; 
	
	
}

#selectivePhotoList{
	font: bold 14px Arial;
    color: black;
    background:#eaece8 ;
    margin-bottom: 10px; /*bottom spacing between header and rest of content*/
    text-transform: uppercase;
    cursor: hand;
    cursor: pointer;
    height:35px;
    margin:0px;
    border-bottom:solid 1px #f8faf5;
    border-right:solid 1px #f8faf5;
}
#PhotoServiceListHolder{
	float:right; 
	width:590px;
	height:600px;
	
	}
	
.PhotoServiceListItem{
	width:570px;
	float:right;
	height:120px;
	padding-top:8px;
	padding-right:8px;
	
	}
	
.SmallPhotoServiceListIMG{	
	
	float:right;
	width:150px; 
	height:100px;
	overflow:hidden;
	text-align:center;
	background-color:#dddddd;
	border:solid 1px gray;
	margin-left:10px;
	
}

.PhotoServiceListContent
{
	float:right;
	width:400px; 
	height:auto;
	overflow:hidden;
	padding-top:10px;
	direction:rtl;
}
	
	
#PhotoServicepagingBar{
	clear:right;
	width:100%; 
	height:22px; 
	background-color:#3865ad;
	line-height:22px;
	direction:rtl;
	
}