@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,

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

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

/**{border:1px solid #FF0000}*/
*{margin:0; padding:0; list-style:none; border:none; outline:none}
body {margin: 0; font-size: 13px; background: #fafafa url("/dept_web/images/bg.jpg") no-repeat top center; border-top:3px solid #999; }
* {font-family:tahoma; 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 {text-transform:capitalize; text-decoration:none}

a { color: #1c864c; font-weight: normal;
	cursor: pointer;  text-decoration: none;
	transition:color 0.2s ease; -moz-transition:color 0.2s ease; -webkit-transition:color 0.2s ease; -o-transition:color 0.2s ease;}

a:hover { color: #000; text-decoration: underline; background: rgba(0, 0, 0, .025);} 

a:visited{opacity:0.9;}
a:active, a:focus{position:relative;top:1px;}
abbr[title]{border-bottom:1px dotted}
dfn{font-style:italic}
hr{display:block; height:1px; border:0; border-top:1px solid #ddd; margin:1em 0; padding:0}
pre, code, kbd, samp{font-family:monospace,monospace; _font-family:'courier new',monospace; font-size:1em}
q{quotes:none}
q:before, q:after{content:""; content:none}
blockquote { margin: 1em 1em 1em 0; padding: 1em; border-left: 1px solid #DDD; font-style: italic; color: #999;}
blockquote p {font-size: 1.1em;line-height: 2em;margin-bottom: 0;}
blockquote small {display: block;font-size: 1em;line-height: 1.6em;color: #bfbfbf; text-align: right;}
blockquote small:before {content: '\2014 \00A0';}
b, strong{font-weight:700}
small{font-size:85%; color: #999;}
sub, sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dd{margin:0 0 0 40px} dt{font-weight: 700;}
ul, ol{list-style:none; list-style-image:none; margin:0; padding:0;}
img{border:0; -ms-interpolation-mode:bicubic; vertical-align:middle}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:0; margin:0; padding:0}
label{cursor:pointer}
legend{border:0; *margin-left:-7px; padding:0;white-space: normal;}
button, input, select, textarea{font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle}
button, input{line-height:normal; *overflow:visible}
table button, table input{*overflow:auto}
button, input[type="button"], input[type="reset"], input[type="submit"]{cursor:pointer; -webkit-appearance:button}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box}
input[type="search"]{-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner, input::-moz-focus-inner{border:0; padding:0}
textarea{overflow:auto; vertical-align:top; resize:vertical}
table{border-collapse:collapse; border-spacing:0}
td{vertical-align:top}

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; /*overflow:hidden*/}
/*ul,li{overflow:inherit !important}*/
li {display:inline}
p {line-height:150%}


/** HEADER ELEMENTS STYLING	(id=HEADERS)
**********************************************************/

/* changes for bulleting style disc statrs
*************************************/
.content ul li {padding:5px 15px 5px 20px; background:url("../images1/green_cir_bullet.jpg") 0% 10px no-repeat !important; }
.content {padding:10px; background:#fff; font-size:12px}
.content .heading {padding-bottom:28px}
.content h1, .content h2, .content h3{padding-bottom:10px}
.content p {padding:0; margin:0; padding-bottom:10px}
.content ul {list-style:none; padding-bottom:10px}
.content ul li {line-height:18px}
.content h1 {font:normal 22px Arial, Helvetica, sans-serif;color:#ff6d02}
.content h3 {font:bold 16px Arial, Helvetica, sans-serif;color:#666}
.content h2 {font:bold 11px tahoma, Geneva, sans-serif;color:#13914D}
.content a {color:#228E52;text-decoration:none}
.content a:hover {color:#444;text-decoration:underline}
#mainWrapper {margin:0 auto; width:983px}
#mainWrapper #header {padding:22px 0 0 0; float:left; width:976px}
#mainWrapper #header #logo {float:left; margin:7px 0 0 0px}
#mainWrapper #header #welcome {float:right; width:415px; padding:7px 0px 0 0}
#mainWrapper #header #welcome input.searchBox {border:1px solid #9d9d9d; border-width:1px 0 1px 1px; font-family:tahoma; font-size:12px; color:#787676; 
width:220px; padding:3px 0 3px 8px; height:16px; float:left; margin:10px 0 0 10px}
#mainWrapper #header #welcome a.goButton  {background:url("/dept_web/images/search_button_bg.png") no-repeat; width:26px; height:24px; border:none; 
outline:none; float:left; cursor:pointer; margin:10px 0 0 0}
#mainWrapper #header {/*background:url("/dept_web/images/kfupm_bg_header.png") no-repeat;*/ width:978px; height:81px}
#mainWrapper #topBanner {float:left; margin:1px 0 0 0; width:976px}
#mainWrapper #topBanner .topBg {background:url("/dept_web/images/top_round_bg.png") no-repeat; width:978px; height:56px}
#mainWrapper #topBanner .contentBg {background:url("/dept_web/images/top_middle_bg.png") repeat-y; width:978px; float:left}
#mainWrapper #topBanner  .boottomBg {background:url("/dept_web/images/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; height:43px}
#mainWrapper #topBanner #navigation .leftCorner {background:url("/dept_web/images/navigation_left_corner.png") no-repeat; width:18px; height:43px; float:left}
#mainWrapper #topBanner #navigation .middleBg {background:url("/dept_web/images/nav_bg_middle.png"); width:943px; height:43px;float:left} 
#mainWrapper #topBanner #navigation .rightCorner {background:url("/dept_web/images/navigation_right_corner.png") no-repeat; width:15px; height:43px; float:right}

/* changes for bulleting style disc statrs
*************************************/
.container ul li {padding:5px 15px 5px 20px; background:url("/dept_web/images/green_cir_bullet.jpg") 0% 10px no-repeat !important; margin-left:15px; }
#.container {padding:0px; background:#fff; font-size:12px}
.container .heading {padding-bottom:28px}
.container h1, .content h2, .content h3{padding-bottom:10px}
.container p {padding:0; margin:0; padding-bottom:10px}
.container ul li {line-height:18px; display:block}
.container ul {list-style:none; padding-top:10px; padding-bottom:10px}
#.container ui li {display:block !important;}
.container h1 {font:normal 22px Arial, Helvetica, sans-serif;color:#ff6d02}
.container h3 {font:bold 16px Arial, Helvetica, sans-serif;color:#666}
.container h2 {font:bold 11px tahoma, Geneva, sans-serif;color:#13914D}
.container a {color:#228E52;text-decoration:none}
.container a:hover {color:#444;text-decoration:underline}

/* CLASSES FOR NEWS SECTION
*******************************************************/
.mainNewsSection{width:704px; border-top:1px solid #d0d0d0; padding-top:1px; margin:6px 0 0 0}
.newsSection {width:704px; height:157px; float:left; background:#e9e9e9; padding:0px 0px 0 0}
.newsSection a.selectionArrow {background:url("/dept_web/images/green_arrow.png") no-repeat; width:15px; height:10px; float:left; margin:7px 0 0 0}
.newsSection img {border:3px solid #c0c0c0; float:left}
.newsSection img:hover {border:3px solid #FFF; float:left}
.newsSection  .firstNews {float:left; width:313px; border-right:1px solid #c0c0c0; padding:10px 20px 0 14px; height:147px}
.newsSection  .firstNews:hover {background:#d8d8d8} 
.newsSection  .firstNews:hover {text-decoration:underline; }
.newsSection  .firstNews span.newsSect{font-family:tahoma; font-size:12px; color:#666; float:right; width:145px}
.newsSection  .firstNews span.newsSect a {color:#666 !important; font-size:12px; font-weight:bold; display:block; margin:0 0 0 11px}
.newsSection  .secondNews {float:right; width:325px; padding:10px 20px 0 10px; height:147px; border-left:1px solid #FFF}
.newsSection  .secondNews:hover {background:#d8d8d8} 
.newsSection  .secondNews:hover {text-decoration:underline; color:#666}
.newsSection  .secondNews span.newsSect {font-family:tahoma; font-size:12px; color:#666; float:right; width:145px}
.newsSection  .secondNews span.newsSect a {color:#666 !important; font-size:12px; font-weight:bold; display:block}
.eventSector {height:78px}
.banner ul, .banner ul li {overflow:visible}


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

#nav li.transparentBg  a:hover {
	color:#333;
	background:#fff no-repeat 186px 10px; 
	display:block;
	}

#nav li.transparentBg ul { 
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:none;
	border-left:none;
	margin:0px;
	padding:0px;
	box-shadow: 0 2px 5px rgba(51, 51, 51, 0.2);	
	}
#nav li.transparentBg ul li  a:hover {background:#eee; color:#666;}

#nav li.transparentBg  a:hover span {background:url(/dept_web/images/arrow_gray_theme5.png) 100% 0px no-repeat
    background-position: 186px 10px;
    background-repeat: no-repeat;
}
#nav li.transparentBg ul li a:hover span {background:none !important}


#nav li.dir a:hover {background:background:#0d7e40; }
#nav li a {display:block !important}

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

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


/* HEADINGS SPRITE
************************************************/
h3.kfupmNews, h3.eventsText, h3.otherLink {background:url(/dept_web/images/headings_sprite.png) no-repeat; }
h3.kfupmNews {background-position:0% 0px; width:143px; height:16px; overflow:hidden}
h3.eventsText {background-position:0% -19px; width:62px; height:17px; overflow:hidden}
h3.otherLink {background-position:20px -37px; width:154px; height:16px; /*margin:10px 0 0 26px !important;*/ overflow:hidden}

/* FOR KFPM NEWS SLIDER
****************************************************/
#faded {position:relative}
ul.pagination {position:absolute; left:574px; 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("/dept_web/images/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("/dept_web/images/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:976px; font-size:12px; font-family:tahoma; color:#252525; float:left;  background:url("/dept_web/images/grad_innerbg.png") repeat-y;}
#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("/dept_web/images/lft_corner_dept_content.png") no-repeat; width:6px; height:6px}
#mainWrapper #maincontent #deptContent .bottomGrayCenter {background:url("/dept_web/images/middle_dept_bottom.png") no-repeat; width:968px; height:6px}
#mainWrapper #maincontent #deptContent .bottomGrayRight {background:url("/dept_web/images/right_corner_dept_content.png") no-repeat; width:6px; height:6px}
#mainWrapper .whiteBox {float:right}
#mainWrapper .otherLinksContent {margin:5px 0 0 0}
#mainWrapper .whiteBox .top {/*background:url("/dept_web/images/top_white_bg.png") no-repeat; width:765px; height:11px*/}
#mainWrapper .whiteBox .middle {/*background:#fff;*/ width:725px; padding:20px; min-height:200px; border-left:1px solid #ddd;}
#mainWrapper .whiteBox .middle table {width:208px}
/*#mainWrapper .whiteBox .middle h3 {color:#941423; font-size:18px; font-family:tahoma; margin:11px 0 0 1px}*/
#mainWrapper .whiteBox .bottom  {/*background:url("/dept_web/images/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:13px; font-family:tahoma; color:#252525; cursor:default}
.container h1 {color: #0D7E40; font: bold 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} 

/*********************************************************************
 CSS FROM KFUPMENGLISHTHEME.CSS FILE
***********************************************************************/

.top_cont{background:url("/dept_web/images/header_bg.jpg") left top no-repeat}
.jqueryslidemenu{background:url("/dept_web/images/nav_rtcorn.gif") right top no-repeat}
.jqueryslidemenu ul li.home{background:url("/dept_web/images/home_bg.gif") left top no-repeat}
.jqueryslidemenu ul li.home a {background:url("/dept_web/images/home01.gif") left top no-repeat}
.jqueryslidemenu ul li.home a:hover, .jqueryslidemenu ul li.home a.active {background:url("/dept_web/images/home02.gif") left top no-repeat}
.news{background:#000 url("/dept_web/images/news_ltcorn.gif") left top no-repeat}
.news_btn {background:url("/dept_web/images/news_btnbg.gif") left top no-repeat}

/*TAB START
**************************************************/
.tab_cont{background:#fff url("/dept_web/images/tab_topbg.gif") left top no-repeat}
	
/*---------- css for news in tab----------edited 7th,dec 2010 -----*/
#featured ul.ui-tabs-nav li{ background:#fff url("/dept_web/images/bullet.gif") 10px 8px no-repeat}
#featured ul.ui-tabs-nav li:hover{ background: #f7f7f7 url("/dept_web/images/bullet.gif") 10px 8px no-repeat}
#featured li.ui-tabs-nav-item{background:	url("/dept_web/images/bullet.gif") 10px 8px no-repeat}
#featured ul.ui-tabs-nav li.ui-tabs-selected { background:#eee url("/dept_web/images/bullet.gif") 10px 8px no-repeat}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{background:url("/dept_web/images/pointer01.gif") right 5px no-repeat}
#featured ul.ui-tabs-nav li span{font-family:tahoma; font-size:11px}

/*events
************************************************/
#core2 ul.ui-tabs-nav01 li a{background:url("/dept_web/images/bullet.gif") left 8px no-repeat}
				
/*featured news start
***********************************************/
.view_more a{background:url("/dept_web/images/arrow_blue.gif") right center no-repeat; font-weight:bold; font-size:11px; display:block}
.view_more a:hover{background:url("/dept_web/images/arrow_grey.gif") right center no-repeat}
.weather{background:url("/dept_web/images/wather_bg.gif") left top no-repeat}
.breadcrumb{font:normal 11px tahoma, Geneva, sans-serif; background:#fff}
.heading {background: url("/dept_web/images/AboutKFUPM.jpg") no-repeat scroll 0 0 transparent; height: 81px; padding-left: 20px !important;
position: relative; width: 910px; z-index: 9; color:#FFF}  

/*****************************************************************
 CSS ENDS HERE KFUPMENGLISHTHEME.CSS FILE
*******************************************************************/

/*****************************************************************
 CSS STARTS HERE KFUPMENGLISHSKELETON.CSS FILE
*******************************************************************/

.top_menu{text-align:right; padding-right:8px}
.sublink li, .sublink li a {  text-align:left;}
.sublinkarb li, .sublinkarb li a { text-align:right;}
.toplink li{float:right}
.toplink li:hover > .sublink {left:20px; *left:0}
.toplink li:hover > .sublinkarb {right:0; *right:20px}
.jqueryslidemenu ul li{float:left}
.jqueryslidemenu ul li.home{margin-right:10px}
.jqueryslidemenu ul li.myMenu ul li ul{margin-left:2px}
.rightarrowclass{right: 15px}
.nivo-controlNav{text-align:right; padding:376px 25px 0 0}
.news{padding-left:10px; float:left}
.news_btn{float:left}
.NewsTicker li{padding-right:10px}
.NewsTicker li a{float:left; text-align:left}
.NewsTicker li div {float:right; text-align:right}
.tab_cont{float:left; padding:0}	
#example-two .list-wrap { padding:15px}
#example-two .tab li {float: left}
#featured ul.ui-tabs-nav {left:0}
#featured ul.ui-tabs-nav li{float: left; padding: 6px 10px 6px 20px}
#featured li.ui-tabs-nav-item a{padding-right:10px; right:-11px}
#featured ul.ui-tabs-nav li.ui-tabs-selected {float: left; padding: 6px 10px 6px 20px}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{right:-11px}
#featured .ui-tabs-panel{left:374px}
#core2 ul.ui-tabs-nav01 {left:0}
#core2 ul.ui-tabs-nav01 li a{padding:5px 0 0 20px}
#core2 .ui-tabs-panel01{ left:425px}
.fnews, .events{float:left; margin-left:17px}
.fnews table, .events table{width:100% !important}
.eventdate{float:left}
.eventdisc{float:right}
.view_more {text-align:right}
.view_more a {padding-right:10px}
.mid_bot{padding:0 15px 0 0 }
.mid_botlt, .mid_botrt{float:left}
#screen li{float:left}
.thumbnail{float:left; margin:0 15px 0 0}
.thumbinfo{margin:0 10px 0 0}
.weather{padding:0 10px 0 65px}
.mid_top .breadcrumb {padding-left:25px}
.content {text-align:left}
.row_thumb {float:left}
.row_data {float:right}
.row_data ul li{padding:5px 15px 5px 20px; background:url("../images_old/green_cir_bullet.jpg") left 10px no-repeat}
.newsdetail img{float:left; margin:0 15px 15px 0; padding:1px; border:2px solid #d9d9d9}
.btn_cont{text-align:right; padding-bottom:10px}

/*****************************************************************
 CSS ENDS HERE KFUPMENGLISHSKELETON.CSS FILE
*******************************************************************/


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

.jqueryslidemenu{font: bold 12px tahoma}
.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("/dept_web/images/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("/dept_web/images/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:tahoma; 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("/dept_web/images/controlNav_bg.gif") center center no-repeat}
.nivo-controlNav a.active {font-weight:bold; color:#038401; line-height:22px; background:url("/dept_web/images/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("/dept_web/images/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("/dept_web/images/transparent-bg.png")}
#featured .info h2	{ font:normal 11px tahoma, Geneva, sans-serif; color:#fff; border-bottom:0 none; text-transform:none}
#featured .info p{font-family:tahoma; 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("/dept_web/images/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 tahoma, 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("/dept_web/images/arrow_blue.gif") right center no-repeat}
.view_more a:hover{color:#006931; background:url("/dept_web/images/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("/dept_web/images/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("/dept_web/images/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("/dept_web/images/gallery_ltbg.gif") repeat-x}
.gallery_rt{background:url("/dept_web/images/gallery_rtbg.gif") repeat-x}
.gallery_mid{background:url("/dept_web/images/gallery_bg.gif") left top repeat-x}
.thumbnail{background:url("/dept_web/images/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 tahoma, Geneva, sans-serif; color:#ebfc30; line-height:30px}
.weatherdata {color:#fff; font:bold 15px tahoma, Geneva, sans-serif}
.video_btn a {background:url("/dept_web/images/kfupm_video.gif") left top no-repeat}
.video_btn a:hover {background:url("/dept_web/images/kfupm_video.gif") left -42px no-repeat}
.breadcrumb {color:#006633; padding:10px 34px 0 24px}
.breadcrumb span {color:#666}
.breadcrumb a {color:#006633; font-size:11px; font-family:tahoma}
.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:tahoma; font-weight:normal}
.content h2 {font:bold 11px tahoma, Geneva, sans-serif; color:#13914D}
.content a {color:#228E52; text-decoration:none}
.content a:hover {color:#444;text-decoration:underline}
		
/*****************************************************************
 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:968px; margin:0 auto}
.nav_cont {width:956px; height:46px; padding:15px 6px 6px 6px; padding-bottom:0}
#mainWrapper #topBanner .navigation {
    background: url("/dept_web/images/nav_right_sl.jpg") no-repeat scroll right center #333333;
    box-shadow: 0 2px 5px rgba(51, 51, 51, 0.2);
    height: 36px;
    margin-bottom: 15px;
    margin-top: 20px;
    width: 976px;	
	}				
/* 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  ######### */
.downarrowclass{position: absolute;top: 12px;right: 7px;display:none!important;}

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

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


/*banner start
***********************************/
.banner{
	width:956px; 
	height:182px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0 2px 5px rgba(51, 51, 51, 0.2);
    float: left;
    margin-bottom: 15px;
	padding:10px;
	}

/* 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("/dept_web/images/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("/dept_web/images/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:tahoma; 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("/dept_web/images/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{width:3818px !important;width:3822px;padding:0}
#images 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{
	color: #006633;
    margin-bottom: 20px;
    padding: 8px 10px;
	background:#eee;
}
.content{padding:10px 29px 15px 24px; background:#fff;font-size:12px;background:url("/dept_web/images/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("/dept_web/images/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, tahoma, 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("/dept_web/images/BTN_03.png");background-repeat:no-repeat;z-index:999}
.nivo-prevNav:hover {background:url("/dept_web/images/BTN_03over.png");background-repeat:no-repeat;z-index:999;}
.nivo-nextNav {background:url("/dept_web/images/BTN_05.png");background-repeat:no-repeat;z-index:999;height:57px;width:55px;text-indent:-9999999px;right:-16px}
.nivo-nextNav:hover {	background:url("/dept_web/images/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
*******************************************************************/






















































/* 	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:#1c864c; 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:tahoma !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:976px; /*margin:0 0 0 9px;*/ position:relative; z-index:99}
.grayBoxDept .contentBack {
	overflow:hidden; 
	background:url("../../images/inner_bg.jpg") no-repeat top left;
	border:1px solid #ddd; 
	border-width:1px; 
	min-height:200px;
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 0 2px 5px rgba(51, 51, 51, 0.2);
}
/*.grayBoxDept .contentBack {overflow:hidden; background:#c7c7c7; border:1px solid #a1a1a1; border-width:1px; min-height:200px}*/
.grayBoxDept .leftbtmCorner {background:url("/dept_web/images/lft_corner_dept_content.png") no-repeat; width:6px; height:6px; float:left}
.grayBoxDept .middleGrayBg {background:url("/dept_web/images/middle_dept_bottom.png") repeat-x; width:948px; height:6px; float:left}
.grayBoxDept .rightbtmCorner {background:url("/dept_web/images/right_corner_dept_content.png") no-repeat; width:6px; height:6px; float:right}

.left_menu {float:left; width:185px}
.left_menu ul{width:208px; float:left}
.left_menu ul li{width:208px; float:left}

a.whiteArrowStyle {margin-left: -10px; padding-left: 25px !important;  text-align: left}
a.whiteArrowStyleActive {background: url("/dept_web/images/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("/dept_web/images/nav-arrow-down.png") no-repeat scroll 11px 11px #A6A6A6 !important;
color: #FFFFFF !important; margin-left: -10px}
.newsEventSector {width:725px;  min-height:205px;}
.newsEventSector .TabLeft, .TabCenter, .TabRight, .TabLeftActive, .TabCenterActive, .TabRightActive
{background: url("/dept_web/images/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:tahoma; font-size:15px; line-height:24px; color:#FFF; padding:0 15px}
.TabRight {background-position:100% 0px;  height:30px; padding-right:10px; margin:0 1px 0 0}
.TabLeftActive {background-position:0% -31px; height:26px; padding-left:10px}
.TabCenterActive {background-position:50% -31px;  height:26px;  font-family:tahoma; font-size:15px; line-height:24px; color:#FFF; padding:0 15px}
.TabRightActive {background-position:100% -31px;  height:26px; padding-right:10px; margin:0 1px 0 0}
.newsEventSector .container {border:1px solid #ddd; float:left; width:725px}
.newsEventSector a.newsHyper {top:4px; position:relative; display:block; cursor:pointer}
.newsEventSector a.newsHyper:hover {text-decoration:none}
.newsEventSector a.eventsHyper{top:4px; position:relative; display:block; cursor:pointer}
.newsEventSector a.eventsHyper:hover {text-decoration:none}
.newsEventSector .container .descriptive {border-bottom:1px dashed #74828a; padding-bottom:13px; padding-top:17px; margin-left:0px}
.descriptive h1{color:#FF6D02; font-size:22px; font-family:tahoma; 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:tahoma; font-size:12px; color:#74828a  !important}
h3.announCement{font-family:tahoma; font-size:15px; color:#1e7c45 !important; font-weight:bold; background: url("/dept_web/images/announcement_icon.png") no-repeat;
	padding-left:42px;
	padding-top:9px;
	height:35px;
	border-bottom: 2px solid #CCCCCC;
}
.announcementList {
	padding:0;
	margin-top:20px;
	}
.announcementList ul {float:left; background:#fafafa; width:718px; border-bottom:1px solid #ccc}
.announcementList ul li {
	/*background: url("/dept_web/images/disk_type.png") 0% 16px no-repeat; */
	font-family:tahoma; 
	font-size:12px; 
	color:#74828a; 
	padding:10px;
	display:block
	}
.borderNone {border:none !important}
.allNews {float:right; color:#74828a !important; margin:0 18px 0 0}
.descp {font-family:tahoma !important; font-size:11px !important; color:#888 !important}
.descp a {font-weight:bold !important; color:#333}
.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:0px}
/* index page Bullets
**********************************************************/
.bullets {margin:0px 0px 0px 15px; width:359px}
.bullets ul{ }
.bullets ul li {background:url("/dept_web/images/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("/dept_web/images/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("/dept_web/images/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("/dept_web/images/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(/dept_web/images/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:tahoma; font-weight:normal}
/* 	MAKE ME ROUND (id=ROUNDS)
**********************************************************/

.module01TL,.module01TR,.module01BL,.module01BR		{background:url("/dept_web/images/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("/dept_web/images/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}
#footer .leftCorner {background:url("/dept_web/images/footer_left_bg.png") no-repeat; width:9px; height:50px; float:left}
#footer .centerBg  {background:url("/dept_web/images/footer_center_bg.png") repeat-x; height:50px; width:921px; float:left}
#footer .rightCorner {background:url("/dept_web/images/footer_right_bg.png") no-repeat; width:40px; height:42px; float:right}
#footer p {font-size:11px; color:#FFF; font-family:tahoma; float:left; line-height:33px; padding:0 0 0 180px; margin:0}
#footer ul {margin:11px 0px 7px 2px; overflow:hidden !important; /*width:400px*/}
#footer ul li {color:#FFF; font-family:tahoma; font-size:11px; float;left; border-right:1px solid #FFF;
padding:0 3px;overflow:hidden !important; float:left}
#footer ul li.borderNone {border:none !important}
#footer ul li a {color:#67840e}
#footer ul li a.active {color:#888}
.socialNetwork{/*float:right;*/ background:transparent; position:relative; /*right:15px;*/ top:-9px; width:112px; margin:0 auto; right:3px}
.socialNetwork ul {margin-top:0px;background:transparent;}
.socialNetwork ul li {list-style:none;/*padding-left:6px; */background:transparent;}
ul.brdrNone li {border:none !important}


/* 	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}




/*bv css start*/

.ms-rteStyle-lineheight20 /*class for 1.5 line height*/
{
-ms-name:"Line height 2.0";
	font:normal 11px tahoma, Arial, sans-serif;
	line-height:25px!important;
}

.ms-rteStyle-Line18
{
-ms-name:"Line height 1.8";	
	/*padding-bottom:10px;
	white-space:nowrap;*/
line-height:180%!important;
 
}

/*white table*/

.ms-rteStyle-commonTable {
-ms-name:"Common Table";
	width:100%;
	height:auto;
	border:0 none;
	font:normal 11px tahoma, Arial, sans-serif;
	line-height:normal;
	table-layout:fixed;
}
	
.ms-rteStyle-commonTable tr td.title
{
	padding:5px;
	background:#eee;
	color:#444;
	font-weight:bold;
	word-break:break-word;
	vertical-align:top;
	text-align:left;
}
	
.ms-rteStyle-commonTable tr th
{
	padding:5px;
	background:#eee;
	color:#444;
	font-weight:bold;
	word-break:break-word;
	vertical-align:top;
	text-align:left;
}
	
.ms-rteStyle-commonTable tr td 
{
	padding:5px;
	word-break:break-word;
	vertical-align:top;
	text-align:left;
}
.cms-rteStyle-ommonTable tr th.center 
{
	text-align:center;
}
.ms-rteStyle-commonTable tr td.center 
{
	text-align:center;
}
.ms-rteStyle-commonTable tr td p
{
	margin:0;
}
.ms-rteStyle-commonTable tr td  a
{
	color:#006931;
	text-decoration:underline;
}
.ms-rteStyle-commonTable tr td  a:hover
{
	text-decoration:underline;
	color:#444;
}
/*edit in below css for colors*/
/*white Tale*/
.ms-rteStyle-whiteTable
	{
	-ms-name:"White Element";
		background:#fff;
		color:#666;
	}
/*greenTable*/
.ms-rteStyle-greenTable
	{
		-ms-name:"Green Element";
		background:#dffbdf;
		color:#444;
		
	}
	
	.ms-rteStyle-greenTable tr td
	{
		border-bottom:1px solid #0C0;
	}
	.ms-rteStyle-greenTable tr td.title 
	{
		background:#090;
		color:#fff;
		border-bottom:1px solid #090;
	}
	.ms-rteStyle-greenTable tr th 
	{
		background:#090;
		color:#fff;
		border-bottom:1px solid #090;
	}
/*blueTable*/
.ms-rteStyle-blueTable
	{
		-ms-name:"Blue Element";
		background:#e3f4ff;
		color:#444;
	}
	
	.ms-rteStyle-blueTable tr td
	{
		border-bottom:1px solid #90d1ff;
	}
	.ms-rteStyle-blueTable tr td.title 
	{
		background:#09F;
		color:#fff;
		border-bottom:1px solid #09F;
	}
	.ms-rteStyle-blueTable tr th 
	{
		background:#09F;
		color:#fff;
		border-bottom:1px solid #09F;
	}
/*yellowTable*/
.ms-rteStyle-yellowTable
	{
		-ms-name:"Yellow Element";
		background:#fff7c8;
		color:#444;
	}
	
	.ms-rteStyle-yellowTable tr td
	{
		border-bottom:1px solid #ffd258;
	}
	.ms-rteStyle-yellowTable tr td.title 
	{
		background:#ffbb05;
		color:#7d5b00;
		border-bottom:1px solid #ffbb05;
	}
	.ms-rteStyle-yellowTable tr th 
	{
		background:#ffbb05;
		color:#7d5b00;
		border-bottom:1px solid #ffbb05;
	}
/*pinkTable*/
.ms-rteStyle-pinkTable
	{
		-ms-name:"Pink Element";
		background:#fff6fd;
		color:#444;
	}
	
	.ms-rteStyle-pinkTable tr td
	{
		border-bottom:1px solid #ffc1f3;
	}
	.ms-rteStyle-pinkTable tr td.title 
	{
		background:#b12a96;
		color:#fff;
		border-bottom:1px solid #b12a96;
	}

	.ms-rteStyle-pinkTable tr th 
	{
		background:#b12a96;
		color:#fff;
		border-bottom:1px solid #b12a96;
	}
/*cUSTOMIZED THE css classes for default table styles* start */
.ms-rteTable-7{
-ms-name:"Table Style 4 - Medium One Tone 1 Pink";
text-align:left;
line-height:2;
vertical-align:top;

/* [ReplaceColor(themeColor:"Dark1")] */ color:#000000;
font-size:1em;
}
.ms-rteTable-7 tr.ms-rteTableFooterRow-7{
}
.ms-rteTable-7 th.ms-rteTableHeaderRow-7{
/* [ReplaceColor(themeColor:"Light1")] */ background-color:#FFF;
/* [ReplaceColor(themeColor:"Accent1")] */ border-top:1px #b12a96 solid;
/* [ReplaceColor(themeColor:"Accent1")] */ border-bottom:1px #0072bc solid;
}
.ms-rteTable-7 th.ms-rteTableFooterFirstCol-7{
}
.ms-rteTable-7 th.ms-rteTableHeaderFirstCol-7{
/* [ReplaceColor(themeColor:"Light1")] */ color:#ffffff;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#b12a96;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-7 td.ms-rteTableFooterOddCol-7{
}
.ms-rteTable-7 th.ms-rteTableHeaderOddCol-7{
/* [ReplaceColor(themeColor:"Light1")] */ color:#ffffff;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#b12a96 ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-7 td.ms-rteTableFooterEvenCol-7{
}
.ms-rteTable-7 th.ms-rteTableHeaderEvenCol-7{
/* [ReplaceColor(themeColor:"Light1")] */ color:#ffffff;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#b12a96 ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-7 td.ms-rteTableFooterLastCol-7{
}
.ms-rteTable-7 th.ms-rteTableHeaderLastCol-7{
/* [ReplaceColor(themeColor:"Light1")] */ color:#ffffff;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#b12a96 ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-7 tr.ms-rteTableOddRow-7{
/* [ReplaceColor(themeColor:"Light1-Lighter")] */ background-color:#d8d8d8;
}
.ms-rteTable-7 tr.ms-rteTableEvenRow-7{
/* [ReplaceColor(themeColor:"Light1")] */ background-color:#fff;
}
.ms-rteTable-7 th.ms-rteTableFirstCol-7{
font-weight:normal;
}
.ms-rteTable-7 td.ms-rteTableLastCol-7{
font-weight:normal;
}
.ms-rteTable-7 td.ms-rteTableOddCol-7{}
.ms-rteTable-7 td.ms-rteTableEvenCol-7{}
/*8*/

.ms-rteTable-8{
-ms-name:"Table Style 5 - Medium one Tone 2 Green";
text-align:left;
line-height:2;
vertical-align:top;

/* [ReplaceColor(themeColor:"Dark1")] */ color:#000000;
font-size:1em;
}
.ms-rteTable-8 tr.ms-rteTableFooterRow-8{
}
.ms-rteTable-8 th.ms-rteTableHeaderRow-8{
/* [ReplaceColor(themeColor:"Light1")] */ background-color:#FFF;
/* [ReplaceColor(themeColor:"Accent1")] */ border-top:1px #009900 solid;
/* [ReplaceColor(themeColor:"Accent1")] */ border-bottom:1px #0072bc solid;
}
.ms-rteTable-8 th.ms-rteTableFooterFirstCol-8{
}
.ms-rteTable-8 th.ms-rteTableHeaderFirstCol-8{
/* [ReplaceColor(themeColor:"Light1")] */ color:#ffffff;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#009900 ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-8 td.ms-rteTableFooterOddCol-8{

}
.ms-rteTable-8 th.ms-rteTableHeaderOddCol-8{
/* [ReplaceColor(themeColor:"Light1")] */ color:#ffffff;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#009900 ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-8 td.ms-rteTableFooterEvenCol-8{


}
.ms-rteTable-8 th.ms-rteTableHeaderEvenCol-8{
/* [ReplaceColor(themeColor:"Light1")] */ color:#ffffff;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#009900 ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-8 td.ms-rteTableFooterLastCol-8{


}
.ms-rteTable-8 th.ms-rteTableHeaderLastCol-8{
/* [ReplaceColor(themeColor:"Light1")] */ color:#ffffff;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#009900 ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-8 tr.ms-rteTableOddRow-8{
/* [ReplaceColor(themeColor:"Light1-Lighter")] */ background-color:#DFE1E3;
}
.ms-rteTable-8 tr.ms-rteTableEvenRow-8{
/* [ReplaceColor(themeColor:"Light1")] */ background-color:#fff;
}
.ms-rteTable-8 th.ms-rteTableFirstCol-8{
font-weight:normal;
}
.ms-rteTable-8 td.ms-rteTableLastCol-8{
font-weight:normal;
}
.ms-rteTable-8 td.ms-rteTableOddCol-8{}
.ms-rteTable-8 td.ms-rteTableEvenCol-8{}

/* custmoized default styles end*/

/*start 9*/

.ms-rteTable-9{
-ms-name:"Table Style 6 - Medium One Tone Brown";
text-align:left;
line-height:2;
vertical-align:top;

/* [ReplaceColor(themeColor:"Dark1")] */ color:#000000;
font-size:1em;
}
.ms-rteTable-9 tr.ms-rteTableFooterRow-9{
}
.ms-rteTable-9 th.ms-rteTableHeaderRow-9{
/* [ReplaceColor(themeColor:"Light1")] */ background-color:#FFF;
/* [ReplaceColor(themeColor:"Accent1")] */ border-top:1px #FFFF99 solid;
/* [ReplaceColor(themeColor:"Accent1")] */ border-bottom:1px #0072bc solid;
}
.ms-rteTable-9 th.ms-rteTableFooterFirstCol-9{
}
.ms-rteTable-9 th.ms-rteTableHeaderFirstCol-9{
/* [ReplaceColor(themeColor:"Light1")] */ color:#000000;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#FFFF99 ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-9 td.ms-rteTableFooterOddCol-9{

}
.ms-rteTable-9 th.ms-rteTableHeaderOddCol-9{
/* [ReplaceColor(themeColor:"Light1")] */ color:#000000;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#FFFF99 ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-9 td.ms-rteTableFooterEvenCol-9{


}
.ms-rteTable-9 th.ms-rteTableHeaderEvenCol-9{
/* [ReplaceColor(themeColor:"Light1")] */ color:#000000;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#FFFF99 ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-9 td.ms-rteTableFooterLastCol-9{


}
.ms-rteTable-9 th.ms-rteTableHeaderLastCol-9{
/* [ReplaceColor(themeColor:"Light1")] */ color:#000000;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#FFFF99 ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #000000 solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #000000 solid;
}
.ms-rteTable-9 tr.ms-rteTableOddRow-9{
/* [ReplaceColor(themeColor:"Light1-Lighter")] */ background-color:#DFE1E3;
}
.ms-rteTable-9 tr.ms-rteTableEvenRow-9{
/* [ReplaceColor(themeColor:"Light1")] */ background-color:#fff;
}
.ms-rteTable-9 th.ms-rteTableFirstCol-9{
font-weight:normal;
}
.ms-rteTable-9 td.ms-rteTableLastCol-9{
font-weight:normal;
}
.ms-rteTable-9 td.ms-rteTableOddCol-9{
 /*background-color:#DFE1E3;*/
}
.ms-rteTable-9 td.ms-rteTableEvenCol-9{}
/* end 9*/

/* 10 start*/

/*start 9*/

.ms-rteTable-10{
-ms-name:"Table Style 10 - White Table";
text-align:left;
line-height:2;
vertical-align:top;
border:1px #fff solid;
/* [ReplaceColor(themeColor:"Dark1")] */ color:#000000;
font-size:1em;
}
.ms-rteTable-10 tr.ms-rteTableFooterRow-10{
}
.ms-rteTable-10 th.ms-rteTableHeaderRow-10{
/* [ReplaceColor(themeColor:"Light1")] */ background-color:#FFF;
/* [ReplaceColor(themeColor:"Accent1")] */ border-top:1px #fff solid;
/* [ReplaceColor(themeColor:"Accent1")] */ border-bottom:1px #0072bc solid;
}
.ms-rteTable-10 th.ms-rteTableFooterFirstCol-10{
}
.ms-rteTable-10 th.ms-rteTableHeaderFirstCol-10{
/* [ReplaceColor(themeColor:"Light1")] */ color:#000000;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#fff ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #fff solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #fff solid;
}
.ms-rteTable-10 td.ms-rteTableFooterOddCol-10{

}
.ms-rteTable-10 th.ms-rteTableHeaderOddCol-10{
/* [ReplaceColor(themeColor:"Light1")] */ color:#000000;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#fff ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #fff solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #fff solid;
}
.ms-rteTable-10 td.ms-rteTableFooterEvenCol-10{


}
.ms-rteTable-10 th.ms-rteTableHeaderEvenCol-10{
/* [ReplaceColor(themeColor:"Light1")] */ color:#000000;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#fff ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #fff solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #fff solid;
}
.ms-rteTable-10 td.ms-rteTableFooterLastCol-10{


}
.ms-rteTable-10 th.ms-rteTableHeaderLastCol-10{
/* [ReplaceColor(themeColor:"Light1")] */ color:#000000;
/* [ReplaceColor(themeColor:"Accent1")] */ background-color:#fff ;
/* [ReplaceColor(themeColor:"Dark1")] */ border-top:2px #fff solid;
/* [ReplaceColor(themeColor:"Dark1")] */ border-bottom:2px #fff solid;
}
.ms-rteTable-10 tr.ms-rteTableOddRow-10{
/* [ReplaceColor(themeColor:"Light1-Lighter")] */ background-color:#fff;
}
.ms-rteTable-10 tr.ms-rteTableEvenRow-10{
/* [ReplaceColor(themeColor:"Light1")] */ background-color:#fff;
}
.ms-rteTable-10 th.ms-rteTableFirstCol-10{
font-weight:normal;
}
.ms-rteTable-10 td.ms-rteTableLastCol-10{
font-weight:normal;
}
.ms-rteTable-10 td.ms-rteTableOddCol-10{
 /*background-color:#DFE1E3;*/
}
.ms-rteTable-10 td.ms-rteTableEvenCol-10{}
/* end 10*/

.ms-cui-tabContainer {
	
	z-index:99999999!important;
}
/*BV csss end/*



/* shivling changed for container style Dated at May 30 ,2011

*************************************************************/

.container1 h1 {color: #0d7e40; font: 22px Arial,Helvetica,sans-serif; margin:4px 0; font-weight:bold;}
.container1 h3 {color: #666666; font: bold 16px Arial,Helvetica,sans-serif; margin:0 0 10px 0; width:715px}
#mainWrapper .whiteBox .middle table {width:auto !important}


/* STYLING CHANGES FOR THE TOP MENU SEPRTATIO AT 15 JULY 2011 BY SHIVLING.
*****************************************************************************************/


.bottomShadowNavigation {background: url("/main_web/images1/bottom_round_bg_navigation.png") 0% 0px; float: left; height: 7px;
 margin-left:2px; width:978px; z-index:9}
 .topShadowBanner {background:url("/main_web/images1/top_white_bg_banner.png") 0% 0px no-repeat; height:12px; width:976px; border-top:1px solid #FFF}

/**/

/*============== Footer Container ====================*/

#footer_container{
	width:976px;
	float:left;
	padding-top:15px;
	margin-top:12px;
	padding-bottom:20px;
}

#ftr_cnt_left{
	width:480px;
	float:left;
}

#ftr_cnt_left .ftr_logo{
	float:left;
}

#ftr_cnt_left .ftr_text{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888;
	line-height:17px;
	margin-left:15px;
}

#ftr_cnt_right{
	width:480px;
	float:right;
	padding-top:20px;
}

#ftr_cnt_right ul{
	float:right;
	list-style:none;
	margin:0px;
	padding:0px;
}

#ftr_cnt_right li{
	float:left;
	margin-left:5px;
}

#ftr_cnt_right li a{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888;
	margin-left:10px;
	text-decoration:none;
}

#ftr_cnt_right li a:hover{
	color:#666;
	text-decoration:underline;
}