@charset "utf-8";
/* CSS Document */
/****************************************************************************************************
*	Filename: main.css
*	Purpose: All the CSS Rules required to design web pages.
*	Author: Shivaling Giri  Shivaling[dot]Giri[at]indecommlearning[dot]com
****************************************************************************************************/

/*  search for anything
global declarations = GENERIC, H1 TO H6 styling	= HEAD, changeable content = CONTENT, navs / listings	= NAVS,
mdoules = ARTICLE, plain bg colors = BGS, gradients = GRADS, borders = BORDERS, visual containers	= ROUNDS,
text, fonts, = TEXTALL, form, input	= INPUT, footer = FOOTER, Miscellaneous = MISC,


/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/

/************************************** 
IMPORTED RESET CSS FILE
**********************************************************/
@import url('../Reset.css');/*Common Rest css- Do not edit*/

body {font:normal 11px Verdana; text-align:left; background:#FAFAFA; background:#dcdcdc url("../../../images_arabic/page_bg.png") repeat-x !important}
* {font-family:Verdana; font-size:10pt}
/* global reset */
body,form,h1,h2,h3,h4,h5,h6,p {padding:0; margin:0; color:#373333}
h1,h2,h3,h4,h5,h6,label,a {text-transform:capitalize; text-decoration:none}
a {color:#000; text-decoration:none}
a:hover {color:#ad1419; text-decoration:underline}
a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img {border:none}
ul,li {padding:0; margin:0; list-style:none}
li {display:inline}
p {line-height:150%}
a.breadcrumb {
	padding-left:0px !important
}

/** HEADER ELEMENTS STYLING	(id=HEADERS)
**********************************************************/
#mainWrapper {margin:0 auto; width:983px}
#mainWrapper #header {padding:22px 0 0 0; float:left; width:100%}
#mainWrapper #header #logo {width:435px; height:84px; float:right; margin:0 16px 0 0}
#mainWrapper #header #welcome {float:left; width:380px; padding:14px 0 0 10px}
#mainWrapper #header #welcome ul#ulQuickLinks {width:410px}
#mainWrapper #header #welcome input.searchBox {border:1px solid #9d9d9d; border-width:1px 1px 1px 0px; font-family:tahoma; font-size:12px; color:#787676; 
width:220px; padding:3px 8px 3px 0; height:16px; float:left; margin:12px 10px 0 0px; text-align:right}
#mainWrapper #header #welcome a.goButton  {background:url("../../../images_arabic/search_button_bg_arabic.png") no-repeat; width:26px; height:24px; border:none; 
outline:none; float:left; cursor:pointer; margin:12px 0 0 0}
#mainWrapper #topBanner {float:left; margin:7px 0 0 0}
#mainWrapper #topBanner .topBg {background:url("../../../images_arabic/top_round_bg.png") no-repeat; width:978px; height:56px}
#mainWrapper #topBanner .contentBg {background:url("../../../images_arabic/top_middle_bg.png") repeat-y; width:978px; height:181px; float:left;
}
#mainWrapper #topBanner  .boottomBg {background:url("../../../images_arabic/bottom_round_bg.png") no-repeat; width:978px; height:13px; float:left;z-index:9; margin-left:2px;
}
#mainWrapper #topBanner #navigation {width:976px; margin-left:2px}
#mainWrapper #topBanner #navigation .leftCorner {background:url("../../../images_arabic/navigation_left_corner.png") no-repeat; width:18px; height:43px; float:left;
}
#mainWrapper #topBanner #navigation .middleBg {background:url("../../../images_arabic/nav_bg_middle.png"); width:943px; height:43px;float:left;
} 
*html #mainWrapper #topBanner #navigation .middleBg {background:url("../../../images_arabic/nav_bg_middle.png"); width:943px; height:43px;float:left;
; overflow:hidden} 
#mainWrapper #topBanner #navigation .rightCorner {background:url("../../../images_arabic/navigation_right_corner.png") no-repeat; width:15px; height:43px; float:right;
}


/* CLASSES FOR NEWS SECTION
*******************************************************/
.mainNewsSection{width:704px; border-top:1px solid #d0d0d0; padding-top:1px; margin:6px 0 0 0}
.newsSection {width:704px; height:154px; float:left; background:#e9e9e9; padding:0px 0px 0 0}
.newsSection a.selectionArrow {background:url("../../../images_arabic/green_arrow_arabic.png") no-repeat; width:15px; height:10px; margin:7px 5px 0 0; float:right}
.newsSection img {border:3px solid #c0c0c0; float:right}
.newsSection img:hover {border:3px solid #FFF; float:right}
.newsSection  .firstNews {float:left; width:313px; border-right:1px solid #c0c0c0; padding:10px 20px 0 14px; height:144px}
.newsSection  .firstNews:hover {background:#d8d8d8} 
.newsSection  .firstNews:hover {text-decoration:underline; }
.newsSection  .firstNews span.newsSect{font-family:verdana; font-size:12px; color:#666; float:right; width:140px; margin-right:5px; text-align:right}
.newsSection  .firstNews span.newsSect a {color:#666 !important; font-size:12px; font-weight:bold; display:block; text-align:right; margin-right:5px; font-family:Tahoma; font-size:11px}
.newsSection  .secondNews {float:right; width:325px; padding:10px 20px 0 10px; height:144px; border-left:1px solid #FFF}
.newsSection  .secondNews:hover {background:#d8d8d8} 
.newsSection  .secondNews:hover {text-decoration:underline; color:#666}
.newsSection  .secondNews span.newsSect {font-family:verdana; font-size:12px; color:#666; float:right; width:145px; margin-right:5px}
.newsSection  .secondNews span.newsSect a {color:#666 !important; font-size:12px; font-weight:bold; display:block; text-align:right; margin-right:5px; font-family:Tahoma; font-size:11px}

/*****************************************************************
 CSS STARTS HERE COMMONTHEME.CSS FILE
*******************************************************************/

.jqueryslidemenu{font: bold 12px Verdana}
.jqueryslidemenu ul li.myMenu a{font:bold 12px Tahoma,Arial,Helvetica,sans-serif; color:#000; height:30px; line-height:30px}
.jqueryslidemenu ul li.myMenu a span {background:none}
.jqueryslidemenu li.myMenu:hover > a, .jqueryslidemenu ul li.myMenu a:hover,  
.jqueryslidemenu ul li.myMenu a.active,
.jqueryslidemenu li.myMenu:hover > a.active, .jqueryslidemenu ul li.myMenu a.active:hover{background:#49b260 url("../../../../../../../images_arabic/nav_ltcornbg.gif") left top no-repeat}
.jqueryslidemenu li.myMenu:hover > a span, 
.jqueryslidemenu ul li.myMenu a span:hover,
.jqueryslidemenu ul li.myMenu a.active span,
.jqueryslidemenu li.myMenu:hover > a.active span, .jqueryslidemenu ul li.myMenu a.active span:hover
{color:#fff; background:#49b260 url("../../../../../../../images_arabic/nav_rtcornbg.gif") right top no-repeat}
.jqueryslidemenu ul li.myMenu ul{border:1px #49b162 solid; background:#fff; }
.jqueryslidemenu ul li.myMenu ul li a{font-family:Verdana; font-size:11px; font-weight:normal; background:#fff; color:#228E52;
border-top:1px #ccc solid; border-bottom:1px solid #fff}
.jqueryslidemenu li.myMenu ul li:hover > a, .jqueryslidemenu ul li.myMenu ul li a:hover{background:#8bcfa5; color:#000 !important;
border-top:1px solid #6dc181}
.nivo-caption {background:#000; color:#fff}
.nivo-controlNav a {font-weight:bold; color:#333; line-height:22px; background:url("../../../../../../../images_arabic/controlNav_bg.gif") center center no-repeat}
.nivo-controlNav a.active {font-weight:bold; color:#038401; line-height:22px; background:url("../../../../../../../images_arabic/controlNav_bgact.gif") center center no-repeat}
.nivo-controlNav a.active:hover {color:#000 !important}
.nivo-controlNav a:hover {color:#CCC !important; text-decoration:none !important}
.news_cont{background:#fff}
.news{color:#666; line-height:32px}
.news a {color:#0072bc}
.news a:hover{color:#666}
.mid_topdata {background:#fff}
#example-two .list-wrap { }
#example-two .tab li a {color: #000; font:bold 12px Tahoma, Arial, Helvetica, sans-serif; }
#example-two li a.current,#example-two li a.current:hover { background:url("../../../../../../../images_arabic/tab_btnbg.gif") left top no-repeat  !important; color: black; }
#example-two .tab li a:hover, #example-two .tab li a:focus { color:#444; background:none;}
#featured{background:#fff}
#featured ul.ui-tabs-nav li{color:#444; border: 1px solid #fff}
#featured ul.ui-tabs-nav li:hover{border: 1px solid #eee; color:#000}
#featured li.ui-tabs-nav-item a{color:#444; line-height:15px}
#featured ul.ui-tabs-nav li.ui-tabs-selected {color:#444; border:1px solid #c1cdd0}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{line-height:15px}
#featured .ui-tabs-panel{background:#999;border:3px solid #d9d9d9}
#featured .ui-tabs-panel .info{background: url("../../../../../../../images_arabic/transparent-bg.png")}
#featured .info h2	{ font:normal 11px Verdana, Geneva, sans-serif; color:#fff; border-bottom:0 none; text-transform:none}
#featured .info p{font-family:Verdana; font-size:11px; color:#f0f0f0; line-height:15px}
#featured .info a{color:#fff}
#core2{background:#fff}
#core2 ul.ui-tabs-nav01 li{color:#444; border-bottom:1px dashed #ccc}
#core2 ul.ui-tabs-nav01 li h2 {color:#000}
#core2 ul.ui-tabs-nav01 li a{color:#006931; line-height:15px}
#core2 ul.ui-tabs-nav01 li a:hover {color:#000}
#core2 .ui-tabs-panel01{background:#eee url("../../../../../../../images_arabic/events_bg.gif") left bottom repeat-x; border:1px solid #d9d9d9}
#core2 .ui-tabs-panel01 img{background:#fff; border:1px solid #ccc}
.fnews h2, .list-wrap h2, .events h2 {font:bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:left}				
.fnews_img{border:3px solid #d9d9d9}
.fnews_aut{font:normal 12px Verdana, Geneva, sans-serif; color:#ff6d02}
.fnews_aut span{font-size:11px; color:#666}
.fnews_desc{line-height:15px}
.view_more a{color:#666;Font-weight:bold;background:url("../../../../../../../images_arabic/arrow_blue.gif") right center no-repeat}
.view_more a:hover{color:#006931; background:url("../../../../../../../images_arabic/arrow_grey.gif") right center no-repeat}
.search_cont{color:#cc9e44}
.search_input{background:none; color:#eee; font-size:11px}
.search_ico {background:#ccc}
.welcome {color:#cc9e44; font:bold 11px Tahoma, Arial, Helvetica, sans-serif; line-height:23px}
.toplink li {color:#c3c3c3; font:bold 11px Tahoma, Arial, Helvetica, sans-serif;}
.toplink li.drop{background:url("../../../../../../../images_arabic/arrow_wh.gif") right center no-repeat;}
.toplink li, .toplink li a {color:#c3c3c3;}
.toplink .sublink li, .toplink .sublinkarb li { border-bottom:1px #249752 solid; background:#4bae72; }
.toplink li:hover > a, .toplink li:hover { color:#fff; background:#4bae72; }
.toplink li.drop:hover { color:#fff; background:#4bae72 url("../../../../../../../images_arabic/arrow_bk.gif") right center no-repeat; }
.toplink li.divider:hover { color:#c3c3c3; background:none; }
.sublink li, .sublink li a, .sublinkarb li, .sublinkarb li a {color:#fff;}
.sublink li:hover > a, .sublink li:hover, .sublinkarb li:hover > a, .sublinkarb li:hover { color:#fff; background:#249752; }
.gallery_lt	{background:url("../../../../../../../images_arabic/gallery_ltbg.gif") repeat-x}
.gallery_rt{background:url("../../../../../../../images_arabic/gallery_rtbg.gif") repeat-x}
.gallery_mid{background:url("../../../../../../../images_arabic/gallery_bg.gif") left top repeat-x}
.thumbnail{background:url("../../../../../../../images_arabic/thumb_shadow.gif") left bottom repeat-x}
.thumbnail img{border:1px solid #fff}
.thumbinfo{background:#fff; line-height:30px}
.thumbinfo a{color:#666;line-height:30px;text-decoration:none}
.thumbinfo a:hover{background:#5d5d5d;color:#FFF;text-decoration:none}
.weather_row h2 {font:bold 11px Tahoma, Arial, Helvetica, sans-serif; color:#444; line-height:22px}
.weather h1 {font:bold 12px Verdana, Geneva, sans-serif; color:#ebfc30; line-height:30px}
.weatherdata {color:#fff; font:bold 15px Verdana, Geneva, sans-serif}
.video_btn a {background:url("../../../../../../../images_arabic/kfupm_video.gif") left top no-repeat}
.video_btn a:hover {background:url("../../../../../../../images_arabic/kfupm_video.gif") left -42px no-repeat}
.breadcrumb {color:#006633; background:url("../../../../../../../images_arabic/middle_white_bg.png") repeat-y !important; padding:10px 34px 0 24px}
.breadcrumb span {color:#666}
.breadcrumb a {color:#006633}
.breadcrumb a:hover {color:#000; text-decoration:underline}
.breadcrumb a.active, .breadcrumb a.active:hover {color:#666; text-decoration:none}
.heading {font:normal 28px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:80px; color:#9b6600}
.content h1 {font:normal 22px Arial, Helvetica, sans-serif; color:#ff6d02}
.content h3 {font:bold 12px; color:#000; font-family:verdana; font-weight:normal}
.content h2 {font:bold 11px Verdana, Geneva, sans-serif; color:#13914D}
.content a {color:#228E52; text-decoration:none}
.content a:hover {color:#444;text-decoration:underline}
.marginRightSet {
	margin-right:25px
}
		
/*****************************************************************
 CSS ENDS HERE COMMONTHEME.CSS FILE
*******************************************************************/
	

/*****************************************************************
 CSS STARTS HERE SKELETONCOMMON.CSS FILE
*******************************************************************/

.lft {float:left}
.rft {float:right}
.cle{clear:both; height:0px !important; width:0px !important}
.half {width:50%}

/*Global css end
**********************************************/
.wrapper{width:957px; margin:0 auto}
.nav_cont {width:956px; height:46px; padding:15px 6px 6px 6px; padding-bottom:0}
.navigation {width:956px; height:46px; padding-bottom:0; margin:0}
				
/* Style the menu and position list items
**********************************************/
ul.mainMenu {z-index:9999; position:relative; width:956px; height: 46px; padding: 0; margin:0; clear: both}
ul.mainMenu li {padding:5px 0; position:relative}

/*Style and position links in 1st level list items 
***************************************************/
ul.mainMenu li a {display: block; padding:0 0 0 12px; text-decoration:none; float:left}
ul.mainMenu li a span { height:30px; display:block; cursor:pointer;  padding:0 12px 0 0; float:left; }
ul.mainMenu li a:hover,
ul.mainMenu li:hover > a, 
ul.mainMenu li a.active
ul.mainMenu li:hover > a.active, ul.mainMenu li a.active:hover{width:auto; padding:0px 0 0px 12px;float:left}
ul.mainMenu li a span:hover,
ul.mainMenu li:hover > a span, 
ul.mainMenu li a.active span
ul.mainMenu li:hover > a.active span, ul.mainMenu li a.active span:hover{float:left}
			
/*Home Link
**********************************/
ul.mainMenu li.home {padding:0; height:46px; display:block}
ul.mainMenu li.home a {display:block; width:50px; height:40px; padding:0 !important}
ul.mainMenu li.home a:hover, ul.mainMenu li.home a.active {display:block; width:50px; height:40px; width:50px; padding:0 !important}
				
/*divider
**********************************/
ul.mainMenu li.divid {width:2px; height:40px; padding:0 5px}
ul.mainMenu ul.subnav {position: absolute; top: 32px; display: none; padding:8px; z-index:100001; left:0}
ul.mainMenu ul.subnav li {float:left; display:block; position:relative; padding:0; margin-right:8px; min-width:200px;}
ul.mainMenu ul.subnav li:last-child {float:left; }

/*3rd level
*************************************/
ul.mainMenu ul.subnav li ul {float:none !important; display: block !important; visibility:visible !important; position:relative!important}
ul.mainMenu ul.subnav ul li {  display:block;float:none!important; border:0; height:auto;}
ul.mainMenu ul.subnav ul a {float:none;text-align:left;height:20px;padding:0;}
ul.mainMenu ul.subnav ul a:hover,
ul.mainMenu ul.subnav ul li:hover > a{float:none;  padding:0}

/*4th level
*******************************/
ul.mainMenu ul.subnav li ul li ul {float:none !important;display: block !important;position:relative!important;padding:5px 0;visibility:visible !important}
ul.mainMenu ul.subnav ul ul li {display:block; border:0; visibility:visible !important; width:100%;}
ul.mainMenu ul.subnav ul ul a {float:none; text-align:left; height:20px; padding:0; padding-left:15px}
ul.mainMenu ul.subnav ul ul a:hover { float:none; padding:0; padding-left:15px; text-decoration:underline; }
		

		
/*old 2
**************************************/

.jqueryslidemenu{position:relative; z-index:9999; width:956px; height:46px; padding:0;margin:0}	
.jqueryslidemenu ul{margin: 0; padding: 0; list-style-type: none}
		
/*Top level list items
**************************************/

.jqueryslidemenu ul li{position: relative; display: inline; padding:5px 0}

/*Home Link
************************************/
.jqueryslidemenu ul li.home {padding:0; height:46px; display:block}
.jqueryslidemenu ul li.home a {display:block; width:50px; height:40px; padding:0 !important}
.jqueryslidemenu ul li.home a:hover, .jqueryslidemenu ul li.home a.active {display:block; width:50px; height:40px; width:50px; padding:0 !important}
				
/*divider
*****************************************/
.jqueryslidemenu ul li.divid {width:2px; height:40px; padding:0 5px}
.jqueryslidemenu ul li.myMenu a{display:block; padding:0 0 0 12px; text-decoration:none; float:left}
.jqueryslidemenu ul li.myMenu a span { height:30px; display:block; cursor:pointer;  padding:0 12px 0 0; float:left; }
* html .jqueryslidemenu ul li a{display: inline-block; color:#000}
.jqueryslidemenu li.myMenu:hover > a, .jqueryslidemenu ul li.myMenu a:hover,  
.jqueryslidemenu ul li.myMenu a.active
.jqueryslidemenu li.myMenu:hover > a.active, .jqueryslidemenu ul li.myMenu a.active:hover{width:auto; padding:0px 0 0px 12px; float:left}
.jqueryslidemenu li.myMenu:hover > a span, .jqueryslidemenu ul li.myMenu a span:hover,
.jqueryslidemenu ul li.myMenu a.active span,
.jqueryslidemenu li.myMenu:hover > a.active span, .jqueryslidemenu ul li.myMenu a.active span:hover {float:left}
			
/*1st sub level menu
**********************************/
.jqueryslidemenu ul li.myMenu ul{position: absolute; left: 0; display: table; visibility: hidden; padding:5px 0; z-index:100001}
.jqueryslidemenu ul li.myMenu ul li{display:table-column; float: left; padding:0 5px}
			
/*All subsequent sub menu levels vertical offset after 1st level sub menu 
**************************************************************************/

.jqueryslidemenu ul li.myMenu ul li ul{margin-left:0px !important;/*/new/*/ position:relative;/*/position:no any/*/ left:0!important;/*/new/*/
display:block !important;/*/new/*/ padding:0 !important;/*/new/*/ border:0 none !important;/*/new/*/ background:#ccc;/*/new/*/}
.jqueryslidemenu ul li.myMenu ul li ul li{padding:0 !important;/*/new/*/ margin:0 !important;/*/new/*/}
			

/* Sub level menu links style
**************************************/
.jqueryslidemenu ul li.myMenu ul li a{width: 230px; /*width of sub menus*/ height:auto;line-height:15px; margin: 0; padding:5px !important;float:none}
.jqueryslidemenu li.myMenu ul li:hover > a, .jqueryslidemenu ul li.myMenu ul li a:hover{ color:#000 !important; width: 230px !important;
padding:5px!important; margin-top:0px !important; float:none;}



/* ######### CSS classes applied to down and right arrow images_arabic  ######### */
.downarrowclass{position: absolute;top: 12px;right: 7px;display:none!important;}

.rightarrowclass{position: absolute;top: 10px}

/*top navigation end
***************************************************/


/*banner start
***********************************/
.banner{width:956px;padding:0 0 0 11px;float:left; overflow:hidden}

/* The Nivo Slider styles */

.nivoSlider {position:relative}
.nivoSlider img {position:absolute;top:0px;left:0px}
/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;}
/* The slices in the Slider */

.nivo-slice {display:block;position:absolute;z-index:50;height:100%;}
/* Caption styles */
.nivo-caption {position:absolute;left:0px;bottom:0px;opacity:0.8; /* Overridden by captionOpacity setting */width:100%;z-index:89;}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
/*Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {position:absolute;top:45%; z-index:99;cursor:pointer;padding:5px;}
.nivo-prevNav {left:0px}
.nivo-nextNav {right:0px}

/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav a {position:relative;z-index:99;cursor:pointer;width:22px;margin-right:5px;display:inline-block;text-align:center;}
.nivo-controlNav a.active {width:22px;margin-right:5px;display:inline-block;text-align:center;}

/*------------------ news start----------------------*/
.news_cont{width:944px;padding:10px 6px 0;height:32px}
.news{width:902px;height:32px;overflow:hidden;}
.news a{text-decoration:none}
.news_btn{width:32px;height:22px;padding:5px 0;}
.news_arrow{margin:0 auto;padding :3px 0;width:9px;height:5px}
.mid_topdata{width:956px}

/*------------------ tab start----------------------*/
.tab_cont{width:735px}
/*tabs css start*/

/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }


/* Specific to example two */

#example-two .list-wrap {margin: 0}

#example-two ul {list-style: none}

#example-two .tab {overflow: hidden}
#example-two .tab li { width: 205px; height:52px; margin:10px 0 0 0}
#example-two .tab li.last { margin-right: 0; }
#example-two .tab li a { display: block; text-align: center; border: 0; width:205px; height:28px; padding-top:24px; text-decoration:none}

/*css for news in tab---------------*/
#featured{width:718px; height:258px; position:relative; }
#featured ul.ui-tabs-nav{ position:absolute; top:0; list-style:none; padding:0; margin:0; }
#featured ul.ui-tabs-nav li{ cursor: default;margin: 0 0 1px 0; width: 379px}
#featured ul.ui-tabs-nav li:hover{cursor: pointer}
#featured li.ui-tabs-nav-item a{text-decoration:none;display:block;padding:0;width:379px;height:30px;overflow:hidden;position:relative}
#featured ul.ui-tabs-nav li.ui-tabs-selected { cursor: default;margin: 0 0 1px 0; width: 379px}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ overflow:hidden;position:relative}
#featured .ui-tabs-panel{ width:265px; height:200px; position:relative;top:5px}
#featured .ui-tabs-panel .info{ width:265px;position:absolute; top:130px; left:0; height:70px; }
#featured .info h2{ padding:5px; margin:0;overflow:hidden; }
#featured .info p{ margin:0 5px; height:30px;overflow:hidden; }
#featured .info a{ text-decoration:none}
#featured .info a:hover{ text-decoration:underline}
#featured .ui-tabs-hide{ display:none}

/*-------------------------*/
/*--------------events------------------------*/
#core2{width:718px; height:225px;position:relative}
.eventcont{height:225px;overflow:hidden}
#core2 ul.ui-tabs-nav01{position:absolute; top:0; list-style:none; padding:0; margin:0; 
/*width:430px; */
}
#core2 ul.ui-tabs-nav01 li{cursor: default;width: 399px;padding-bottom:5px}
#core2 ul.ui-tabs-nav01 li h2{padding:5px 0 0}
#core2 ul.ui-tabs-nav01 li a{ text-decoration:none;display:block;padding:0;height:30px;overflow:hidden;position:relative}
#core2 ul.ui-tabs-nav01 li a:hover{text-decoration:none;}
#core2 .ui-tabs-panel01{ width:245px; min-height:100px;padding:10px;position:relative;top:5px; text-align:center;}
#core2 .ui-tabs-panel01 img{margin:5px;padding:3px}

/*-----------featured news /events start--------------*/
.fnews, .events{width:201px;margin:0px;}
.fnews h2, .list-wrap h2, .events h2{padding-bottom:0px;margin-bottom:10px;text-transform:uppercase;text-align:center}
.fnews_img{width:100px;height:100px;margin:0 auto;}
.fnews_aut{text-align:center;padding:10px 0}
.fnews_desc{height:110px;overflow:hidden}
.event_row{border-top:1px dotted #CCC;padding-top:2px;margin-bottom:0px;height:66px !important;padding-top:6px}
.eventdate{width:38px;color:#fff}
.eventdate .date{width:38px;height:26px;background:url("../images_arabic/eventdate_bg.gif") left top no-repeat;font:normal 20px Georgia, "Times New Roman", Times, serif;
text-align:center}
.eventdate .month{width:38px;height:23px;padding-top:3px;background:url("../images_arabic/eventdate_bg.gif") left bottom no-repeat;font:normal 14px Georgia, "Times New Roman", Times, serif; text-align:center}
.eventdisc{color:#666;width:78%;min-height:60px;}
.eventdisc a{text-decoration:underline;color:#505050;font-size:11px; font-family:verdana; font-weight:normal}
.eventdisc a:hover{color:#007200;text-decoration:underline;}
.eventSectorMain {border-bottom:1px dotted #CCC; padding-bottom:0px;margin-top:26px;height:156px}
/*----------------------------------------*/

.view_more a{text-decoration:none;padding-right:10px;}
.view_more a:hover{color:#006931;background:url("../images_arabic/arrow_grey.gif") right center no-repeat}

/*------------------ top search start----------------------*/

.top_rt{width:50%;text-align:right;padding-top:18px;}
.search_cont{width:210px;text-align:right;}
.search{width:200px;}
.search_input{width:177px;height:18px;padding:2px 0;border:0 none;margin:0;}
.search_ico{width:23px;height:23px;float:left}
.search_ico a{width:23px;height:23px;display:block;}
.welcome{width:50%;text-align:right;height:23px}

/*------------------ top quick link start----------------------*/

.top_links{padding-top:42px}	

/*------------------ gallery start----------------------*/
.mid_bot{width:953px;}
.mid_botlt{width:960px;height:170px;padding:8px 0 0 24px;}
.gallery_lt{width:28px;padding:64px 0 0 27px;height:106px;			}
.gal_arrow{width:26px;height:26px;}
.gallery_rt{width:35px;padding:64px 20px 0 0;height:106px;}
.gallery_mid{width:817px;height:158px;padding:12px 2px 0;}
.thumb_cont{float:left;position:relative;width:162px;}
.thumbnail{width:152px;height:124px;}
.thumbinfo{width:152px;height:30px;text-align:center;float:left;top:-3px; left:0}
.thumbinfo a {font-size:9px !important}
@-moz-document url-prefix() { .thumbinfo{position:relative;} } /*only for mozilla*/
.thumbinfo a{text-decoration:none;width:152px;height:30px;display:block;text-align:center;}
#screen li{list-style:none;}
#left,#right{display:block;text-decoration:none;}
#view{overflow:hidden;}
#images_arabic{width:3818px !important;width:3822px;padding:0}
#images_arabic li{list-style:none;width:152px !important}

/*------------------ waether start----------------------*/
.mid_botrt{width:177px;padding:0;}
.weather_row{padding:0;}
.weather{width:100px;height:60px;padding:0 10px 0 65px}
.weather h1{text-align:center;}
.weatherdata{padding:0;text-align:center;}
.video_btn{padding-top:16px;}
.video_btn a{width:175px;height:42px;display:block;}
.video_btn a:hover{width:175px;height:42px;display:block}


/*------------------ Inner page start----------------------*/
.banner_in{padding:10px 6px;background:#fff;}
.heading{padding:0 25px;height:80px;padding-top:10px;}
.breadcrumb{padding:12px 6px 10px 31px; background:#fff}
.content{padding:10px 29px 15px 24px; background:#fff;font-size:12px;background:url("../../../../../../../../../images_arabic/middle_white_bg.png") repeat-y ;min-height:450px}
.content .heading{padding:0;padding-bottom:28px;}
.content h1, .content h2, .content h3{padding-bottom:10px}
.content p{padding:0;margin:0;padding-bottom:10px;}
.content_row{padding-bottom:25px;}
.row_thumb{width:120px}
.row_data{border-bottom:1px solid #ccc;padding-bottom:15px;width:780px;}
.row_data ul{list-style:none;}
.row_data ul li{line-height:18px;}

.newsdetail{padding:10px 0;}
.btn{height:25px;border:0;padding:0;margin:0;padding:0 15px;background:url("../images_arabic/input_btnbg.gif");text-align:center;text-decoration:none;cursor:pointer}
/*------------------ Inner page end----------------------*/
/*------------------ footer start----------------------*/


/*-------------------corev4 css--------------------------------------*/

.ms-siteactionsmenuinner, .ms-siteactionsmenuhover {border:0 none;margin-right:0;padding:0;height:auto;width:80px;font-family:"Segoe UI", Tahoma, Verdana, sans-serif;}
.ms-siteactionsmenuinner {background:none;border:0 none;}
.v4master .ms-siteactionsmenuinner {background:none;border:0 none;}
.ms-siteactionsmenuinner .ms-menu-a, .ms-siteactionsmenuhover .ms-menu-a {margin-right:0;}
.ms-siteactionsmenuhover {background:none;border:0 none;color:#fff;}
.ms-siteactionsmenuinner > a, .ms-siteactionsmenuhover > a {display:inline-block;margin-left:5px;float:left;}
.ms-siteactionsmenuinner span.s4-clust, .ms-siteactionsmenuinner span.s4-clust {float:right;display:inline-block;margin:5px 0px 1px 0px;}
.ms-siteactionsmenuinner > a:hover, .ms-siteactionsmenuhover > a:hover {color:#fff}




/*banner start
****************************************/


/* The Nivo Slider styles */
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;}
/* The slices in the Slider */
.nivo-slice {display:block;position:absolute;z-index:50;height:100%;}
/* Caption styles */
.nivo-caption {position:absolute;left:0px;bottom:0px;opacity:0.8; /* Overridden by captionOpacity setting */width:100%;z-index:89;}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important}
.nivo-html-caption {display:none}
/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {position:absolute;top:40%;z-index:98;cursor:pointer}
.nivo-prevNav {left:-8px;height:57px;width:55px;text-indent:-999px;background:url("../images_arabic/BTN_03.png");background-repeat:no-repeat;z-index:999}
.nivo-prevNav:hover {background:url("../images_arabic/BTN_03over.png");background-repeat:no-repeat;z-index:999;}
.nivo-nextNav {background:url("../images_arabic/BTN_05.png");background-repeat:no-repeat;z-index:999;height:57px;width:55px;text-indent:-9999999px;right:-16px}
.nivo-nextNav:hover {	background:url("../images_arabic/BTN_05over.png");background-repeat:no-repeat; z-index:999}

/* Control nav styles (e.g. 1,2,3...)
*********************** */
			
.nivo-controlNav a {position:relative; z-index:99; cursor:pointer; width:22px; margin-right:5px; display:inline-block; text-align:center}
.nivo-controlNav a.active {width:22px; margin-right:5px; display:inline-block; text-align:center}


/*****************************************************************
 CSS ENDS HERE SKELETONCOMMON.CSS FILE
*******************************************************************/

/*****************************************************************
 CSS STARTS HERE KFUPMARBTHEME.CSS FILE
*******************************************************************/



.top_cont{background:url("../../../images_arabic_arabicheader_bg01.jpg") right top no-repeat}
.jqueryslidemenu{background:url("../../../images_arabic_arabichome_bg.gif") left top no-repeat}
.jqueryslidemenu ul li.home{background:url("../../../images_arabic_arabicnav_rtcorn.gif") right top no-repeat}
.jqueryslidemenu ul li.home a{background:url("../../../images_arabic_arabic/home_arb01.gif") left top no-repeat}
.jqueryslidemenu ul li.home a:hover, .jqueryslidemenu ul li.home a.active{background:url("../../../images_arabic_arabichome_arb02.gif") left top no-repeat}
.news{background:#000 url("../../../images_arabic_arabic/news_rtcorn.gif") right top no-repeat}
.news_btn{background:url("../../../images_arabic_arabic/news_btnbg01.gif") right top no-repeat}

/* tab star*
**************************************************/

/*css for news in tab
*************************************************/

#featured ul.ui-tabs-nav li{background:#fff url("../images_arabic_old/bullet01.gif") 330px 8px no-repeat}
#featured ul.ui-tabs-nav li:hover{ background: #f7f7f7 url("../images_arabic_old/bullet01.gif") 330px 8px no-repeat}
#featured li.ui-tabs-nav-item{background:	url("../images_arabic_old/bullet01.gif") 330px 8px no-repeat}
#featured ul.ui-tabs-nav li.ui-tabs-selected {background:#eee url("../images_arabic_old/bullet01.gif") 330px 8px no-repeat}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{background:url("../images_arabic_old/pointer.gif") left 5px no-repeat}
#featured ul.ui-tabs-nav li span{font-size:12px}

		
			
/*events
************************************************/
		
#core2 ul.ui-tabs-nav01 li a{background:url("../../../images_arabic_arabic/bullet01.gif") right 8px no-repeat}
					
			
/*featured news start
**********************/

/*mid
************************************/
.view_more a{background:url("../../../images_arabic_arabic/arrow_blue01.gif") left center no-repeat}
.view_more a:hover{background:url("../../../images_arabic_arabic/arrow_grey01.gif") left center no-repeat}

/*gallery start
****************************/

/*waether start
**************************************/	
.weather{background:url("../../../images_arabic_arabic/wather_bg01.gif") left top no-repeat}
	
/*Inner page start
***********************************/
.heading {background: url("../../../../images_arabic/AboutKFUPM_arb.jpg") no-repeat scroll 0 0 transparent; color: #FFFFFF; height: 81px;
padding-right: 20px !important; position: relative; width: 910px; z-index: 9; text-align:right;}


/*****************************************************************
 CSS ENDS HERE KFUPMARBTHEME.CSS FILE
*******************************************************************/


/*****************************************************************
 CSS STARTS HERE KFUPMARBSKELETON.CSS FILE
*******************************************************************/




.sublink li, .sublink li a {  text-align:right;}
.sublinkarb li, .sublinkarb li a { text-align:left;}
.toplink li{float:left}
li:hover > .sublink { right:20px}
li:hover > .sublinkarb {left:0}


/*mid content start
***********************/

/*top navigation start
****************************/
.jqueryslidemenu ul {text-align:right}
.jqueryslidemenu ul li{float: right}
.jqueryslidemenu ul li.home{padding:0; height:46px; display:block;margin-left:10px;}
.jqueryslidemenu ul li.myMenu ul {right:0}
.jqueryslidemenu ul li.myMenu ul li ul{top: 0;right:0}
.rightarrowclass{left: 15px}

/*banner start
********************************/		
.nivo-controlNav{text-align:right;padding:375px 25px 0 0}

/*news start
************************************/
.news{padding-right:10px;float:right;text-align:right;}
.news_btn{float:right}
.NewsTicker li{padding-left:10px;}
.NewsTicker li a{float:right;text-align:right}
.NewsTicker li div{float:left;text-align:left}


/*tab start
*******************************/
.tab_cont{float:right;padding:0}

/*css for news in tab
**********************************/

#example-two .list-wrap {   padding:15px;}/*edited 7th,dec 2010*/
#example-two .tab li {float: right;}
#featured ul.ui-tabs-nav{left:294px}
#featured .ui-tabs-panel{left:0}
#featured ul.ui-tabs-nav li{ float: none;padding: 6px 20px 6px 10px}
#featured li.ui-tabs-nav-item a{padding-left:16px;left:-21px;text-align:right}
#featured ul.ui-tabs-nav li.ui-tabs-selected{ float:none; padding:6px 20px 6px 10px}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ left:-21px}
#featured .ui-tabs-panel .info{text-align:right}

/*events
***********************************************/
#core2 ul.ui-tabs-nav01{left:305px;text-align:right}
#core2 ul.ui-tabs-nav01 li a{padding:5px  20px 0 0}
#core2 .ui-tabs-panel01{left:20px}

/*featured news start
************************************************/
.fnews, .events{float:left}
.fnews_desc{text-align:right}
.fnews h2, .events h2, .list-wrap h2{text-align:right!important;font-size:16px!important}
.eventdate{float:right}
.eventdisc{float:left;text-align:right}

/*mid
***************************************************/

.view_more{text-align:left}
.view_more a{padding-left:10px}

/*gallery start
******************************/

.mid_bot{padding:0 0 0 15px}
.mid_botlt, .mid_botrt{float:right;}

#screen li{float:left}
.thumbnail{float:left;margin:0 15px 0 0;}
.thumbinfo{margin:margin:0 0 0 10px;}
/*html>/**body .thumbinfo{margin:0 0 0 10px;}*/

/*------------------ waether start----------------------*/		
.weather{padding:0 65px 0 10px }
.weather_row h2{text-align:right}
/*------------------ Inner page start----------------------*/	
.mid_top .breadcrumb{padding-right:25px;text-align:right;}
.breadcrumb{text-align:right;}
.mid_top01.breadcrumb{padding-right:25px;text-align:right;}
.content{text-align:right;}
.row_thumb{float:right}
.row_data{float:left}
.row_data ul li{padding:5px 20px 5px 15px;background:url("../../../images_arabic_arabic/green_cir_bullet.jpg") right 10px no-repeat}
.newsdetail img{float:right;margin:0 0 15px 15px;padding:1px;border:2px solid #d9d9d9}

.btn_cont{text-align:left;padding-bottom:10px;}

/*****************************************************************
 CSS ENDS HERE KFUPMARBSKELETON.CSS FILE
*******************************************************************/




/* CLASSES FOR BANNER GALLERY 
************************************************/
#portfolio-desc {float:left; width:900px; position:relative}
.data {float:right; position:absolute; left:18px; top:-250px; width:297px; direction:rtl !important; text-align:right}
.data h2 {color:#fcfccf; font-size:25px; margin:4px 0 11px 0; font-family:Georgia; font-weight:normal; direction:rtl !important; text-align:right}
.data p {font-family:tahoma; font-size:12px; color:#FFF; font-weight:bold; line-height:211%; direction:rtl !important; text-align:right}
ul#slide_nav {float:left; height:27px; padding:0 20px; position:relative; left:0px; top:89px; width:104px; z-index: 1110}
ul#slide_nav li {background:url(../../../images_arabic/controlNav_bg.gif) no-repeat; width:22px; margin:6px 2px 0 2px; float:right;
font-weight: bold;line-height: 22px; text-align:center; color:#f1f1f1; cursor:pointer}
ul#slide_nav li:hover {color:#f1f1f1; background: url(../../../images_arabic/controlNav_bgact.gif) no-repeat; color:#333}
ul#slide_nav li#button_selected {background: url(../../../images_arabic/controlNav_bgact.gif) no-repeat;color:#333333;
font-weight: bold;line-height: 22px}
#bannercontainer {position:relative}


/* FLOATING
***********************/
.floatRight {float:right}
.floatLeft {float:left}

/* FOR CLEARING DIVS
***********************************/
.clearLeft {clear:left}
.clearRight {clear:right}
.clearBoth {clear:both}


/* FONT EMBEDDED
************************************************/
font-face {font-family: 'Tiffany'; src:url('../fonts/Tifanyli.ttf'); format('truetype'); font-weight: normal; font-style: normal}
@font-face {font-family: 'Tiffany'; src:url('../fonts/Tifanyli.ttf');
src: local('☺'), url('../fonts/Tifanyli.ttf') format('ttf'), url('../fonts/Tifanyli.ttf') format('truetype'), url('../fonts/Tifanyli.ttf') format('svg');
font-weight: normal; font-style: normal}


/* HEADINGS SPRITE
************************************************/
h3.kfupmNews, h3.eventsText, h3.otherLink {background:url(../../../images_arabic/headings_sprite.png) no-repeat}
h3.kfupmNews {background-position:0% 0px; width:116px; height:18px}
h3.eventsText {background-position:0% -19px; width:62px; height:17px}
h3.otherLink {background-position:0% -37px; width:110px; height:16px; margin:10px 0 0 26px !important}

/* FOR KFPM NEWS SLIDER
****************************************************/
#faded {position:relative}
ul.pagination {position:absolute; left:2px; bottom:9px; z-index:10; top:8px; width:140px}
ul.pagination li { padding-bottom:4px; vertical-align:top; width:27px; overflow:hidden; float:left; margin-right:7px; display:inline}
ul.pagination li a {width:27px; height:9px; overflow:hidden; background:url("../../../images_arabic/bull-1.gif") no-repeat 0 0; color:#ede9dd; 
font-size:0; line-height:0; text-decoration:none; float:left; display:inline}
ul.pagination li.current a, ul.pagination li a:hover {background:url("../../../images_arabic/bull-2.gif") no-repeat 0 0;}
#faded .rap { height:159px; margin:20px 0 0 0px; float:left; position:relative}
#faded img {width:158px !important; height:109px !important; cursor:pointer}

/* 	MAIN CONTENT / MIDDLE CONTAINERS   (id=CONTENT)
**********************************************************/
#mainWrapper #maincontent {/*width:983px;*/ font-size:12px; font-family:verdana; color:#252525; float:left}
#mainWrapper #maincontent #deptContent {width:980px; margin:0 0 0 9px}
#mainWrapper #maincontent #deptContent .midddleContent {background:#c7c7c7; border:1px solid #a1a1a1; border-width:1px 1px 0 1px;
min-height:200px; float:left }
#mainWrapper #maincontent #deptContent .bottomGrayLeft {background:url("../../../images_arabic/lft_corner_dept_content.png") no-repeat; width:6px; height:6px}
#mainWrapper #maincontent #deptContent .bottomGrayCenter {background:url("../../../images_arabic/middle_dept_bottom.png") no-repeat; width:968px; height:6px}
#mainWrapper #maincontent #deptContent .bottomGrayRight {background:url("../../../images_arabic/right_corner_dept_content.png") no-repeat; width:6px; height:6px}
#mainWrapper .whiteBox {float:left}
#mainWrapper .otherLinksContent {margin:5px 0 0 0}
#mainWrapper .whiteBox .top {background:url("../../../images_arabic/top_white_bg.png") no-repeat; width:765px; height:11px}
#mainWrapper .whiteBox .middle {background:url("../../../images_arabic/middle_white_bg.png") repeat-y; width:765px; min-height:200px}
#mainWrapper .whiteBox .middle table {width:208px}
/*#mainWrapper .whiteBox .middle h3 {color:#941423; font-size:18px; font-family:verdana; margin:11px 0 0 1px}*/
#mainWrapper .whiteBox .bottom  {background:url("../../../images_arabic/white_bottom_bg.png") no-repeat; width:765px; height:14px}
#content {float:left; width:765px; margin:15px 22px}
#sidebar2 {float:right; width:390px; min-height:174px; padding:10px 0px 0px 0px}
#mainWrapper #maincontent p {font-size:12px; font-family:Verdana; color:#252525; cursor:default; text-align:right}
.container h1 {color: #FF6D02; font: 22px Arial,Helvetica,sans-serif; margin:4px 0}
.container h3 {color: #666666; font: bold 16px Arial,Helvetica,sans-serif; margin:0 0 10px 0; width:715px} 



/* 	RESUBALE UL LI / MENUS / 	(id=NAVS)
**********************************************************/

ul.topnav {list-style:none; padding:0; margin:0}
ul.topnav li {display:inline}
ul.topnav a {padding:5px; color:#000; display:block; float:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#ff0018; margin:12px 12px 0px 0px; font-weight:normal} 
ul.topnav a.N {padding:5px; color:#000; display:block; float:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#ff0018; margin:12px 0px} 
ul.topnav a:hover {color:#ad1419; text-decoration:none}
ul.topnav a.active {color:#888}


/* Specific Classes
************************************************************/
.accordion_child {border-bottom:1px dotted #CCC; padding:8px 0 8px 10px !important}
.ms-formbody span {font-size:12px !important; font-family:verdana !important; line-height:150%}
.kfupmNewsSectionlft {float:left; width:711px; margin-left:23px}
.kfupmNewsSectionlft .separatorBar{border-bottom:1px dotted #CCC; width:100%; float:left; padding-bottom:5px}
.kfupmNewsSectionlft .separatorBar h3 {margin-bottom:0 !important}
.viewMoreRight{margin:1px 0 4px 0}
.viewMoreLeft {margin:5px 0 0 0}
.rssIconImg {background:none !important; margin-left:16px; padding-right:7px !important}
.rssIconImgRight {background:none !important; margin-left:16px; padding-right:0px !important}
.grayBoxDept {width:960px; margin:0 0 0 9px; position:relative; z-index:99}
.grayBoxDept .contentBack {width:958px;background:#c7c7c7; overflow:hidden;  border:1px solid #a1a1a1; border-width:1px 1px 0 1px; min-height:200px}
.grayBoxDept .leftbtmCorner {background:url("../../../images_arabic/lft_corner_dept_content.png") no-repeat; width:6px; height:6px; float:left}
.grayBoxDept .middleGrayBg {background:url("../../../images_arabic/middle_dept_bottom.png") repeat-x; width:948px; height:6px; float:left}
.grayBoxDept .rightbtmCorner {background:url("../../../images_arabic/right_corner_dept_content.png") no-repeat; width:6px; height:6px; float:right}
.left_menu {float:right; width:185px}
*+html .left_menu {float:right; width:200px}
.left_menu ul{width:200px; float:left}
.left_menu ul li{width:202px; float:left}

*+html .left_menu ul li{width:202px; float:left}
*+html .left_menu ul li.firstSelected {
	width:160px!important
}

#nav{/*float:left;*/ margin:15px 0 0 0}
#nav li {/*width:165px;*/ float:left;/* padding-left:10px; /*background:#FFF*/}
#nav li:hover {/*background:#999999*/}
#nav li a:hover {color:#FFF !important}
#nav li ul li a {font-family:verdana; font-weight:bold; font-size:11px; color:#1e7c45}
#nav li ul li a:hover {}
#nav li.transparentBg {background:transparent !important}
#nav li.transparentBg:hover {background:#999999 !important}
a.whiteArrowStyle {margin-left: -10px; padding-left: 25px !important;  text-align: left}
a.whiteArrowStyleActive {background: url("../../../images_arabic/nav-arrow-down.png") no-repeat scroll 11px 11px #A6A6A6 !important;
color: #FFFFFF !important; margin-left: -10px; text-align: left;}
a.whiteArrowStyle:hover {background: url("../../../images_arabic/nav-arrow-down.png") no-repeat scroll 11px 11px #A6A6A6 !important;
color: #FFFFFF !important; margin-left: -10px}
.newsEventSector {width:708px;  min-height:205px; padding:17px 0; margin:0 0 0 34px}
.newsEventSector .TabLeft, .TabCenter, .TabRight, .TabLeftActive, .TabCenterActive, .TabRightActive
{background: url("../../../images_arabic/right_nav_content_bg.png") no-repeat; display:block; float:left}
.TabLeft  {background-position:0% 0px; height:30px; padding-left:10px}
.TabCenter {background-position:50% 0px; height:30px; font-family:Verdana; font-size:15px; line-height:24px; color:#FFF; padding:0 15px}
.TabRight {background-position:100% 0px;  height:30px; padding-right:10px; margin:0 10px 0 0}
.TabLeftActive {background-position:0% -31px; height:26px; padding-left:10px}
.TabCenterActive {background-position:50% -31px;  height:26px;  font-family:Verdana; font-size:15px; line-height:24px; color:#FFF; padding:0 15px}
.TabRightActive {background-position:100% -31px;  height:26px; padding-right:10px; margin:0 10px 0 0}
.newsEventSector .container {border:1px solid #c0cfd8; float:left; width:707px}
.newsEventSector a.newsHyper {top:4px; position:relative; display:block; cursor:pointer; float:right}
.newsEventSector a.newsHyper:hover {text-decoration:none}
.newsEventSector a.eventsHyper{top:4px; position:relative; display:block; cursor:pointer; float:right}
.accordion_headings {float:right}
.newsEventSector a.eventsHyper:hover {text-decoration:none}
.newsEventSector .container .descriptive {border-bottom:1px dashed #74828a; padding-bottom:13px; padding-top:17px; margin-left:0px; padding-right:10px}
.descriptive h1{color:#FF6D02; font-size:22px; font-family:verdana; font-weight:normal}
.newsEventSector .container .descriptive .imgBox {float:left; width:100px;}
.newsEventSector .container .descriptive .imageDisplay {background:#d3dadd; height:75px; width:100px}
.newsEventSector .container .descriptive .descriptionBox{float:right; width:685px; margin-left:5px; /*border-bottom:1px dashed #74828A;*/;margin-bottom:7px; padding-bottom:7px}
.newsEventSector .container p.descp, .newsEventSector .container span.descp{font-family:Verdana; font-size:12px; color:#74828a  !important}
h3.announCement{font-family:Verdana; font-size:15px; color:#1e7c45 !important; font-weight:bold; background: url("../../../images_arabic/announcement_icon.png") 100% 0px no-repeat;
padding-right:54px; padding-top:11px; height:64px; line-height:20px; text-align:right}
.announcementList {width:708px;  min-height:205px; padding:0; margin:0 0 0 34px}
.announcementList ul {float:left; width:705px}
.announcementList ul li {background: url("../../../images_arabic/disk_type.png") 100% 7px no-repeat; font-family:Verdana; font-size:12px; color:#74828a; border-bottom:1px dashed #74828A;
padding:0 13px 12px 0; margin:0 0 11px 0; display:block; text-align:right}
.announcementList table {width:100% !important}
.borderNone {border:none !important}
.allNews {float:right; color:#74828a !important; margin:0 18px 0 0}
.descp {font-weight:bold; font-family:Verdana !important; font-size:11px !important; color:#13914D !important}
.descp a {font-weight:normal !important; color:#252525}
.descriptive {margin-left:25px}
.descriptionBox {width:685px}
.descriptionBox p{display:block; width:100%; line-height:164%;border-bottom:1px dashed #74828A; padding:10px 0}
.marginlftSet {margin-left:25px}
.container {float: right; margin-right: 11px; text-align:right; width:707px}
.container h1 {width:100%; text-align:right}
.container table {width:100% !important}




/* PHOTO GALLERY SPRITES 
***********************************************************/
/*li.thumbnail {height:125px !important; overflow:hidden}
li.thumbnail a {display:block;height:125px !important}
li.thumbnail a:hover {display:block;height:125px !important}
li.gallery_lt a {right:2px; position:relative}*/
/* index page Bullets
**********************************************************/
.bullets {margin:0px 0px 0px 15px; width:359px}
.bullets ul{ }
.bullets ul li {background:url("../../../images_arabic/icon.png") 0px 3px no-repeat; float:left; padding:0px 0px 10px 20px; width:347px; line-height:13px} 

/* About_us page  Bullets
**********************************************************/

.bullets1 {margin:0px 0px 0px 35px}
.bullets1 ul{ float:left}
.bullets1 ul li {background:url("../../../images_arabic/icon.png") 0px 8px no-repeat; float:left; padding:0px 0px 10px 20px; width:547px; line-height:20px; color:#84a030; font-weight:bold} 

/* Services_packages page Bullets
***********************************************************/

.bullets2 {margin:10px 0px 0px 35px; float:left}
.bullets2 ul{ float:left}
.bullets2 ul li {background:url("../../../images_arabic/icon.png") 0px 7px no-repeat; float:left; padding:0px 0px 10px 20px; width:650px; line-height:20px; color:#FF0018} 
.kfpumNews {width:300px; margin-left:21px !important; font-family:Tiffany !important; font-size:20px !important}
.rssLink {margin:10px 0 0 0; display:block; float:right; text-align:right}

/* 	MODULES (id=ARTICLE)
**********************************************************/


/* 	RESUBALE PURE BACKGROUNDS			(id=BGS)
**********************************************************/

.bgOne {background:#FF0000}
.bgTwo {background:#00}

/* 	RESUBALE GRADIENTS  (id=GRADS)
**********************************************************/  

.gradOne {background:url("../../../images_arabic/rightDrpShadow.png") right repeat-y; border:1px solid}
.gradttw {}

/* 	ALL BORDER CSSs		(id=BORDERS)
**********************************************************/

.brdBtmBlk{border-bottom:1px solid #000}
.userPic img{border:4px solid #e8e8e8}

/* SPECIFIC CLASSES
*********************************************/
.bannerAboutUs {background:url(../../../images_arabic/AboutKFUPM.jpg) no-repeat; width:930px; height:81px; float:left; position:relative; z-index:9}
#WebPartWPQ1 table h3.titleSet { margin: 25px 0 0 25px; z-index:9; color:#FFF; font-size:22px; font-family:Verdana; font-weight:normal}
/* 	MAKE ME ROUND (id=ROUNDS)
**********************************************************/

.module01TL,.module01TR,.module01BL,.module01BR		{background:url("../../../images_arabic/sprite.png") no-repeat}
/* grey rounded corners */
.module01TL{background-position:left top; height:7px}
.module01TR{background-position:right top}
.module01BL{background-position:0% -6px; height:16px; overflow:hidden}
.module01BR{background-position:100% -6px}

/* 	ALL TEXT CSS	(id=TEXTAll)
**********************************************************/
/* font SIZES */

.vsmlTxt{font-size:10px}
.smlTxt{font-size:11px}
.para{font-size:12px}
.big{font-size:14px}

/*font WEIGHTS */

.strong {font-weight:bold} 
.normTxt, .normTxt a {font-weight:normal}

/* text TRANSFORMS */

.allCaps {text-transform:capitalize}
.upperCase {text-transform:uppercase}
.textU, .textU a{text-decoration:underline}

/* text ALIGN & content ALIGN for inline level ELEMENTS */

.centerAll {text-align:center}
.alignLeft {text-align:left}
.alignRight {text-align:right}
.justify {text-align:justify}

/* Floting
**********************************/

.fl {float:left}
.fr {float:right}

/* colored text */

.greenTxt {color:#84a030; font-weight:bold}
.greenTxt1 {color:#000}


.clrOne {} 
/* for green color */

/* 	ALL INPUT & FORM CLASSES	(id=INPUT)
**********************************************************/

.input {background:url("../../../images_arabic/input.gif") repeat-x top; border:1px solid #666666; padding:3px} 
.button {}


/* 	FOOTER 	(id=FOOTER)
**********************************************************/


#footer{text-align:center; color:#67840e; width:970px; float:left; position:relative; top:-3px; left:9px}
*html #footer{text-align:center; color:#67840e; width:970px; float:left; position:relative; top:-29px !important; left:9px}
#footer .leftCorner {background:url("../../../images_arabic/footer_left_bg.png") no-repeat; width:9px; height:50px; float:left}
#footer .centerBg  {background:url("../../../images_arabic/footer_center_bg.png") repeat-x; height:50px; width:921px; float:left}
#footer .rightCorner {background:url("../../../images_arabic/footer_right_bg.png") no-repeat; width:40px; height:42px; float:right}
#footer p {font-size:11px !important; color:#FFF !important; font-family:verdana; float:left; line-height:36px; padding:0 0 0 121px; margin:0;}
#footer ul {margin:0px 0px 7px 5px; text-align:center /*float:left*/}
#footer ul li {color:#FFF; font-family:verdana; font-size:11px; float;left; /*border-right:1px solid #FFF;*/ padding:0 3px; line-height:39px}
#footer ul li.borderNone {border:none !important}
#footer ul li a {color:#67840e}
#footer ul li a.active {color:#888}


/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/

/* paddings */
.padOne {padding:8px}
.padBtm {padding-bottom:5px}

/* matgins */
.marginTop {margin-top:15px}
.marginBtm {margin-bottom:10px}

/* 	MISCELLANEOUS (id=MISC)
**********************************************************/

.clr {clear:both}
.form {background:#FAFAFA}