@charset "utf-8";

html, body {margin:0; padding:0;}

/* KAUST fonts */
@font-face {
	font-family: 'Rotis Sans Serif';
	src: url('rotissansserif-webfont.eot');
	src: local('☺'), url('rotissansserif-webfont.ttf') format('truetype'), url('rotissansserif-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Rotis Sans Serif';
	src: url('rotissansserif-bold-webfont.eot');
	src: local('☺'), url('rotissansserif-bold-webfont.ttf') format('truetype'), url('rotissansserif-bold-webfont.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Rotis Sans Serif';
	src: url('rotissansserif-italic-webfont.eot');
	src: local('☺'), url('rotissansserif-italic-webfont.ttf') format('truetype'), url('rotissansserif-italic-webfont.svg') format('svg');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Rotis Serif';
	src: url('rotisserif-webfont.eot');
	src: local('☺'), url('rotisserif-webfont.ttf') format('truetype'), url('rotisserif-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Rotis Serif';
	src: url('rotisserif-bold-webfont.eot');
	src: local('☺'), url('rotisserif-bold-webfont.ttf') format('truetype'), url('rotisserif-bold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: bold;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
	overflow-x:hidden;
}

ol, ul {
	list-style: none;
}


b{
font-weight: 800;
}

a, img, input{ outline:none;}

a{color: #704525; text-decoration: none;}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear{ clear:both;}

/*ganesh */

.smll {text-transform:none !important}

/*ganesh*/

/*reset over*/




/* Typography */
body {
    font-family: 'Rotis Sans Serif';
    color:#444;
    line-height: 1.3;
    font-size: 18px;
}


body{background:#fff;}

/*Headder Section Start*/

.header{
	background: #FFF;
	border-bottom: solid 1px #b4b4b4;
	padding: 30px 0 0 0;
	width: 100%;
	position: fixed;
	z-index: 500;
	height: auto;
	top: -1px;
}
.header .inner-sec{ width:976px; margin:auto;  background:#fff; z-index:21; position:relative;}
.header .inner-sec .top{ width:100%;}
.header .inner-sec .logo{ width:75px; float:left; height:auto; margin-right:22px; z-index:9999;}
.header .inner-sec .logo img{ width:100%;}
.header .inner-sec .logo_text{
	width: 535px;
	height: auto;
	float: left;
	margin: 0;
}
.header .inner-sec .right_sec{ min-width:100px;}
.header .inner-sec .right_sec .ar{ direction:rtl; text-align:right; float:right; background:#66615d;  font-size:13px; color:#fff;}

/*Headder Section End*/

#dvLoading {background:url("loading.gif") no-repeat center center;height:32px;width:32px;position: fixed;left:49%;top:49%;margin: 0 auto;z-index: 400;}
#popup-wrap {background: #dcdcdc;height: 100%;left: 0;margin: 0 0 0 0;position: fixed;top: 0;width: 100%;z-index: 400;}

/*top Start*/

.topDiv {width:976px;	margin:0 auto;	height:75px; padding:0px;	position:relative; }
/*Menu navigation Start*/

#menu {list-style:none; width:100%;margin:0px auto 0px auto;	height:auto; padding:0px; clear:both; float:right;}
#menu li {float:left;	display:block; padding:4px 0 0 0;margin-right:21px;	margin-top:7px;}
.c-f-left{clear: inherit !important; display: inline; float: left; width: 80px; font-size:18px!important;}
#menu li:hover {}
#menu li a {font-weight: bold; font-size:20px; color: #666666;	display:block;	outline:0;	text-decoration:none;border-bottom:solid 5px #FFF; line-height:25px; text-transform:uppercase;}
#menu li:hover a {	color:#666666;}
#menu li .drop {padding-right:21px;	background:url("arrowq.png") no-repeat right 7px; margin-left:0px;}
#menu li:hover .drop {background:url("arrowq.png") no-repeat right -20px; border-bottom:solid 5px #00b3b7;color:#00b3b7;}
#menu li .drop2 {padding-right:21px;	background:url("arrowq.png") no-repeat right 7px;}
#menu li:hover .drop2 {background:url("arrowq.png") no-repeat right -50px;border-bottom:solid 5px #f28f00;color:#f28f00;}
#menu li .drop3 {padding-right:21px;	background:url("arrowq.png") no-repeat right 7px;}
#menu li:hover .drop3 {background:url("arrowq.png") no-repeat right -82px;border-bottom:solid 5px #f0b501;color:#f0b501;}



#menu li .drop4 {padding-right:21px;	background:url("arrowq.png") no-repeat right 7px;}
#menu li:hover .drop4 {background:url("arrowq.png") no-repeat right -113px;border-bottom:solid 5px #ccce00;color:#ccce00;}
#menu li .drop5 {padding-right:21px; background:url("arrowq.png") no-repeat right 7px;font-size:15px; margin-right: 20px;}
#menu li:hover .drop5 {background:url("arrowq.png") no-repeat right -142px;border-bottom:solid 5px #678eca;color:#678eca;}
#menu li .drop0{ font-size:15px;line-height: 22px; padding:3px 0; margin: 0 -23px 0 10px;}
#menu li .drop0:hover{color:#678eca;border-bottom:solid 5px #678eca;}
#menu .menuright{ float: right; margin-right: 0;}
#menu .menuright2{ float:left;margin:4px 0 0 34px;}
.headerMob {display:none; }


@media all and (max-width: 1025px) {#menu li .drop0{margin: 0; padding: 0;}


}

.arrange {
	padding: 15px 0 20px 0;
}

.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns {margin:1px auto; float:left; position:absolute;	top:40px; /* Hides the drop down */	text-align:left;	padding:0;	border:none; background:#fff; height:0px; z-index:19; display:none; margin-top:0px; width:100% !important;}

.pos-relatv{ position:relative;}
.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns {left:0px; top:40px !important; height:auto; display:none;}

.col_1, .col_2, .col_3, .col_4, .col_5 {display:inline;	float: left;	position: relative;	margin-left: 5px;	margin-right: 5px;}

.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

#menu .menu_right {float:right;margin-right:0px;}

#menu li .align_right {/* Rounded Corners */-moz-border-radius: 5px 0px 5px 5px;  -webkit-border-radius: 5px 0px 5px 5px; border-radius: 5px 0px 5px 5px;}
#menu li:hover .align_right {left:auto;	right:-1px;	top:auto;}
.strong {font-weight:bold;}
.italic {font-style:italic;}
.menu-contant-container{ width:976px!important; float:none; padding:30px 0 0 0; margin:auto;}
.menu-contant-container h2{color:#704525;  font-weight: bold; font-size: 18px; font-weight: normal; line-height: 25px; width: 100%;}
.menu-contant-container h4{color:#000;  font-weight: bold; font-size: 18px; font-weight: normal; line-height: 25px; text-transform:uppercase;}	
.menu-contant-container h2 a{ color:#704525 !important; text-decoration: none !important; font-weight: bold; font-size:18px!important; text-transform:none!important; float:left!important; clear:inherit; margin-right:40px; }
.menu-contant-container h2 a:hover{text-decoration: underline !important; }
.subNav{}
.subNav a { color:#704525 !important; text-decoration: underline !important; font-weight: bold; font-size:18px!important; text-transform:none!important; float:left!important; clear:inherit; margin:0px 3px 8px 30px!important; }
.caps-menu {margin-bottom:7px !important; }
.caps-hdr   {  margin-bottom:5px !important; font-size:18px !important; }
.caps-hdr a { }
.spacer10 {height:15px !important; clear:both; }
.spacer25 {height:25px !important; clear:both; }
.lineThrty { line-height:30px !important; }
.white-fullwidth{background:#FFF;}

.mainbanner-wrap .prev{background: url(arrows.png) no-repeat 0 -934px; left:130px;width:81px;    height:76px;top:122px; position:absolute; text-indent:-99999px; outline:none;}
.mainbanner-wrap .prev:hover{background-position:0px -1035px;}
.mainbanner-wrap .next{background: url(arrows.png) no-repeat -111px -934px; right:155px;width:81px; height:76px;top:122px; position:absolute; text-indent:-99999px; outline:none;}
.mainbanner-wrap .next:hover{background-position: -111px -1033px;}
.menu-contant-container h3{   color:#000;   font-size: 15px;  font-weight: normal; line-height: 20px;}
.menu-contant-container h3 a{   color:#704525 !important; font-style:normal !important;text-transform:none !important;  }
.menu-contant-container h3 a:hover{   text-decoration:underline !important;  }
.menu-contant-container ul{ padding:0 0 16px; margin:0; float:left; width:100%;}

.menu-contant-container ul li{ padding:0 0 0 20px!important; line-height:16px !important;font-size:15.5px; clear:both; float:none; margin:0 !important; width: 100%;}
.menu-contant-container ul li a{ text-decoration: none!important; color:#704525 !important;font-size:15px !important; text-transform:none !important;line-height:16px !important;font-family: 'Rotis Sans Serif' !important;}
.menu-contant-container ul li a:hover{ text-decoration: underline!important; }
.applay{ padding:20px !important; font-size:24px !important;  font-weight: bold; color:#fff !important; background:#00b3b7 !important; margin-top:15px; text-transform: none !important; text-align:center; text-decoration:none;}
.applay:hover{ padding:20px !important; font-size:24px !important;  font-weight: bold; color:#fff !important; background:#02898c !important;}
.study-left{ float: left; width:549px; padding:0 0 0 40px}
.study-right{ float: right; width:281px; padding:0 40px 0 0}
.marg-bot10{ margin-bottom:10px;}
.marg-bot20{ margin-bottom:20px;}
.marg-bot30{ margin-bottom:20px !important;}
.marg-left40{ margin-left:40px;}
.marg-left53{ margin-left:53px;}
.research-left{ width:309px; float:left;padding:0 0 0 40px; margin:0 14px 0 0px;}
.research-left ul li{padding:0 0 0 15px !important;}
.research-center{width:335px; float:left;padding:0 15px 0 0px;margin:0 14px 0 0px;}
.research-center ul li{padding:0 0 0 15px !important;}
.research-right{width:238px; float:left;padding:0 0 0 0px;}
.research-center ul li{padding:0 0 0 15px !important;}
.collaborate-left{ width:50%; float:left;padding:0 0 0 40px; margin:0 14px 0 0px;}
.collaborate-left ul li{padding:0 0 0 15px !important;}
.collaborate-center{width:301px; float:left;padding:0 0 0 0px;margin:0 14px 0 0px;}
.collaborate-center ul li{padding:0 0 0 15px !important;}
.collaborate-right{width:40%; float:left;padding:0 0 0 0px;}
.collaborate-center ul li{padding:0 0 0 15px !important;}

.live-work-left{ width:250px; float:left;padding:0 0 0 40px; margin:0 14px 0 0px;}
.live-work-left h2{ line-height:26px; float:left; width:300px;}

.live-work-right{width:238px; float:right;padding:0 40px 0 0px;}


.work-at-kaust{ padding:20px 20px 18px !important; font-size:24px !important;  font-weight: bold; color:#fff !important; background:#ccce00 !important; text-align:center; text-transform: none !important; text-decoration:none; margin:10px;}
.work-at-kaust:hover{ padding:20px 20px 18px !important; font-size:24px !important;  font-weight: bold; color:#fff !important; background:#909107 !important; text-align:center;}

.research-in-academic-divisions{ padding:20px 20px 18px !important; font-size:24px !important;  font-weight: bold; color:#fff !important; background:#f08e21 !important; text-align:center; text-transform: none !important; text-decoration:none; margin:10px;}
.research-in-academic-divisions:hover{ padding:20px 20px 18px !important; font-size:24px !important;  font-weight: bold; color:#fff !important; background:#dc8524 !important; text-align:center;}


.explore-left{ width:309px; float:left;padding:0 0 0 40px; margin:0 14px 0 0px;}
.explore-left ul li{padding:0 0 0 15px !important;}
.explore-center{width:301px; float:left;padding:0 0 0 0px;margin:0 14px 0 0px;}
.explore-right{width:240px; float:left;padding:0 0 0 0px; margin:-45px 0 0 40px;}
.explore-but{ padding:20px 0px 18px !important; font-size:22px !important;  font-weight: bold; color:#fff !important; background:#678eca !important; text-align:center; margin-bottom:20px !important; text-transform: none !important; text-decoration:none; margin-top:0px !important;}
.explore-but:hover{ padding:20px 0px 18px !important; font-size:22px !important;  font-weight: bold; color:#fff !important; background:#3260a7 !important; text-align:center;}


/*News Menu section*/
.news-menu-right{width:25%; float:right;padding:0px;}
.news-right{width:240px; float:right;padding:0 0 0 0px; margin:0;}
.news-button{ padding:20px 0px 18px !important; font-size:22px !important;  font-weight: bold; color:#fff !important; background:#678eca !important; text-align:center; margin-bottom:20px !important; text-transform: none !important; text-decoration:none; margin-top:0px !important;}
.news-button:hover{ padding:20px 0px 18px !important; font-size:22px !important;  font-weight: bold; color:#fff !important; background:#3260a7 !important; text-align:center;}


/*Menu navigation End*/

/* header border color for each button*/

#menu li:hover .studyBorder {border-top: solid 1px #00B3B7; border-bottom: solid 1px #00B3B7;}
#menu li:hover .rsrchBorder {border-top: 1px solid #F28F00;border-bottom: 1px solid #F28F00;}
#menu li:hover .collabBorder {border-top: 1px solid #F0B501;border-bottom: 1px solid #F0B501;}
#menu li:hover .liveBorder {border-top: 1px solid #CCCE00; border-bottom: 1px solid #CCCE00;}
#menu li:hover .explBorder {border-top: 1px solid #678ECA; border-bottom: 1px solid #678ECA;}

.serDivMain {position:absolute; width:240px; right:0px; top:30px; }
.cliArea {position: relative; width:auto; height:auto; }
.language {float:right;width:40px; height:31px; background:url(arabic.png) no-repeat;text-indent:-999999px; margin-right:5px;}
.language:hover { background-position:0 -33px;}

.serArea {float:right; width:31px; height:31px; color:#fff;display:none; overflow:hidden;}
.serArea label {
    display: none;
}
.serArea input {
	width: 100%;
	float: left;
	border: solid 1px #666;
	 font-style: italic;
	font-size: 15px;
	color: #7d7d7d;
	padding: 6px 5px 6px 5px;
	margin: 0;
	height: 17px;
	}
.inSearBtn { float:right;width:31px; height:31px; background:url(search.png) no-repeat; display:block; text-indent:-999999px; outline:none;}
.toglSerBtn {float:right;width:31px; height:31px;background:url(search.png) no-repeat; display:block; text-indent:-999999px; cursor:pointer;}
.toglcloseBtn {float:right;width:31px; height:31px; background:url(close-search.png) no-repeat; display: no ne;cursor:pointer;}
.tabNav {width:31px; height:31px; background:url(tab-nav.png) no-repeat; display:none; float:right; margin-left:8px;text-indent:-999999px;cursor:pointer; }
.studyMrgn {margin-left:95px; }
.dropmenus-m {display:none;}

/*Contant section Start*/
.contant-container{ width:976px; margin:156px auto 0; position:relative; z-index:3;}

/* slider section Sart*/
.studySlideDiv, .researSlideDiv, .collabSlideDiv, .liveSlideDiv {width:976px; height:450px; margin:0 auto; position:relative; margin-bottom:25px; overflow:hidden;}
.study { position:absolute; left:0px; top:0px;  height:auto; display:block; padding: 0 20px; font-family: 'Rotis Serif';font-size:44px; color:#fff; text-transform:uppercase;background:url(hdr.png) no-repeat; width:180px; font-weight:normal; cursor: pointer;}

/* slider Common */
.headerDiv {width:100%; height:56px; position:absolute;top:0px; z-index:55; background:url(transp.png); }
.slideDiv {width:100%; height:auto; position:relative; top:0px; cursor: -webkit-grab; cursor: -moz-grab; }
.slTitle {position:absolute; left:20px;background:url(transp2.png) repeat    ; height:auto; padding:15px 15px /*7*/3px !important; min-height:82px;}
.ban-contant{background: url(transp2.png);padding:19px;}
.slTitle a, .slTitle a:visited   {text-decoration:none;font-size:15px; color:#000; }
.slTitle a:hover  {text-decoration:underline;}
.slTitle h1{ display:none;}
.slTitle h4 { color:#66615d; font-size:21px; display:block; padding-bottom:0px; text-align:left}
.slTitle p { color:#000; font-size:15px; line-height:18px; text-align:left; padding:8px 0px;}
.hrSide {position:absolute; background: url(sideHdr.png.html) no-repeat; right:-16px; top:0px; display:block; height:100px; width:16px; }
.header-link {float: right;padding:20px;}
.header-study-color a{ color:#00747C !important; text-decoration:none;}
.header-research-color a{ color:#B86C00 !important; text-decoration:none;}
.header-collaborate-color a{ color:#A97800 !important; text-decoration:none;}
.header-live-color a{ color:#929002 !important; text-decoration:none;}

/* Research Slider*/
.researSlideDiv {  }
.reserHdr { background:url(hdr.png.1) no-repeat; width:266px!important;  position:absolute; left:0px; top:0px;  height:auto; padding-right:15px; display:block; padding:0 20px; line-height:56px;  font-family: 'Rotis Serif';font-size:42px; color:#fff; text-transform:uppercase; cursor: pointer;}

/* Collaborate Slider*/
.collabSlideDiv { }
.collabHdr { background:url(hdr.png.2) no-repeat; width:330px!important; position:absolute; left:0px; top:0px;  height:auto; padding-right:15px; display:block; padding:0 20px; line-height:56px;  font-family: 'Rotis Serif';font-size:42px; color:#fff; text-transform:uppercase;  cursor: pointer;}

/* Live & Work Slider*/
.liveSlideDiv {}
.liveHdr { background:url(hdr.png.3) no-repeat; width:320px!important; position:absolute; left:0px; top:0px;  height:auto; padding-right:15px; display:block; padding:0 20px; line-height:56px;  font-family: 'Rotis Serif';font-size:42px; color:#fff; text-transform:uppercase;  cursor: pointer;}

/* slider section End*/

/* Main Banner section Sart*/

.mainbanner-wrap{ width:100%; max-width:100%; position:relative; margin:180px auto 0; height: 350px; overflow: hidden; }
.mainbanner-inn{ }
.mainbanner-inn .clear{ display:none;}
.mainbanner-wrap .slides{ width:523px !important; margin:0 25px 0 0; float:left; position:relative; height:350px; overflow:hidden; display: inline-block:	}
.mainbanner-wrap .slides img{ width:100%; float:left;}
.mainbanner-wrap .slides article{
	position: absolute;
	z-index: 12;
	bottom: -58px;
	left: 0;
	width: 100%;
	text-align: left;
	background: url(transp.png);
	font-size: 24px;
	color: #66615d;
	cursor: pointer;/* -webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;*/
	right: 0px;
}

.mainbanner-wrap .slides a{
	color: inherit;
	text-decoration: none;
}

/*.mainbanner-wrap .slides:hover article{-moz-transform: translateY(-100%); -o-transform: translateY(-100%); -webkit-transform: translateY(-100%); opacity: 1; transform: translateY(-100%); bottom:-104px;}*/

.mainbanner-wrap .slides article h2{ font-weight: bold; padding:14px 2%; font-weight:normal;}
.mainbanner-wrap .slides article p{ line-height:18px; padding:0px 2% 14px;  font-size: 15px; color:#000; min-height: 37px;}
.mainbanner-wrap .slides .sec-sild-tab{ display:none;}
.mainbanner-wrap .bx-wrapper{ width:100% !important; max-width:100% !important; }
.mainbanner-wrap .bx-pager { display:none !important;}
.privew-cont{ width:976px; margin:auto; position:relative; top:-348px; z-index:60;}

.film_roll_prev{background: url(arrows.png) no-repeat 0 -934px; left:21%;width:81px;	height:76px;top:122px; position:absolute; text-indent:-99999px;}
.film_roll_prev:hover{background-position:0px -1035px;}
.film_roll_next{background: url(arrows.png) no-repeat -111px -934px; right:23%;width:81px; height:76px;top:122px; position:absolute; text-indent:-99999px;}
.film_roll_next:hover{background-position: -111px -1033px;}
.mainbanner-wrap-mobile{ display:none ;}

.vco-storyjs p, .vco-storyjs blockquote, .vco-storyjs blockquote p, .vco-storyjs .twitter blockquote p {
    font-family: 'Rotis Sans Serif' !important;

}

.vco-storyjs .vco-feature h1, .vco-storyjs .vco-feature h2, .vco-storyjs .vco-feature h3, .vco-storyjs .vco-feature h4, .vco-storyjs .vco-feature h5, .vco-storyjs .vco-feature h6 {
    font-family: 'Rotis Serif' !important;
}

/* Main Banner section End*/

/*Contant section End*/

/*Footer section Stat*/
.blank{background:#fff; height:10px;}
footer{margin:0; padding:35px 0 0 0; background:#f5f1ee; border-top:1px solid #b4b4b4; }
footer section.widgets{width:976px; height: auto; margin:0 auto; padding:0;}
footer article.testimonial{width:345px; height: auto; float:left; vertical-align:top; margin:0; padding:0 0 0 20px;}
footer article.testimonial h3{width:275px; height:auto; padding:25px 40px 0 18px;  font-style: italic; font-size:23px; line-height:30px; color:#000; background:url(quote.jpg) 163px top no-repeat; margin:0;}
footer article.testimonial h5{ font-size:12px; color:#000; padding:10px 100px 10px 18px; line-height:14px;}
footer-image{float:left;}
footer article.col-wrap{width:611px; float:left;}
footer article.col-1{width:206px; height: auto; float:left; vertical-align:top;}
footer article.col-2{width:199px; height: auto; float:left; vertical-align:top;}
footer article.col-3{width:206px; height: auto; float:left; vertical-align:top;}
footer article.col-4{width:611px; height: auto; float:left; vertical-align:top;}
footer article.col-1 h3, footer article.col-2 h3, footer article.col-3 h3{ font-weight: bold; font-size:17px; color:#000; text-transform:uppercase; margin:0; padding:0 0 10px 0;}
footer article.col-1 ul, footer article.col-2 ul, footer article.col-3 ul{ margin:0; padding:0 0 15px 0; list-style:none;}
footer article.col-1 ul li, footer article.col-2 ul li, footer article.col-3 ul li{ margin:0; padding:0;}
footer article.col-1 ul li a, footer article.col-2 ul li a, footer article.col-3 ul li a{ font-size:14px; color:#005355; text-decoration:none; line-height:19px;}
footer article.col-1 ul li a:hover, footer article.col-2 ul li a:hover, footer article.col-3 ul li a:hover{color:#000;}
footer article.col-4 ul{width:auto; height: auto; margin:0; padding:0 0 30px 0; float:right; list-style:none;}
footer article.col-4 ul li{ margin:0 5px 0 0; padding:0; float:left;}
footer article.col-4 ul li.last{margin:0 !important;}

footer article.col-4 ul li a.facebook{width:34px; height:35px; float:left; background: url(social-footer.fw.png) 0px 0px no-repeat;}
footer article.col-4 ul li a.facebook:hover{background: url(social-footer.fw.png) 0px -35px no-repeat;}

footer article.col-4 ul li a.twitter{width:34px; height:35px; float:left; background: url(social-footer.fw.png) -40px 0px no-repeat;}
footer article.col-4 ul li a.twitter:hover{background: url(social-footer.fw.png) -40px -35px no-repeat;}

footer article.col-4 ul li a.vimeo{width:34px; height:35px; float:left; background: url(social-footer.fw.png) -80px 0px no-repeat;}
footer article.col-4 ul li a.vimeo:hover{background: url(social-footer.fw.png) -80px -35px no-repeat;}

footer article.col-4 ul li a.flickr{width:34px; height:35px; float:left; background: url(social-footer.fw.png) -120px 0px no-repeat;}
footer article.col-4 ul li a.flickr:hover{background: url(social-footer.fw.png) -120px -35px no-repeat;}

footer article.col-4 ul li a.google{width:34px; height:35px; float:left; background: url(social-footer.fw.png) -160px 0px no-repeat;}
footer article.col-4 ul li a.google:hover{background: url(social-footer.fw.png) -160px -35px no-repeat;}

footer article.col-4 ul li a.linkedin{width:34px; height:35px; float:left; background: url(social-footer.fw.png) -200px 0px no-repeat;}
footer article.col-4 ul li a.linkedin:hover{background: url(social-footer.fw.png) -200px -35px no-repeat;}

.footer-bottom{ margin:0; padding:0; background:#b4b4b4;}
.footer-bottom article.footer-col{ max-width:976px; margin:0 auto; padding:0; display:block;}
.footer-bottom article.footer-col p{float:left;  font-size:14px; line-height:40px; color:#333; }
.footer-bottom article.footer-col ul{margin:0; padding:0 34px 0 0; display:block; float:right; list-style:none;}
.footer-bottom article.footer-col ul li{margin:0; padding:0; display:block; float:left;  font-size:14px; color:#333; float:left; line-height:40px;}
.footer-bottom article.footer-col ul li a{ font-size:14px; color:#333; float:left; line-height:40px; padding:0 9px; text-decoration:none;}
.footer-bottom article.footer-col ul li a:hover{color:#000;}

/*Footer section End*/

.spacer {height:13px; width: 100%;   }
.mnuWdth {width:976px; margin:auto;}

#tabM {display: none; }
.mobSli {}
#slider1_container, #slider1_container2, #slider1_container3, #slider1_container4{ width:100% !important;}
.h2Pd {display:none; }
.sli-d { display:block; min-height:145px; position:relative;}  /* 7th January Ganesh */
.sli-d a { text-decoration:none;}  /* 14th January Ganesh */
.exgyp{ display:none;}
.tabPic {display:none; }
.dskPic {display:block; }

/*sree  inner pages*/
.studyinnercontant{ margin:188px auto 0;}
.studycontants h1{padding-bottom: 12px;}
.studyinnercontant .slider1-N{ display:/*none*/ block; top:410px; bottom:15px;}
.studyinnercontant .headerDiv ul{ width:/*386px*/auto; float:right;}/* 31st December */
.studyinnercontant .headerDiv ul li{ float:left; padding:19px 10px; font-size:15px; line-height:18px; color:#00747c; }
.studyinnercontant .headerDiv ul li a{ color:#00747c; text-decoration:none;}
.livat ul li a{ color:#929002 !important; text-decoration:none;}
.studycontants{}
.studycontants h1{  font-size:38px; color:#767676; line-height:45px; font-weight:normal; text-transform:uppercase;}
.studycontants .boxs4{ width:100%; padding-bottom:24px; min-height:229px;}
.studycontants .dgree{ width:226px; float:left;}
.studycontants .dgree a{ text-decoration:none; padding:0; margin:0;}
.marg-r24{ margin-right:24px;}
.marg-b24{ margin-bottom:24px;}
.studycontants .dgree h2{ font-size:30px; color:#ffffff; line-height:47px; background:url(plus-2.png) no-repeat right 21px #00a6aa; font-weight:normal; padding:16px 0 11px 22px; cursor:pointer;}
.studycontants .dgree h2:hover{ background:url(plus-2.png) no-repeat right 21px #7bcace;}
.studycontants .dgree img{ border-top:solid 1px #004b58; cursor:pointer;}

.facultybox{width:224px;height:224px;background:#00a6aa; float:left; overflow:hidden; position:relative; cursor:pointer;border:solid 1px #00a6aa;}
.facultybox h1{ font-weight: bold;font-size:30px; color:#ffffff; line-height:30px; padding:28px 0 12px 30px;}/*January 3rd Saneesh*/
.facultybox h2{ font-size:38px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#ffffff; }
.facultybox p{  padding:35px 0 0 30px; line-height:20px; color:#fff; background:url(arrow-study.png) no-repeat right 44px;}

.facultybox .facultybox-back{width:226px;height:226px;background:#fff; position:absolute; overflow:hidden; top:0; left:-325px;}
.facultybox .facultybox-back h1{ font-weight: bold;font-size:30px; color:#00a6aa; line-height:30px; padding:28px 0 12px 30px;}
.facultybox .facultybox-back h2{ font-size:38px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#00a6aa; }
.facultybox .facultybox-back p{  padding:35px 0 0 30px; line-height:20px; color:#00a6aa; background:url(arrow-study.png) no-repeat right -57px;}
.facultybox a.links{ position:absolute; top:0; left:0; width:226px; height:226px; padding:0; margin:0;}

.applyingbox{width:224px;height:224px;background:#004b58; float:left; overflow:hidden; position:relative; cursor:pointer;border:solid 1px #004b58; font-weight:bold;}
.applyingbox h1{ font-weight: bold;font-size:30px; color:#ffffff; line-height:30px;padding:28px 0 0 30px; text-transform:uppercase; }
.applyingbox h2{ font-size:38px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#ffffff; font-weight:normal;}
.applyingbox p{  padding:35px 0 0 30px !important; line-height:20px; color:#fff !important; background:url(arrow-study.png) no-repeat right 44px; font-weight:normal;}

.applyingbox .applyingbox-back{width:226px;height:226px;background:#fff; position:absolute; overflow:hidden; top:0; left:-325px;}
.applyingbox .applyingbox-back h1{ font-weight: bold;font-size:30px; color:#004b58; line-height:30px;padding:28px 0 0 30px;}
.applyingbox .applyingbox-back h2{ font-size:38px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#004b58; }
.applyingbox .applyingbox-back p{  padding:35px 0 0 30px !important; line-height:20px; color:#004b58 !important; background:url(arrow-study.png) no-repeat right -160px; font-weight:normal;}
.applyingbox a.links{ position:absolute; top:0; left:0; width:226px; height:226px; padding:0; margin:0; display:block;}
.accod_main_wrap{ width:100%; margin:0 0 24px 0; float:left;/* research */}
.accod_main_wrap .accod_head{ padding:0; margin:0; background:url(arrow-study.png) no-repeat right -285px #00a6aa; font-size:32px; color:#FFF; line-height:32px; font-weight:normal; width:100%; float:left; text-transform:inherit; border-bottom:solid 1px #004b58;}
.accod_main_wrap .accod_head span{  font-size:18px; padding-left:13px;}
.accod_main_wrap .accod_head a{ color:#FFF; text-decoration:none; display:block; padding:15px 0 5px 15px;}
.accod_main_wrap .accod_head:hover{background:url(arrow-study.png) no-repeat right -282px #7bcace;}
.accod_main_wrap .accod_sub_head{ font-weight: bold; padding:12px 0 7px 17px; margin:0; font-size:24px; color:#00747c; line-height:24px; background:url(plus-3.png) no-repeat right 10px #fff; clear:both; cursor:pointer;}
.accod_main_wrap .open{ background:url(plus-3.png) no-repeat right 10px #fff;}
.accod_main_wrap .close{ background:url(plus-3.png) no-repeat right -28px #fff    !important;}
.accod_main_wrap .contant-combo{ width:100%; background:#fff; padding:10px 0 20px;}
.accod_main_wrap .contant-combo p{  line-height:27px; color:#444444; padding:0 0 0 18px; margin:0 0 0 0; font-size:18px;}
.accod_main_wrap.formatted .contant-combo p{  margin: 0 0 20px 0;}
.accod_main_wrap .contant-combo .buttons{ width:238px; text-align:center; padding:12px 0; color:#FFF; background:#004b58; text-decoration:none;  font-weight: bold; font-size:24px; float:none; clear:both; display:block;}
.accod_main_wrap .contant-combo .buttons:hover{background:#01a6aa;}
.accod_main_wrap .contant-combo .biobut{margin:67px 0 0 18px;}
.accod_main_wrap.formatted .contant-combo .biobut{margin:40px 0 0 18px;}
.accod_main_wrap .contant-combo .left-sec-combo{ width:585px; float:left; height:auto;}
.accod_main_wrap .contant-combo .right-sec-combo{ width:330px; float:right; height:auto; margin:0 50px 0 0; margin-top:18px }
.accod_main_wrap .contant-combo figure{ margin-top:18px !important;}
.accod_main_wrap .contant-combo ul {
	list-style: inherit;
	margin-bottom: 20px;
	padding-left: 45px;
}
.accod_main_wrap .contant-combo ul li{
	line-height: 27px;
	color: #444444;
	padding: 0 0 0 18px;
	margin: 0 0 0 0;
	font-size: 18px;
	}
.border-t-gray{ border-top:solid 1px #dcdcdc;}
.border-b-dgray{ border-bottom:solid 1px #b6b6b6;}
.study_bottom_sec{ width:100%;}
.study_bottom_sec .left_sec{ width:476px; float:left;}
.study_bottom_sec .left_sec .linkbox{ width:221px; height:226px; /*border-left:solid 5px #00a6aa;*/ position:relative; float:left;}
.study_bottom_sec .left_sec .linkbox h2{ font-weight: bold; color:#fff; font-size:24px; line-height:30px; padding:0; margin:0; text-transform:inherit; position:absolute; z-index:10; top:150px; left:15px;}
.study_bottom_sec .left_sec .linkbox a{ position:absolute; top:0; left:0;width:221px; height:226px; z-index:12;}
/*.study_bottom_sec .left_sec .linkbox:hover{ border-left:solid 5px #fff;}*/
.study_bottom_sec .left_sec .link-enrich{ background:url(enrich-thumb.png) no-repeat left top; }
/*.study_bottom_sec .left_sec .link-enrich:hover{background:url(../images/enrich-thumb.png) no-repeat left -231px ;}*/
.study_bottom_sec .left_sec .link-ourstu{ background:url(ourstud_thumb.png) no-repeat left top;}
/*.study_bottom_sec .left_sec .link-ourstu:hover{background:url(../images/ourstud_thumb.png) no-repeat left -231px;}*/
.study_bottom_sec .left_sec .link-graduate{ background:url(graduate-thumb.png) no-repeat left top;}
/*.study_bottom_sec .left_sec .link-graduate:hover{background:url(../images/graduate-thumb.png) no-repeat left -231px;}*/

.study_bottom_sec .left_sec .link-alumini{ background:url(alumini-thumb.png) no-repeat left top;}
/*.study_bottom_sec .left_sec .link-alumini:hover{background:url(../images/alumini-thumb.png) no-repeat left -231px;}*/

.study_bottom_sec .right_sec{ width:476px; height:226px; float:right; position:relative; margin-bottom: 25px;}
.study_bottom_sec .right_sec a{ text-decoration:none; height:226px; display:block; position:absolute; z-index:500; width:100%;}
.study_bottom_sec .right_sec h2{ font-weight: bold; color:#fff; font-size:26px; text-align:left; padding:0; padding:142px 0px 0px 20px; margin:0; line-height:40px;}
.study_bottom_sec .right_sec h3{ font-size:26px; font-weight:bold;padding-left:20px; text-align:left; color:#fff;}
.study_bottom_sec .right_sec.k-library{ background:url(library-kaust-image.jpg) no-repeat left top;}
.study_bottom_sec .right_sec.saudi-initiative-image { background:url(saudi-initiative-kaust-image.jpg) no-repeat left top;}
/*.study_bottom_sec .right_sec.k-library:hover{ background:url(../images/library.png) no-repeat left bottom;}*/

.study-b{border-bottom:solid 1px #00a6aa;}
.bio-in{ display:none;}
.envi-in{ display:none;}
.marine-in{ display:none;}
.show-in{ min-height:250px; display:none;}

.degree_article{ width:auto; background:#fff; display:none;}
.degree_article .leftde-sec{ width:719px; float:left; padding:15px;}
.degree_article .leftde-sec h1{ font-weight: bold; padding:0 0 20px 0; margin:0; color:#444444; font-size:24px; line-height:24px; text-transform:inherit; }
.degree_article .leftde-sec p{  font-size:18px; line-height:27px; color:#444444; padding:0 0 15px 0;}
.degree_article .leftde-sec ol{ width:auto; padding:0 0 0 23px;}
.degree_article .leftde-sec ol li{ font-size:18px; line-height:27px; color:#444444;}
.degree_article .rightde-sec{ width:227px; float:right; position:relative; right:-1px;}
.degree_article h3{ font-size:30px; color:#ffffff; line-height:47px; background:url(plus-2.png) no-repeat right -32px #00a6aa; font-weight:normal; padding:16px 0 11px 22px; cursor:pointer;border-bottom:1px solid #004B58;}
.degree_article h3:hover{ background:url(plus-2.png) no-repeat right -89px #7bcace;}
.degree_article .scroll-left{ height:650px; }
.studyinnercontant .studySlideDiv{ margin:0 auto 25px;}
.syudy-act-b{ border-bottom:solid 1px #00B3B7;}
.study-act{ border-bottom:solid 5px #00b3b7 !important;}
.b-bot-none{ border-bottom:none !important;}

/*-------------faculti---------------*/
.faculti-cont{}
.faculti-cont .faqlt-left{ float:left; width:744px; position:relative;}
.faculti-cont .faqlt-right{ float:right;width:229px;}
.faculti-cont .search-sect{ width:40%; background:#efefef; height:40px; position:absolute; right:0; float:right; z-index:99; padding:0 0px 0 8px; top:0; margin:0 17px 0 0;}
.faculti-cont .search-sect label{left: -229px !important; top: 27px !important; width: 232px; height: 17px; color: rgb(186,186,186); line-height: normal; font-size: 13px; font-style: normal;}
.faculti-cont .search-sect input{ width:88%; background:none; border:0; font-size:15px; color:#b6b6b6; float:left; padding:10px 0%; outline:none;}
.faculti-cont .search-sect button{ width:11%; float:right; background:url(search-lence.png) no-repeat 5px 11px; height:20px; border:0; outline:none; cursor:pointer; padding:20px 0;}
.sort{ width:100%;  font-size:15px; color:#5d5d5d; line-height:21px;}
.sort ul{width:auto; float:right; padding:10px 10px 10px 0;}
.sort-txt{ float:left;}
.sort ul li{ float:left; text-align:right; padding:0 8px; cursor:pointer; margin:5px 0 0 0; line-height:15px;}
.sort ul li a{color:#5d5d5d; text-decoraFtion:none;}
.sort ul li.act{ font-weight:bold; border-right:solid 1px #888888;}
.faculti-cont .fak-list{ width:100%;}
.faculti-cont .fak-list .listsec{ width:100%;}
.faculti-cont .fak-list .listsec li{ width:168px; float:left; margin:0 17px 17px 0; background:#ced3cc; min-height:300px; cursor:pointer; position:relative; padding-bottom: 5;}
.faculti-cont .fak-list .listsec li .BWfade{ z-index:9; top:0 !important}
.faculti-cont .fak-list .listsec li figure{ width:100%; position:relative;}
.faculti-cont .fak-list .listsec li figure img{ width:100%; outline:none;}
.faculti-cont .fak-list .listsec li figure a{outline:none;}
.faculti-cont .fak-list .listsec li figure a.shad{-moz-box-shadow:inset 0px 0px 30px 1px rgba(0,0,0,0.2); -webkit-box-shadow:inset 0px 0px 30px 1px rgba(0,0,0,0.2); box-shadow:inset 0px 0px 30px 1px rgba(0,0,0,0.2); width:100%; padding:50% 0; position:absolute; top:0;}
.faculti-cont .fak-list .listsec li h1{font-family: 'Rotis Sans Serif'; text-transform:uppercase; padding:0 6px 3px !important; border-bottom:solid 1px #858e84; font-size:16px; color:#00747c; padding:0; line-height:20px; height:auto;}
.faculti-cont .fak-list .listsec li h2{  color:#00747c; font-size:14px; font-weight:bold; padding:6px 6px; margin:0; height:40px; }
.faculti-cont .fak-list .listsec li p{ color:#00747c;font-size:14px;line-height:18px; padding:0 6px;}
/*-------------work at kust---------------*/

.faculti-cont .work-at-kust{width:230px;height:230px;background:#585303; float:left; overflow:hidden; position:relative; cursor:pointer;border:1px solid #ccc;}
.faculti-cont .work-at-kust h1{ font-weight: bold;font-size:40px !important; color:#ffffff !important; line-height:30px;padding:28px 0 0 30px !important; text-transform:uppercase;}
.faculti-cont .work-at-kust h2{ font-size:30px !important; line-height:38px; padding:0px 0 0 30px !important; text-transform:uppercase; color:#ffffff !important; }
.faculti-cont .work-at-kust p{ min-height:55px;  padding:36px 0 0 30px !important; line-height:20px !important; color:#fff !important; background:url(arrow-study.png) no-repeat right 44px; font-size:14px !important;}

.faculti-cont .work-at-kust .work-at-kust-back{width:230px; height:230px; background:#fff; position:absolute; overflow:hidden; top:0; left:-360px; }
.faculti-cont .work-at-kust .work-at-kust-back h1{ font-weight: bold;font-size:40px !important; color:#585303 !important; line-height:30px;padding:28px 0 0 30px; text-transform:uppercase;}
.faculti-cont .work-at-kust .work-at-kust-back h2{ font-size:30px !important; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#585303 !important; }
.faculti-cont .work-at-kust .work-at-kust-back p{ min-height:55px;  padding:36px 0 0 30px; line-height:20px; color:#585303 !important; background:url(arrow-study.png) no-repeat right -328px;}
.faculti-cont .work-at-kust a.links{ position:absolute; top:0; left:0; width:232px; height:232px; padding:0; margin:0;}
.faculti-cont .boxgrid{ width:232px; height:232px; margin:0 0 20px 0; padding:0; float:left;}

.faculti-cont .facultyfaq{width:230px;height:230px;background:#00a6aa; float:left; overflow:hidden; position:relative; cursor:pointer;border:1px solid #ccc;}
.faculti-cont .facultyfaq h1{font-size:40px; color:#ffffff !important; line-height:30px;padding:81px 0 0 0px !important; text-transform:uppercase; text-align:center;}
.faculti-cont .facultyfaq h2{font-weight: bold; font-size:38px; line-height:47px; padding:0px 0 0 0px !important; text-transform:uppercase; color:#ffffff !important;  text-align:center;}
.faculti-cont .facultyfaq p{ min-height:55px;  padding:36px 0 0 30px !important; line-height:20px !important; color:#fff !important; background:url(arrow-study.png) no-repeat right 44px; font-size:14px !important;}

.faculti-cont .facultyfaq .facultyfaq-back{width:230px; height:230px; background:#fff; position:absolute; overflow:hidden; top:0; left:-360px; }
.faculti-cont .facultyfaq .facultyfaq-back h1{font-size:40px !important; color:#00a6aa !important; line-height:30px;padding:86px 0 0 0px; text-transform:uppercase; text-align:center;}
.faculti-cont .facultyfaq .facultyfaq-back h2{font-weight: bold ; font-size:38px !important; line-height:38px; padding:0px 0 0 0px; text-transform:uppercase; color:#00a6aa !important;  text-align:center;}
.faculti-cont .facultyfaq .facultyfaq-back p{ min-height:55px;  padding:36px 0 0 30px; line-height:20px; color:#585303 !important; background:url(arrow-study.png) no-repeat right -328px;}
.faculti-cont .facultyfaq a.links{ position:absolute; top:0; left:0; width:232px; height:232px; padding:0; margin:0;}

.facultyadvi{width:230px;height:230px;background:#f5d366; float:left; overflow:hidden; position:relative; cursor:pointer;border:1px solid #ccc;}
.facultyadvi h1{
	font-size: 33px !important;
color: #633b00 !important;
line-height: 37px;
padding: 40px 0 0 0px !important;
text-transform: uppercase;
text-align: center;
}
.facultyadvi h2{
font-weight: bold !important;
font-size: 32px !important;
line-height: 47px;
padding: 10px 0 0 0px !important;
text-transform: uppercase;
color: #633b00 !important;
text-align: center;
}
.facultyadvi p{ min-height:55px;  padding:36px 0 0 30px !important; line-height:20px !important; color:#633b00 !important; background:url(arrow-study.png) no-repeat right 44px; font-size:14px !important;}
.facultyadvi a.links{ position:absolute; top:0; left:0; width:100%; height:232px; padding:0; margin:0;}

.faculti-cont .facultyadvi .facultyadvi-back{width:230px; height:230px; background:#fff; position:absolute; overflow:hidden; top:0; left:-360px; }
.faculti-cont .facultyadvi .facultyadvi-back h1{color:#633b00 !important;}
.faculti-cont .facultyadvi .facultyadvi-back h2{color:#633b00 !important;}
.faculti-cont .facultyadvi .facultyadvi-back p{ min-height:55px;  padding:36px 0 0 30px; line-height:20px; color:#633b00 !important; background:url(arrow-study.png) no-repeat right -328px;}
.faculti-cont .facultyadvi a.links{ position:absolute; top:0; left:0; width:232px; height:232px; padding:0; margin:0;}
#faculty-full-profile .student-image2{width:146px; height:auto; margin:0; padding:0 20px 20px 0; float:left;}
#faculty-full-profile .student-image2 img{ width:100%;}

.liksbx{ width:319px; float:left; position:absolute;bottom:24px; left:0; padding-left:15px;}
#faculty-full-profile .print-div{ float:right; width:100px; clear:inherit;}
.faculti-cont .bwWrapper{ position:relative;}
.content4 {width:94%; height:345px; margin:0 auto;  padding:3%; overflow:auto; float:left;}
.content4 p{color:#444; margin:0; padding:0 0 15px 0;}
.content4 h4{ font-weight: bold; font-size:24px; color:#444; margin:0; padding:0px 0 0;}
.content4 .desg{ padding:8px 0; }
.content4 .desg li{line-height:20px; font-size:14px; color:#5d5d5d;}
.content4 .desg li a{text-transform:none;}
.content4 .secs{ }
.content4 .secs li a{font-size:14px; color:#00747c; text-decoration:none;}
.content4 .secs li{font-size:12px; color:#5d5d5d; line-height:18px;}
.content4 strong{ font-weight:bold;}

.filterDiv{ width:727px; height:40px; float:left; background:#adb6a8; margin:15px 0 0 0; padding:0;}/*January 3rd Saneesh*/
.filterDiv h3{ width:92px !important; height:40px; float:left; border-right:solid 1px #fff; margin:0;   color:#fff !important; font-weight:bold; font-size:15px !important; text-transform:uppercase; padding:0 0 0 12px!important; line-height:40px !important;   }
.filter-menu {float:right; width:auto; height:40px; padding:0 10px 0 0;}
.filter-menu ul { margin:0; padding:0; }	
.filter-menu ul li { list-style:none; float:left; margin-left:10px; /*padding:12px 0;*/ }
.filter-menu ul li a { text-decoration:none;  font-size:15px; color:#efefef; background:url(filterArrow.png) no-repeat right 6px; padding-right:15px; outline:none; line-height:18px; display:block; margin:11px 0;}
.filter-menu ul li a:hover { background:url(filterArrow.png) no-repeat right -8px; padding-right:15px;  font-size:15px; color:#5D5D5D; }

.filter-menu ul li a.active { background:url(filterArrow.png) no-repeat right -8px; padding-right:15px;  font-size:15px; color:#5D5D5D; }

/*.filter-menu ul li a:hover { background:url(../images/filterArrow.png) no-repeat right -8px; padding-right:15px; }*/

.filter-menu-cont1, .filter-menu-cont2, .filter-menu-cont3, .filter-menu-cont4 { width:/*100% */727px; height: auto; display:none; position:absolute; left:0; border-bottom:solid 1px #a3a3a3; background-color: #EFEFEF; z-index:999;}

.filter-left h4 {color:#767676;font-weight: bold;font-size:18px; font-weight:normal;line-height:25px;}

.filter-left ul{   float: left;margin:0; padding:0 0 16px; width:100%;

}

.filter-left ul li{display:block;float:none; margin-right:21px; margin-top:7px; margin-left:0px; padding:0px 0 0;}



.filter-left li a {color:#00747c !important;display:block;

font-size:15px;line-height:16px !important; outline:0 none; background:none !important;

text-decoration:none;}

.filter-left li a:hover { text-decoration:underline; font-weight:normal !important;  font-size:15px !important;}

.filter-left{float:left; margin:0 14px 0 0;}

.ftr-w{ padding:0 0 0 16px; width:389px;}

.ftr-w2{ padding:0 0 0 16px; width:355px;}

.ftr-w3{ padding:24px 0 0 39px; width:282px;}

.ftr-w4{ padding:0 0 0 16px; width:353px;}

.ftr-w5{ padding:24px 0 0 6px; width:295px;}

/*.flink1{ width:151px;}

.flink2{ width:129px;}

.flink3{ width:147px;}

.flink4{ width:147px;}*/



/*-------------faculti---------------*/



/*sree  inner pages*/



/*-------------Saneesh 22 Nov 2013---------------*/

.contant-container-wrap{width:100%; height:auto; margin:0px 0 0 0; padding:0; display:block;}

.white-space{width:984px; padding:0 20px; margin-top:158px; background:#FFF;}

.page2{ border-bottom:none;}

.top-space{margin-top:200px !important;}

.content-width{width:984px; padding:0 20px; margin-top:159px; background:#FFF;}
.top-space .content-width {margin-top: 50px !important;}


.white-space .column-container{ width:100%; height: auto; margin:0; padding:10px 0 50px 0; float:left;}

.white-space .column-container-left{ width:640px; height: auto; margin:0; padding:0 110px 0 0; float:left; }

/* 13th January Ganesh */

.white-space .column-container-left ul{margin:10px 0 0 0; padding:0 0 0 30px; display:block;}

.white-space .column-container-left ul li{ margin:0; padding:0 0 10px 20px;; display:block; background:url(bull.png) left 12px no-repeat;  font-size:17px; line-height:27px; color:#444444;}

/* 15th January Ganesh */
.white-space .column-container-left ul li a{color:#00747C; text-decoration:none; }

.collab-buttons{ width:238px; text-align:center; padding:12px 0; color:#FFF; background:#F0B501; text-decoration:none;  font-weight: bold; font-size:24px; float:none; clear:both; display:block; margin-top:20px;}
.collab-.buttons:hover{background:#F0B501;}

.comul{margin:10px 0 0 0; padding:0 0 0 30px; display:block;}
.comul li{ margin:0; padding:0 0 10px 20px; display:block; background:url(bull.png) left 12px no-repeat;color:#444444;}

/* 15th January Ganesh */


/* 13th January Ganesh */

.white-space .column-container h3{ font-size:38px; color:#939393; margin:0; padding:0 0 10px 0;}

.white-space .column-container h4{ font-weight: bold; font-size:24px; color:#939393; margin:0; padding:15px 0 0 0;}

.white-space .column-container p{font-size: 18px; line-height: 25px; color:#444; margin:0; padding:15px 0 0 0;}

.white-space .column-container p a{ text-decoration:none; color:#00747C;}

.white-space .column-sidebar{ width:232px; height: auto; margin:0; padding:0; float:right;}

.white-space .column-sidebar .boxgrid{ width:232px; height: auto; margin:0 0 20px 0; padding:0; float:left;}






/* 13th January Ganesh */
.wrap-01, .wrap-02, .wrap-03, .wrap-04, .wrap-05, .wrap-06, .wrap-07, .wrap-08, .wrap-09{padding:10px 0 50px 0 !important; display:none;}

/* 13th January Ganesh */

.custom-full-width{width:100%; height:55px; margin:0; padding:0; float:left; border-bottom:1px solid #7acbce; border-top:1px solid #7acbce; position:relative; bottom:0px; background:#FFF; z-index:4;}


.custom-tab-wrap { width:1024px; height:auto; margin:0 auto; padding:0; display:block;}

/*.custom-tab-wrap .page-tittle {width:142px; height:45px; margin:0; padding:10px 10px 0 0; border-right:1px solid #7bcbcd; float:left;}*/

.custom-tab-wrap .page-tittle {width:142px; height:30px; margin:10px 10px 0 0; padding:0 10px 0 0; border-right:1px solid #bbb; float:left;}



.custom-tab-wrap .page-tittle h1{font-size: 15px; line-height: 17px; color:#939393; text-align:right;}

.custom-tab-wrap .tabnav ul{ width: auto; height:55px; margin:0; padding:0; float:left;}

.custom-tab-wrap .tabnav ul li{ list-style:none; float:left;}

.custom-tab-wrap .tabnav ul li a{  font-size:15px; color:#00747c; text-decoration:none; text-align:center; padding:10px 0; margin:0; display:block;}

.custom-tab-wrap .tabnav ul li a:hover{ color:#000;}

.custom-tab-wrap .tabnav ul li a.active-tab{ border-bottom:5px solid #7bcbcd; padding-top:10px; height: 30px; max-height: 30px;}

.custom-tab-wrap .tabnav ul li a{  font-size:15px; color:#00747c; text-decoration:none; text-align:center; padding:10px; margin:0; display:block; border-bottom:5px solid #FFF;}


/* 13th January Ganesh
.custom-tab-wrap .tabnav ul li.tab-04 a, .custom-tab-wrap .tabnav ul li.tab-07 a, .custom-tab-wrap .tabnav ul li.tab-08 a{line-height:30px;}
13th January Ganesh */


/* 15th January Ganesh */
.collab-full-width{width:100%; height:auto; margin:0; padding:0; float:left; border-bottom:1px solid #F0B501; border-top:1px solid #F0B501; position:relative; bottom:0px; background:#FFF; z-index:4;}

.collab-tab-wrap { width:1024px; height:auto; margin:0 auto; padding:0; display:block;}

.collab-tab-wrap .page-tittle {width:190px; height:30px; margin:10px 10px 0 0; padding:0 10px 0 0; border-right:1px solid #bbb; float:left;}

.collab-tab-wrap .page-tittle h1{font-size: 15px; line-height: 17px; color:#939393; text-align:right;}

.collab-tab-wrap .tabnav ul{ width: auto; height:55px; margin:0; padding:0; /*float:left;*/}

.collab-tab-wrap .tabnav ul li{ list-style:none; float:left;}

.collab-tab-wrap .tabnav ul li a{  font-size:15px; color:#F0B501; text-decoration:none; text-align:center; padding:10px; margin:0; display:block; border-bottom:5px solid #FFF;}

.collab-tab-wrap .tabnav ul li a:hover{ color:#000;}

.collab-tab-wrap .tabnav ul li a.active-tab{ border-bottom:5px solid #F0B501; padding-top:10px;}

.collab-tab-wrap .tabnav ul li.tab-01, .collab-tab-wrap .tabnav ul li.tab-02, .collab-tab-wrap .tabnav ul li.tab-03, .collab-tab-wrap .tabnav ul li.tab-04, .collab-tab-wrap .tabnav ul li.tab-05, .collab-tab-wrap .tabnav ul li.tab-06, .collab-tab-wrap .tabnav ul li.tab-07, .collab-tab-wrap .tabnav ul li.tab-08   {width: auto; text-align:center; padding:0 3px;}

.collab-tab-wrap .tabnav ul li a{line-height: 19px; height: 31px;}

.collab-tab-wrap { width:1024px; height:auto; margin:0 auto; padding:0; display:block;}


.live-full-width{width:100%; height:55px; margin:0; padding:0; float:left; border-bottom:1px solid #CCCE00; border-top:1px solid #CCCE00; position:relative; bottom:0px; background:#FFF; z-index:4;}

.live-tab-wrap { width:1024px; height:auto; margin:0 auto; padding:0; display:block;}

.live-tab-wrap .page-tittle {width:190px; height:30px; margin:10px 10px 0 0; padding:0 10px 0 0; border-right:1px solid #bbb; float:left;}

.live-tab-wrap .page-tittle h1{font-size: 15px; line-height: 17px; color:#939393; text-align:right;}

.live-tab-wrap .tabnav ul{ width: auto; height:55px; margin:0; padding:0; /*float:left;*/}

.live-tab-wrap .tabnav ul li{ list-style:none; float:left;}

.live-tab-wrap .tabnav ul li a{  font-size:15px; color:#CCCE00; text-decoration:none; text-align:center; padding:10px; margin:0; display:block; border-bottom:5px solid #FFF;}

.live-tab-wrap .tabnav ul li a:hover{ color:#000;}

.live-tab-wrap .tabnav ul li a.active-tab{ border-bottom:5px solid #CCCE00; padding-top:10px;}

.live-tab-wrap .tabnav ul li.tab-01, .live-tab-wrap .tabnav ul li.tab-02, .live-tab-wrap .tabnav ul li.tab-03, .live-tab-wrap .tabnav ul li.tab-04, .live-tab-wrap .tabnav ul li.tab-05, .live-tab-wrap .tabnav ul li.tab-06, .live-tab-wrap .tabnav ul li.tab-07, .live-tab-wrap .tabnav ul li.tab-08   {width: auto; text-align:center; padding:0 3px;}

.live-tab-wrap .tabnav ul li a{line-height: 19px; height: 30px;}

.live-tab-wrap { width:1024px; height:auto; margin:0 auto; padding:0; display:block;}





/* 15th January Ganesh ends */


.content-width .column-container{ width:100%; height: auto; margin:0; padding:10px 0 50px 0; float:left;}

/* 15th January Ganesh */
.lst-new ul {display: block;margin: 10px 0 0;padding: 0 0 0 30px;}
.lst-new ul li{ margin:0; padding:0 0 10px 20px;; display:block; background:url(bull.png) left 12px no-repeat;  font-size:17px; line-height:27px; color:#444444;}
.lst-new ul li a{color:#00747C; text-decoration:none; }
/* 15th January Ganesh */




.content-width .column-container-left{ width:640px; height: auto; margin:0; padding:0 110px 0 0; float:left; }

/*Presidents webpage*/

.president-block { max-width: 700px; float: left;}
.president-content { width:77.142857142857%; height: auto; margin:0;float: right; }
.president-tabs { width: 22.8571428571%; height: auto;margin: 0;float: left; }

.welcome-president img, .bio-president img { 
    padding-bottom: 30px;
}

.sort-president {
    width: 100%;
    min-height: 50px;
    margin-bottom: 40px;
}

.president-video-year {
    width:50%;
    float:left;
}

.president-speech-year {
    width:50%;
    float:right;
    text-align: right;
}
.firstLetter{
  float       : left;
  font-size   : 3.86em;
  font-family: 'Rotis Serif';
  line-height : 0.5;
  margin      : 0.105em 0.153em 0 0;
}

.firstLetter + span{
  margin-left : -0.5em;
}

ul.resp-tabs-list, p {
    margin: 0px;
    padding: 0px;
}

.resp-tabs-list li {
/*    font-weight: 600;*/
    font-size: 13px;
    display: inline-block;
    padding: 13px 15px;
    margin: 0 4px 0 0;
    list-style: none;
    cursor: pointer;
    float: left;
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}

.box-pr{
    display:block;
    
}

.box-pr-speech {
    min-width: 540px;
    display: inline-block;
    padding-bottom: 30px;
}

.box-pr-img {
    width: 40%;
    float: left;
}

.box-pr-img img {
    
    width: 185px;
}

.box-pr-title{
    width:60%;
    margin-top: 3%;
    float: right;
}

#selectField{
    border: 1px solid #ddd;
    width: 200px;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 1px 0px 15px 25px;
}

.resp-tab-content img { 
/*    padding-bottom: 30px; */
}

.resp-tab-active {
	border-bottom: none;
    margin-bottom: -1px !important;
	padding: 12px 14px 14px 14px !important;
/*	border-top: 4px solid #5AB1D0 !important;*/
	border-bottom: 0px #fff solid !important;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #1d60af;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 1px solid #c1c1c1;
	border-top-color: #5AB1D0;
}

h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 22.5%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 10px 15px !important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
    font-size: 18px;
    color: #ffffff !important;
    background-color: #828282 !important;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    float: left;
    width: 77%;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;
}

.resp-vtabs li.resp-tab-active { 
position: relative;
z-index: 1;
margin-right: -1px !important;
padding: 10px 15px !important;
background-color: #5284c4 !important;
/*
border-top: 1px solid;
border: 1px solid #5AB1D0 !important;
border-left: 4px solid #5AB1D0 !important;
*/
margin-bottom: 4px !important;
border-right: 1px #FFF solid !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #DBDBDB;/* !important;*/
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;/* !important;*/
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1;/* !important;*/
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}
/* 13th January Ganesh */

.content-width .column-container-left ul{margin:0; padding:0; display:block; left:67px;}

.content-width .column-container-left ul li{ margin:0; padding:0 0 10px 20px; list-style:none; color:#444444;}

.cocm ul{margin:10px 0 0 0; padding:0 0 0 30px; display:block;}

.cocm li{ margin:0; padding:0 0 10px 20px;; display:block; background:url(bull.png) left 12px no-repeat;  font-size:17px; line-height:27px; color:#444444;}

/* 13th January Ganesh */

.content-width .column-container h1{ font-size:38px; color:#939393; margin:0; padding:0 0 10px 0;}
.content-width .column-container h2, .content-width .column-container h3, .content-width .column-container h4 { font-weight: bold; color:#939393; margin:0; padding:15px 0 0 0;}
.content-width .column-container h2{ font-size:26px; padding:25px 0 0 0;}
.content-width .column-container h3{ font-size:24px}
.content-width .column-container h4{ font-size:18px;}


.content-width .column-container p{  margin:0; padding:15px 0 0 0;}

.content-width .column-container p a{ text-decoration:underline; color:#704525;}

.content-width .column-sidebar{ width:232px; height: auto; margin:0; padding:0; float:right;}

.content-width .column-sidebar .boxgrid{ width:232px; height:232px; margin:0 0 20px 0; padding:0; float:left;}

.boxgrid .admission-contact{ width:100%; height:auto; float:left; margin:0; padding:0;}

.boxgrid .admission-contact h2{ font-weight: bold; font-size:24px; color:#767676; margin:0; padding:10px 0;}

.boxgrid .admission-contact p{font-size: 15px; line-height: 22px; color:#444; margin:0; padding:0;}

.boxgrid .admission-contact p a{ color:#00747c; text-decoration:none;}



.breadcrumb{ width:100%; height:55px; margin:0; padding:0; float:left;}

.breadcrumb ul{margin:0; padding:0; display:block;}

.breadcrumb ul li{list-style:none; margin:0; padding:0; float:left;}

.breadcrumb ul li a{ margin:0; padding:0; font-size: 15px; line-height: 55px; color:#5d5d5d; text-decoration:none;}

.breadcrumb ul li a.active-crumb{ color:#00747c;}

.breadcrumb ul li a.active-research-crumb{color:#f08f00;}

.breadcrumb ul li a.active-collab-crumb{color:#F0B501;} /* 14th January Ganesh */

.breadcrumb ul li a.active-live-crumb{color:#CCCE00;} /* 15th January Ganesh */

.breadcrumb ul li a span{padding:0 5px; color:#5d5d5d;}


.question_1{ cursor:pointer;}

.answer_1{ display:none; width:95%; height:auto; font-size: 18px; line-height: 16px; color:#333; padding:0 0 15px 5px; margin:0;}

.answer_1 p{  font-size: 17px !important; line-height: 16px !important; color:#333 !important; padding:0; margin:0 0 10px 0 !important; width: 85%;}

.answer_1 a{ text-decoration:none !important; display:inline !important; color:#00747C !important;}

/*-------------Apply Online---------------*/

.column-sidebar .apply-online{width:230px;height:230px;background:#004b58; float:left; overflow:hidden; position:relative; cursor:pointer;border:1px solid #ccc;}

.column-sidebar .apply-online h1{ font-weight: bold;font-size:40px; color:#ffffff; line-height:30px;padding:28px 0 0 30px; text-transform:uppercase;}

.column-sidebar .apply-online h2{ font-size:38px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#ffffff; }

.column-sidebar .apply-online p{ min-height:55px;  padding:44px 0 0 30px; line-height:20px; color:#fff; background:url(arrow-study.png) no-repeat right 44px;}



.column-sidebar .apply-online .apply-online-back{width:230px; height:230px; background:#fff; position:absolute; overflow:hidden; top:0; left:-325px; }

.column-sidebar .apply-online .apply-online-back h1{ font-weight: bold;font-size:40px; color:#004b58; line-height:30px;padding:28px 0 0 30px; text-transform:uppercase;}

.column-sidebar .apply-online .apply-online-back h2{ font-size:38px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#004b58; }

.column-sidebar .apply-online .apply-online-back p{ min-height:55px;  padding:44px 0 0 30px; line-height:20px; color:#004b58; background:url(arrow-study.png) no-repeat right -159px;}

.column-sidebar .apply-online a.links{ position:absolute; top:0; left:0; width:232px; height:232px; padding:0; margin:0;}



/*-------------Addmission FAQ---------------*/

.column-sidebar .addmission{width:230px;height:230px;background:#00a6aa; float:left; overflow:hidden; position:relative; cursor:pointer;border:1px solid #ccc;}

.column-sidebar .addmission h1{font-size:40px; color:#ffffff; line-height:38px; padding:28px 0 0 30px; text-transform:uppercase;}

.column-sidebar .addmission h2{ font-weight: bold; font-size:38px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#ffffff; }

.column-sidebar .addmission p{ min-height:55px;  padding:33px 0 0 30px; line-height:20px; color:#fff; background:url(arrow-study.png) no-repeat right 44px;}



.column-sidebar .addmission .addmission-back{width:230px; height:230px; background:#fff; position:absolute; overflow:hidden; top:0; left:-325px; }

.column-sidebar .addmission .addmission-back h1{font-size:40px; color:#00a6aa; line-height:38px; padding:28px 0 0 30px; text-transform:uppercase;}

.column-sidebar .addmission .addmission-back h2{ font-weight: bold; font-size:38px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#00a6aa;}

.column-sidebar .addmission .addmission-back p{ min-height:55px;  padding:33px 0 0 30px; line-height:20px; color:#00a6aa; background:url(arrow-study.png) no-repeat right -57px;}

.column-sidebar .addmission a.links{ position:absolute; top:0; left:0; width:226px; height:226px; padding:0; margin:0;}

/*-------------Scholarship FAQ---------------*/
.column-sidebar .scholarship{width:230px;height:230px; background:#7bcbcd; float:left; overflow:hidden; position:relative; cursor:pointer;border:1px solid #ccc;}
.column-sidebar .scholarship h1{font-size:32px; color:#004b58; line-height:38px; padding:28px 0 0 30px; text-transform:uppercase;}
.column-sidebar .scholarship h2{ font-weight: bold; font-size:32px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#004b58; }
.column-sidebar .scholarship p{ min-height:55px;  padding:33px 0 0 30px; line-height:20px; color:#004b58; background:url(arrow-study.png) no-repeat right 44px;}

.column-sidebar .scholarship .scholarship-back{width:230px; height:230px; background:#7bcace; position:absolute; overflow:hidden; top:0; left:-325px; }
.column-sidebar .scholarship .scholarship-back h1{font-size:32px; color:#FFF; line-height:38px; padding:28px 0 0 30px; text-transform:uppercase;}
.column-sidebar .scholarship .scholarship-back h2{ font-weight: bold; font-size:32px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#FFF; }
.column-sidebar .scholarship .scholarship-back p{ min-height:55px;  padding:33px 0 0 30px; line-height:20px; color:#FFF; background:url(arrow-study.png) no-repeat right 44px;}
.column-sidebar .scholarship a.links{ position:absolute; top:0; left:0; width:226px; height:226px; padding:0; margin:0;}

/*--------Poster Competition--------------*/
.column-sidebar .poster-competition{width:230px;height:230px;background:#004b58; float:left; overflow:hidden; position:relative; cursor:pointer;border:1px solid #ccc;}
.column-sidebar .poster-competition h1{ font-weight: bold;font-size:32px; color:#ffffff; line-height:30px;padding:28px 0 0 30px; text-transform:uppercase;}
.column-sidebar .poster-competition h2{ font-size:32px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#ffffff; }
.column-sidebar .poster-competition p{ min-height:55px;  padding:33px 0 0 30px; line-height:20px; color:#fff; background:url(arrow-study.png) no-repeat right 44px;}

.column-sidebar .poster-competition .poster-competition-back{width:230px; height:230px; background:#fff; position:absolute; overflow:hidden; top:0; left:-325px; }
.column-sidebar .poster-competition .poster-competition-back h1{ font-weight: bold;font-size:32px; color:#004b58; line-height:30px;padding:28px 0 0 30px; text-transform:uppercase;}
.column-sidebar .poster-competition .poster-competition-back h2{ font-size:32px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#004b58; }
.column-sidebar .poster-competition .poster-competition-back p{ min-height:55px;  padding:33px 0 0 30px; line-height:20px; color:#004b58; background:url(arrow-study.png) no-repeat right -159px;}
.column-sidebar .poster-competition a.links{ position:absolute; top:0; left:0; width:232px; height:232px; padding:0; margin:0;}



/*--------WEP FAQ--------------*/

.column-sidebar .wep-faq{width:230px;height:230px;background:#00a6aa; float:left; overflow:hidden; position:relative; cursor:pointer;border:1px solid #ccc;}

.column-sidebar .wep-faq h1{ width:100px; text-align:center; font-size:40px; color:#ffffff; line-height:38px; padding:28px 0 0 0; margin:0 auto; text-transform:uppercase;}

.column-sidebar .wep-faq h2{width:100px; text-align:center;  font-weight: bold; font-size:38px; line-height:38px; padding:0px 0 0 0;  margin:0 auto; text-transform:uppercase; color:#ffffff; }

.column-sidebar .wep-faq p{ min-height:55px;  padding:33px 0 0 30px; line-height:20px; color:#fff; background:url(arrow-study.png) no-repeat right 44px;}



.column-sidebar .wep-faq .wep-faq-back{width:230px; height:230px; background:#fff; position:absolute; overflow:hidden; top:0; left:-325px; }

.column-sidebar .wep-faq .wep-faq-back h1{width:100px; text-align:center; margin:0 auto; font-size:40px; color:#00a6aa; line-height:38px; padding:28px 0 0 0; text-transform:uppercase;}

.column-sidebar .wep-faq .wep-faq-back h2{width:100px; text-align:center; margin:0 auto;  font-weight: bold; font-size:38px; line-height:38px; padding:0px 0 0 0; text-transform:uppercase; color:#00a6aa;}

.column-sidebar .wep-faq .wep-faq-back p{ min-height:55px;  padding:33px 0 0 30px; line-height:20px; color:#00a6aa; background:url(arrow-study.png) no-repeat right -57px;}

.column-sidebar .wep-faq a.links{ position:absolute; top:0; left:0; width:226px; height:226px; padding:0; margin:0;}

/*--------WEP FAQ--------------*/



.wep-archive-head{margin:0; padding:0; float:left;}

.wep-archive-head a{width:195px;  padding:12px 20px 12px 17px; font-size:34px; color:#004b58; background:url(arrow-down.png) #66cacc no-repeat 195px 5px; text-decoration:none; display:block; border:0; outline:none;}

.wep-archive-head a:hover{background:url(arrow-down.png) #66cacc no-repeat 195px -60px; color:#FFF;}



.wep-archive-dropdown{width:100%; height: auto;  margin:0; padding:0; display:none; float:left;}

.wep-archive-dropdown ul{ margin:0; padding:0; display:block;}

.wep-archive-dropdown ul li a{margin:0; padding:0; display:block; background:#01a6aa; border-top:1px solid #40bcbf;  font-size:18px; line-height:40px; color:#004b58; text-align:center; text-decoration:none;}

.wep-archive-dropdown ul li a:hover{ color:#FFF; background:#9be7e9; border-top:1px solid #FFF;}



.hidden-div{ display:block;}

#admission-faq h2{ width:95%; height:75px; margin:0; padding:0 3%; float:left; border-bottom:1px solid #66615d; background:#848e85;  font-size:30px; color:#FFF; line-height:75px;}



/*--------Poster Competition--------------*/

.column-sidebar .events-calender{width:230px;height:230px;background:#004b58; float:left; overflow:hidden; position:relative; cursor:pointer;border:1px solid #ccc;}

.column-sidebar .events-calender h1{ font-weight: bold;font-size:32px; color:#ffffff; line-height:30px;padding:28px 0 0 30px; text-transform:uppercase;}

.column-sidebar .events-calender h2{ font-size:32px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#ffffff; }

.column-sidebar .events-calender p{ min-height:55px;  padding:26px 0 0 30px; line-height:20px; color:#fff; background:url(arrow-study.png) no-repeat right 44px;}



.column-sidebar .events-calender .events-calender-back{width:230px; height:230px; background:#fff; position:absolute; overflow:hidden; top:0; left:-325px; }

.column-sidebar .events-calender .events-calender-back h1{ font-weight: bold;font-size:32px; color:#004b58; line-height:30px;padding:28px 0 0 30px; text-transform:uppercase;}

.column-sidebar .events-calender .events-calender-back h2{ font-size:32px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#004b58; }

.column-sidebar .events-calender .events-calender-back p{ min-height:55px;  padding:26px 0 0 30px; line-height:20px; color:#004b58; background:url(arrow-study.png) no-repeat right -159px;}

.column-sidebar .events-calender a.links{ position:absolute; top:0; left:0; width:232px; height:232px; padding:0; margin:0;}

.onmobile{display:block;}

/*----color box content styles-----------------*/

.content {width:100%; height:750px; margin:0 auto;  padding:3%; overflow:auto; float:left;}

.content p{color:#8f5e34; font-family:Rotis Sans Serif; font-size:18px; width: 90%;}

.content ul{margin:0; padding:0; display:block; height:auto;}

.content ul li{margin:0; padding:0 0 15px 20px; display:block; list-style:none; font-size: 18px; color:#00a7a8; background:url(plus-bullet.jpg) left 7px no-repeat    !important; cursor:pointer;}

.content ul li.minus{background:url(minus-bullet.jpg) left 10px no-repeat    !important;}

.content ul li:hover{color:#036f70;}



.content2 {width:94%; height:380px; margin:0 auto;  padding:3%; overflow:auto; float:left;}

.content2 p{font-size: 18px; line-height: 22px; color:#66615d; margin:0; padding:0 0 15px 0;}

.content2 h4{ font-weight: bold; font-size:24px; color:#66615d; margin:0; padding:10px 0;}



.content3 {width:94%; height:380px; margin:0 auto;  padding:3%; overflow:auto; float:left;}

.content3 p{font-size: 14px; line-height: 22px; color:#66615d; margin:0; padding:0 0 15px 0; clear:both;}

.content3 h3{ font-weight: bold; font-size:24px; color:#66615d; margin:0; padding:0 0 0px 0; display:block;}

.content3 h4{ font-weight: bold; font-size:20px; color:#66615d; margin:0; padding:10px 0; display:block;}

.content3 ul{ min-height:115px; disply:block; margin:0; padding:0; float:left;}

.content3 ul li{ list-style:none; padding:0 0 6px 50px; margin:0 0 8px 0;}

.content3 ul li.ST-email{background:url(email-icon.jpg) left center no-repeat;}

.content3 ul li.ST-blog{background:url(blog-icon.jpg) left center no-repeat;}

.content3 ul li.ST-twitter-ac{background:url(twitter-login-icon.jpg) left center no-repeat;}

.content3 ul li a{  font-size:18px; line-height:normal; color:#00a6aa; text-decoration:none;}

.print-div{width:96%; display:block; height: auto; margin:0; padding:0 2%; float:left;}

a.print-button{ width:66px; height:21px; margin:0; padding:0; float:right; background:url(print-button.jpg) no-repeat;}

a.print-button:hover{ background-position: 0px -21px;}



#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

#cboxClose{position:absolute; top:25px; right:25px; background:url(pop-close.png) no-repeat; width:22px; height:22px; text-indent:-9999px; cursor:pointer;}

#cboxClose:hover{background-position:0px -22px;}

/*----color box content styles-----------------*/



.column-container .student-list {width:100%; height:auto; margin:0; padding:0; float:left; }

.column-container .student-list {margin:0; padding:0; display:block;}

.column-container .student-list li{width:482px !important; height:158px; margin:0; padding:0; float:left !important; background:#efefef !important; position:relative;}

.column-container .student-list li.row1{ margin:0 20px 25px 0 !important;}

.column-container .student-list li.row2{ margin:0 0 25px 0 !important;}

.column-container .student-list li.row1 a, .column-container .student-list li.row2 a{text-decoration:none; outline:none; border:none;}



.column-container .student-list li .student-image{ width:146px; height:158px; margin:0; padding:0; float:left;}

.student-image2{ width:146px; height:158px; margin:0; padding:0 20px 20px 0; float:left;}

.column-container .student-list li .student-details{ width:296px; height:auto; margin:0; padding:5px; float:left; position:relative;}

.column-container .student-list li .student-details h1{ font-weight: bold; font-size:18px; color:#00747c; margin:0; padding:0 0 10px 0;}

.column-container .student-list li .student-details h2{ font-weight: bold; font-size:17px; color:#00747c;  margin:0; padding:0 0 2px 0;}

.column-container .student-list li .student-details p{ font-size:14px; line-height: normal; color:#444444; margin:0; padding:0;}



/*Custom Scroll Bar Style*/

.content3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

	width:10px;

	height:100%;

	margin:0 auto;

	text-align:center;

}

.content3 .mCSB_scrollTools .mCSB_draggerRail{

	width:20px !important;

	height:100%;

	margin:0 auto;

	background:#dcdcdc !important;	

}

/*Custom Scroll Bar Style*/



.bwWrapper{display:block;}

.bwWrapper-none{display:none;}

.colomwidth{ width:95% !important; padding:0 !important;}

/*-------------Saneesh 22 Nov 2013---------------*/



/* ganesh editing 16th December 2013 ends*/

.pagin{ width:100%;}





.pagin ul{ list-style:none;}

.pagin li{  background:#CED3CC !important;  color:#04434c; width:25px!important; height:25px !important; min-height:inherit !important;  margin:0 7px 8px 0 !important; cursor:default !important; display:inline-block !important;  float:left !important;}



.pagin li a{ color:#04434c; text-align:center !important; line-height:25px !important; text-decoration:none !important; display:block;}





.pagin li.frst,.pagin li.lst {  padding:0 5px;  }



.pagin li .active, .pagin li a:hover, .pagin li.frst:hover, .pagin li.lst:hover{  background:#b6bbb4 !important; }



.pagin li .active:hover{  background:#CED3CC !important; }





.study_bottom_sec .left_sec .link-enrich span.hover{background:url(enrich-thumb.png) no-repeat left -231px; position: absolute;display: block; width:100%; height:226px;}



.study_bottom_sec .left_sec .link-ourstu span.hover{background:url(ourstud_thumb.png) no-repeat left -231px; position: absolute;display: block; width:100%; height:226px;}



.study_bottom_sec .left_sec .link-graduate span.hover {background:url(graduate-thumb.png) no-repeat left -231px; position: absolute;display: block; width:100%; height:226px;}



.study_bottom_sec .left_sec .link-alumini span.hover {background:url(alumini-thumb.png) no-repeat left -231px; position: absolute;display: block; width:100%; height:226px;}



.study_bottom_sec .right_sec.k-library span.hover{ background:url(library-kaust-image.jpg) no-repeat left bottom; position:absolute; display:block; width:100%; height:226px;}

.study_bottom_sec .right_sec.saudi-initiative-image span.hover{ background:url(saudi-initiative-kaust-image.jpg) no-repeat left bottom; position:absolute; display:block; width:100%; height:226px;}




.divider_tb{ display:none; }

/* ganesh editing 16th December 2013 ends*/



/*Research Area Page --Saneesh--*/ /*31st December - Saneesh*/

ul.research-area{ width:100%; height:auto; display:block; margin:20px 0 0 0; padding:0; list-style:none;}

ul.research-area li{width:162px; height:162px; margin:0; padding:0; float:left; background: url(member-arrow.png) 130px 110px no-repeat #f08f00; border-right:2px solid #FFF; border-bottom:2px solid #FFF; position:relative; overflow:hidden; cursor:pointer;}

ul.research-area li a{ text-decoration:none; width:162px; height:162px; margin:0; padding:0; float:left; cursor:pointer;}

ul.research-area li h1{
	font-size:20px !important;  
	font-weight: bold!important; 
	color:#FFF !important; 
	text-transform:uppercase !important; 
	text-align:left !important; 
	padding:8px 0 0 8px !important;}

ul.research-area li.last-one{ border-right:none !important;}



.rectangle-inner{width:97%; height:162px; position:absolute; left:0; top:0px; background:#efefef; display:table; padding:0 2%;}

.rectangle-inner p{

	 font-weight: bold!important; 

	font-size:22px!important; 

	color:#444!important; 

	vertical-align: middle!important;

	display:table-cell!important;

	text-align:center!important;

	 }
.research {
	font-size:20px !important;   
	color:#FFF !important;
	text-align:left !important; 
	padding:0 0 0 8px !important;}
/*31st December - Saneesh*/	 



	 

/* Campus Page */

.studyinnercontant .campus-headerDiv ul{ width:335px;}

.studyinnercontant .headerDiv ul li a{ color:#00747c/*929002*/;} /* 31st December */

.campus{position:absolute; left:0px; top:0px;  height:auto; padding-right:15px; display:block; padding:9px 20px 5px;  

font-family: 'Rotis Serif';font-size:42px; color:#fff; text-transform:uppercase;background:url(campus-hdr.png) no-repeat; width:319px; font-weight:normal; }



.campus-act-b{ border-bottom:solid 1px #ccce00;}

.campus-act{ border-bottom:solid 5px #ccce00 !important;}

.b-bot-none{ border-bottom:none !important;}



.study_bottom_sec .left_sec .link-community-life{background:url(community-life.png) no-repeat left top;}

.study_bottom_sec .left_sec .link-community-life span.hover{background:url(community-life.png) no-repeat left -231px; position: absolute;display: block; width:100%; height:226px;}



.study_bottom_sec .left_sec .link-kaust-school{background:url(kaust-school.png) no-repeat left top;}

.study_bottom_sec .left_sec .link-kaust-school span.hover{background:url(kaust-school.png) no-repeat left -231px; position: absolute;display: block; width:100%; height:226px;}



.study_bottom_sec .left_sec .recreational-fecility{background:url(recreational.png) no-repeat left top;}

.study_bottom_sec .left_sec .recreational-fecility span.hover{background:url(recreational.png) no-repeat left -231px; position: absolute;display: block; width:100%; height:226px;}



.study_bottom_sec .left_sec .kaust-fecilities{background:url(kaust-fecilities.png) no-repeat left top;}

.study_bottom_sec .left_sec .kaust-fecilities span.hover{background:url(kaust-fecilities.png) no-repeat left -231px; position: absolute;display: block; width:100%; height:226px;}



.study_bottom_sec .right_sec.work-at-kaust-big-img{ background:url(work-at-kaust.png) no-repeat left top; height:476px;}

.study_bottom_sec .right_sec.work-at-kaust-big-img span.hover{ background:url(work-at-kaust.png) no-repeat left bottom; position:absolute; display:block; width:100%; height:476px;}

/*Research Area Page --Saneesh--*/



/* research */

.research_innercontant{ margin:188px auto 0;}

.research_innercontant h1{  font-size:38px; color:#767676; line-height:45px; font-weight:normal; text-transform:uppercase;}

.studycontants h1{padding-bottom: 12px;}

.padd-b10{ padding-bottom:10px;}
.padd-b30{ padding-bottom:30px;}

.research_innercontant .slider1-N{ display:/*none*/ block; top:410px; bottom:15px;}

.research_innercontant .headerDiv ul{ width:auto; float:right;}

.research_innercontant .headerDiv ul li{ float:right; padding:19px 10px; font-size:15px; line-height:18px; color:#b86c00; }

.research_innercontant .headerDiv ul li a{ color:#b86c00; text-decoration:none;}

.research-act-b{ border-bottom:solid 1px #f28f00;}

.research-act{ border-bottom:solid 5px #f28f00 !important;}



/*31st December - Saneesh*/

.research_innercontant .accod_main_wrap .accod_head{ margin: 0; padding: 0;}

.research_innercontant .accod_main_wrap .accod_head h1 { margin:0; background-color:#f08f00; border-bottom:solid 1px #804800;
color: #FFF;
text-decoration: none;
display: block;
padding: 0;
text-transform: none;
}
 
.research_innercontant .accod_main_wrap .accod_head a{ color:#FFF; text-decoration:none; display:block; padding:13px 0 12px 15px;}
.research_innercontant .accod_main_wrap .accod_head:hover{background:url('arrow-study.png') no-repeat scroll right -285px #f2a533;}



.research_innercontant .accod_main_wrap .uparow{background:url(research-arrow.png) no-repeat right -541px #f08f00    !important;}

.research_innercontant .accod_main_wrap .uparow:hover{background:url(research-arrow.png) no-repeat right -541px #F2A533    !important;}



.research_innercontant .accod_main_wrap .accod_he2{background:url(research-arrow.png) no-repeat right -464px #f08f00;}

.research_innercontant .accod_main_wrap .accod_he2:hover{background:url(research-arrow.png) no-repeat right -464px #F2A533;}



.research_innercontant .accod_main_wrap .downarow{background:url(research-arrow.png) no-repeat right -464px #f08f00;}

.research_innercontant .accod_main_wrap .downarow:hover{background:url(research-arrow.png) no-repeat right -464px #F2A533;}



.research_innercontant .accod_main_wrap .addodhd{background:url(research-arrow.png) no-repeat right -464px #f08f00;}

.research_innercontant .accod_main_wrap .accod_sub_head{ font-weight: bold; padding:12px 0 7px 17px; margin:0; font-size:24px; color:#b86c00;}

.research_innercontant .accod_main_wrap .contant-combo .buttons{ width:238px; text-align:center; padding:12px 0; color:#FFF; background:#f08f00;  font-weight: bold; font-size:24px;}

.research_innercontant .accod_main_wrap .contant-combo .buttons:hover{background:#b86c00;}

/*31st December - Saneesh*/

.main-accodi-1{float: left;width: 100%;display: none;}
.main-accodi-2{float: left;width: 100%;display: none;}
.main-accodi-3{float: left;width: 100%;display: none;}



.research-sup{ width:100%;}

.research-sup .sects{ width:224px; height:229px; margin:0; float:left; border-left:solid 6px #f08f00; position:relative;}

.research-sup .sects:hover{border-left:solid 6px #fff;}

.research-sup .sects.marg-r-18{ margin-right:18px;}

.research-sup .sects h2{ color:#fff; font-size:30px; line-height:32px; padding:20px 0 0 22px; font-weight:normal; margin:0; position:absolute; top:0; left:0; z-index:9;}



.offf-comp{ background:url(office-comp.png) no-repeat top left; cursor:pointer;}

.offf-comp span.hover{width:100%; height:229px; background:url(office-comp.png) no-repeat bottom left; cursor:pointer; position:absolute;}



.offf-res{ background:url(office-reserch.png) no-repeat top left; cursor:pointer;}

.offf-res span.hover{width:100%; height:229px; background:url(office-reserch.png) no-repeat bottom left; cursor:pointer; position:absolute;}



.post-doct{ background:url(pst-doctoral.png) no-repeat top left; cursor:pointer;}

.post-doct span.hover{width:100%; height:229px; background:url(pst-doctoral.png) no-repeat bottom left; cursor:pointer; position:absolute;}



.accad-writ{ background:url(academic-writing.png) no-repeat top left; cursor:pointer;}

.accad-writ span.hover{width:100%; height:229px; background:url(academic-writing.png) no-repeat  bottom left; cursor:pointer; position:absolute;}



.research-sup-bot{ width:100%; float:left; padding:10px 0 37px 0;}

.research-sup-bot .sects-in{ width:312px; height:312px; float:left; position:relative;}

.research-sup-bot .sects-in.marg-r-20{ margin-right:20px;}



.research-sup-bot .sects-in h2{ color:#fff; font-size:38px; line-height:40px; padding:115px 0 0; font-weight:normal; margin:0; text-align:center; z-index:9; text-transform:uppercase; position:relative; z-index:7;}

.research-sup-bot .sects-in h3{ font-weight: bold;color:#fff; font-size:38px; line-height:40px; padding:0px 0 0; font-weight:normal; margin:0; text-align:center; z-index:9; text-transform:uppercase; position:relative; z-index:7;}

.research-sup-bot .sects-in a{ position:absolute; top:0; background:none; border:0; outline:none; width:100%; height:312px; z-index:9;}



.research-aria{ background:url(reserch-arias.png) no-repeat top left; cursor:pointer;}

.research-aria span{ background:url(reserch-arias.png) no-repeat bottom left; cursor:pointer; position:absolute;width:100%; height:312px; top:0; z-index:6;}

.research-lats{ background:url(research-latest.png) no-repeat top left; cursor:pointer;}

.research-lats span{ background:url(research-latest.png) no-repeat bottom left; cursor:pointer; position:absolute;width:100%; height:312px; top:0; z-index:6; }

.research-kaust{ background:url(kaust.png) no-repeat top left; cursor:pointer;}

.research-kaust span{background:url(kaust.png) no-repeat bottom left; cursor:pointer; position:absolute;width:100%; height:312px; top:0; z-index:6;}



.office-comp-arti{ width:100%; background:#fff;}

.office-comp-arti h3{ font-size:30px; color:#ffffff; line-height:47px; background:url(plus-2.png) no-repeat right -90px #f08f00; font-weight:normal; padding:16px 50px 11px 15px; cursor:pointer; border-bottom:1px solid #804800;}

.office-comp-arti p{  float: left; font-size:18px; color: #444444; line-height:21px; padding:10px 20px; width:590px;} /* 14th January Ganesh */

.right-sec-img {width: 330px; float: right; height:auto; margin: 0 50px 0 0;}

.explore_ocrf{width:241px;height:227px;background:#804800; float:left; overflow:hidden; position:relative; cursor:pointer;border:solid 1px #804800;} /* 7th January Ganesh */

.explore_ocrf h1{/* font-weight: bold;*/font-size:25px; color:#ffffff; line-height:30px;padding:28px 0 0 30px; text-transform:none;}

.explore_ocrf h2{ font-size:38px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#ffffff; }

.explore_ocrf p{  padding:35px 0 10px 30px; line-height:20px; color:#fff; background:url(arrow-study.png) no-repeat right 44px;}



.explore_ocrf .explore_ocrf-back{width:244px;height:227px;background:#fff; position:absolute; overflow:hidden; top:0; left:-325px;}

.explore_ocrf .explore_ocrf-back h1{ font-weight: bold;font-size:30px; color:#804800; line-height:30px;padding:28px 0 0 30px;}

.explore_ocrf .explore_ocrf-back h2{ font-size:38px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#804800; }

.explore_ocrf .explore_ocrf-back p{  padding:35px 0 10px 30px; line-height:20px; color:#804800; background:url(arrow-research.png) no-repeat right -57px;}

.explore_ocrf a.links{ position:absolute; top:0; left:0; width:226px; height:226px; padding:0; margin:0;}



.office-comp-arti .sects{width: 237px; background-size:100% 209%; }

.office-comp-arti .offf-comp{ background-size:100% 209%;}

.office-comp-arti .offf-comp span{background-size:100% 209%;}

.office-comp-arti .offf-res{ background-size:100% 209%;}

.office-comp-arti .offf-res span{background-size:100% 209%;}

.office-comp-arti .post-doct{ background-size:100% 209%;}

.office-comp-arti .post-doct span{background-size:100% 209%;}

.office-comp-arti .accad-writ{ background-size:100% 209%;}

.office-comp-arti .accad-writ span{background-size:100% 209%;}



.comp-art{ display:none;}

.rese-art{ display:none;}

.post-art{ display:none;}

.accad-art{ display:none;}



.divdres{ clear:both; float:none; display:none;}



.office-comp-arti .marg-r20{ margin:0;}







/* research */



/*Ganesh  inner pages 19th December 2013 */ 

.collabinnercontant{ margin:188px auto 0;}

.collabcontants h1{padding-bottom: 12px;}

.collabinnercontant .slider1-N{ display:/*none*/ block; top:410px; bottom:15px;}

.collabinnercontant .headerDiv ul{ width:/*557px*/ auto; float:right;}

.collabinnercontant .headerDiv ul li{ float:left; padding:19px 10px; font-size:15px; line-height:18px; color:#00747c; }

.collabinnercontant .headerDiv ul li a{ color:#a97800; text-decoration:none;}



.collabcontants{}

.collabcontants h1{  font-size:38px; color:#767676; line-height:45px; font-weight:normal; text-transform:uppercase;}

.collabcontants .boxes{ width:100%; padding-bottom:24px; min-height:312px;}

.collabcontants .facili{ width:312px; height:312px; float:left;}

.collabcontants .faci, .collabcontants .locate, .collabcontants .sup, .collabcontants .liec, .collabcontants .adv, .collabcontants .nurt { width:308px/*312px*/; height:312px; float:left; position:relative; border-left:5px solid #efb500; margin-bottom:20px; cursor:pointer;}

.collabcontants .enrich-image,.collabcontants .alumni-image,.collabcontants .graduate-image,.collabcontants .library-study-image,.collabcontants .ourstud-image,.collabcontants .saudi-initiative-image { width:308px/*312px*/; height:312px; float:left; position:relative; border-left:5px solid #00B3B7; margin-bottom:20px; cursor:pointer;}

.collabcontants .faci:hover, .collabcontants .locate:hover, .collabcontants .sup:hover, .collabcontants .liec:hover, .collabcontants .adv:hover, .collabcontants .nurt:hover { border-left:5px solid #fff; }

.collabcontants .enrich-image:hover,.collabcontants .alumni-image:hover,.collabcontants .graduate-image:hover,.collabcontants .library-study-image:hover,.collabcontants .ourstud-image:hover,.collabcontants .saudi-initiative-image:hover { border-left:5px solid #fff; }


/*Box background image for study section 3x */

.collabcontants .enrich-image a{ position:absolute; top:0; left:0;width:100%; height:312px; z-index:12;}
.collabcontants .enrich-image{ background:url(enrich-image.jpg) no-repeat left top; } 
.collabcontants .enrich-image span.hover{background:url(enrich-image.jpg) no-repeat left bottom; position: absolute; top:0; width:100%; height:312px;}

.collabcontants .alumni-image a{ position:absolute; top:0; left:0;width:100%; height:312px; z-index:12;}
.collabcontants .alumni-image{ background:url(alumni-image.jpg) no-repeat left top; } 
.collabcontants .alumni-image span.hover{background:url(alumni-image.jpg) no-repeat left bottom; position: absolute; top:0; width:100%; height:312px;}

.collabcontants .graduate-image a{ position:absolute; top:0; left:0;width:100%; height:312px; z-index:12;}
.collabcontants .graduate-image{ background:url(graduate-image.jpg) no-repeat left top; } 
.collabcontants .graduate-image span.hover{background:url(graduate-image.jpg) no-repeat left bottom; position: absolute; top:0; width:100%; height:312px;}

.collabcontants .library-study-image a{ position:absolute; top:0; left:0;width:100%; height:312px; z-index:12;}
.collabcontants .library-study-image{ background:url(library-image.jpg) no-repeat left top; } 
.collabcontants .library-study-image span.hover{background:url(library-image.jpg) no-repeat left bottom; position: absolute; top:0; width:100%; height:312px;}

.collabcontants .ourstud-image a{ position:absolute; top:0; left:0;width:100%; height:312px; z-index:12;}
.collabcontants .ourstud-image{ background:url(ourstud-image.jpg) no-repeat left top; } 
.collabcontants .ourstud-image span.hover{background:url(ourstud-image.jpg) no-repeat left bottom; position: absolute; top:0; width:100%; height:312px;}

.collabcontants .saudi-initiative-image a{ position:absolute; top:0; left:0;width:100%; height:312px; z-index:12;}
.collabcontants .saudi-initiative-image{ background:url(saudi-initiative-image.jpg.html) no-repeat left top; } 
.collabcontants .saudi-initiative-image span.hover{background:url(saudi-initiative-image.jpg.html) no-repeat left bottom; position: absolute; top:0; width:100%; height:312px;}

/*End for Box in study section */

.collabcontants .faci{ background:url(facili.jpg) no-repeat left top; } 

	.collabcontants .faci span.hover{background:url(facili.jpg) no-repeat left bottom; position: absolute; top:0; width:100%; height:312px;}

.collabcontants .locate{ background:url(locate.jpg) no-repeat left top;} 

	.collabcontants .locate span.hover{ background:url(locate.jpg) no-repeat left bottom; position: absolute; top:0; width:100%; height:312px;} 

.collabcontants .sup{ background:url(sup.jpg) no-repeat left top;} 

	.collabcontants .sup span.hover{ background:url(sup.jpg) no-repeat left bottom; position: absolute; top:0; width:100%; height:312px;} 	

.collabcontants .liec{ background:url(liece.jpg) no-repeat left top;} 	

	.collabcontants .liec span.hover{ background:url(liece.jpg) no-repeat left bottom; position: absolute; top:0; width:100%; height:312px;} 	

.collabcontants .adv{ background:url(adva.jpg) no-repeat left top;} 	

	.collabcontants .adv span.hover{ background:url(adva.jpg) no-repeat left bottom; position: absolute; top:0; width:100%; height:312px;} 

.collabcontants .nurt{ background:url(nutur.jpg) no-repeat left top;} 

	.collabcontants .nurt span.hover{ background:url(nutur.jpg) no-repeat left bottom; position: absolute; top:0; width:100%; height:312px;} 



.collabcontants .facili h2 {  font-weight: bold; font-size:38px; color:#fff; font-weight:normal; text-align:center; text-transform:uppercase; position:relative; top:100px; z-index:100;}



.collabcontants .facili h3 {  font-size:38px; color:#fff; font-weight:normal; text-align:center;text-transform:uppercase;position:relative; top:110px;z-index:100;}


.pullOut {width:auto; background:#fff; padding-bottom:69px; position:absolute; z-index:500; display:none; left:0; }

	.pullOut h3 {  font-weight: bold; font-size:32px; color:#ffffff; line-height:47px; background:url(plus-2.png) no-repeat right -87px #efb500; font-weight:normal; padding:16px 0 11px 22px; cursor:pointer;border-bottom:1px solid #633b00;}



.pullOut .leftde-sec{ width:448px; float:left; padding:20px;}



	.pullOut .leftde-sec h1{ font-weight: bold; padding:0 0 20px 0; margin:0; color:#444444; font-size:24px; line-height:24px; text-transform:inherit; }

	.pullOut .leftde-sec p{  font-size:18px; color:#444444; padding:0 0 15px 0;}

	

	.expl{ padding:14px 55px !important; font-size:24px !important;  font-weight: bold; color:#fff !important; background:#633b00 !important; margin-top:25px; text-transform: none !important; text-align:center; text-decoration:none; float:left;}

	.expl:hover{  background:#7a4a03 !important;}



.pullOut .right-sec{ width:458px; float:right; padding:15px; }

	

.plus-bt {position:absolute; bottom:22px; right:18px; width:20px; height:20px; background:url(collab-plus.png.html) no-repeat left top; }

	



.marg-r18{ margin-right:18px;}







.collab-act{ border-bottom:solid 5px #f0b501 !important;}

.collabdr{border-bottom:solid 1px #00B3B7;}

.collab-act-b{ border-bottom:solid 1px #f0b501;}

.preloader { background:url(loading.gif) center center no-repeat #ffffff; position: absolute; width:inherit; }

/*Ganesh  inner pages 19th December 2013 */ 



/*content january 3 saneesh*/

#content_4 ul, #content_5 ul{margin:0; padding:0 0 0 30px; display:block;}

#content_4 ul li, #content_5 ul li{ margin:0; padding:0 0 10px 20px;; display:block; background:url(bull.png) left 12px no-repeat;  font-size:18px; line-height:27px; color:#444444;}


ul.unorder li a{text-decoration: none;color: #00747C;}



h4.padd-tp{ padding-top:40px !important;}


ul.unorder{ margin:0; padding:10px 0 0 20px; display:block;}

ul.unorder li{margin:0; padding:0 0 0 20px;; display:block; background:url(bull.png) left 12px no-repeat;  color:#444444;}

.content-width .column-container h4 a{color:hsl(184, 100%, 24%); text-decoration:none;}

#content_1 a{  font-size:18px; color:hsl(0, 0%, 20%); text-decoration:underline; line-height:normal; margin:0; padding:8px 0; display:block;}

/*content january 3 saneesh*/



/*content january 3 saneesh*/

.content-width .column-container h5{ font-weight: bold; font-size:18px; color:#939393; margin:0; padding:15px 0 0 0;}

.content-width .column-container h6{ font-weight: bold; font-size:18px; color:#333; margin:0; padding:15px 0 0 0;}

/*content january 3 saneesh*/



/*Sreejith inner pages 2 jan 2014 */

.apply-list{margin-top: 15px;}

.apply-list li{list-style: disc !important;margin-left: 22px !important; color: #444 !important; padding: 0 0 10px 20px !important; color: #444444; !important}



.Registrar-list{}

.Registrar-list li{list-style: disc !important;margin-left: 22px !important; color: #444 !important; padding: 0 0 10px 20px !important; color: #444444; !important}

.Registrar-list li a{color: #00747C;text-decoration: none;}

.Registrar-num{list-style: decimal outside;padding-left: 10px;padding-top:25px;}

.Registrar-num li{list-style: decimal;margin-left: 22px; color: #444;padding-bottom: 15px;}

.breadcrumb-ex { width:100%; height:55px; margin:0; padding:0; float:left;}

.breadcrumb-ex ul{margin:0; padding:0; display:block; }

.breadcrumb-ex ul li{list-style:none; margin:0; padding:0; float:left;}

.breadcrumb-ex ul li a{ margin:0; padding:0; font-size: 15px; line-height: 55px; color:#5d5d5d; text-decoration:none;}

.breadcrumb-ex ul li a.active-crumb{ color:#295f9c; text-decoration:none;}

.breadcrumb-ex ul li a.active-research-crumb{color:#f08f00;}

.breadcrumb-ex ul li a span{padding:0 5px; color:#5d5d5d; text-decoration:none !important;}



.apply-pop{list-style: disc !important;}

.apply-pop li{list-style: disc !important;font-size: 13px !important; line-height: 20px !important; color: #000 !important; background: url(bull.png) no-repeat left 7px    !important; padding:0 0 0 13px!important; margin:0 !important; cursor:auto !important;}



.IDB-pop{list-style: disc !important;}

.IDB-pop li{list-style: disc !important; color: #66615D; font-size: 18px; line-height: 22px; background: url(bull.png) no-repeat left 7px    !important; padding:0 0 0 13px!important; margin:0 !important; cursor:auto !important;}

.content-width .column-container h5 {

    color: #939393;

     font-weight: bold;

    font-size: 20px;

    margin: 0;

    padding: 10px 0 0;

}

.content2 p a{ color: #00747C;text-decoration: none;}

/*Sreejith inner pages 2 jan 2014 */

/*Ganesh 6 jan 2014 */

.dwn{ width:100%; height:auto;}

.dwn ul{ list-style:disc; margin:15px 0 0 55px;  font-size:16px; color:#444; line-height:25px}

.dwn li{ font-size:16px; color:#444; line-height:25px;}

.dwn li a{ font-size:16px; color:#00A6AA; text-decoration:none; }


.acadamic-standing-p{ padding:0 !important; background-position:right 6px !important;}



.faqlt-right .facultyfaq h2 span{font-weight: bold ; font-size:38px; line-height:38px; padding:0px 0 0 0px; text-transform:none !important; color:#fff;  text-align:center;}

.faqlt-right .facultyfaq .facultyfaq-back h2 span{font-weight: bold ; font-size:38px; line-height:38px; padding:0px 0 0 0px; text-transform:none !important; color:#00a6aa;  text-align:center;}





.chemical-table{ width:100%; height:auto; margin:20px 0; padding:0;}

.chemical-table th{border:1px solid #ccc; padding:10px 8px; margin:0;  font-weight: bold; font-size:16px; color:#333; font-weight:normal; text-align:center;}

.chemical-table td{border:1px solid #ccc; padding:10px 8px; margin:0;  font-size:15px; color:#333; font-weight:normal;}

#content_9 p{  color:#444; font-size:16px; font-style:normal; line-height:20px; padding:10px 0 0 0; margin:0;}

#content_9 h4{ font-weight: bold; font-size:20px; color:#939393; margin:0; padding:15px 0 15px 0;}

#content_9 h4 a{ text-decoration:none; color:hsl(184, 100%, 24%);}



/*Ganesh 6 jan 2014 */
/*January 10th Saneesh*/
figure.president-image{float:left; margin-right:15px;}
/*January 10th Saneesh*/

.pic { width:auto; max-width: none;} /* 15th January Ganesh */

/*-----About Kaust Saneesh Starts-----*/
.about-kaust-fullwidth{width:100%; height:auto; padding:159px 0 0 0; margin:0 auto; position:relative; display:block; background-color: #fff;}
.about-kaust-slider-wrap{width:100%; height:475px; padding:0; margin:0; position:relative; display:block; background:url(slider1.jpg.3) center center no-repeat; background-size: cover;}
.about-kaust-slider{width:100%; height:auto; padding:0; margin:0; position:relative; display:block;}
.ek-slider{width:976px; height:475px; margin:0 auto; padding:0; display:block; text-align:center; /*background:#9CF;*/}
.ek-slider h1{ font-size:70px; line-height:normal; color:#FFF; margin:0; padding:30px 0 0 0;}
.ek-slider h2{ font-size:40px; line-height:normal; color:#FFF; margin:0; padding:22px 0 0 0;}
.ek-slider p{width:650px;  font-size:24px; line-height:normal; color:#FFF; margin:0 auto; display:block; padding:25px 0 0 0;}
.ek-slider a{ width:145px; height:52px; margin:20px auto 0 auto; padding:0; display:block; background:#5284C4;  font-size:24px; color:#FFF; line-height:52px; text-decoration:none;}
.ek-slider a:hover{ background:#003B75;}
.kaust-history{width:100%; height:auto; padding:10px 0 0 0; margin:0; position:relative; display:block; background:#FFF;}
/*.kaust-history .vco-slider .slider-item .content .content-container .text .container h2{ font-weight: bold !important; font-size:24px !important; color:#444 !important;}*/

.about-kaust-slider-wrap .bx-wrapper .bx-controls-direction a{ text-indent:-99999px; position:absolute; top:50%; z-index:100;}
.about-kaust-slider-wrap .bx-controls-direction{ width:976px; height:auto; margin:0 auto; padding:0; display:block; position:relative; top:-200px;}
.about-kaust-slider-wrap .bx-wrapper .bx-prev {width:55px; height:99px !important; left:0; background: url(bx-arrow-left.png) no-repeat 0px 0px    !important;}
.about-kaust-slider-wrap .bx-wrapper .bx-prev:hover{background: url(bx-arrow-left.png) no-repeat 0 -104px    !important;}
.about-kaust-slider-wrap .bx-wrapper .bx-next {width:55px; height:99px !important; right:0; background: url(bx-arrow-right.png) no-repeat 0px 0px    !important;}
.about-kaust-slider-wrap .bx-wrapper .bx-next:hover{background: url(bx-arrow-right.png) no-repeat 0 -104px    !important;}

.about-kaust-act{border-bottom:solid 5px #5284c4 !important;}
.about-kaust-act-b{border-bottom: 1px solid #5284c4 !important;}

.about-kaust-4box-wrap{ width:100%; height:auto; margin:0; padding:60px 0; display:block; background:#FFF;}
.about-kaust-4box-holder{ width:976px; margin:0 auto; padding:0; display:block;}
/*----------------------------------------------------------------------------------------------------------------*/

.about-kaust-4box-wrap .kaust-administration{width:229px; height:229px; margin:0 20px 0 0; padding:0; float:left; overflow:hidden; position:relative; cursor:pointer; background:url("arrow-1.png") no-repeat scroll right -82px #97b5dc; }
.about-kaust-4box-wrap .kaust-administration h1{ font-weight: bold; font-size:38px; color:#003b77; line-height:30px; padding:28px 0 0 30px; text-transform:uppercase;}
.about-kaust-4box-wrap .kaust-administration h2{ font-size:24px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#003b77; }
.about-kaust-4box-wrap .kaust-administration p{ min-height:55px;  padding:44px 0 0 30px; line-height:20px; color:#fff; background:url(arrow-study.png) no-repeat right 44px;}
.about-kaust-4box-wrap .kaust-administration a{position: absolute;
top: 0;
left: 0;
width:100%;
height: 226px;
padding: 0;
margin: 0;}
.about-kaust-4box-wrap .kaust-administration .kaust-administration-back{width:229px; height:229px; background:url("arrow-1.png") no-repeat scroll right 150px #97b5dc; position:absolute; overflow:hidden; top:0; left:-325px; }
.about-kaust-4box-wrap .kaust-administration .kaust-administration-back h1{ font-weight: bold; font-size:38px; color:#FFF; line-height:30px;padding:28px 0 0 30px; text-transform:uppercase;}
.about-kaust-4box-wrap .kaust-administration .kaust-administration-back h2{ font-size:24px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#FFF; }
.about-kaust-4box-wrap .kaust-administration .kaust-administration-back p{ min-height:55px;  padding:44px 0 0 30px; line-height:20px; color:#004b58; background:url(arrow-study.png) no-repeat right -159px;}

.about-kaust-4box-wrap .kaust-administration a.links{ position:absolute; top:0; left:0; width:232px; height:232px; padding:0; margin:0;}
/*----------------------------------------------------------------------------------------------------------------*/

.about-kaust-4box-wrap .media-relations{width:227px; height:227px; margin:0 20px 0 0; padding:0; float:left; overflow:hidden; position:relative; cursor:pointer; border:1px solid #dcdcdc; background:url("arrow-2.png") no-repeat scroll right 150px #5284c4;}
.about-kaust-4box-wrap .media-relations h1{ font-weight: bold; font-size:38px; color:#FFF; line-height:30px; padding:28px 0 0 30px; text-transform:uppercase;}
.about-kaust-4box-wrap .media-relations h2{ font-size:38px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#FFF; }
.about-kaust-4box-wrap .media-relations p{ min-height:55px;  padding:44px 0 0 30px; line-height:20px; color:#FFF; background:url(arrow-study.png) no-repeat right 44px;}
.about-kaust-4box-wrap .media-relations a{position: absolute;
top: 0;
left: 0;
width:100%;
height: 226px;
padding: 0;
margin: 0;}
.about-kaust-4box-wrap .media-relations .media-relations-back{width:227px; height:227px; background:url("arrow-2.png") no-repeat scroll right -82px #FFF; position:absolute; overflow:hidden; top:0; left:-325px; }
.about-kaust-4box-wrap .media-relations .media-relations-back h1{ font-weight: bold; font-size:38px; color:#5284c4; line-height:30px;padding:28px 0 0 30px; text-transform:uppercase;}
.about-kaust-4box-wrap .media-relations .media-relations-back h2{ font-size:38px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#5284c4; }
.about-kaust-4box-wrap .media-relations .media-relations-back p{ min-height:55px;  padding:44px 0 0 30px; line-height:20px; color:#004b58; background:url(arrow-study.png) no-repeat right -159px;}

.about-kaust-4box-wrap .media-relations a.links{ position:absolute; top:0; left:0; width:232px; height:232px; padding:0; margin:0;}
/*----------------------------------------------------------------------------------------------------------------*/

.about-kaust-4box-wrap .study-at-kaust{width:227px; height:227px; margin:0 20px 0 0; padding:0; float:left; overflow:hidden; position:relative; cursor:pointer; border:1px solid #dcdcdc;  background:url("arrow-3.png") no-repeat scroll right 150px #00a6aa;}
.about-kaust-4box-wrap .study-at-kaust h1{ font-weight: bold; font-size:38px; color:#FFF; line-height:30px; padding:28px 0 0 30px; text-transform:uppercase;}
.about-kaust-4box-wrap .study-at-kaust h2{ font-size:38px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#FFF; }
.about-kaust-4box-wrap .study-at-kaust p{ min-height:55px;  padding:44px 0 0 30px; line-height:20px; color:#5284c4; background:url(arrow-study.png) no-repeat right 44px;}
.about-kaust-4box-wrap .study-at-kaust a{position: absolute;       
top: 0;
left: 0;
width:100%;
height: 226px;
padding: 0;
margin: 0;}
.about-kaust-4box-wrap .study-at-kaust .study-at-kaust-back{width:227px; height:227px; background:url("arrow-3.png") no-repeat scroll right -82px #FFF; position:absolute; overflow:hidden; top:0; left:-325px; }
.about-kaust-4box-wrap .study-at-kaust .study-at-kaust-back h1{ font-weight: bold; font-size:38px; color:#00a6aa; line-height:30px;padding:28px 0 0 30px; text-transform:uppercase;}
.about-kaust-4box-wrap .study-at-kaust .study-at-kaust-back h2{ font-size:38px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#00a6aa; }
.about-kaust-4box-wrap .study-at-kaust .study-at-kaust-back p{ min-height:55px;  padding:44px 0 0 30px; line-height:20px; color:#004b58; background:url(arrow-study.png) no-repeat right -159px;}

.about-kaust-4box-wrap .study-at-kaust a.links{ position:absolute; top:0; left:0; width:232px; height:232px; padding:0; margin:0;}
/*----------------------------------------------------------------------------------------------------------------*/

.about-kaust-4box-wrap .about-kaust-box{width:227px; height:227px; margin:0; padding:0; float:left; overflow:hidden; position:relative; cursor:pointer; border:1px solid #dcdcdc;  background:url("arrow-4.png") no-repeat scroll right 150px #003a75;}
.about-kaust-4box-wrap .about-kaust-box h1{ font-weight: bold; font-size:38px; color:#FFF; line-height:30px; padding:28px 0 0 30px; text-transform:uppercase;}
.about-kaust-4box-wrap .about-kaust-box h2{ font-size:38px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#FFF; }
.about-kaust-4box-wrap .about-kaust-box p{ min-height:55px;  padding:44px 0 0 30px; line-height:20px; color:#5284c4; background:url(arrow-study.png) no-repeat right 44px;}
.about-kaust-4box-wrap .about-kaust-box a{position: absolute;
top: 0;
left: 0;
width:100%;
height: 226px;
padding: 0;
margin: 0;}
.about-kaust-4box-wrap .about-kaust-box .about-kaust-box-back{width:227px; height:227px; background:url("arrow-4.png") no-repeat scroll right -82px #FFF; position:absolute; overflow:hidden; top:0; left:-325px; }
.about-kaust-4box-wrap .about-kaust-box .about-kaust-box-back h1{ font-weight: bold; font-size:38px; color:#003a75; line-height:30px;padding:28px 0 0 30px; text-transform:uppercase;}
.about-kaust-4box-wrap .about-kaust-box .about-kaust-box-back h2{ font-size:38px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#003a75; }
.about-kaust-4box-wrap .about-kaust-box .about-kaust-box-back p{ min-height:55px;  padding:44px 0 0 30px; line-height:20px; color:#004b58; background:url(arrow-study.png) no-repeat right -159px;}

.about-kaust-4box-wrap .about-kaust-box a.links{ position:absolute; top:0; left:0; width:232px; height:232px; padding:0; margin:0;}

.kaust-gallery-container{width:980px; height: auto; margin:0 auto; padding:159px 22px 0 22px; display:block; background:#FFF;}
.kaust-gallery-container .breadcrumb{ width:100%; height:55px; margin:0; padding:0; float:left;}
.kaust-gallery-container .breadcrumb ul{margin:0; padding:0; display:block;}
.kaust-gallery-container .breadcrumb ul li{list-style:none; margin:0; padding:0; float:left;}
.kaust-gallery-container .breadcrumb ul li{ margin:0; padding:0 7px 0 0; font-size: 16px; line-height: 55px; color:#5d5d5d; text-decoration:none;}
.kaust-gallery-container .breadcrumb ul li a{ margin:0; padding:0; font-size: 16px; line-height: 55px; color:#5284c4; text-decoration: underline;}
.kaust-gallery-container .breadcrumb ul li a:hover{color:#0a3f84;}
.kaust-gallery-container .breadcrumb ul li span{text-decoration:none; padding:0; color:#5d5d5d;}
.kaust-gallery-container .breadcrumb ul li span.link-span{color:#5284c4;}
h3.spcl{ display:block; padding:20px 0 0 0!important; clear:both;}

/*29 January*/
.kaust-gallery-container .media-like-widget{ width:100%; height: auto; margin:0; padding:15px 0; float:left;}
.kaust-gallery-container .kaust-gallery-slide{width:100%; height: auto; margin:0 0 40px 0; padding:0; float:left;}
.kaust-gallery-container .kaust-gallery-slide ul{width:100%; height: auto; margin:0; padding:0; float:left;}
.kaust-gallery-container .kaust-gallery-slide ul li{width:33%; height: auto; float:left; margin:0; padding:0; position:relative; border-right:1px solid #FFF; border-bottom:1px solid #FFF;}
.kaust-gallery-container .kaust-gallery-slide ul li img{width:100%; float:left;}
.kaust-gallery-container .kaust-gallery-slide ul li span{width:100%; height:100%; position:absolute; top:0; left:0; background:url(image-icon.png) center center no-repeat; cursor:pointer;}
.kaust-gallery-container .kaust-videos ul li .photo-gallery-thmb span{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -1px;
	background: url(play-icon.png) center center no-repeat;
	cursor: pointer;
	background-image: url(videothumb-smart-oil.jpg.html);
}
.kaust-gallery-container .bx-wrapper{ width:100%; float:left; margin-bottom:30px;}
.kaust-gallery-container .bx-controls-direction{width:300px; height:41px; display:block; margin:10px auto 0 auto; padding:0; position:relative; z-index:90;}
.kaust-gallery-container .bx-wrapper .bx-pager{ padding:0;}
.kaust-gallery-container .bx-wrapper .bx-pager, .kaust-gallery-container .bx-wrapper .bx-controls-auto{width:200px; top:43px; margin:0 auto; padding:0; position:relative; z-index:100; text-align:center;}

.kaust-gallery-container .bx-wrapper .bx-prev{width:36px; height:41px; background:url(gallery-nav-left.png) no-repeat 0px 0px; left:10px;}
.kaust-gallery-container .bx-wrapper .bx-prev:hover{background:url(gallery-nav-left.png) no-repeat 0px -41px;}
.kaust-gallery-container .bx-wrapper .bx-next{width:36px; height:41px; background:url(gallery-nav-right.png) no-repeat 0px 0px; right:10px;}
.kaust-gallery-container .bx-wrapper .bx-next:hover{background:url(gallery-nav-right.png) no-repeat 0px -41px;}
.kaust-gallery-container .bx-wrapper .bx-controls-direction a{margin-top:-20px; position:absolute; top:50%; text-indent:-9999px; outline:none;}
.kaust-gallery-container .bx-wrapper .bx-pager .bx-pager-item, .kaust-gallery-container .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;}

.kaust-gallery-container .bx-wrapper .bx-pager.bx-default-pager a{ background:url(navBtn.png) no-repeat 0px -22px; display: block; width:20px; height:22px; margin:0; outline: 0 none; text-indent: -9999px;}
.kaust-gallery-container .bx-wrapper .bx-pager.bx-default-pager a:hover, .kaust-gallery-container .bx-wrapper .bx-pager.bx-default-pager a.active{background:url(navBtn.png) no-repeat 0px 0px;}


.kaust-gallery-slide .photo-gallery-thmb{ cursor:pointer; position:relative;}
.kaust-gallery-slide .photo-gallery-thmb:hover .card-back {
  z-index: 950;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform: perspective(1000) rotateX(0deg);
  -moz-transform: perspective(1000) rotateX(0deg);
  -ms-transform: perspective(1000) rotateX(0deg);
  -o-transform: perspective(1000) rotateX(0deg);
  transform: perspective(1000) rotateX(0deg);
}
.kaust-gallery-slide .card-back{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 400ms;
  -moz-transition: -moz-transform 400ms;
  -o-transition: -o-transform 400ms;
  transition: transform 400ms;
  display: block;
  height:100%;
  position: absolute;
  width: 100%;
}
.kaust-gallery-slide .photo-gallery-thmb .card-back {
  background:#5284c4;
}

.kaust-gallery-slide .card-back {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  z-index:490 !important;
}
.kaust-gallery-slide a.card-back, .kaust-gallery-slide a.card-back-demo{text-decoration:none;}
.kaust-gallery-slide .card-back h2, .kaust-gallery-slide a.card-back-demo h2{ font-weight: bold; color:#FFF; font-size:24px;  margin:0; padding:10px 0 0 10px; text-align:left; text-decoration:none;}
.kaust-gallery-slide .card-back p, .kaust-gallery-slide a.card-back-demo p{  color:#FFF; font-size:16px; line-height:normal; margin:0; padding:10px 0 0 10px; text-align:left; text-decoration:none;}
/*29 January*/

/*For Demo */
.kaust-gallery-slide .card-back-demo {
  display: block;
  height:100%;
  position: absolute;
  top:-300px;
  width: 100%;
  background:#5284c4;
  z-index:490 !important;
}
/*For Demo */

.kaust-photo-gallery-bottom{width:100%; height: auto; margin:0; padding:0; float:none;}
.kaust-photo-gallery-bottom .link-column{width:478px; height:318px; float:left; margin:0; padding:0; text-align:center; position:relative;}
.kaust-photo-gallery-bottom .link-column a{position:absolute; left:0; top:0; width:100%; height:72%; z-index:100; border:none; text-decoration:none; padding:25% 0 0 0;}
.kaust-photo-gallery-bottom .link-column h2{ font-weight: bold; font-size:38px; color:#FFF; line-height:normal; text-transform:uppercase; text-decoration:none;}
.kaust-photo-gallery-bottom .link-column h3{ font-size:38px; color:#FFF; line-height:normal; text-transform:uppercase; text-decoration:none;}
.kaust-photo-gallery-bottom .link-column-first{ margin-right:24px;}
.kaust-photo-gallery-bottom .interactive-map-page{margin-right:20px;}

.kaust-photo-gallery-bottom .photo-gallery-link{ background:url(photo-gallery-img.jpg) no-repeat 0px 0px;}
.kaust-photo-gallery-bottom .video-gallery-link{ background:url(video-gallery-img.jpg) no-repeat 0px 0px;}
.kaust-photo-gallery-bottom .interactive-map-link{background:url(interactive-map-img.jpg) no-repeat 0px 0px;}

.kaust-photo-gallery-bottom .photo-gallery-link span.hover{background:url(photo-gallery-img.jpg) no-repeat 0px -318px !important; position:absolute; display:block; width:100%; height:318px; z-index:90; left: 0; top:0;}
.kaust-photo-gallery-bottom .video-gallery-link span.hover{background:url(video-gallery-img.jpg) no-repeat 0px -318px !important; position:absolute; display:block; width:100%; height:318px; z-index:90; left: 0; top:0;}
.kaust-photo-gallery-bottom .interactive-map-link span.hover{background:url(interactive-map-img.jpg) no-repeat 0px -318px !important; position:absolute; display:block; width:100%; height:318px; z-index:90; left: 0; top:0;}

/*Photo Gallery Popup Style Starts*/
div.pp_pic_holder{display:none; position:absolute; width:100px; z-index:10000}
.pp_content{height:40px;min-width:40px; position:relative;}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}

div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}

/*11Feb*/
div.ppt{color:#fff; display:none; font-weight: bold; font-size:22px; z-index:100; margin:0 auto; padding:2% 6% 2% 2%; width:92.1% !important; min-height:52px; background:#5284c4; border-bottom:2px solid #FFF; position: relative;}
.pp_top,.pp_bottom{height:20px;position:relative; display:none;}
/*11Feb*/

div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:none}

.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}

div.light_square .pp_content{background:#FFF !important; position:relative;}
div.light_square .pp_gallery{ width:100%; background:#FFF; height:60px; display:block; left:0; margin:0px !important; padding:0; position:absolute; z-index:10000;}
/*div.light_square .pp_content_header{width:100%; height:82px; float:left; display:block; background:#5284c4; border-bottom:2px solid #FFF; position:relative;}*/
/*11Feb*/
div.light_square .pp_content_header{width:100%; min-height:82px; background:#5284c4; border-bottom:2px solid #FFF; position: relative;}
/*div.light_square .pp_content_header{width:100%; height:82px; background:#5284c4; border-bottom:2px solid #FFF; position:absolute; top:-84px;}*/
div.light_square .pp_content_header h1{  color:#FFF; font-size:22px; line-height: normal; padding:10px 60px 0 30px; font-weight:normal; font-style:normal;}
/*11Feb*/
div.light_square .pp_expand{display:none !important;}
div.light_square .pp_content_container .pp_details{margin:0; padding:0;}
div.light_square .pp_content_container .pp_details .pp_nav{display:none !important;}

/*div.light_square .pp_gallery div{width:205px !important; height:auto; margin:20px auto 0 auto !important; float:none !important; display:block;}*/
div.light_square .pp_gallery div{ width:198px !important; height:25px !important; overflow:hidden !important; margin:20px auto 0 auto; text-align:center;}
div.light_square .pp_gallery div .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
div.light_square .pp_gallery div ul {width:auto !important; z-index:1000;}

/*11Feb*/
div.light_square .pp_gallery div ul li{width:20px; height:21px; margin:0; background:url(navBtn.png) 0px -21px no-repeat; display:inline-block;}
div.light_square .pp_gallery div ul li:hover{background:url(navBtn.png) 0px 0px no-repeat;}
div.light_square .pp_gallery div ul li.selected{background:url(navBtn.png) 0px 0px no-repeat;}
/*11Feb*/

div.light_square .pp_gallery div ul a{width:20px; height:21px; float:left; background:none; border:none;}
div.light_square .pp_gallery div ul a img{display:none;}
div.light_square #pp_full_res{line-height:0!important}

div.light_square .pp_expand{background:url(sprite.png.html) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(sprite.png.html) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(sprite.png.html) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(sprite.png.html) 0 -47px no-repeat;cursor:pointer}

/*11Feb*/
div.light_square a.pp_close{width:22px; height:22px; position:absolute; top:28px; right:40px; background:url(pop-close.png) 0px 0px no-repeat; cursor:pointer; z-index:2002; text-indent:-10000px; /*opacity:0;*/ display:none;}
/*11Feb*/
div.light_square a.pp_close:hover{;background:url(pop-close.png) 0px -22px no-repeat;}

div.light_square .pp_nav .pp_play{background:url(sprite.png.html) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(sprite.png.html) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(sprite.png.html) 0 -71px no-repeat}

div.light_square .pp_arrow_next{background:url(sprite.png.html) -22px -71px no-repeat}
/*11Feb*/
div.light_square a.pp_next{ width:56px; height:104px; display:block; position:absolute; top:50%; right:0; text-indent:-10000px; background:url(bx-arrow-right.png.1) 0 0 no-repeat; cursor:pointer;}

div.light_square a.pp_next:hover{background:url(bx-arrow-right.png.1) 0 -104px no-repeat;}

div.light_square .pp_previous{width:56px; height:104px; display:block; position:absolute; top:50%; left:0; text-indent:-10000px; background:url(bx-arrow-left.png.1) 0 0 no-repeat; cursor:pointer;}
/*11Feb*/
div.light_square .pp_previous:hover{background:url(bx-arrow-left.png.1) 0 -104px no-repeat;}
div.light_square .pp_arrow_next, div.light_square .pp_arrow_previous{display:none !important;}

div.light_square .pp_loaderIcon{width:24px; height:24px; display:block; position:absolute; top:50%; left:50%; margin:-12px 0 0 -12px;}
div.light_square .pp_loaderIcon{background:url(loader.gif) center center no-repeat}

.kaust-video-gallery ul li{ position:relative;}
.kaust-video-gallery ul li span{ position: absolute; width:100%; height:100%; top:0; left:0; background: url(play-icon.png) center center no-repeat    !important; border:1px solid #999;}
/*Photo Gallery Popup Style Starts*/

/*Time Line JS*/
.kaust-history .media-image img{ border:none;}
.media-image{ border:none !important;}

/*-----About Kaust Saneesh Ends-----*/

/*explore kaust*/
.explore_kaust-m{margin: 0 auto;}
.explore_contants{}
.explore_contants h1{  font-size:38px; color:#767676; line-height:45px; font-weight:normal; text-transform:uppercase;}
.explore-act-b{ border-bottom:solid 1px #5284c4;}
.explore-act{ border-bottom:solid 5px #5284c4 !important;}
.welcome-banner{ width:100%; margin:158px 0 0 0; background:url(welcome-banner.jpg) top center #131f36 no-repeat; height:473px;}
.welcome-banner h1{ color:#fff; text-align:center; line-height:66px; font-size:66px; font-weight:normal; padding:133px 0 0;}
.welcome-banner h2{ color:#fff; text-align:center; line-height:36px; font-size:32px; font-weight:normal; padding:13px 0 0;}

.mainslids{ width:100%; margin:auto;}
.mainslids ul{ padding:0; margin:0; list-style:none;top: 182px;}
.mainslids ul li{ list-style:none; padding:0; margin:0 0 0 0; width:358px; float:left; cursor:pointer; background-color: #FFF;}
.mainslids ul li img{ width:100%;}

.kaust_feel{ width:100%; height:500px; background:url(kaust_feel.jpg) repeat-x left top;}
.kaust_feel h2{ color:#fff; text-align:center; line-height:40px; font-size:38px; font-weight:normal; padding:40px 0 0;}
.explore_kaust-m .botlink{ padding:58px 0;}
.explore_kaust-m .botlink .linkbox{ width:312px; height:312px; /*border-left:solid 5px #00a6aa;*/ position:relative; float:left;}
.explore_kaust-m .botlink .linkbox h1{ font-weight: bold; color:#fff; font-size:38px; line-height:60px; padding:0; margin:0; text-transform:uppercase; position:absolute; z-index:10; text-align:center; top:100px; width:100%;}
.explore_kaust-m .botlink .linkbox h2{ color:#fff; text-align:center; line-height:36px; font-size:32px; font-weight:normal; width:100%; top:150px; position:absolute;z-index:10; text-transform:uppercase;}
.explore_kaust-m .botlink .linkbox a{ position:absolute; top:0; left:0;width:312px; height:312px; z-index:12;}
.explore_kaust-m .botlink .our-photo{background:url(our-photo.png) no-repeat left top;}
.explore_kaust-m .botlink .our-photo span.hover{background:url(our-photo.png) no-repeat left bottom; position: absolute;display: block; width:100%; height:312px;}
.explore_kaust-m .marg-r20{ margin-right:20px;}

.explore_kaust-m .botlink .video-box{background:url(video-box.png) no-repeat left top;}
.explore_kaust-m .botlink .video-box span.hover{background:url(video-box.png) no-repeat left bottom; position: absolute;display: block; width:100%; height:312px;}

.explore_kaust-m .botlink .kaust-map{background:url(kaust-map.png) no-repeat left top;}
.explore_kaust-m .botlink .kaust-map span.hover{background:url(kaust-map.png) no-repeat left bottom; position: absolute;display: block; width:100%; height:312px;}

.botsec{ width:100%; background:#efefef;}
.botsec .inner{ width:976px; margin:auto; padding:49px 0;}
.botsec .call-boxs{ width:229px; height:229px; background:#fff; float:left;}
.botsec .marg-r20{ margin-right:20px;}

.green-campus{width:229px;height:229px;background:#5284c4; float:left; overflow:hidden; position:relative; cursor:pointer;}
.green-campus h1{ font-weight: bold;font-size:38px; color:#fff; line-height:34px; padding:28px 0 0 30px;}/*January 3rd Saneesh*/
.green-campus h2{ font-size:38px; line-height:40px; padding:0px 0 0 30px; text-transform:uppercase; color:#fff; }
.green-campus p{  padding:35px 0 0 30px; line-height:20px; color:#fff; background:url(explo-arrow.png) no-repeat right 44px;}

.green-campus .green-campus-back{width:229px;height:229px;background:#fff; position:absolute; overflow:hidden; top:0; left:-325px;}
.green-campus .green-campus-back h1{ font-weight: bold;font-size:38px; color:#5284c4; line-height:34px; padding:28px 0 0 30px;}
.green-campus .green-campus-back h2{ font-size:38px; line-height:40px; padding:0px 0 0 30px; text-transform:uppercase; color:#5284c4; }
.green-campus .green-campus-back p{  padding:35px 0 0 30px; line-height:20px; color:#5284c4; background:url(explo-arrow.png) no-repeat right -57px;}
.green-campus a.links{ position:absolute; top:0; left:0; width:226px; height:226px; padding:0; margin:0;}

.studying-at-kaust{width:229px;height:229px;background:#00a6aa; float:left; overflow:hidden; position:relative; cursor:pointer;}
.studying-at-kaust h1{ font-weight: bold;font-size:38px; color:#fff; line-height:34px; padding:28px 0 0 30px; text-transform:uppercase;}/*January 3rd Saneesh*/
.studying-at-kaust h2{ font-size:38px; line-height:40px; padding:0px 0 0 30px; text-transform:uppercase; color:#fff; text-transform:uppercase; }
.studying-at-kaust p{  padding:35px 0 0 30px; line-height:20px; color:#fff;background:url(explo-arrow.png) no-repeat right 44px;}

.studying-at-kaust .studying-at-kaust-back{width:229px;height:229px;background:#fff; position:absolute; overflow:hidden; top:0; left:-325px;}
.studying-at-kaust .studying-at-kaust-back h1{ font-weight: bold;font-size:38px; color:#00a6aa; line-height:34px; padding:28px 0 0 30px; text-transform:uppercase;}
.studying-at-kaust .studying-at-kaust-back h2{ font-size:38px; line-height:40px; padding:0px 0 0 30px; text-transform:uppercase; color:#00a6aa;  text-transform:uppercase;}
.studying-at-kaust .studying-at-kaust-back p{  padding:35px 0 0 30px; line-height:20px; color:#00a6aa; background:url(explo-arrow.png) no-repeat right -165px; }
.studying-at-kaust a.links{ position:absolute; top:0; left:0; width:226px; height:226px; padding:0; margin:0;}

.living-and-working{width:229px;height:229px;background:#cdce00; float:left; overflow:hidden; position:relative; cursor:pointer;}
.living-and-working h1{ font-weight: bold;font-size:38px; color:#fff; line-height:34px; padding:28px 0 0 30px; text-transform:uppercase;}/*January 3rd Saneesh*/
.living-and-working h2{ font-size:38px; line-height:40px; padding:0px 0 0 30px; text-transform:uppercase; color:#fff; text-transform:uppercase; }
.living-and-working p{  padding:0px 0 0 30px; line-height:20px; color:#fff; background:url(explo-arrow.png) no-repeat right 13px;}

.living-and-working .living-and-working-back{width:229px;height:229px;background:#fff; position:absolute; overflow:hidden; top:0; left:-325px;}
.living-and-working .living-and-working-back h1{ font-weight: bold;font-size:38px; color:#cdce00; line-height:34px; padding:28px 0 0 30px; text-transform:uppercase;}
.living-and-working .living-and-working-back h2{ font-size:38px; line-height:40px; padding:0px 0 0 30px; text-transform:uppercase; color:#cdce00;  text-transform:uppercase;}
.living-and-working .living-and-working-back p{  padding:0px 0 0 30px; line-height:20px; color:#cdce00; background:url(explo-arrow.png) no-repeat right -318px;}
.living-and-working a.links{ position:absolute; top:0; left:0; width:226px; height:226px; padding:0; margin:0;}

.about-kaust{width:229px;height:229px;background:#003a75; float:left; overflow:hidden; position:relative; cursor:pointer;}
.about-kaust h1{ font-weight: bold;font-size:38px; color:#fff; line-height:34px; padding:28px 0 0 30px; text-transform:uppercase;}/*January 3rd Saneesh*/
.about-kaust h2{ font-size:38px; line-height:40px; padding:0px 0 0 30px; text-transform:uppercase; color:#fff; text-transform:uppercase; }
.about-kaust p{  padding:35px 0 0 30px; line-height:20px; color:#fff; background:url(explo-arrow.png) no-repeat right 44px;}

.about-kaust .about-kaust-back{width:229px;height:229px;background:#fff; position:absolute; overflow:hidden; top:0; left:-325px;}
.about-kaust .about-kaust-back h1{ font-weight: bold;font-size:38px; color:#003a75; line-height:34px; padding:28px 0 0 30px; text-transform:uppercase;}
.about-kaust .about-kaust-back h2{ font-size:38px; line-height:40px; padding:0px 0 0 30px; text-transform:uppercase; color:#003a75;  text-transform:uppercase;}
.about-kaust .about-kaust-back p{  padding:35px 0 0 30px; line-height:20px; color:#003a75; background:url(explo-arrow.png) no-repeat right -396px; }
.about-kaust a.links{ position:absolute; top:0; left:0; width:226px; height:226px; padding:0; margin:0;}


.musim{ width:100%; background:#fff; padding:59px 0;}
.musim .inner-mus{ width:978px; margin:auto;}
.musim .inner-mus div{ width:476px; float:right; position:relative;}

.musim  .museum_pic{background:url(museum_pic.png.html) no-repeat left top; height:317px;}
.musim  .museum_pic span.hover{background:url(museum_pic.png.html) no-repeat left bottom; position: absolute;display: block; width:100%; height:317px;}

.musim .inner-mus article{ float:left; width:477px; float:left; text-align:center;}
.musim .inner-mus article h1{ color:#000055; text-align:center; line-height:45px; font-size:38px; font-weight:normal; padding:15px 0 0;}
.musim .inner-mus article p{  font-size:16px; color:#767676; line-height:22px; padding:30px 0;}
/*.musim .inner-mus article a.exp_m{font-size:24px; color:#fff; line-height:34px; background:#5284c4; width:auto; margin:auto; text-decoration:none; padding:15px 15px 12px;}*/
.musim .inner-mus article a.exp_m{font-size:20px; color:#fff; line-height:40px; background:#5284c4; width:128px; display:inline; margin:auto; text-decoration:none; padding:6px 15px 7px;}
.musim .inner-mus article a.exp_m:hover{ background:#97b5dc;}

.divids{ display:none;}

.int-map{ margin-top:160px}
.int-map_in{ width:100%;padding:0px 0 44px}
.int-map_in-map{width:100%; padding:30px 0 44px;}
.breadcrumb{ width:100%; height:55px; margin:0; padding:0; float:left;}

.int-map_in .breadcrumb ul{margin:0; padding:0; display:block;}

.int-map_in .breadcrumb ul li{list-style:none; margin:0; padding:0; float:left;}

.int-map_in .breadcrumb ul li a{ margin:0; padding:0; font-size: 15px; line-height: 55px; color:#5d5d5d; text-decoration:none;}

.int-map_in .breadcrumb ul li a.active-crumb{ color:#295f9c; text-decoration:underline;}

.int-map_in .breadcrumb ul li a.active-research-crumb{color:#f08f00;}

.int-map_in .breadcrumb ul li a span{padding:0 5px; color:#5d5d5d;}
.int-map_in h1{  font-size:38px; color:#767676; line-height:45px; font-weight:normal; }
.int-map_in p{  padding:10px 0 10px 0px; line-height:20px; color:#444444; font-size:16px;}
.int-map_in .map-bot{ width:100%;}
.int-map_in .map-bot h2{font-size:56px; color:#fff; line-height:53px; position:absolute; top:34%; left:0; z-index:9; text-transform:uppercase; display:block; width:100%;}
.int-map_in .map-bot h3{ font-size:45px; color:#fff; line-height:35px; position:absolute; top:52%; left:0; z-index:9; text-transform:uppercase; display:block; width:100%; }
.int-map_in .map-bot .left-gall{ float:left; width:478px; position:relative; text-align:center;}
.int-map_in .map-bot .right-gall{ float:right; width:478px; position:relative; text-align:center;}
.mapson{ height:656px;}

.eventscalender{ float:left;width:100%;}
.eventscalender .head-event{ width:100%; position:relative; margin-top: 13px; padding: 0 0 25px;}
.eventscalender .head-event .leftnav{ width:19px; height:41px; float:left; background:url(event-nav.png) left top no-repeat; position:absolute; left:0; top:0; z-index:9;}
.eventscalender .head-event .rightnav{ width:19px; height:41px; float: right; background:url(event-nav.png) left -84px no-repeat; position:absolute; right:0; top:0; z-index:9;}
.eventscalender .head-event .months{ width:auto; margin:auto; padding:0 0; text-align:center;}
.eventscalender .head-event .months a{ color:#767676; text-decoration:none;}
.eventscalender .head-event .months span{ width:21px; height:15px; background:url(event-nav.png) left bottom no-repeat; display:inline-block; margin-left:6px;}
.eventscalender .nom-cale{ position:relative;}
.eventscalender .nom-cale ul{ position:relative; width:100%; border-top:solid 1px #b6b6b6;}
.eventscalender .nom-cale ul li{ float:left; width:14.1%; border-right:solid 1px #b6b6b6; color:#5284c4; height:129px;position:relative;}
.eventscalender .nom-cale ul li span{ padding:10px 0px 0 10px; color:#5284c4; float:left; font-size:24px;}
.eventscalender .nom-cale .li_last{ border:none !important;}
.eventscalender .nom-cale .li_last_b{ border-bottom:solid 1px #b6b6b6;}
.eventscalender .nom-cale ul li .txt1{ width:90.8%; position:absolute; bottom:0; color:#fff; height:13px; padding:5%; overflow:hidden;text-overflow: ellipsis; white-space:pre-wrap;}
.eventscalender .nom-cale ul li .txt1 a{color:#fff; text-decoration:none; display:block; height:16px;}
.eventscalender .nom-cale ul li .g_cl{ background:#cdce00;}
.eventscalender .nom-cale ul li .b_cl{ background:#00a6aa;}
.eventscalender .nom-cale ul li .o_cl{ background:#f08f00;bottom: 27px;}
.eventscalender .nom-cale ul li .y_cl{ background:#efb500;}
.eventscalender .nom-cale ul li .gray_cl{ color:#dcdcdc !important;}
.eventscalender .nom-cale ul li.acts{ background:#efefef;}

#event-deat{ min-height:324px;}
#event-deat h2{ width:95%; height:75px; margin:0; padding:0 3%; float:left; border-bottom:1px solid #003a75; background:#5284c4;  font-size:30px; color:#FFF; line-height:75px;}
#event-deat .conta-ev{clear: both; padding: 19px;}
#event-deat .leftcont{ float:left; width:360px; height:206px;}
#event-deat .leftcont h3{ font-size:24px; color:#555555; line-height:30px;}
#event-deat .leftcont p{  font-size:13px; color:#555555; line-height:21px;}
#event-deat .rightimage{ float:right; width:290px;}
#event-deat .rightimage img{ width:100%;}
#event-deat .liksbx{width: 360px; margin: 10px 0 0; position:relative; float:left; bottom:0;}
#event-deat .print-div{width:10%; margin: 10px 0 0; float:right !important; clear:none !important;}

.event-month{ position:relative;}
.event-month h2{ width:95%; height:75px; margin:0; padding:0 3%; float:left; border-bottom:1px solid #003a75; background:#5284c4;  font-size:30px; color:#FFF; line-height:75px; text-align:center;}
.event-month .conta-ev{clear: both; padding: 19px;}
.event-month .conta-ev ul{ width:100%; border-top:solid 1px #dcdcdc; border-left:solid 1px #dcdcdc; display:table;}
.event-month .conta-ev ul li{ float:left; width:16.5%; height:124px; list-style:none; font-size:24px; text-transform:uppercase; text-align:center; vertical-align:middle; display:table-cell; border-right:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc;}
.event-month .conta-ev ul li div{ display:table-cell; vertical-align:middle;height:124px; width:10%; }
.event-month .conta-ev ul li:hover{background:#efefef;}
.event-month .conta-ev ul li.pick{ background:#efefef;}
.event-month .conta-ev .bor-rn{ border-right:none;}
.event-month .leftarr{ position:absolute; width:61px; height:74px; top:0; left:0; background:url(ex-date-arr.jpg) 10px 10px no-repeat; z-index:15; cursor:pointer;}
.event-month .rightarr{  position:absolute; width:61px; height:74px; top:0; right:0; background:url(ex-date-arr.jpg) 13px -106px no-repeat; z-index:15; cursor:pointer;}
.event-month .liksbx{width: 360px; margin: 10px 0 0; position:relative; float:left; bottom:0;}
.event-month .print-div{width:10%; margin: 10px 0 0; float:right !important; clear:none !important;}
.event-deat .print-div a.print-button{ width:66px; height:21px; margin:0; padding:0; float:right; background:url(print-button-ex.jpg) no-repeat;}
.event-deat .print-div a.print-button:hover{ background-position: 0px -21px;}
.ex-slid-mob{display:none;}


/*explore kaust*/

/*--------------contact-us----------25-january2014-- abhilash---------------*/
.contact-conr{ float:left; width:100%; margin-top:42px; position:relative;}
.contact-thank{ float:left; width:100%; height:100%; background-color:#fff; color:#555555; position:absolute; top:0px; left:0px; z-index:1; font-weight: bold; font-size:18px; color:#333; text-align:center; display:none; }

.contact-thank h3{ font-weight: bold; font-size:18px; color:#555555!important; margin:0; padding:15% 0 0 0!important; text-align:center; width:90%;}
.contact-thank p{ font-weight: bold; font-size:18px; color:#555555!important; margin:0; padding:2% 0 0 0!important; text-align:center; width:93%;}

.content-width .column-container-left .contact-conr ul{ padding:0px; margin:0px;}
.content-width .column-container-left .contact-conr ul li{ height:auto; float:left; margin-bottom:26px; padding:0; background:none;}
.content-width .column-container-left .contact-conr ul li label {float:left;	margin-right:11px;}
.content-width .column-container-left .contact-conr ul li span{float:left; color:#ff0000; font-size: 18px; line-height: 19px; width:80px;}
.input-conr{ width:318px; float:left; color:#444444; font-size: 18px; line-height: 19px;}
.input-conr-text{ width:620px; float:left; color:#444444; font-size: 18px; line-height: 19px;}
.text-int{ width:293px; height:34px; padding:3px; color: #444444; font-size: 18px; line-height: 19px; border:1px solid #e3e3e3; margin-top:4px; -webkit-border-

radius:3px; -moz-border-radius:3px; border-radius: 3px;-webkit-box-shadow:inset 0px 2px 2px 0px #dddddd;
  -moz-box-shadow:inset 0px 2px 2px 0px #dddddd;
  box-shadow:inset 0px 2px 2px 0px #dddddd; background-color:#f7f7f7;}
  
 .text-fld{ font-family: 'Rotis Sans Serif'; font-weight:bold; width:96%; height:158px; padding:2%; color: #444444; font-size: 18px; line-height: 19px; border:1px solid #e3e3e3; margin-to
 :4px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius: 3px;-webkit-box-shadow:inset 0px 2px 2px 0px #dddddd; -moz-box-shadow:inset 0px 2px 2px 0px #dddddd;
  box-shadow:inset 0px 2px 2px 0px #dddddd; background-color:#f7f7f7; resize:none;}
.submt-cont{ width:100px; height:40px; padding:3px; color:#555555; font-size: 18px; line-height: 19px; border:1px solid #e3e3e3; background:#dcdcdc; cursor:pointer; margin-top:0px;}
.submt-cont:hover{ background:#c9c9c9;}


.column-sidebar .app2kst {
    background: none repeat scroll 0 0 #00A6AA;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    float: left;
    height: 230px;
    overflow: hidden;
    position: relative;
    width: 230px;
}
.column-sidebar .app2kst h1 {
    color: #FFFFFF;
	  font-weight: bold;
       font-size: 40px;
    line-height: 38px;
    padding: 28px 0 0 30px;
    text-transform: uppercase;
}
.column-sidebar .app2kst h2 {
    color: #FFFFFF;
     
    font-size: 38px;
    line-height: 38px;
    padding: 0 0 0 30px;
    text-transform: uppercase;
}
.column-sidebar .app2kst p {
    background: url("arrow-study.png") no-repeat scroll right 44px rgba(0, 0, 0, 0);
    color: #FFFFFF;
    
    line-height: 20px;
    min-height: 55px;
    padding: 33px 0 0 30px;
}
.column-sidebar .app2kst .app2kst-back p {
    background: url("arrow-study.png") no-repeat scroll right -57px rgba(0, 0, 0, 0);
    color:#00A6AA;
    
    line-height: 20px;
    min-height: 55px;
    padding: 33px 0 0 30px;
}
.column-sidebar .app2kst .app2kst-back {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 230px;
    left: -325px;
    overflow: hidden;
	position: absolute;
    top: 0;
    width: 230px;
}
.column-sidebar .app2kst .app2kst-back h2 {
    color: #00A6AA;
   	
    font-size: 38px;
    line-height: 38px;
    padding: 0 0 0 30px;
    text-transform: uppercase;
}
.column-sidebar .app2kst .app2kst-back h1 {
    color: #00A6AA;
      font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    padding: 28px 0 0 30px;
    text-transform: uppercase;
}
.column-sidebar .app2kst a.links {
    height: 226px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 226px;
}


/*work at kaust abhilash */
.column-sidebar .woktkst {
    background: none repeat scroll 0 0 #e1e266;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    float: left;
    height: 230px;
    overflow: hidden;
    position: relative;
    width: 230px;
}



.column-sidebar .woktkst h1 {
    color:#585303;
      font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    padding: 28px 0 0 30px;
    text-transform: uppercase;
}


.column-sidebar .woktkst h2 {
    color:#585303;
   	
    font-size: 38px;
    line-height: 38px;
    padding: 0 0 0 30px;
    text-transform: uppercase;
}


.column-sidebar .woktkst p {
    background: url("arrow-study.png") no-repeat scroll right -326px rgba(0, 0, 0, 0);
    color:#585303;
    
    line-height: 20px;
    min-height: 55px;
    padding: 33px 0 0 30px;
}



.column-sidebar .woktkst .woktkst-back {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 230px;
    left: -325px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 230px;
}


.column-sidebar .woktkst .woktkst-back h2 {
    color:#585303;
	    
    font-size: 38px;
    line-height: 38px;
    padding: 0 0 0 30px;
    text-transform: uppercase;
}


.column-sidebar .woktkst .woktkst-back h1 {
    color:#585303;
      font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    padding: 28px 0 0 30px;
    text-transform: uppercase;
}
.column-sidebar .woktkst .woktkst-back p {
    background: url("arrow-study.png") no-repeat scroll right -326px rgba(0, 0, 0, 0);
    color:#585303;
    
    line-height: 20px;
    min-height: 55px;
    padding: 33px 0 0 30px;
}

.column-sidebar .woktkst a.links {
    height: 226px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 226px;
}

.kaust-latest-stories{ float:left; height:50px; width:100%; border-bottom:1px solid #dcdcdc; margin-bottom:7%;}
	
.kaust-latest-stories h3{color:#939393; font-size: 38px; margin: 0; padding: 0 0 10px; float:left; width:45%;}
.latest-sto-nav{ float:right; /*width:25%;*/ text-align:right;}
.text-ints{ width:187px; height:34px; padding:3px; color: #444444; font-size: 5px; line-height: 19px; border:1px solid #e3e3e3; margin-top:4px; background-color:#f7f7f7;}
.latest-sto-nav p.check {
    display: block;
    height: auto;
    margin: 0 auto;
    padding: 0 0 10px;
    position: relative;
    width: 247px;
}
.content-width .column-container-left .latest-story{ width:100%; float:left; height:auto;}
.content-width .column-container-left .latest-story ul{ padding:0; margin:0; display:block;}
.content-width .column-container-left .latest-story li{ height:111px; float:left; margin-bottom:2%; width:100%; background:none; padding:0;}
.content-width .column-container-left .latest-sto-pic{ float:left; width:23%;}
.content-width .column-container-left .latest-sto-cont{float:left; width:75%; padding-left:2%; padding-top:2%;}
.content-width .column-container-left .latest-sto-cont a{float:none; color:#444444; font-size:20px; text-decoration:none;}
.content-width .column-container-left .latest-sto-cont a:hover{ text-decoration:underline;}
.content-width .column-container-left .latest-sto-cont span{color:#6c6565; font:17px/36px 'Rotis Sans Serif'; float:left;}

.latest-sto-pic img {
	max-width: 100% !important;
}
.latest-page-nvtn{ float:left; width:100%; height:35px; background-color: #9C0;}

.ngg-navigation {
    clear:both !important;
    display:block !important;
    font-size:0.9em !important;
    padding-bottom:3px;
    padding-top:15px;
    text-align:center;
	margin-top:33px;
}


.ngg-navigation span {
   /* font-weight:bold;*/
    margin: 0 3px 0 0;
	color:#fff;
	padding:5px 12px;
	font-size:16px;
	border:1px solid #555555;
	background-color:#555555;
	 
}


.ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev {
    border:1px solid #efefef;
    margin-right:3px;
    padding:5px 12px;
	 /*font-weight:bold;*/
    text-decoration:none;
	font-size:16px;
	color:#444444;
	background-color:#efefef;
	 
}

/*side event calender abhilash */
.column-sidebar .evecalr {
    background: none repeat scroll 0 0 #003a75;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    float: left;
    height: 230px;
    overflow: hidden;
    position: relative;
    width: 230px;
}



.column-sidebar .evecalr h1 {
    color:#fff;
      font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    padding: 28px 0 0 30px;
    text-transform: uppercase;
}


.column-sidebar .evecalr h2 {
    color:#fff;
   	
    font-size: 38px;
    line-height: 38px;
    padding: 0 0 0 30px;
    text-transform: uppercase;
}


.column-sidebar .evecalr p {
    background: url("calender-event.png") no-repeat scroll right 46px rgba(0, 0, 0, 0);
    color:#fff;
    
    line-height: 20px;
    min-height: 55px;
    padding: 33px 0 0 30px;
}



.column-sidebar .evecalr .evecalr-back {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 230px;
    left: -325px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 230px;
}


.column-sidebar .evecalr .evecalr-back h2 {
    color:#003a75;
	    
    font-size: 38px;
    line-height: 38px;
    padding: 0 0 0 30px;
    text-transform: uppercase;
}


.column-sidebar .evecalr .evecalr-back h1 {
    color:#003a75;
      font-weight: bold;
    font-size: 40px;
    line-height: 38px;
    padding: 28px 0 0 30px;
    text-transform: uppercase;
}
.column-sidebar .evecalr .evecalr-back p {
    background: url("calender-event.png") no-repeat scroll right -57px rgba(0, 0, 0, 0);
    color:#003a75;
    
    line-height: 20px;
    min-height: 55px;
    padding: 33px 0 0 30px;
}

.column-sidebar .evecalr a.links {
    height: 226px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 226px;
}
/*side beacon-news paper abhilash */
.column-sidebar .beacpaper {
    background: none repeat scroll 0 0 #5284c4;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    float: left;
    height: 230px;
    overflow: hidden;
    position: relative;
    width: 230px;
}



.column-sidebar .beacpaper h1 {
    color:#fff;
      font-weight: bold;
    font-size:33px;
    line-height: 38px;
    padding: 28px 0 0 30px;
    text-transform: uppercase;
}


.column-sidebar .beacpaper h2 {
    color:#fff;
   	
    font-size: 38px;
    line-height: 38px;
    padding: 0 0 0 30px;
    text-transform: uppercase;
}


.column-sidebar .beacpaper p {
    background: url("baron-paper.png") no-repeat scroll right 46px rgba(0, 0, 0, 0);
    color:#fff;
    
    line-height: 20px;
    min-height: 55px;
    padding: 33px 0 0 30px;
}



.column-sidebar .beacpaper .beacpaper-back {
    background:none repeat scroll 0 0 #FFFFFF;
    height:230px;
    left:-325px;
    overflow:hidden;
    position:absolute;
    top:0;
    width:230px;
}


.column-sidebar .beacpaper .beacpaper-back h2 {
    color:#5284c4;
	   
    font-size:38px;
    line-height:38px;
    padding:0 0 0 30px;
    text-transform:uppercase;
}


.column-sidebar .beacpaper .beacpaper-back h1 {
    color:#5284c4;
     font-weight: bold;
    font-size:33px;
    line-height:38px;
    padding:28px 0 0 30px;
    text-transform:uppercase;
}
.column-sidebar .beacpaper .beacpaper-back p {
    background:url("baron-paper.png") no-repeat scroll right -57px rgba(0, 0, 0, 0);
    color:#5284c4;
    
    line-height:20px;
    min-height:55px;
    padding:33px 0 0 30px;
}

.column-sidebar .beacpaper a.links {
    height:226px;
    left:0;
    margin:0;
    padding:0;
    position:absolute;
    top:0;
    width:226px;
}

.latest-sto-nav-demo div.fancy-select ul.options.open {
	visibility: visible;
	top:35px !important;
	height:auto;
	opacity:1;
	}

.media-like-our{ float:left; height:34px; width:380px; margin:18px 0;}
.white-space .column-container h6 {
    color:#333333;
    font-weight: bold;
    font-size:18px;
    margin:0;
    padding:15px 0 0;
}
/*------------abhilash--contact-us-----end-----------*/




.exp-full-width{width:100%; height:auto; margin:0; padding:0; float:left; border-bottom:1px solid #5284C4; border-top:1px solid #5284C4; position:relative; bottom:0px; background:#FFF; z-index:4;}
.exp-full-width .collab-tab-wrap .tabnav ul li a.active-tab{border-bottom: 5px solid #5284C4;}
.exp-full-width .collab-tab-wrap .tabnav ul li a{color: #5284C4}
.exp-full-width .collab-tab-wrap .page-tittle{ width: 70px; padding: 0px 10px 0 0;height: 33px;}
.exp-full-width .collab-tab-wrap .page-tittle.forad{width: 100px;}

.exp-fig{ float:left; margin:0 15px 0 0; width:auto;}

.fist-pies{ padding:0 0 10px !important;}

.events-cl-sld{ width:100%; position:relative;}
.events-cl-sld .bx-pager{ display:none !important;}
.events-cl-sld .bx-controls-direction{ position:absolute; top:0; width:100%;}
.events-cl-sld .bx-prev{width:19px; height:41px; float:left; background:url(event-nav.png) left top no-repeat; position:absolute; left:0; top:0; z-index:9; text-indent:-999999px;}
.events-cl-sld .bx-prev:hover{background:url(event-nav.png) right top no-repeat;}
.events-cl-sld .bx-next{width:19px; height:41px; float: right; background:url(event-nav.png) left -84px no-repeat; position:absolute; right:0; top:0; z-index:9;text-indent:-999999px;}
.events-cl-sld .bx-next:hover{background:url(event-nav.png) right -84px no-repeat;}
.paddtop50{ padding-top:50px;}

.events-mont{ width:100%; position:relative;}
.events-mont li{ float:left;}

/*about kaust king speech*/
.abt-kaust{ background:#fff; position:relative; width:100%; padding:50px 0 0 0;}
.abt-kaust .inset{ width:1037px; margin:auto; position:relative;}
.abt-kaust .inset .leftconts{ float:left; width:570px; position:absolute; left:0; z-index:99; top:10px;}
.abt-kaust .inset .leftconts .quats{ width:100%;}
.abt-kaust .inset .leftconts h1{ color:#444444; font-size: 26px; line-height: 36px; margin-bottom: 15px;}
.abt-kaust .inset .leftconts h2{ color: #2b2b2b;  font-weight: bold !important; font-size: 18px !important; line-height: normal; padding: 22px 0 0; word-wrap: break-word; width:89%;}
.abt-kaust .inset .leftconts .link{background: #5284C4; color: #FFFFFF; display: block;  font-size: 20px; height: 50px;line-height: 50px; margin: 40px 0 0; padding: 0; text-align: center; text-decoration: none;  width: 200px;}
.abt-kaust .inset .leftconts .link:hover{background:#003B75;}
.abt-kaust .inset .rightimage{ float:right; width:721px; position:relative; z-index:1;}
.abt-kaust .inset .rightimage img{ width:540px; float:right; height: 100%; max-height: 338px;}

.history{/* width:100%;*/ padding:50px 0; background:#efefef; clear:both;}
.history h1{color: #444444; font-family: 'Rotis Sans Serif' !important; font-size: 36px;  line-height: 38px; margin: 0; text-align:center; font-weight:normal;}
.history h2{color: #444444; font-family: 'Rotis Sans Serif' !important; font-size: 20px;  line-height: 30px; margin: 0; text-align:center; font-weight:normal;}
.history-plugin-container {
	margin: 0 auto;
	width: 96%;
	border: 1px solid #ccc;
}
/*about kaust king speech*/

/*29 January*/
#thumb-slides{position:relative;}
.kaust-gallery-container .kaust-gallery-slide .slidesjs-pagination{ width:200px; margin:0 auto; display:block; text-align:center; height:80px; float:none;}
/*11Feb*/
.kaust-gallery-container .kaust-gallery-slide .slidesjs-pagination li.slidesjs-pagination-item{ width:20px; display:inline-block !important; float:none !important; margin:10px 0 0 0;}
/*11Feb*/
.kaust-gallery-container .kaust-gallery-slide .slidesjs-pagination li.slidesjs-pagination-item a{background:url(navBtn.png) no-repeat 0px -22px; display: block; width:20px; height:22px; margin:0; outline: 0 none; text-indent: -9999px;}
.kaust-gallery-container .kaust-gallery-slide .slidesjs-pagination li.slidesjs-pagination-item a:hover, .kaust-gallery-container .kaust-gallery-slide .slidesjs-pagination li.slidesjs-pagination-item a.active{background:url(navBtn.png) no-repeat 0px 0px;}

/*.kaust-gallery-container .kaust-gallery-slide .slidesjs-container{ height:700px !important;}*/
.kaust-gallery-container .kaust-gallery-slide{width:980px; height: auto; margin:0 0 40px 0; padding:10px 0; float:left;}
.kaust-gallery-container .kaust-gallery-slide ul{width:100%;}
.kaust-gallery-container .kaust-gallery-slide ul li{width:100%; float:left; height:auto;}

/*11Feb*/
.kaust-gallery-container .kaust-gallery-slide ul li div.photo-gallery-thmb{width:33%; height:auto; float:left; margin:0; padding:0; border-right:2px solid #FFF; border-bottom:2px solid #FFF; position:relative; overflow:hidden;}
/*11Feb*/
.kaust-gallery-container .kaust-gallery-slide ul li div.photo-gallery-thmb img{width:99%; float:left; height:100%; max-height:222px;}

/*11Feb*/
.kaust-gallery-container .kaust-gallery-slide a.slidesjs-previous{position:absolute; bottom:40px; text-indent:-9999px; outline:none; width:36px; height:41px; background:url(gallery-nav-left.png) no-repeat 0px 0px; left:35%;}
.kaust-gallery-container .kaust-gallery-slide a.slidesjs-previous:hover{background:url(gallery-nav-left.png) no-repeat 0px -41px;}
.kaust-gallery-container .kaust-gallery-slide a.slidesjs-next{position:absolute; bottom:40px; text-indent:-9999px; outline:none; width:36px; height:41px; width:36px; height:41px; background:url(gallery-nav-right.png) no-repeat 0px 0px; right:35%;}
.kaust-gallery-container .kaust-gallery-slide a.slidesjs-next:hover{background:url(gallery-nav-right.png) no-repeat 0px -41px;}
/*11Feb*/

.kaust-video-gallery .kaust-videos{ width:100%; height:655px; margin:0; padding:0 0 35px 0;}
/*29 January*/

/* adminis*/
.collab-tab-wrap .tabnav ul.for-ad{}
.collab-tab-wrap .tabnav ul.for-ad li a{ line-height:18px !important;}
.font-w-b{ font-weight:bold;}
/* adminis*/

/* Ex Ban*/
.ex-b-txt{ background:#fff; color:#06C; font-weight:bold; line-height:22px; font-size:0.8em; text-align:center; position:relative; bottom:3px;  padding:10px 10px;}
/* Ex Ban*/

/*map toogle*/
.map-toggle-link { background: none repeat scroll 0 0 #FFFFFF; color: #006699; font-size: 13px; line-height: 30px; height: 30px; min-width: 100px; padding: 0 10px; position: absolute; right: 5px; text-align: center;
    top: 25px; z-index: 100;}
/*map toogle*/
/*11Feb*/
.gallery-back{float:right; padding:15px 0 0 0;}
.gallery-back a{font-size: 14px; line-height: 30px; color:#FFF; text-decoration:none; background:#5484c4; float:left; margin:0; padding:0 20px; -webkit-border-radius:3px;-moz-border-radius:3px; border-radius: 3px;}
.gallery-back a:hover{ background:#3261a8;}
.card-next{display:none;}
.hdpad{ padding:75px 0 0 0 !important;}
/*11Feb*/
@media all and (max-width: 1025px) and (min-width: 686px) { /*TAB*/

/*29 January*/
.kaust-gallery-container .kaust-gallery-slide{width:100%; height: auto; margin:0 0 40px 0; padding:10px 0; float:left;}
.kaust-video-gallery .kaust-videos{ width:100%; height:655px; margin:0; padding:0 0 35px 0;}
/*29 January*/

/*11Feb*/
.kaust-gallery-slide ul li .photo-gallery-thmb a.card-back{display:none;}
.kaust-gallery-slide ul li .photo-gallery-thmb a.card-back h2{display:none;}
.kaust-gallery-slide ul li .photo-gallery-thmb a.card-back p{display:none;}
.card-next{display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:100; background:none;}
.kaust-gallery-slide .card-back-demo{display:none}
/*11Feb*/

.tabPic {display:block; }

.dskPic {display:none; }
.breadcrumb{margin-top:50px;}


.menu-contant-container ul li a{ margin-bottom:8px !important;}

.menu-contant-container h2 a{margin-bottom:10px !important; line-height:15px !important;}



#tabM {display:block; }

.h2Pd {display:block; background:url("transp.png") repeat scroll 0 0 rgba(0, 0, 0, 0); font-weight: bold; color:#66615D; height:40px; font-size:22px; position:absolute; bottom:0px; width:95%; padding:0 0 0 5%; line-height:45px; }


.mainbanner-wrap .slides article{ position:absolute; z-index:12; bottom:-58px; width:100%;text-align:left;background:url(transp.png); font-size:24px; color:#66615d; display:none;

-webkit-transition: all 300ms ease-out;

-moz-transition: all 300ms ease-out;

-o-transition: all 300ms ease-out;

-ms-transition: all 300ms ease-out;

transition: all 300ms ease-out;

}

.mainbanner-wrap .slides:hover article{

-moz-transform: translateY(-100%);

-o-transform: translateY(-100%);

-webkit-transform: translateY(-100%);

opacity: 1;

transform: translateY(-100%); bottom:-104px;

}

.mainbanner-wrap .slides article h2{ font-weight: bold; padding:14px 2%; font-weight:normal;}

.mainbanner-wrap .slides article p{ line-height:18px; padding:0px 2% 14px;  font-size: 15px; color:#000;}













.mnuWdth {width:100%; margin:auto;}



.marg-left53{ margin-left:25px;}

 

.dropdown_2columns { margin-top:0px;}



.header { position:absolute; padding:30px 0 60px 0;}



	.header .inner-sec .logo {margin:0 16px 0 16px;}

	

	.privew-cont{ width:100%; }

	.mainbanner-wrap{margin:200px auto 0; }	

		.mainbanner-wrap .prev{ left:0px;width:81px;  }

		.mainbanner-wrap .next{right:0px;width:81px;}

		

	.explore-left{ width:275px; padding:0 0 0 20px; }

	.explore-center{width:200px; float:left;  margin:0;}

	.explore-right{  float: left; margin:4px 0 0 0px; }

	

	#slider1_container, #slider1_container2, #slider1_container3, #slider1_container4 {margin:0 auto; }

	

	

	

	.tabNav {width:31px; height:31px; background:url(tab-nav.png) no-repeat; display:block; float: right; margin-left:5px;text-indent:-999999px;cursor:pointer;}

	
	.serDivMain {right:1%; top:65px;}
	

	#menu {	list-style:none; width:100%;margin:0px auto 0px auto;	height:auto; padding:0px; top:60px;position:absolute; clear:both; /*display:none;*/ float:none; background:#fff; z-index:20;}

	.brdr { border-bottom:solid 1px #b4b4b4; display:block; }

		#menu li a {font-size:15px; }

		

		#menu li .drop, #menu li .drop2, #menu li .drop3, #menu li .drop4{padding-right:18px;}

	

		#menu li:hover .drop, #menu li:hover .drop2, #menu li:hover .drop3, #menu li:hover .drop4, #menu li:hover .drop5 { border-bottom:solid 5px #fff;}

		

		#menu .menuright2{ float:left;margin:7px 15px 0 0;}		

		#menu .menuright{ float:left; margin-right: 0;}

		

		.menu-contant-container {  width:100%!important;}

		.menu-contant-container ul li{ padding:0 0 0 10px !important;}

		.studyMrgn{ margin-left:0; padding-left:6px!important;}

		

		.collaborate-right {padding:0px 0px 0px 18px; }

		

		.study-left{ float: left; width:50%; padding:0 0 0 25px}

		.study-right{ float: none; width:100%; padding:0 25px 0 0; clear:both;}

		

		

		.research-left{ width:309px; float:left;padding:0 0 0 25px; margin:0 14px 0 0px;}

		

		.research-left ul li{padding:0 0 0 15px !important;}

		

		.research-center{width:301px; float:left;padding:0 0 0 0px;margin:0 14px 0 0px;}

		

		.research-center ul li{padding:0 0 0 15px !important;}

		

		.research-right{width:238px; float:left;padding:0 0 0 0px;}

		

		.research-center ul li{padding:0 0 0 15px !important;}

		

		.marg-left40{ margin-left:20px;}

		

		

		.live-work-left{ width:309px; float:left;padding:0 0 0 20px; margin:0 14px 0 0px;}

		

		.liveHdr{ width:75%;}

		.live-work-right{width:238px; float:left;padding:0 40px 0 0px;}

		

		

		.collaborate-left{ padding:0 0 0 16px; }







		.gaTwo, .gathree {display:none; }

		

		







/* Contant section Start*/

.contant-container{ width:100%; margin-top:15%; max-width:976px;}



img {max-width:100%; height:auto; width:100%;}



.footer-image img {max-width:320px !important; }



/* slider section Start*/

.studySlideDiv, .researSlideDiv, .collabSlideDiv, .liveSlideDiv {width:100%; height:auto; margin:0 auto 25px; overflow:inherit;}



.header .inner-sec{ width:100%; position:initial;}

.topDiv{ width:100%; position:absolute;}





/* ganesh*/

.studyinnercontant .headerDiv {width:100%; height:56px; position:absolute; z-index:55;   }

/* ganesh*/

	/*.study, .reserHdr, .collabHdr, .liveHdr { position:absolute; left:0px; top:0px;  height:auto;display:block;  color:#555; font-weight:bold; background:url(../images/transp.png) repeat; height:48px; padding:0 15px; 

	line-height:56px;  font-family: 'Rotis Serif';font-size:42px; text-transform:uppercase; width:auto!important;}*/





	.slTitle { width:70%; left:78px; bottom:/*130*/35px;}



.ban-contant{background: url(transp2.png);padding:15px;}

.studySlideDiv .slTitle h1{ height:auto;display:block;  color:#fff; font-weight:normal; padding:0 15px; line-height:48px;  font-family: 'Rotis Serif';font-size:38px; 

text-transform:uppercase; width:auto!important; display:block; background:url(hdr.png) top right repeat; float:left;}



.researSlideDiv .slTitle h1{ height:auto;display:block;  color:#fff; font-weight:normal; padding:0 15px; line-height:48px;  font-family: 'Rotis Serif';

font-size:38px; text-transform:uppercase; width:auto!important; display:block; background:url(hdr.png.1) top right no-repeat; float:left;}



.collabSlideDiv .slTitle h1{ height:auto;display:block;  color:#fff; font-weight:normal; padding:0 15px; line-height:48px;  font-family: 'Rotis Serif';

font-size:38px; text-transform:uppercase; width:auto!important; display:block; background:#f0b501; float:left;background:url(hdr.png.2) top right no-repeat;}



.liveSlideDiv .slTitle h1{ height:auto;display:block;  color:#fff; font-weight:normal; padding:0 15px; line-height:48px;  font-family: 'Rotis Serif';font-size:38px; 

text-transform:uppercase; width:auto!important; display:block; background:#ccce00; float:left;background:url(hdr.png.3) top right no-repeat;}







.slTitle h4 {color:rgb(102, 97, 93); font-size:/*20*/24px; }

.slTitle p {font-size:/*18*/15px; line-height:/*22*/20px; }

/*
.slTitle a   { display:none; }
*/

.hrSide {display:none;}


/*
.bx-wrapper {	position: relative;	margin: 0 auto 2%px;	padding: 0;	*zoom: 1;}

.bx-wrapper .bx-prev { background:url(../images/arrows.png) no-repeat 0px -218px!important; height:119px!important;}

.bx-wrapper .bx-prev:hover { background:url(../images/arrows.png) no-repeat -1px -339px!important; }

.bx-wrapper .bx-next { background:url(../images/arrows.png) no-repeat -90px -218px!important; height:119px!important;}

.bx-wrapper .bx-next:hover { background:url(../images/arrows.png) no-repeat -91px -339px!important; }

.bx-wrapper .bx-pager{ bottom:0; top:inherit !important; left:45%; right:inherit !important;}
*/


/* slider section End*/



/* Main Banner section Start*/

/*.mainbanner-wrap .slides article{ font-size:14px;}

*/

.mainbanner-wrap .slides{ width:600px !important; margin:0 20px 0 0; float:left;}



.film_roll_prev{background: url(arrows.png) no-repeat 0 -934px; left:0%;width:81px;	height:76px;top:122px; position:absolute; text-indent:-99999px;}

.film_roll_prev:hover{background-position:0px -1035px;}

.film_roll_next{background: url(arrows.png) no-repeat -111px -934px; right:0%;width:81px; height:76px;top:122px; position:absolute; text-indent:-99999px;}

.film_roll_next:hover{background-position: -111px -1033px;}





.mainbanner-wrap-mobile{ display:none;}

/* Main Banner section End*/













/*Footer section Stat*/

footer section.widgets{width:100%; height: auto; margin:0 auto; padding:0; position:relative;}

footer article.testimonial{width:100%; height: auto; float:left; vertical-align:top; margin:0; padding:0 0 30px 0;}

footer article.testimonial h3{width:230px; text-align:center; padding:0 30px 0 60px; float:left; background:url(quote.jpg) center top no-repeat;}

.footer-image{width:50%; float:right; vertical-align:top;}

footer article.testimonial h5{width:200px; padding:15px 0 0 73px; margin:0; text-align:center; line-height:14px; float:left; font-size:14px; line-height:18px;}



footer article.col-wrap{width:88%; padding:0 2% 0 10%; margin:0 auto; float:none; display:block; clear:both;}



footer article.col-1{width:33.33%;}

footer article.col-2{width:33.33%;}

footer article.col-3{width:33.33%;}

footer article.col-4{width:100%;}

footer article.col-4 ul{width:152px; height: auto; margin:0; padding:0 55px 30px 0; float:right; list-style:none;}



.footer-bottom article.footer-col{width:96%; padding:0 2%;}

.footer-bottom article.footer-col p{width:60%; text-align:left; line-height:20px; float:left; padding:12px 0 12px 7%;}

.footer-bottom article.footer-col ul{width:185px; margin:0 auto; padding:0; display:block; float:right; list-style:none; padding:12px 0;line-height:20px;}

.footer-bottom article.footer-col ul li{ line-height:20px;}

.footer-bottom article.footer-col ul li a{ line-height:20px;}

/*Footer section End*/



.exgyp{ display:none;}

.study-in-nav-mob{ float:left; margin:0 14px 0 32px;}

.applay{margin: 0 auto 20px; width:282px;}

.mainbanner-wrap .slides .sec-sild-tab{ display:block;position:absolute; z-index:12; bottom:0px; width:100%;text-align:left;background:url(transp.png); font-size:24px; color:#66615d;}

.mainbanner-wrap .slides .sec-sild-tab h2{ font-weight: bold; padding:14px 2%; font-weight:normal;}

.mainbanner-wrap .slides .sec-sild-tab p{ line-height:18px; padding:0px 2% 14px;  font-size: 15px; color:#000;}

.mainbanner-inn{ padding-left:10px;}



/*sree inner pages*/

/*.studycontants h1{padding-bottom: 12px;}*/

.studycontants .dgree{/*width: 24%;*/}

.studycontants .dgree h2{/*font-size: 26px;*/ background-position:106% 27px;padding: 16px 0 11px 11px;}

.studycontants .dgree h2:hover{ background-position:106% 27px;}



.studycontants .dgree img{/*min-height: 126px; max-height: 126px;*/}

.boxs4 .marg-r24{/*margin-right: 1.8%;*/}



.facultybox{/*width: 23%; height:198px;*/}

.facultybox .facultybox-back{/*width: 100%; height:198px;*/}

.applyingbox{/*width: 23%; height:198px;*/}

.applyingbox .applyingbox-back{/*width:100%; height:198px;*/}



.facultybox h1{/*font-size: 21px;*/}

.facultybox h2{/*font-size: 26px;*/}

.facultybox .facultybox-back h1{/*font-size: 21px;*/}

.facultybox .facultybox-back h2{/*font-size: 26px;*/}



.applyingbox h1{/*font-size: 21px;*/}

.applyingbox h2{/*font-size: 26px;*/}

.applyingbox .applyingbox-back h1{/*font-size: 21px;*/}

.applyingbox .applyingbox-back h2{/*font-size: 26px;*/}

.facultybox a.links{height: 200px;}



.degree_article .rightde-sec {width: 29%; right:0;}

.degree_article .leftde-sec{width:66%;}

.degree_article .rightde-sec .facultybox{width:100%;height:205px;background:#00a6aa; float:left; overflow:hidden; position:relative; cursor:pointer;border:solid 1px #00a6aa;}

.degree_article .rightde-sec .facultybox h1{ font-weight: bold;font-size:30px; color:#ffffff; line-height:30px;padding:28px 0 0 30px;}

.degree_article .rightde-sec .facultybox h2{ font-size:38px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#ffffff; }

.degree_article .rightde-sec .facultybox p{  padding:35px 0 0 30px; line-height:20px; color:#fff; background:url(arrow-study.png) no-repeat right 44px;}



.degree_article .rightde-sec .facultybox .facultybox-back{width:100%;height:205px;background:#fff; position:absolute; overflow:hidden; top:0; left:-325px;}

.degree_article .rightde-sec .facultybox .facultybox-back h1{ font-weight: bold;font-size:30px; color:#00a6aa; line-height:30px;padding:28px 0 0 30px;}

.degree_article .rightde-sec .facultybox .facultybox-back h2{ font-size:38px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#00a6aa; }

.degree_article .rightde-sec .facultybox .facultybox-back p{  padding:35px 0 0 30px; line-height:20px; color:#00a6aa; background:url(arrow-study.png) no-repeat right -57px;}

.degree_article .rightde-sec .facultybox a.links{ position:absolute; top:0; left:0; width:226px; height:226px; padding:0; margin:0;}



.degree_article .rightde-sec .applyingbox{width:100%;height:205px;background:#004b58; float:left; overflow:hidden; position:relative; cursor:pointer;border:solid 1px #004b58; font-weight:bold;}

.degree_article .rightde-sec .applyingbox h1{ font-weight: bold;font-size:30px; color:#ffffff; line-height:30px;padding:28px 0 0 30px;}

.degree_article .rightde-sec .applyingbox h2{ font-size:38px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#ffffff; }

.degree_article .rightde-sec .applyingbox p{  padding:35px 0 0 30px !important; line-height:20px; color:#fff !important; background:url(arrow-study.png) no-repeat right 44px; font-weight:normal;}



.degree_article .rightde-sec .applyingbox .applyingbox-back{width:100%; height:205px; background:#fff; position:absolute; overflow:hidden; top:0; left:-325px;}

.degree_article .rightde-sec .applyingbox .applyingbox-back h1{ font-weight: bold;font-size:30px; color:#004b58; line-height:30px;padding:28px 0 0 30px;}

.degree_article .rightde-sec .applyingbox .applyingbox-back h2{ font-size:38px; line-height:38px; padding:0px 0 0 30px; text-transform:uppercase; color:#004b58; }

.degree_article .rightde-sec .applyingbox .applyingbox-back p{  padding:35px 0 0 30px; line-height:20px; color:#004b58; background:url(arrow-study.png) no-repeat right -160px; font-weight:normal;}

.degree_article .rightde-sec .applyingbox a.links{ position:absolute; top:0; left:0; width:226px; height:226px; padding:0; margin:0; display:block;}



.degree_article .rightde-sec .dgree{width: 100%;}

.degree_article .rightde-sec .dgree h2{font-size: 26px; background-position:106% 27px;}

.degree_article .rightde-sec .dgree h2:hover{ background-position:106% 27px;}

.degree_article .rightde-sec .dgree img{min-height:inherit; max-height:inherit;}



.studycontants .dgree img{/*min-height: 126px; max-height: 126px;*/}

.studycontants .boxs4{ min-height:inherit;}

.studyinnercontant .studySlideDiv{ margin:0 auto 20px;}



.accod_main_wrap .contant-combo .left-sec-combo{ width:60%;}

.accod_main_wrap .contant-combo .right-sec-combo{ width:31%;}

.accod_main_wrap .contant-combo .biobut{ margin:36px 0 0 18px;}



.study_bottom_sec .left_sec{width: 45%;}

.study_bottom_sec .left_sec .linkbox{width:45%;}

.study_bottom_sec .left_sec .linkbox.marg-b24{margin-bottom: 6.5%}

.study_bottom_sec .left_sec .linkbox.marg-r24{margin-right: 6.5%}

.study_bottom_sec .right_sec{ width:53%;}

/*.study_bottom_sec .right_sec.k-library{ background-size:100% 210%;}

.study_bottom_sec .right_sec.k-library:hover{ background-size:100% 210%;}*/



/*--faculty--*/

.fak-list .bwWrapper { display:block !important;}

/*.faculti-cont .fak-list .listsec li */.BWfade{ display:none !important;}

.faculti-cont .faqlt-left{ width:100%;}

.faculti-cont .boxgrid{margin: 0 1.1% 20px 0; width:230px;} /* 7th January Ganesh */

.faculti-cont .work-at-kust{width:100%;}

.faculti-cont .work-at-kust h1{font-size: 29px !important;padding: 28px 0 0 25px;}

.faculti-cont .work-at-kust h2{font-size: 29px !important;padding: 0 0 0 25px;}

.faculti-cont .work-at-kust p{ padding:36px 0 0 10px !important;}

.faculti-cont .work-at-kust-back{width:100%;}

.faculti-cont .work-at-kust .work-at-kust-back h1{font-size: 29px !important;padding: 28px 0 0 25px;}

.faculti-cont .work-at-kust .work-at-kust-back h2{font-size: 29px !important;padding: 0 0 0 25px;}

.faculti-cont .work-at-kust .work-at-kust-back p{ width:76% !important;}

 

.faculti-cont .facultyfaq{ width:100%;}

.faculti-cont .facultyfaq h1{font-size: 29px !important;padding: 86px 0 0 0px;}

.faculti-cont .facultyfaq h2{font-size: 29px !important;padding: 0 0 0 0px;}



.faculti-cont .facultyfaq .facultyfaq-back{width:100%;}

.faculti-cont .facultyfaq .facultyfaq-back h1{font-size: 29px !important;padding: 86px 0 0 0px;}

.faculti-cont .facultyfaq .facultyfaq-back h2{font-size: 29px !important;padding: 0 0 0 0px;}



.faculti-cont .facultyadvi{ width:100%;}

.faculti-cont .facultyadvi h1{font-size: 29px;padding: 86px 0 0 0px;}

.faculti-cont .facultyadvi h2{font-size: 29px;padding: 0 0 0 0px;}



.faculti-cont .facultyadvi .facultyadvi-back{width:100%;}

.faculti-cont .facultyadvi .facultyadvi-back h1{font-size: 29px;padding: 86px 0 0 0px;}

.faculti-cont .facultyadvi .facultyadvi-back h2{font-size: 29px;padding: 0 0 0 0px;}



.faculti-cont .faqlt-left{width:100%;}

.faculti-cont .faqlt-right{width:100%;}

.faculti-cont .fak-list .listsec li{margin: 0 1.5% 1.5% 0; width:/*165px*/23.8%;}

.filterDiv{ width:100%; height:auto;}

.filter-menu{width:auto; padding-right:10px;}

.filter-menu ul li{margin-left: 9px;}

.filter-menu ul li a { text-decoration:none;font-size:12px;background:url(filterArrow.png) no-repeat right 6px; padding-right:15px; outline:none; line-height:18px; display:block; margin:11px 0;}

.filter-menu ul li a:hover { background:url(filterArrow.png) no-repeat right -8px; padding-right:15px; font-size:12px; color:#5D5D5D; }

.filter-menu ul li a.active { background:url(filterArrow.png) no-repeat right -8px; padding-right:15px; font-size:12px; color:#5D5D5D; }

.flink1{width: 126px;}

.flink2{width: 108px;}

.flink3{width: 117px;}

.flink4{width: 119px;}

.filter-menu-cont1, .filter-menu-cont2, .filter-menu-cont3, .filter-menu-cont4{ width:97%;}

.filterDiv h3{border-bottom: 1px solid #FFFFFF;}

.filter-menu-cont1 .filter-left li a:hover, .filter-menu-cont2 .filter-left li a:hover, .filter-menu-cont3 .filter-left li a:hover, .filter-menu-cont4 .filter-left li a:hover{font-size: 12px !important;

    font-weight: normal !important;

    text-decoration: underline;}

.ftr-w3{padding: 0 0 0 16px;}

.ftr-w5{padding: 0 0 0 16px;}

.filter-left ul{padding: 0;}

.facu-marg{margin: 0 0 1.5% 0 !important;}

.faculti-cont .search-sect{margin: 0;}

/*--faculty--*/



/*sree inner pages*/



/* SANEESH */

/* applying page styles*/

.content-width{width:94%; padding:0 20px; margin-top:135px; background:#FFF;}

.content-width .column-container-left{ width:100%; height: auto; margin:0; padding:0 0 0 0; float:left; }

.content-width .column-sidebar{ width: 100%;}

.content-width .column-sidebar .boxgrid{margin:20px 19px 20px 0;}

/*----color box content styles-----------------*/

.content {width:100%; height:600px; margin:0 auto;  padding:3%; overflow:auto; float:left;}

.content p{color:#8f5e34; font-family:Rotis Sans Serif; font-size:17px; font-style:italic;}

.content ul{margin:0; padding:0; display:block; width:90%; height:auto;}

.content ul li{margin:0; padding:0 0 15px 20px; display:block; list-style:none; font-size: 16px; color:#00a7a8; background:url(plus-bullet.jpg) left 7px no-repeat;}



.content2 {width:94%; height:380px; margin:0 auto;  padding:3%; overflow:auto; float:left;}

.content2 p{font-size: 18px; line-height: 22px; color:#66615d; margin:0; padding:0 0 15px 0;}

.content2 h4{ font-weight: bold; font-size:24px; color:#66615d; margin:0; padding:10px 0;}



.content3 {width:94%; height:380px; margin:0 auto;  padding:3%; overflow:auto; float:left;}

.content3 p{font-size: 14px; line-height: 22px; color:#66615d; margin:0; padding:0 0 15px 0; clear:both;}

.content3 h4{ font-weight: bold; font-size:24px; color:#66615d; margin:0; padding:10px 0; display:block;}

.content3 ul{ min-height:115px; disply:block; margin:0; padding:0; float:left;}

.content3 ul li{ list-style:none; padding:0 0 6px 50px; margin:0 0 8px 0;}

.content3 ul li.ST-email{background:url(email-icon.jpg) left center no-repeat;}

.content3 ul li.ST-blog{background:url(blog-icon.jpg) left center no-repeat;}

.content3 ul li.ST-twitter-ac{background:url(twitter-login-icon.jpg) left center no-repeat;}

.content3 ul li a{  font-size:18px; line-height:normal; color:#00a6aa; text-decoration:none;}

.print-div{width:94%; display:block; height: auto; clear:both; margin:0 auto;}

a.print-button{ width:66px; height:21px; margin:0; padding:0; float:right; background:url(print-button.jpg) no-repeat;}

a.print-button:hover{ background-position: 0px -21px;}



.column-sidebar .apply-online-back{display:none;}

.column-sidebar .addmission-back{display:none;}
.column-sidebar .events-calender-back{display:none;}
.column-sidebar .scholarship-back{display:none;}
.column-sidebar .wep-faq .wep-faq-back{ display:none;}
.column-sidebar .poster-competition .poster-competition-back{ display:none;}
.column-sidebar .evecalr-back{display:none;}
.column-sidebar .beacpaper-back{display:none;}
.column-sidebar .app2kst .app2kst-back{display:none;}
.column-sidebar .woktkst .woktkst-back{display:none;}

.onmobile{position:absolute; top:0; left:0; width:100%; height:232px; padding:0; margin:0; display:block;}



/*-------------Enrichment Program Office------------------------*/

.white-space{width:94%; padding:0 20px; margin-top:134px; background:#FFF;}

.custom-tab-wrap, .collab-tab-wrap, .live-tab-wrap {width:98%;}  /* 15th January Ganesh */

.white-space .column-container-left{ width:100%; padding:0;} /* 15th January Ganesh */

.white-space .column-container h3{font-size:34px;}

.white-space .column-sidebar{width: 100%; float:left; margin-top:20px;}

.white-space .column-sidebar .boxgrid{margin: 0 1.1% 20px 0;}

/*-------------Enrichment Program Office------------------------*/





.column-container .student-list   li{width:49%; height:auto;}

.column-container .student-list   li.row1{ margin:0 1% 20px 0 !important;}

.column-container .student-list   li.row2{ margin:0 0 20px 1% !important;}

.column-container .student-list   li.row1 a, .column-container .student-list   li.row2 a{text-decoration:none; outline:none;}

.column-container .student-list   li .student-details{ width:61%; height:auto; padding:2%;}

.column-container .student-list   li .student-image{ width:35%; height: auto; margin:0; padding:0; float:left;}



.pad-enrich_t{ padding:46px 0 0 !important;}

.bot-space{ bottom:-61px !important;}

.padnon{ padding:0 !important; }

.syudy-act-b{ border:none !important;}

.b-bot-none{border-bottom: solid 1px #b4b4b4 !important;}

.studysdr{border-bottom:solid 1px #00B3B7;}

/*----color box content styles-----------------*/

/* SANEESH */





/* ganesh*/



.studyinnercontant{ margin:205px auto 0;}



.custom-full-width, .collab-full-width, .live-full-width { margin:40px 0 0;} /* 15th January Ganesh */

.wrap-01, .wrap-02, .wrap-03 { padding:50px 0 50px !important;}

.study_bottom_sec .left_sec .linkbox h2 {line-height:normal;}



.study_bottom_sec .left_sec .link-enrich{background:url(enrich-thumb.png) no-repeat left -231px    !important;}

.study_bottom_sec .left_sec .link-ourstu{background:url(ourstud_thumb.png) no-repeat left -231px    !important;}

.study_bottom_sec .left_sec .link-graduate{background:url(graduate-thumb.png) no-repeat left -231px    !important;}

.study_bottom_sec .left_sec .link-alumini{background:url(alumini-thumb.png) no-repeat left -231px    !important;}

.study_bottom_sec .right_sec.k-library{ background:url(library-kaust-image.jpg) no-repeat left bottom    !important;}

.study_bottom_sec .right_sec.saudi-initiative-image{ background:url(saudi-initiative-kaust-image.jpg) no-repeat left bottom    !important;}



.study_bottom_sec .left_sec .link-enrich span.hover{background:url(enrich-thumb.png) no-repeat left -231px    !important;}

.study_bottom_sec .left_sec .link-ourstu span.hover{background:url(ourstud_thumb.png) no-repeat left -231px    !important;}



.study_bottom_sec .left_sec .link-graduate span.hover{background:url(graduate-thumb.png) no-repeat left -231px    !important;}



.study_bottom_sec .left_sec .link-alumini span.hover{background:url(alumini-thumb.png) no-repeat left -231px    !important;}



.study_bottom_sec .right_sec.k-library span.hover{ background:url(library-kaust-image.jpg) no-repeat left bottom    !important;}

.study_bottom_sec .right_sec.saudi-initiative-image span.hover{ background:url(saudi-initiative-kaust-image.jpg) no-repeat left bottom    !important;}

/* ganesh*/



/*Research Area Page --Saneesh--*/

ul.research-area li{width:162px; height:162px; background-position:85% 90%;}

ul.research-area li h1{font-size:24px;}

.rectangle-inner{ width:162px; height:162px;}

.rectangle-inner p{font-size:18px !important; line-height:normal !important;}

.campus-act-b{border:none !important;}

.campusdr{border-bottom:solid 1px #ccce00;}

/*Research Area Page --Saneesh--*/



/* research */

.research_innercontant{ margin:205px auto 0;}

.research-act-b{ border:none !important;}

.researchsdr{border-bottom:solid 1px #f28f00;}

.divdres{ clear:both; float:none; display:/*block*/ none; padding-bottom:15px} /* 7th January Ganesh */

.research-sup .sects span.hover{ opacity:1 !important;}

.research-sup-bot .sects-in span.hover{ opacity:1 !important;}

.research-sup-bot .sects-in.marg-r-20{ margin:0 20px 20px 0;}

.office-comp-arti .marg-r20{ margin:0 15px 0 0;}

/* research */

/*Ganesh  inner pages 19th December 2013 */ 

.collabsdr{border-bottom:solid 1px #F0B501;}

.collab-act-b{ border:none;}

/*Ganesh  inner pages 19th December 2013 */ 

/*Ganesh  inner pages 19th December 2013 */ 

.collabinnercontant{ margin:205px auto 0;}

/*Ganesh  inner pages 19th December 2013 */ 



/*January Saneesh*/

ul.unorder{ margin:0; padding:10px 0 0 20px; display:block;}

ul.unorder li{margin:0; padding:0 0 0 20px;; display:block; background:url(bull.png) left 12px no-repeat;  font-size:16px; line-height:27px; color:#444444;}

/*January Saneesh*/

figure.president-image{width:25%; margin-top:20px;}


/*-----About Kaust Saneesh Starts-----*/
.about-kaust-act-b{border:none !important;}
.about-kaust-act-bdr{border-bottom:1px solid #678ECA;}
.kaust-gallery-container{ width:96%; padding:0 2%;}
.kaust-gallery-container .breadcrumb{margin-top:40px;}

.kaust-gallery-container .bx-wrapper{width:100%;}
.kaust-gallery-container .bx-wrapper .kaust-photo-gallery ul li{width:33.33%; height:auto;}
.kaust-gallery-container .bx-wrapper .bx-pager, .kaust-gallery-container .bx-wrapper .bx-controls-auto{ left:0;}

.kaust-gallery-container .bx-wrapper .bx-prev{width:36px !important; height:41px !important; background:url(gallery-nav-left.png) no-repeat 0px 0px    !important;}
.kaust-gallery-container .bx-wrapper .bx-prev:hover{background:url(gallery-nav-left.png) no-repeat 0px -41px    !important;}
.kaust-gallery-container .bx-wrapper .bx-next{width:36px !important; height:41px !important; background:url(gallery-nav-right.png) no-repeat 0px 0px    !important;}
.kaust-gallery-container .bx-wrapper .bx-next:hover{background:url(gallery-nav-right.png) no-repeat 0px -41px    !important;}
.kaust-gallery-container .bx-wrapper .bx-controls-direction a{margin-top:-20px;}
.kaust-gallery-container .bx-controls-direction{margin:0 auto;}

.kaust-photo-gallery-bottom .link-column{width:49%;}
.kaust-photo-gallery-bottom .link-column-first{margin:0 2% 0 0;}
.kaust-photo-gallery-bottom .interactive-map-page{margin:0 2% 0 0;}

.kaust-photo-gallery li a.card-back{background:none;}
.kaust-photo-gallery .card-back h2{display:none;}
.kaust-photo-gallery .card-back p{display:none;}
.ek-slider{width:100%;}
/*-----About Kaust Saneesh Ends-----*/
/*explore kaust*/
 	.explorebdm{ border-bottom:solid 1px #5284c4;}
	.explore_kaust-m { margin: 0 auto !important;}
	.explore-act-b{ border:none;}
	.explorebd{ border-bottom:solid 1px #5284c4;}
	.welcome-banner{margin: 176px 0 0;}
	.botsec .inner{ width: 66.7%; padding-left:20px;}
	.explore_kaust-m .botlink{margin: auto; width: 98%;}
	.explore_kaust-m .botlink .linkbox{width:31.5%;height: 239px;}
	.explore_kaust-m .botlink .our-photo span.hover{width:100%;height: 239px; opacity: 1 !important;}
	.explore_kaust-m .botlink .video-box span.hover{width:100%;height: 239px; opacity: 1 !important;}
	.explore_kaust-m .botlink .kaust-map span.hover{width:100%;height: 239px; opacity: 1 !important;}
	.explore_kaust-m .botlink .linkbox a{width:100%;height: 239px;}
	.explore_kaust-m .botlink .linkbox h2{ top:115px;}
	.explore_kaust-m .botlink .linkbox h1{ top:70px;}
	.explore_kaust-m .botlink .linkbox h1.k-int{ top:55px; line-height:44px;}	
	.divids{ display:block; padding:20px 0 0 0; clear:both;}
	.green-campus .green-campus-back{ left:-325px !important;}
	.studying-at-kaust .studying-at-kaust-back{ left:-325px !important;}
	.living-and-working-back{ left:-325px !important;}
	.about-kaust-back{ left:-325px !important;}
	.musim .inner-mus{ width:98%;}
	.musim .inner-mus figure{width: 370px;}
	.musim .museum_pic span.hover{ opacity:1 !important;}
	.musim .inner-mus article{width: 358px;}
	
	.int-map{margin-top:176px}
	.int-map_in{ width: 98%; margin:auto;}
	.int-map_in .map-bot .left-gall{ width:366px;}
	.int-map_in .map-bot .right-gall{ width:366px;}
	.kaust_feel{ overflow-x:hidden;}
	.mainslids{ width:80%; margin:auto;}
	.mainslids ul{ padding:0; margin:0; list-style:none;top: 182px;}
	.mainslids ul li{ list-style:none; padding:0; margin:0 0 0 0; width:358px; float:left;}
	.mainslids ul li img{ width:100%;}
	
/*explore kaust*/

.kaust-photo-gallery-bottom .photo-gallery-link{ background:url(photo-gallery-img.jpg) no-repeat 0px -318px    !important;}
.kaust-photo-gallery-bottom .video-gallery-link{ background:url(video-gallery-img.jpg) no-repeat 0px -318px    !important;}
.kaust-photo-gallery-bottom .interactive-map-link{background:url(interactive-map-img.jpg) no-repeat 0px -318px    !important;}

/* adminis*/
.foradm{ margin-top:40px !important;}
.breadcrumb-ex{ width:100%; margin-top:40px; float:left;}
/* adminis*/

.int-map_in-map{ width:94%; margin:0 3%;}

.hdpad{ padding:121px 0 0 0 !important;}
}

/*11Feb*/
@media all and (max-width:768px) and (min-width:600px){
div.light_square .pp_content{height:400px !important;}
div.ppt{color:#fff; display:none; font-size:18px; z-index:100; margin:0 auto; padding:2% 6% 2% 2%; width:92.1% !important; min-height:40px; background:#5284c4; border-bottom:2px solid #FFF; position: relative;}
div.light_square a.pp_close{width:13px; height:13px; position:absolute; top:28px; right:30px; background:url(pop-close-small.png) 0px 0px no-repeat    !important; cursor:pointer; z-index:2002; text-indent:-10000px; display:none;}
}
/*11Feb*/

@media all and (max-width: 1024px) and (min-width:810px) { /* Tab Landscape */

figure.president-image{width:25%; margin-top:20px;}

.privew-cont{ width:803px; margin:auto; float:none;}

.mainbanner-wrap .prev{ left:5px;}

.mainbanner-wrap .next{ right:5px;}

.study_bottom_sec .right_sec{height: 226px;}



/*--faculty--*/

.faculti-cont .faqlt-left{ width:76%;}

.faculti-cont .fak-list .listsec li{ width:23%;}

.faculti-cont .faqlt-right{width:24%;}

.faculti-cont .work-at-kust .work-at-kust-back p{ width:auto !important;}



.filter-menu{width: 73%;}

.filterDiv{width:97%;}

.faculti-cont .search-sect{ margin:0 22px 0 0;}

/*--faculty--*/

.white-space .column-container-left{ width:70%; padding:0 2% 0 0;}

.white-space .column-sidebar{width: 232px;float: right;}
.content-width .column-container-left{width:70%; padding:0 2% 0 0;}
.content-width .column-sidebar{width: 232px;float: right;}


/* research */

.divdres{ clear:both; float:none; display:none;}

.office-comp-arti .marg-r20{ margin:0 0 0 0;}

/* research */

.collabcontants .faci span.hover { background:url(facili.jpg) no-repeat left top; } /* 7th January Ganesh */
	.collabcontants .locate span.hover { background:url(locate.jpg) no-repeat left top;} /* 7th January Ganesh */
	.collabcontants .sup span.hover { background:url(sup.jpg) no-repeat left top;} /* 7th January Ganesh */
	.collabcontants .liec span.hover { background:url(liece.jpg) no-repeat left top;} /* 7th January Ganesh */
	.collabcontants .adv span.hover { background:url(adva.jpg) no-repeat left top;} 	/* 7th January Ganesh */
	.collabcontants .nurt span.hover { background:url(nutur.jpg) no-repeat left top;} /* 7th January Ganesh */

/*-----About Kaust Saneesh Starts-----*/
div.light_square .pp_content{ height:140px !important;}
div.light_square .pp_content_header{ height:40px; top:-42px;}
div.light_square .pp_content_header h1{ font-size:16px; line-height:40px;}
div.light_square a.pp_close{ width:13px; height:13px; top:12px; right:12px; background:url(pop-close-small.png) no-repeat 0px 0px;}
div.light_square a.pp_close:hover{ background:url(pop-close-small.png) no-repeat 0px -13px;}
/*-----About Kaust Saneesh Ends-----*/

/*explore kaust*/
	.explore_kaust-m .botlink{margin: auto; width:100%;}
	.explore_kaust-m .botlink .linkbox{width: 312px;height: 312px;}
	.explore_kaust-m .botlink .our-photo span.hover{width: 312px;height: 312px; opacity:1 !important;}
	.explore_kaust-m .botlink .video-box span.hover{width: 312px;height: 312px; opacity:1 !important;}
	.explore_kaust-m .botlink .kaust-map span.hover{width: 312px;height: 312px; opacity:1 !important;}
	.explore_kaust-m .botlink .linkbox a{width: 312px;height: 312px;}
	.divids{ display:none; }
	.botsec .inner{width:976px}
	
	.musim .inner-mus{ width:976px}
	.musim .inner-mus figure{width: 476px;}
	.musim .museum_pic span.hover{ opacity:1 !important;}
	.musim .inner-mus article{width: 477px;}
	.int-map_in{ width:100%;}
	.int-map_in .map-bot .left-gall{ width:478px;}
	.int-map_in .map-bot .right-gall{ width:478px;}

/*explore kaust*/

/* abhilash----tab-15--january */
.contact-conr {
     width:99%;
}
.content-width .column-container-left .latest-story li {
    float: left;
    height:auto;
    margin-bottom: 2%;
    width: 100%;
}
.white-space .column-container h6{ font-weight: bold; font-size:18px; color:#333; margin:0; padding:15px 0 0 0;}
/* abhilash----tab-15---end----january */
/*about kaust king speech*/
.abt-kaust .inset{width:98%;}
/*about kaust king speech*/
.ex-tab .tabnav ul li.tab-01, .ex-tab .tabnav ul li.tab-02, .ex-tab .tabnav ul li.tab-03, .ex-tab .tabnav ul li.tab-04, .ex-tab .tabnav ul li.tab-05, .ex-tab .tabnav ul li.tab-06, .ex-tab .tabnav ul li.tab-07, .ex-tab .tabnav ul li.tab-08{padding: 0 7px;}
.serDivMain{position: absolute;width: 249px;}


/*11Feb*/
div.light_square .pp_content{height:400px !important;}
div.ppt{color:#fff; display:none; font-size:21px; z-index:100; margin:0 auto; padding:2% 6% 2% 2%; width:92.2% !important; min-height:52px; background:#5284c4; border-bottom:2px solid #FFF; position: relative;}
div.light_square a.pp_close{width:22px; height:22px; position:absolute; top:28px; right:40px; background:url(pop-close.png) 0px 0px no-repeat; cursor:pointer; z-index:2002; text-indent:-10000px; /*opacity:0;*/ display:none;}
div.light_square a.pp_close:hover{background:url(pop-close.png) 0px -22px no-repeat;}
.pp_top,.pp_bottom{height:20px;position:relative; display:none;}

/*11Feb*/

.hdpad{ padding:75px 0 0 0 !important;}


}



@media all and (max-width: 899px) and (min-width:750px) {
/*about kaust king speech*/
.abt-kaust{ width:96%; margin:auto;}
.abt-kaust .inset{ width:100%;}
.abt-kaust .inset .leftconts{width: 423px; top: 10px;}
.abt-kaust .inset .leftconts h1{font-size: 28px; line-height: 32px; margin-bottom: 15px;}
.abt-kaust .inset .leftconts h2{padding: 5px 0 0; width: 89%;font-size: 21px !important;}
.abt-kaust .inset .leftconts .link{    margin: 26px 0 0;}
.abt-kaust .inset .rightimage{width: 465px;margin-top: 40px;}
/*about kaust king speech*/	
.ex-tab .page-tittle{ width:51px !important; padding: 0px 5px 0 0 !important;height: 33px; margin: 10px 5px 0 0;}
.ex-tab .page-tittle h1{ font-size:12px;}
.ex-tab .tabnav ul li a{ font-size:10px; line-height:15px; font-weight:bold;}
.ex-tab .tabnav ul li.tab-01, .ex-tab .tabnav ul li.tab-02, .ex-tab .tabnav ul li.tab-03, .ex-tab .tabnav ul li.tab-04, .ex-tab .tabnav ul li.tab-05, .ex-tab .tabnav ul li.tab-06, .ex-tab .tabnav ul li.tab-07, .ex-tab .tabnav ul li.tab-08{padding: 0 5px;}
.ex-tab .tabnav ul{ height:auto !important;}

.colo-tab .page-tittle{ width:143px !important; padding: 0px 5px 0 0 !important;height: 33px; margin: 10px 5px 0 0;}
.colo-tab .page-tittle h1{ font-size:12px;}
.colo-tab .tabnav ul li a{ font-size:12px;line-height: 15px;}
.colo-tab .tabnav ul li.tab-01, .colo-tab .tabnav ul li.tab-02, .colo-tab .tabnav ul li.tab-03, .colo-tab .tabnav ul li.tab-04, .colo-tab .tabnav ul li.tab-05, .colo-tab .tabnav ul li.tab-06, .colo-tab .tabnav ul li.tab-07, .colo-tab .tabnav ul li.tab-08{padding: 0 3px;}
.colo-tab .tabnav ul{ height:auto !important;}

/*8-Feb*/
.collab-tab-wrap .forad{width:80px !important; margin-right:5px !important; padding-right:5px !important;}
.forad h1{font-size:10px !important; font-weight:bold !important;}
ul.for-ad li a{ font-size:10px !important; font-weight:bold !important;}

.collab-tab-wrap ul.for-ad li.tab-01, .collab-tab-wrap ul.for-ad li.tab-02, .collab-tab-wrap ul.for-ad li.tab-03, .collab-tab-wrap ul.for-ad li.tab-04, .collab-tab-wrap ul.for-ad li.tab-05, .collab-tab-wrap ul.for-ad li.tab-06, .collab-tab-wrap ul.for-ad li.tab-07{ padding:0 5px !important;}
/*8-Feb*/
}


@media all and (max-width: 899px) and (min-width:811px) {

	.filter-menu{width:90% !important;padding-right: 2px;}

	

}



@media all and (max-width: 1000px) and (min-width:900px) { 

	.filter-menu{width:auto !important;padding-right: 2px;}

	.filterDiv h3{ border-bottom:none !important;}

}







@media all and (max-width: 685px) and (min-width: 220px) { 

 
 .white-space .column-container-left ul li
 {
                width: 100%;
 }
 
 .white-space .column-container-left ul li a
 {
                width: 100%;
 }
 
 .content-tabs .tabs-menu .ui-state-active {
                border-bottom-color: inherit !important;
 }
 
/*29 January*/
.kaust-gallery-container .kaust-gallery-slide{width:100%; height: auto; margin:0 0 40px 0; padding:10px 0; float:left;}
.kaust-gallery-container .kaust-gallery-slide a.slidesjs-previous{ left:10%;}
.kaust-gallery-container .kaust-gallery-slide a.slidesjs-next{right:10%;}
.kaust-video-gallery .kaust-videos{ width:100%; height:300px; margin:0; padding:0 0 35px 0;}
/*29 January*/

.enrich-drop{ position:relative !important; top:10px !important;}
.mobSli {text-align:center; background:url(slider1.jpg.4.html) no-repeat center top    !important; width:100% !important; height:450px !important; clear:both !important;}
.mobSli img { display:none;}
.header {display:none;}
.spacer {height:108px; }
.headerMob{ background:#FFF; border-bottom:solid 1px #b4b4b4; padding:10px 0; width:100%; position:relative; display:block; z-index:500; top:0;}
.headerMob .logo{ width:14%; margin:0 0% 0 1%; text-align:center;}

.footer-image img {max-width:100%!important; }
.serDivMain {position:/*absolute*/relative; right:5%; top:32%; z-index:22;}

.mobMenu {background: url("tab-nav.png") no-repeat    ;    cursor: pointer;   float: right;height: 31px;margin-left:5px;text-indent: -999999px;width:31px;}

.topDiv {width:100%; margin:0 auto; }
.full{width:100%; height:auto; background:#030; position:relative;}
.dropmenus-m {position: absolute; display:none; top:100%; width:100%; border-top:1px solid rgb(180, 180, 180);z-index:9999; left:0 !important;  }
.menu-contant-container-mob, .menu-contant-container-mob2, .menu-contant-container-mob3, .menu-contant-container-mob4, .menu-contant-container-mob5{ width:100%; float:left; padding:10px 0 0 0; display:none; background:#fff; border-bottom:solid 1px #b4b4b4;}

.menu-contant-container-mob h2, .menu-contant-container-mob2  h2, .menu-contant-container-mob3 h2, .menu-contant-container-mob4 h2, .menu-contant-container-mob5 h2 { font-weight:normal; font-weight: bold; font-size:18px; line-height:18px; color:#704525; text-transform:uppercase; color:#000; margin:12px 0!important;}

.exgyp{ display:block; height:0; clear:both;}

.menu-contant-container-mob h2 a, .menu-contant-container-mob2 h2 a, .menu-contant-container-mob3 h2 a, .menu-contant-container-mob4 h2 a, .menu-contant-container-mob5 h2 a{ color:#704525 !important; text-decoration:none !important; font-weight: bold; font-size:17px; text-transform:none;}



.menu-contant-container-mob h2 a:hover, .menu-contant-container-mob2 h2 a:hover, .menu-contant-container-mob3 h2 a:hover, .menu-contant-container-mob4 h2 a:hover, .menu-contant-container-mob5 h2 a:hover{ text-decoration: underline !important;  }



.menu-contant-container-mob h3, .menu-contant-container-mob2 h3, .menu-contant-container-mob3 h3, .menu-contant-container-mob4 h3, .menu-contant-container-mob5 h3{ font-weight:normal; font-size:15px; line-height:20px; color:#000;}



.menu-contant-container-mob h4, .menu-contant-container-mob2 h4, .menu-contant-container-mob3 h4, .menu-contant-container-mob4 h4, .menu-contant-container-mob5 h4{ font-weight:normal; font-size:15px; line-height:35px; color:#000; text-transform:uppercase;}



.menu-contant-container-mob ul, .menu-contant-container-mob2 ul, .menu-contant-container-mob3 ul, .menu-contant-container-mob4 ul, .menu-contant-container-mob5 ul{ padding:0 0 16px; margin:0; float:left; width:100%;}

.menu-contant-container-mob ul li, .menu-contant-container-mob2 ul li, .menu-contant-container-mob3 ul li, .menu-contant-container-mob4 ul li, .menu-contant-container-mob5 ul li{ padding:0 0 0 12px !important; line-height:16px !important;font-size:15.5px; clear:both; float:none; margin:0 0 12px 0!important;}

.menu-contant-container-mob ul li a, .menu-contant-container-mob2 ul li a, .menu-contant-container-mob3 ul li a, .menu-contant-container-mob4 ul li a, .menu-contant-container-mob5 ul li a{ text-decoration:none; color:#704525 !important;font-size:15px !important; text-transform:none !important;line-height:16px !important;font-family: 'Rotis Sans Serif' !important;}





.menu-contant-container-mob ul li a:hover, .menu-contant-container-mob2 ul li a:hover, .menu-contant-container-mob3 ul li a:hover, .menu-contant-container-mob4 ul li a:hover, .menu-contant-container-mob5 ul li a:hover{ text-decoration:underline !important;}







.mob  { position:relative;}

.mob ul {padding:0; margin:0; }



.mob li { list-style:none; float:left; }





.studys, .resMob, .collabMob, .liveMob, .lateMob, .eveMob, .explMob { width:90%; padding:10px 5%; text-align:left; line-height:100%; color:#666; cursor:pointer; background:#fff;  font-weight: bold; font-size:16px; text-transform:uppercase; border-bottom:solid 1px #b4b4b4;	}





.studys, .resMob, .collabMob, .liveMob, .explMob { background:url(plus-minus.png) no-repeat /*7*/90% 8px #fff;	}

.studys-minus{ background:url(plus-minus.png) no-repeat /*7*/90% -28px #fff        !important; border-bottom:solid 1px #00B3B7 !important;}

.resMob-minus{ background:url(plus-minus.png) no-repeat /*7*/90% -28px #fff        !important; border-bottom:1px solid #F28F00 !important;}

.collabMob-minus{ background:url(plus-minus.png) no-repeat /*7*/90% -28px #fff        !important; border-bottom:1px solid #F0B501 !important;}

.liveMob-minus{ background:url(plus-minus.png) no-repeat /*7*/90% -28px #fff        !important; border-bottom:1px solid #CCCE00 !important;}


.explMob-minus{ background:url(plus-minus.png) no-repeat /*7*/90% -28px #fff        !important;}



.studys a, .resMob a, .collabMob a, .liveMob a, .lateMob a, .eveMob a, .explMob a {  font-weight: bold; font-size:16px; text-transform:uppercase; color:#666; text-decoration:none;background:url(arrow-mini.png) no-repeat right 1px; padding-right:20px; 	}



.study-left-mob, .study-right-mob, .research-left, .research-center, .research-right, .collaborate-left, .collaborate-center, .collaborate-right, .live-work-left, .live-work-right, .explore-left, .explore-center, .explore-right { float: left; width:86%; padding:0 0 0 4%; margin-bottom:15px;}



.applay {float:left; margin:8px 0px 5px 0px;}



.work-at-kaust{float:left; margin:-20px 0px 5px 0px; }



.explore-but{float:left; width:70%;  }



.marg-left16 {margin-left:4%;}



.contant-container{ width:100%;}

img {max-width:100%; height:auto; }

.studySlideDiv, .researSlideDiv, .collabSlideDiv, .liveSlideDiv {width:100%; height:auto; margin:0 auto 0px; overflow:inherit;}

.headerDiv {width:90%; height:56px; margin-top:0%; position:absolute; z-index:55; background:none; }



/*.study { font-weight:normal;padding:0; background:url(../images/study/hdr.png) right top no-repeat; height:auto; padding:0 15px;  width:auto!important; font-size:1.6em; line-height:1.6em;}

.reserHdr{ font-weight:normal;font-size:1.6em;padding:0 15px; height:auto; width:auto!important;  line-height:1.6em; background-position:top right;}

.collabHdr{ font-weight:normal;font-size:1.6em;padding:0 15px; height:auto; width:auto!important;  line-height:1.6em; background-position:top right;}

.liveHdr{ font-weight:normal;font-size:1.6em;padding:0 15px; height:auto; width:auto!important;  line-height:1.6em; background-position:top right;}*/



.slTitle {bottom:120px; width:/*80% */auto; left:78px; height:/*180px*/ auto; overflow:hidden; display:no ne;}

.ban-contant{background: url(transp2.png);padding:15px;}



.slTitle h1{ height:auto;display:block;  color:#fff; font-weight:bold; padding:0 15px; 

line-height:56px;  font-family: 'Rotis Serif';font-size:42px; text-transform:uppercase; width:auto!important; display:block; background:#00b3b7;}



.slTitle h4 {color:rgb(102, 97, 93); font-size:/*14*/180%; font-weight:/*bold*/ normal; padding-bottom:2px; }

.slTitle p {font-size:22px; line-height:25px; }

/*
.slTitle a   { display:none; }
*/

.hrSide {display:none;}





.liveSlideDiv .bx-wrapper .bx-pager{ bottom:0; top:inherit !important; left:35%; right:inherit !important;}



/*Main Banner section Start*/

.mainbanner-wrap{ display:none;}

.mainbanner-wrap .slides article{ font-size:14px;}

/*
.mainbanner-wrap { margin:0 !important; }
.mainbanner-wrap .prev{background: url(../images/arrows.png) no-repeat 0 -934px; left:0px;width:48px;    height:76px;top:122px; position:absolute; text-indent:-99999px; outline:none;}
.mainbanner-wrap .prev:hover{background-position:0px -1035px;}
.mainbanner-wrap .next{background: url(../images/arrows.png) no-repeat -111px -934px; right:155px;width:81px; height:76px;top:122px; position:absolute; text-indent:-99999px; outline:none;}
.mainbanner-wrap .next:hover{background-position: -111px -1033px;}
.mainbanner-wrap .next{ right:5px;}
.mainbanner-wrap .next{right:0px;width:81px;}
*/

.mainbanner-wrap .bx-wrapper .bx-prev { background: url(arrows.png) no-repeat 0 -1131px!important; left:0 !important;}

.mainbanner-wrap .bx-wrapper .bx-next { background: url(arrows.png) no-repeat -146px -1131px!important; right:0 !important;}

.mainbanner-wrap .bx-wrapper .bx-prev:hover {background-position:0px -1186px!important;}

.mainbanner-wrap .bx-wrapper .bx-next:hover {background-position: -146px -1186px!important;}

.mainbanner-wrap .bx-wrapper .bx-controls-direction a {position: absolute;	top:33% !important;	outline: 0;	width:45px!important;	height:42px!important;	text-indent: -9999px;	z-index: 14;}

.mainbanner-wrap .bx-wrapper .bx-controls-auto .bx-stop:hover,

.mainbanner-wrap .bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}



.mainbanner-wrap .slides{ width:340px !important; margin:0 15px 0 0; float:left;}





.mainbanner-wrap-mobile{ display:block; width:100%; position:relative; margin:26px auto 0;z-index:99;}

.mainbanner-is{width:90%; margin:auto;}

.mainbanner-wrap-mobile .mainbanner-inn{ width:100%;}



.mainbanner-wrap-mobile .slides{  margin:0 15px 0 0; float:left;}

.mainbanner-wrap-mobile .slides img{ width:100%; float:left}

.mainbanner-wrap-mobile .slides article{ position:absolute; z-index:12; bottom:0px; width:100%; font-weight: bold; text-align:center; padding:8px 0;  background:url(transp.png); font-size:14px; color:#66615d;}

.mainbanner-wrap-mobile .bx-pager{ display:none;}

.mainbanner-wrap-mobile .bx-wrapper{ position:inherit;}

.mainbanner-wrap-mobile .bx-wrapper .bx-prev { background: url(arrows.png) no-repeat 0 -1131px!important; left:0 !important;}

.mainbanner-wrap-mobile .bx-wrapper .bx-next { background: url(arrows.png) no-repeat -146px -1131px!important; right:0 !important;}

.mainbanner-wrap-mobile .bx-wrapper .bx-prev:hover {background-position:0px -1186px!important;}

.mainbanner-wrap-mobile .bx-wrapper .bx-next:hover {background-position: -146px -1186px!important;}

.mainbanner-wrap-mobile .bx-wrapper .bx-controls-direction a {position: absolute;	top:37% !important;	outline: 0;	width:45px!important;	height:42px!important;	text-indent: -9999px;	z-index: 14;}





.logoName { position:absolute; top:20%; right:5%; width:75%;}



.logoName img { width:100%; height:auto; max-width:100%;}



/*Main Banner section End*/





/*Footer section Start*/







footer section.widgets{width:100%; height: auto; margin:0 auto; padding:0; position:relative;}

footer article.testimonial{width:100%; height: auto; float:left; vertical-align:top; margin:0; padding:0 0 30px 0;}

footer article.testimonial h3{width:80%; text-align:center; padding:0 2%; float:none; margin:0 auto; background:url(quote.jpg) center top no-repeat; min-height:110px;}

.footer-image{width:96%; float:none; margin:0 auto; padding:2% 0; text-align:center; vertical-align:top;}

footer article.testimonial h5{width:80%; padding:0; margin:0 auto; text-align:center; line-height:14px; float:none; font-size:14px; line-height:18px;}



footer article.col-wrap{width:96%; padding:0 2%; margin:0 auto; float:none; display:block; clear:both;}



footer article.col-1{width:96%; text-align:center;}

footer article.col-2{width:96%; text-align:center;}

footer article.col-3{width:96%; text-align:center;}

footer article.col-4{width:100%; padding:2% 0;}

footer article.col-4 ul{width:152px; height: auto; margin:0 auto; padding:2% 0; float:none; list-style:none;}



.footer-bottom article.footer-col{width:96%; padding:0 2%;}

.footer-bottom article.footer-col p{width:98%; text-align:center; line-height:30px; padding:0 2%;}

.footer-bottom article.footer-col ul{width:185px; margin:0 auto; padding:0; display:block; float:none; list-style:none;}

.footer-bottom article.footer-col ul li{ line-height:30px;}

.footer-bottom article.footer-col ul li a{ line-height:30px;}

/*Footer section End*/

.mob-exd{ margin:0;}

.sec-sild-mob{ display:block;position:absolute; z-index:12; width:100%;text-align:left;background:url(transp.png); font-size:24px; color:#66615d; bottom:-2px;}

.sec-sild-mob h2{ font-weight: bold; padding:14px 2%; font-weight:normal; font-size:15px;}

.sec-sild-mob p{ line-height:18px; padding:0px 2% 14px;  font-size: 15px; color:#000; font-size:12px; line-height:18px; display:none;}



.studyinnercontant{ margin:15px auto 0;}



/*sree inner pages*/

.contant-container{ width:97%; margin-top:0px;}

.studyinnercontant{ margin:15px auto 0;}

.studyinnercontant .headerDiv{ background:url(transp.png) !important; width:100%;height:auto;}

.studyinnercontant .headerDiv ul{ float: none; margin: auto; width:286px;}

.studyinnercontant .headerDiv ul li{font-size: 12px; padding: 19px 4px;}

.studyinnercontant .headerDiv .study{ position:relative;background-position:0px 0;} 

.studycontants h1{ font-size: 30px;line-height: 30px;}

.studycontants .dgree{/*width:100%;*/ /*margin-bottom:10px; float:none;*/} /* 7th January Ganesh */

.dgree img{ width:100%;}

.studycontants .dgree h2{ padding:5px 0 2px 22px; background-position:right 16px;}

.studycontants .dgree h2:hover{ }

.studycontants .dgree.marg-r24{/* margin-right:0;*/} /* 7th January Ganesh */



/*.facultybox{ width:100%;}*/

.facultybox .facultybox-back{ width:100%; left:-333px;}

/*.applyingbox{width:100%;}*/

.applyingbox .applyingbox-back{width:100%; left:-333px;}

.accod_main_wrap .accod_head{font-size: 29px; line-height:21px}

.accod_main_wrap .accod_head span{ font-size:15px; padding:0 6px 0 13px;}

.accod_main_wrap .accod_sub_head{font-size: 16px; line-height: 19px; padding:12px 34px 7px 17px;}

#head2.open{background: url("plus-3.png") no-repeat scroll right 20px #FFFFFF;}

#head2.close{background: url("plus-3.png") no-repeat scroll right -20px #FFFFFF    !important;}



#head4.open{background: url("plus-3.png") no-repeat scroll right 20px #FFFFFF;}

#head4.close{background: url("plus-3.png") no-repeat scroll right -20px #FFFFFF    !important;}



#head7.open{background: url("plus-3.png") no-repeat scroll right 20px #FFFFFF;}

#head7.close{background: url("plus-3.png") no-repeat scroll right -20px #FFFFFF    !important;}



#head10.open{background: url("plus-3.png") no-repeat scroll right 20px #FFFFFF;}

#head10.close{background: url("plus-3.png") no-repeat scroll right -20px #FFFFFF    !important;}



.accod_main_wrap .contant-combo .right-sec-combo{float: none; height: auto; margin: 0 auto; width: 90%;}

.accod_main_wrap .contant-combo .left-sec-combo{float: none; height: auto; margin: 0 auto; width: 90%;}

.accod_main_wrap .contant-combo p{ padding:0; width:100%; margin:0 auto 0; font-size:14px; line-height:20px; text-align:justify;}

.accod_main_wrap .contant-combo .biobut{ margin:10% auto 0;}

.facultybox-back{ display:none;}

.applyingbox-back{ display:none;}



/*.study_bottom_sec .left_sec{ width:100%;}*/

.study_bottom_sec .left_sec{ width:88%; float:none; margin:0 auto;}

.study_bottom_sec .left_sec .linkbox{ width:46%;}

/*.study_bottom_sec .left_sec .link-enrich { background-size: 100% 202%;}

.study_bottom_sec .left_sec .link-enrich:hover{background-size:100% 202%;}

.study_bottom_sec .left_sec .link-ourstu{ background-size: 100% 202%;}

.study_bottom_sec .left_sec .link-ourstu:hover{background-size:100% 202%;}

.study_bottom_sec .left_sec .link-graduate{background-size: 100% 202%;}

.study_bottom_sec .left_sec .link-graduate:hover{background-size:100% 202%;}

.study_bottom_sec .left_sec .link-alumini{background-size: 100% 202%;}

.study_bottom_sec .left_sec .link-alumini:hover{background-size:100% 202%;}*/

/*.study_bottom_sec .left_sec .linkbox a{ width:100%;}*/

.study_bottom_sec .left_sec .linkbox.marg-r24{ margin-right:3.6%;}

.study_bottom_sec .right_sec{ width:100%; margin-bottom:20px;}

/*.study_bottom_sec .right_sec.k-library{background-size:100% 210%;}

.study_bottom_sec .right_sec.k-library:hover{background-size:100% 211%;}*/



.degree_article h3{font-size: 24px;line-height: 18px;padding: 16px 0 11px 22px; background-position: right -45px;}

.degree_article h3:hover{background-position: right -101px;}

.degree_article .leftde-sec{float: none; margin: auto;  padding: 10px 0 15px; width: 94%;}

.degree_article .scroll-left{/*height: 331px;*/}

.degree_article .leftde-sec h1{font-size: 20px; line-height: 24px;padding: 10px 0 9px;}

.degree_article .leftde-sec p{font-size: 14px; line-height: 21px;}



.degree_article .leftde-sec ol li{font-size: 14px; line-height: 21px; list-style:decimal;}

.degree_article .rightde-sec{ width:100%;}

.accod_main_wrap .accod_head a{ padding:15px 28px 5px 15px;}

.study_bottom_sec .left_sec .linkbox h2{top:117px; }



/*--faculty--*/

.faculti-cont .faqlt-left{width: 100%;}

.search-sect{position: relative;}

.faculti-cont .search-sect{width: 98%;padding: 0 0 0 2%; margin:0; position:relative; margin:0 0 2% 0;}

.filterDiv{ width:100%; height:auto;}

.filter-menu{ width:auto; height:auto;}

.filter-menu-cont1, .filter-menu-cont2, .filter-menu-cont3, .filter-menu-cont4{width:100%; position:relative; float:left;}

.filter-left li a{line-height: 18px !important;}

.ftr-w3{padding: 0 0 0 16px; width:100%;}

.filter-left ul{padding: 0;}
.ftr-w2{ width:100%;}
.ftr-w4{ width:100%;}

.ftr-w5{padding: 0 0 0 16px; width:100%;} 

.ftr-w{ width:100%;}

.flink1{width:97%;}

.flink2{width:97%;}

.flink3{width:97%;}

.flink4{width:97%;}

.faculti-cont .fak-list{width: 100%; margin:auto;}

.faculti-cont .fak-list .listsec li{width: 78%;margin: 0 auto 17px; float:none;}



.faculti-cont .faqlt-right{ width:100%;}

.faculti-cont .boxgrid{ float:none; margin: auto; margin-bottom:10px; margin-top:20px;}

.faculti-cont .work-at-kust{width: 100%;}

.faculti-cont .work-at-kust .work-at-kust-back{ display:none;}



.faculti-cont .facultyfaq{width: 100%;}

.faculti-cont .facultyfaq .facultyfaq-back{ display:none;}



.faculti-cont .facultyadvi{width: 100%;}

.faculti-cont .facultyadvi .facultyadvi-back{display:none;}

.sort ul{ width:auto;}

/*.filterDiv h3{border-bottom: solid 1px #fff;}*/

/*--faculty--*/





/*sree inner pages*/



/* SANEESH */

/* applying page styles*/

.content-width{width:96%; padding:0 2%; margin-top:0; background:#FFF; overflow:hidden;}

.content-width .column-container-left{ width:100%; height: auto; margin:0 0 15px 0; padding:0; float:left; overflow:hidden; }

.content-width .column-sidebar{ width:100%; height: auto; margin:0; padding:2% 0; float:left;}

.content-width .column-sidebar .boxgrid{ /*width:100%;*/ height:232px; margin:0 auto 15px; padding:0; float:none;}



.column-sidebar .apply-online{width:99%; position:relative;}

.column-sidebar .addmission{width:99%; position:relative;}

.column-sidebar .scholarship{width:99%; position:relative;}



.column-sidebar .addmission h2{ line-height:48px;}



.column-sidebar .apply-online-back{display:none;}

.column-sidebar .addmission-back{display:none;}
.column-sidebar .events-calender-back{display:none;}
.column-sidebar .evecalr-back{display:none;}
.column-sidebar .beacpaper-back{display:none;}
.column-sidebar .scholarship-back{display:none;}
.column-sidebar .wep-faq .wep-faq-back{ display:none;}
.column-sidebar .poster-competition .poster-competition-back{ display:none;}
.column-sidebar .app2kst .app2kst-back{display:none;}
.column-sidebar .woktkst .woktkst-back{display:none;}

.boxgrid .admission-contact{ text-align:center;}

.onmobile{position:absolute; top:0; left:0; width:100%; height:232px; padding:0; margin:0; display:block;}



#admission-faq h2{width:95%; height:50px; margin:0; padding:0 4%; float:left; border-bottom:1px solid #66615d; background:#848e85;  font-size:20px; color:#FFF; line-height:50px;}



#IDB-KAUST-scholarship h2{ width:88%; height: auto; margin:0; padding:2% 10% 2% 4%; float:left; border-bottom:1px solid #66615d; background:#848e85;  font-size:20px; color:#FFF; line-height:24px;}





.content{width:92%; height:280px; padding:3% 3% 3% 5%;}

.content ul{width:100%;}

.content ul li{ font-size:14px; line-height:normal;}

.content2{width:92%; height:280px; padding:3% 3% 3% 5%;}

.content2 p{font-size:14px; line-height:normal;}

.content2 h4{ font-size:20px;}

.collab-tab-wrap .tabnav ul li  {width: 100%;}

/*-------------Enrichment Program Office------------------------*/

.white-space{width:96%; padding:0 2%; margin-top:0px !important; background:#FFF;}

.custom-tab-wrap, .collab-tab-wrap, .live-tab-wrap {width:98%;} /* 15th January Ganesh */

.white-space .column-container-left{ width:100%; padding:0; overflow:hidden;}

.white-space .column-container h3{font-size:34px;}

.custom-full-width, .collab-full-width, .live-full-width {height: auto; margin:10px 0 0;} /* 15th January Ganesh */

.custom-tab-wrap .page-tittle {width:100%; height:35px; margin:0; padding:0; border-right:none; border-bottom:1px solid #7bcbcd; float:left;}

.collab-tab-wrap .page-tittle, .live-tab-wrap .page-tittle {width:100%; height:35px; margin:0; padding:0; border-right:none; border-bottom:1px solid #F0B501; float:left;}/* 15th January Ganesh */
.exp-full-width .collab-tab-wrap .page-tittle, .live-tab-wrap .page-tittle {width:100%; height:35px; margin:0; padding:0; border-right:none; border-bottom:1px solid #5284C4; float:left;}/* 15th January Ganesh */
.custom-tab-wrap .page-tittle h1, .collab-tab-wrap .page-tittle h1, .live-tab-wrap .page-tittle h1{text-align:center; line-height:35px;}/* 15th January Ganesh */

.custom-tab-wrap .tabnav ul, .collab-tab-wrap .tabnav ul { width:100%;} /* 15th January Ganesh */

.custom-tab-wrap .tabnav ul li a{font-size:14px; /*padding:0;*/}

.custom-tab-wrap .tabnav ul li.tab-01{width:100%; text-align:center;}

/*8-Feb*/
.custom-tab-wrap ul.alumini-tabs {height:auto !important;}
.custom-tab-wrap ul.alumini-tabs li.tab-01, .custom-tab-wrap ul.alumini-tabs li.tab-02, .custom-tab-wrap ul.alumini-tabs li.tab-03, .custom-tab-wrap ul.alumini-tabs li.tab-04{width:100% !important; padding:0 !important;}
.custom-tab-wrap ul.alumini-tabs li.tab-01 a{ height:30px !important; line-height:30px !important; padding-top:0px !important;}
.custom-tab-wrap ul.alumini-tabs li.tab-02 a{ line-height:normal !important;padding-top:10px !important;}
.custom-tab-wrap ul.alumini-tabs li.tab-03 a{ line-height:normal !important;}
.custom-tab-wrap ul.alumini-tabs li.tab-04 a{ height:30px !important; line-height:30px !important; padding-top:10px !important;}
/*8-Feb*/

.collab-tab-wrap .tabnav ul li.tab-01, .collab-tab-wrap .tabnav ul li.tab-02, .collab-tab-wrap .tabnav ul li.tab-03, .collab-tab-wrap .tabnav ul li.tab-04, .collab-tab-wrap .tabnav ul li.tab-05, .collab-tab-wrap .tabnav ul li.tab-06, .collab-tab-wrap .tabnav ul li.tab-07, .collab-tab-wrap .tabnav ul li.tab-08, .collab-tab-wrap .tabnav ul li.tab-09 {width:100%; padding:0; text-align:center;} /* 15th January Ganesh */

.live-tab-wrap .tabnav ul li.tab-01, .live-tab-wrap .tabnav ul li.tab-02, .live-tab-wrap .tabnav ul li.tab-03, .live-tab-wrap .tabnav ul li.tab-04, .live-tab-wrap .tabnav ul li.tab-05, .live-tab-wrap .tabnav ul li.tab-06, .live-tab-wrap .tabnav ul li.tab-07, .live-tab-wrap .tabnav ul li.tab-08, .live-tab-wrap .tabnav ul li.tab-09 {width:100%; padding:0; text-align:center;} /* 15th January Ganesh */



.custom-tab-wrap .tabnav ul li.tab-02{width:100%; text-align:center;}

.custom-tab-wrap .tabnav ul li.tab-03{width:100%; text-align:center;}



.white-space .column-sidebar{width:100%; height: auto; margin:0; padding:15px 0 0 0; float:left;}

/*.white-space .column-sidebar .boxgrid{ height: auto; margin:0 0 20px 0; padding:0; float:left;}*/  /* 8th January Ganesh */



.column-sidebar .events-calender{width:100%;}

/*.column-sidebar .events-calender:hover{ background:#7bcbcd;}*/

.column-sidebar .events-calender .events-calender-back{display:none;}



.column-sidebar .poster-competition{width:100%;}

/*.column-sidebar .poster-competition:hover{ background:#7bcbcd;}*/

.column-sidebar .poster-competition .poster-competition-back{ display:none;}



.column-sidebar .wep-faq{width:100%;}

/*.column-sidebar .wep-faq:hover{ background:#7bcbcd;}*/

.column-sidebar .wep-faq .wep-faq-back{ display:none;}



.wep-archive-head{width:100%;}

.wep-archive-head a{width:92%; padding:4%; background:url(arrow-down.png) #66cacc no-repeat 95% 5px;}

.wep-archive-head a:hover{background:url(arrow-down.png) #66cacc no-repeat 95% -60px; color:#FFF;}



/*-------------Enrichment Program Office------------------------*/



/* SANEESH */



/* ganesh editing 16th December 2013*/

.pagin{ width:78%; margin:0 auto;}



.study_bottom_sec .left_sec .link-enrich{background:url(enrich-thumb.png) no-repeat left -231px    !important;}

.study_bottom_sec .left_sec .link-ourstu{background:url(ourstud_thumb.png) no-repeat left -231px    !important;}

.study_bottom_sec .left_sec .link-graduate{background:url(graduate-thumb.png) no-repeat left -231px    !important;}

.study_bottom_sec .left_sec .link-alumini{background:url(alumini-thumb.png) no-repeat left -231px    !important;}

.study_bottom_sec .right_sec.k-library{ background:url(library-kaust-image.jpg) no-repeat left bottom    !important;}

.study_bottom_sec .right_sec.saudi-initiative-image{ background:url(saudi-initiative-kaust-image.jpg) no-repeat left bottom    !important;}



.study_bottom_sec .left_sec .link-enrich span.hover{background:url(enrich-thumb.png) no-repeat left -231px    !important;}

.study_bottom_sec .left_sec .link-ourstu span.hover{background:url(ourstud_thumb.png) no-repeat left -231px    !important;}



.study_bottom_sec .left_sec .link-graduate span.hover{background:url(graduate-thumb.png) no-repeat left -231px    !important;}



.study_bottom_sec .left_sec .link-alumini span.hover{background:url(alumini-thumb.png) no-repeat left -231px    !important;}



.study_bottom_sec .right_sec.k-library span.hover{ background:url(library-kaust-image.jpg) no-repeat left bottom    !important;}

.study_bottom_sec .right_sec.saudi-initiative-image span.hover{ background:url(saudi-initiative-kaust-image.jpg) no-repeat left bottom    !important;}

/* ganesh editing 16th December 2013*/



/*Research Area Page --Saneesh--*/

.studyinnercontant .campus-headerDiv{ background:url(transp.png) !important; width:100%; height:56px;}

/*Research Area Page --Saneesh--*/



/* research */

.research_innercontant{ margin:15px auto 0;}

.research_innercontant .headerDiv{background: url(transp.png); width:100%;}

.research_innercontant .researSlideDiv{ margin-bottom:20px;}

.research_innercontant .accod_main_wrap .accod_sub_head{ font-size:16px; padding-right:37px;}

.research_innercontant .accod_main_wrap .accod_head{font-size: 29px; line-height: 26px;}

.research-sup-bot .sects-in.marg-r-20{ margin:0 0 15px 0;}

.research-sup .sects.marg-r-18{ margin:0 15px 15px 0;}

.research-sup-bot .sects-in a{ width:100%;}

.research-sup .sects span.hover{ opacity:1 !important;}

.research-sup-bot .sects-in span.hover{opacity:1 !important;}



.office-comp-arti h3{ line-height:30px; font-size:26px; padding-right:44px;}



/* research */

/*Ganesh  inner pages 19th December 2013 */ 

.collabinnercontant{ margin:15px auto 0;}

.collabinnercontant .headerDiv{ background:url(transp.png) !important; width:100%;height:auto;}

.collabinnercontant .headerDiv .collabHdr{ position:relative;background-position:0px 0;} 

.collabinnercontant .headerDiv ul li{font-size: 12px; clear:both; padding:9px 10px;}

/*Ganesh  inner pages 19th December 2013 */ 

/*Ganesh  inner pages 19th December 2013 */ 

.collabcontants .faci, .collabcontants .locate, .collabcontants .sup, .collabcontants .liec, .collabcontants .adv, .collabcontants .nurt{ width:293px;}

.pullOut {width:100%; /*min-width:313px;*/ clear:both; position:relative; padding-bottom:0;}

.pullOut h3{background-position:right -100px; font-size:24px; line-height:24px; padding:16px 44px 16px 8px;}



.pullOut .leftde-sec{width:94%; padding:20px 8px;}

.pullOut .right-sec{width:95%; min-height:220px; padding:10px 8px;} 

.pullOut .leftde-sec p{font-size: 14px; line-height: 21px;}

.pullOut .leftde-sec h1{font-size: 20px; line-height: 24px;padding: 10px 0 9px;}

/*Ganesh  inner pages 19th December 2013 */ 



/*content january 3 saneesh*/

#content_4 ul, #content_5 ul{ padding:0 0 0 20px;}

#content_4 ul li, #content_5 ul li{font-size:14px; line-height:21px; background-position:left 7px;}

/*content january 3 saneesh*/



/* Ganesh 6th January 2014*/

.custom-tab-wrap .tabnav ul li.tab-04, .custom-tab-wrap .tabnav ul li.tab-05, .custom-tab-wrap .tabnav ul li.tab-06, .custom-tab-wrap .tabnav ul li.tab-07, .custom-tab-wrap .tabnav ul li.tab-08{width:100%; text-align:center; padding:5px 0;}



/* Ganesh 6th January 2014*/



/*January Saneesh*/

ul.unorder{ margin:0; padding:10px 0 0 20px; display:block;}

ul.unorder li{margin:0; padding:0 0 0 20px;; display:block; background:url(bull.png) left 12px no-repeat;  font-size:16px; line-height:27px; color:#444444;}

/*January Saneesh*/



.collabcontants .faci span.hover { background:url(facili.jpg) no-repeat left top; } /* 7th January Ganesh */
	.collabcontants .locate span.hover { background:url(locate.jpg) no-repeat left top;} /* 7th January Ganesh */
	.collabcontants .sup span.hover { background:url(sup.jpg) no-repeat left top;} /* 7th January Ganesh */
	.collabcontants .liec span.hover { background:url(liece.jpg) no-repeat left top;} /* 7th January Ganesh */
	.collabcontants .adv span.hover { background:url(adva.jpg) no-repeat left top;} 	/* 7th January Ganesh */
	.collabcontants .nurt span.hover { background:url(nutur.jpg) no-repeat left top;} /* 7th January Ganesh */

figure.president-image{margin-top:20px;}

/*-----About Kaust Saneesh Starts-----*/
.about-kaust-act-b{border:none;}
.about-kaust-fullwidth{padding:0;}
.ek-slider h1{font-size:36px; padding:34px 0 0;}
.ek-slider h2{font-size:30px; padding:10px 0 0;}
.ek-slider p{width:65%; font-size:16px;}
.about-kaust-slider-wrap .bx-controls-direction { width:100%; top:-280px;}

.about-kaust-4box-holder{width:100%;}
.about-kaust-4box-holder{ margin:0 auto 20px auto; float:none; display:block;}

.about-kaust-4box-wrap .kaust-administration{margin:0 auto 20px auto; float:none; display:block; background:url("arrow-1.png") no-repeat scroll right -82px #97b5dc;}
.about-kaust-4box-wrap .kaust-administration h1{ color:#003b77;}
.about-kaust-4box-wrap .kaust-administration h2{ color:#003b77;}
.about-kaust-4box-wrap .kaust-administration .kaust-administration-back{display:none;}

.about-kaust-4box-wrap .media-relations{margin:0 auto 20px auto; float:none; display:block; background:url("arrow-2.png") no-repeat scroll right 150px #5284c4;}
.about-kaust-4box-wrap .media-relations h1{color:#FFF;}
.about-kaust-4box-wrap .media-relations h2{color:#FFF;}
.about-kaust-4box-wrap .media-relations .media-relations-back{display:none;}

.about-kaust-4box-wrap .study-at-kaust{margin:0 auto 20px auto; float:none; display:block; background:url("arrow-3.png") no-repeat scroll right 150px #00a6aa;}
.about-kaust-4box-wrap .study-at-kaust h1{ color:#FFF;}
.about-kaust-4box-wrap .study-at-kaust h2{ color:#FFF;}
.about-kaust-4box-wrap .study-at-kaust .study-at-kaust-back{display:none;}

.about-kaust-4box-wrap .about-kaust-box{margin:0 auto 20px auto; float:none; display:block; background:url("arrow-4.png") no-repeat scroll right 150px #003a75;}
.about-kaust-4box-wrap .about-kaust-box h1{color:#FFF;}
.about-kaust-4box-wrap .about-kaust-box h2{color:#FFF;}
.about-kaust-4box-wrap .about-kaust-box .about-kaust-box-back{display:none;}

.kaust-photo-gallery li a.card-back{background:none;}
.kaust-photo-gallery .card-back h2{display:none;}
.kaust-photo-gallery .card-back p{display:none;}
.ek-slider{width:100%;}
/*-----About Kaust Saneesh Ends-----*/

/*29 January*/
/*11Feb*/
.kaust-gallery-slide ul li .photo-gallery-thmb a.card-back{display:none;}
.kaust-gallery-slide ul li .photo-gallery-thmb a.card-back h2{display:none;}
.kaust-gallery-slide ul li .photo-gallery-thmb a.card-back p{display:none;}
.kaust-gallery-slide ul li .photo-gallery-thmb a.card-next{display:block; position:absolute; width:100%; height:100%; left:0; top:0; background:none; z-index:100;}

.kaust-gallery-slide .card-back-demo{display:none;}
/*11Feb*/
/*29 January*/

/*explore kaust*/
	
		.welcome-banner{ margin:0;}
		.welcome-banner h1{line-height: 51px; font-size: 50px; padding:112px 0 0;}
		.welcome-banner h2{line-height: 26px; font-size: 20px;}
		.kaust_feel h2{font-size: 29px;}
		.explore_kaust-m .botlink .linkbox{ float:none; margin:auto; width: 283px; height: 283px;}
		.explore_kaust-m .botlink .linkbox.marg-r20{ margin-bottom:20px;}
		.explore_kaust-m .botlink .our-photo span.hover{width:100%;height: 283px; opacity: 1 !important;}
		.explore_kaust-m .botlink .video-box span.hover{width:100%;height: 283px; opacity: 1 !important;}
		.explore_kaust-m .botlink .kaust-map span.hover{width:100%;height: 283px; opacity: 1 !important;}

		.botsec .inner{ width:100%;}
		.botsec .call-boxs{ float:none; margin:auto;}
		.musim .inner-mus{ width:98%;}
		.musim .inner-mus figure{ float:none; clear:both; margin:auto; width:100%;max-width: 449px;}
		.musim .museum_pic span.hover{ opacity:1 !important;}
		.musim .inner-mus article{float:none; clear:both; width:100%;}
		.musim .inner-mus article h1{line-height: 34px; font-size: 31px;}
		.musim .inner-mus article p{padding: 14px 0;}
		.botsec .call-boxs.marg-r20{ margin-bottom:20px}
		
		.green-campus .green-campus-back{ left:-325px !important;}
		.studying-at-kaust .studying-at-kaust-back{ left:-325px !important;}
		.living-and-working-back{ left:-325px !important;}
		.about-kaust-back{ left:-325px !important;}
		
		.int-map{ margin:0 auto;}
		.mapson{ height:342px;}
		.int-map_in .map-bot .left-gall{ width:100%; max-width:478px; float:none; margin:0 auto 20px;}
		.int-map_in .map-bot .right-gall{ width:100%; max-width:478px; float:none; margin:0 auto 0px;}
	
		.eventscalender .nom-cale ul li{width:13.9%; height:89px;}
		.eventscalender .head-event .months{font-size: 28px;}
		
		#event-deat .leftcont{ float:none; width:100%; height:206px; margin:auto;}
		#event-deat .leftcont h3{ font-size:24px; color:#555555; line-height:30px;}
		#event-deat .leftcont p{ font-size:13px; color:#555555; line-height:21px;}
		#event-deat .rightimage{float:none; width:100%; margin:0 auto 10px;}
		#event-deat .conta-ev{padding: 19px 19px 121px;}
		#event-deat .liksbx{bottom:0 !important; position:relative; width:94%; padding: 10px 0;}
		#event-deat .print-div{}
		#event-month .conta-ev ul li{font-size: 16px; width: 16.1%;height: 85px;}
		#event-month .liksbx{width:94%;} 
		#event-month .rightarr{ background:url(ex-date-arr.jpg) 32px -106px no-repeat #5284c4;}
		
		.kaust_feel{ height:auto; padding-bottom:52px;}
		.mainslids{ display:none;}
		.ex-slid-mob{display:block; width:84%; margin:auto;}
		.ex-slid-mob ul{ padding:0; margin:0;}
		.ex-slid-mob ul li{ float:left; width:auto; max-width:450px;}
		.ex-slid-mob ul li img{ width:100%;}
		
	/*explore kaust*/ 

/*--------------contact-us---mob-------15-january2014-- abhilash---------------*/
.contact-conr{ float:left; width:100%; margin-top:42px; position:relative;}
.contact-thank{ float:left; width:105%; height:479px; background-color:#fff; color:#555555; position:absolute; top:0px; left:0px; z-index:1;  font-weight: bold; font-size:18px; color:#333; text-align:center; display:none; }

.contact-thank h3{ font-weight: bold; font-size:18px; color:#555555!important; margin:0; padding:15% 0 0 0!important; text-align:center; width:90%;}
.contact-thank p{ font-weight: bold; font-size:18px; color:#555555!important; margin:0; padding:2% 0 0 0!important; text-align:center; width:93%;}

.contact-conr ul{ padding:0px; margin:0px;}
.contact-conr ul li{ height:auto; float:left; margin-bottom:0px; width:100%}
.contact-conr ul li label {float:left;	margin-right:11px;}
.contact-conr ul li span{float:left; color:#ff0000; font-size: 18px; line-height: 19px; width:80px;}
.input-conr{ width:93%; float:left; color:#444444; font-size: 18px; line-height: 19px; margin-bottom:25px;}
.input-conr-text{ width:92%; float:left; color:#444444; font-size: 18px; line-height: 19px;}
.text-int{ width:100%; height:34px; padding:3px; color: #444444; font-size: 18px; line-height: 19px; border:1px solid #e3e3e3; margin-top:4px; -webkit-border-radius:3px; 

-moz-border-radius:3px; border-radius: 3px;-webkit-box-shadow:inset 0px 2px 2px 0px #dddddd;
  -moz-box-shadow:inset 0px 2px 2px 0px #dddddd;
  box-shadow:inset 0px 2px 2px 0px #dddddd; background-color:#f7f7f7;}
  
 .text-fld{width:100%; height:158px; padding:3px; color: #444444; font-size: 18px; line-height: 19px; border:1px solid #e3e3e3; margin-top:4px; -webkit-border-

radius:3px; -moz-border-radius:3px; border-radius: 3px;-webkit-box-shadow:inset 0px 2px 2px 0px #dddddd;
  -moz-box-shadow:inset 0px 2px 2px 0px #dddddd;
  box-shadow:inset 0px 2px 2px 0px #dddddd; background-color:#f7f7f7; resize:none;}
.submt-cont{ width:100px; height:40px; padding:3px; color:#555555; font-size: 5px; line-height: 19px; border:1px solid #e3e3e3; background:#dcdcdc; cursor:pointer;  

margin-top:12px;}

div.fancy-select div.trigger {width:95%!important;}
div.fancy-select {width:100%!important;}
div.fancy-select ul.options {width:109%!important;}


.kaust-latest-stories h3 { 
    font-size:22px!important;
    padding: 0 0 10px;
    width:45%;}
.kaust-latest-stories {height:auto;}

.content-width .column-container-left .latest-story li {height:auto; text-align:center;}
.content-width .column-container-left .latest-sto-pic {margin:auto; width:50%; float:none; text-align:center;}
.content-width .column-container-left .latest-sto-cont {margin:auto; text-align:center; width:75%; padding-left:0px; float:none;}
.content-width .column-container-left .latest-sto-cont span{float:none;}

.content-width .column-container-left .latest-sto-cont a {font-size: 21px;}
.ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev {font-size:12px; padding:2px 5px;}
.ngg-navigation span {
    font-size:12px;
    margin:0 3px 0 0;
    padding:2px 6px;
}

.latest-sto-nav {
    float:left;
    width:100%;
   margin-bottom:5px;
   padding-left:1.3%;
}

.latest-sto-cont span {
       float:none;}
/*--------------contact-us--mob--------15-january2014-- abhilash---------------*/

.kaust-photo-gallery-bottom .photo-gallery-link{ background:url(photo-gallery-img.jpg) no-repeat 0px -318px    !important;}
.kaust-photo-gallery-bottom .video-gallery-link{ background:url(video-gallery-img.jpg) no-repeat 0px -318px    !important;}
.kaust-photo-gallery-bottom .interactive-map-link{background:url(interactive-map-img.jpg) no-repeat 0px -318px    !important;}

.events-cl-sld .bx-controls-direction{ top:15px;}

/*about kaust king speech*/
.abt-kaust{ width:96%; margin:auto;}
.abt-kaust .inset{ width:100%;}
.abt-kaust .inset .leftconts{width: 100%; top:0px; text-align:center; position:relative; padding-bottom:40px}
.abt-kaust .inset .leftconts h1{font-size: 26px; line-height: 29px; margin-bottom: 15px;}
.abt-kaust .inset .leftconts h2{padding: 5px 0 0; width: 89%;font-size: 21px !important; margin:auto;}
.abt-kaust .inset .leftconts .link{    margin: 26px auto 0;}
.abt-kaust .inset .rightimage{width: 465px;margin-top: 15px; width:100%;}
/*about kaust king speech*/

/* adminis*/
.exp-full-width .collab-tab-wrap .page-tittle{ width:100% !important;}

.about-kaust-slider-wrap{height: auto; padding: 0 0 37px;}
.ek-slider{ height:auto;}
/* adminis*/
.custom-full-width, .collab-full-width, .live-full-width, .exp-full-width {height: auto; margin:10px 0 0;} /* 15th January Ganesh */
.int-map_in-map{ width:90%; margin:0 5%;}

.hdpad{ padding:10px 0 0 0 !important;}

}
/*explore kaust*/
@media all and (max-width: 640px) and (min-width: 490px) {
.ex-slid-mob{display:block; width:70%; margin:auto;}
}
/*explore kaust*/

@media all and (max-width: 500px) and (min-width: 475px) { 
/* research */
.research_innercontant .reserHdr{background: url(hdr.png.1) no-repeat -66px 0; width:200px !important;font-size: 36px;padding: 0 9px;}
/* research */

/* 15 January abhilash */
div.fancy-select {width:93%!important;}
div.fancy-select ul.options {width:106%!important;}
/* 15 January abhilash------------end  */

}



@media all and (max-width: 454px) and (min-width: 341px) { 

#head2.open{background: url("plus-3.png") no-repeat scroll right 9px #FFFFFF!important;}

#head2.close{background: url("plus-3.png") no-repeat scroll right -33px #FFFFFF    !important;}



#head7.open{background: url("plus-3.png") no-repeat scroll right 9px #FFFFFF!important;}

#head7.close{background: url("plus-3.png") no-repeat scroll right -33px #FFFFFF    !important;}



#head10.open{background: url("plus-3.png") no-repeat scroll right 9px #FFFFFF!important;}

#head10.close{background: url("plus-3.png") no-repeat scroll right -33px #FFFFFF    !important;}

}

@media all and (max-width: 341px) and (min-width:200px) { 
#head10.open{background: url("plus-3.png") no-repeat scroll right 20px #FFFFFF!important;}
#head10.close{background: url("plus-3.png") no-repeat scroll right -33px #FFFFFF    !important;}

/*--15 jan--abhilash--*/
.kaust-latest-stories h3 {font-size: 22px !important;padding: 0 0 10px;width:55%;}
.latest-sto-cont span {float:none;}
/*--15 january abhilash--*/

}

@media all and (max-width: 650px) and (min-width: 341px) { 
#head4.open{background: url("plus-4.png") no-repeat scroll right 20px #FFFFFF!important;}
#head4.close{background: url("plus-4.png") no-repeat scroll right -20px #FFFFFF    !important;}

/*--15 january abhilash--*/

.latest-sto-nav {
       width:25% !important;
	   float:right !important;
}
.kaust-latest-stories h3 {
    font-size:38px !important;
    padding:0 0 10px;
    width:45%;
}
.latest-sto-nav {
    float:right;
    margin-bottom:5px;
    padding-left:0;
    width:31%;
}
div.fancy-select {
    width:55% !important;
}
div.fancy-select div.trigger {
    width:57% !important;
}

div.fancy-select ul.options {
    width:97% !important;
}



/*--15 january abhilash--*/

}



@media all and (max-width: 685px) and (min-width: 441px) { 

.slTitle h4 {

    color: rgb(102, 97, 93);

    font-size: 120%;

    font-weight: normal;

    padding-bottom: 2px;

}



.slTitle p {

 font-size: 16px;

    line-height: 25px;

}

.slTitle {

    bottom: 102px;

    height: auto;

    left: 42px;

    overflow: hidden;

    width:53%;

}



/*--faculty--*/

.faculti-cont .fak-list .listsec li .BWfade{ display:none !important;}



.faculti-cont .faqlt-left{width: 100%;}

.search-sect{position: relative;}

.faculti-cont .search-sect{width:58%;padding: 0 0 0 2%; margin:0; position:absolute; margin:0 0 2% 0;}



.filterDiv{ width:100%; height:auto;}

.filterDiv h3{width: 85px !important;}

.faculti-cont .fak-list{ width:81%; margin:auto;}



.faculti-cont .fak-list .listsec li{ float:left;margin: 0 4px 8px 4px; width: 47%;}

.faculti-cont .boxgrid{width: 33%;}

.faculti-cont .work-at-kust h1{font-size: 23px !important;}

.faculti-cont .work-at-kust h2{font-size: 27px !important;}

.faculti-cont .work-at-kust .work-at-kust-back h1{font-size: 23px !important;}

.faculti-cont .work-at-kust .work-at-kust-back h2{font-size: 27px !important;}



.faculti-cont .facultyfaq h1{font-size: 34px !important;}

.faculti-cont .facultyfaq h2{font-size: 38px !important;}

.faculti-cont .facultyfaq .facultyfaq-back h1{font-size: 34px !important;}

.faculti-cont .facultyfaq .facultyfaq-back h2{font-size: 38px !important;}



.faculti-cont .facultyadvi h1{font-size: 34px;}

.faculti-cont .facultyadvi h2{font-size: 31px;}

.faculti-cont .facultyadvi .facultyadvi-back h1{font-size: 34px;}

.faculti-cont .facultyadvi .facultyadvi-back h2{font-size: 31px;}

.faculti-cont .work-at-kust p{padding: 34px 0 0 8px !important; font-size:13px !important;background:none !important;}

.faculti-cont .fak-list .listsec li{ min-height:323px;}

/*--faculty--*/





#head4.open{background: url("plus-3.png") no-repeat scroll right 9px #FFFFFF;}  /*640*/

#head4.close{background: url("plus-3.png") no-repeat scroll right -33px #FFFFFF    !important;}



/* ganesh editing 16th December 2013*/

.pagin{ width:98%; }



/* ganesh editing 16th December 2013*/



/* research */

.divdres{ clear:both; float:none; display:block; padding-bottom:15px;}

/* research */



}





@media all and (max-width: 640px) and (min-width: 455px) { 
.slTitle h4 {
    color: rgb(102, 97, 93);
    font-size:90%;
    font-weight: normal;
    padding-bottom: 2px; line-height:normal;
}

.slTitle p {
 font-size:/*16px*/12px;
    line-height:18px;
}

.slTitle {
    bottom:30px;
    height: auto;
    left: 42px;
    overflow: hidden;
    width:53%;
}



/*sree inner pages*/

.studycontants .dgree{/*width:100%;*/}

.dgree img{ width:100%;}

.studycontants .dgree h2{ padding:5px 0 2px 22px; background-position: right 16px;}

.studycontants .dgree h2:hover{ background-position: right 16px;}

.studycontants .dgree.marg-r24{/* margin-right:0;*/}/* 7th January Ganesh */
#dgree_m{ /*margin-right:2%;*/}  /* 7th January Ganesh */

.facultybox.marg-r24{}

.facultybox{ /*float:none;*/ /*margin:auto; clear:both; margin-bottom:10px;*/}/* 7th January Ganesh */

.facultybox .facultybox-back{ width:100%;}

.applyingbox{/*float:none;*/ /*margin:auto; clear:both;*/}/* 7th January Ganesh */

.applyingbox .applyingbox-back{width:100%;}

.studyinnercontant .headerDiv ul{ float:left; width: auto/*295px*/;} /* 31st December */

.studyinnercontant .headerDiv .study{ position: relative/*absolute*/;/*padding:14px 20px 12px;font-size: 30px; float:right;*/background-position:0 0;} /* 31st December */

.accod_main_wrap .accod_head a{ padding:15px 28px 5px 15px;}



.accod_main_wrap .contant-combo .right-sec-combo { float: right;  height: auto;  margin: 0 18px 0 0px !important;  width: 40%;}

.accod_main_wrap .contant-combo .left-sec-combo { float: right; height: auto; margin: 0 auto; padding-right: 4%; width: 50%;}

.accod_main_wrap .contant-combo p { font-size: 14px; line-height: 20px; text-align: justify;}



#head2.open{background: url("plus-3.png") no-repeat scroll right 10px #FFFFFF;}

#head2.close{background: url("plus-3.png") no-repeat scroll right -27px #FFFFFF    !important;}



#head4.open{background: url("plus-3.png") no-repeat scroll right10px #FFFFFF;}

#head4.close{background: url("plus-3.png") no-repeat scroll right -27px #FFFFFF    !important;}



#head7.open{background: url("plus-3.png") no-repeat scroll right 10px #FFFFFF;}

#head7.close{background: url("plus-3.png") no-repeat scroll right -27px #FFFFFF    !important;}



#head10.open{background: url("plus-3.png") no-repeat scroll right 10px #FFFFFF;}

#head10.close{background: url("plus-3.png") no-repeat scroll right -27px #FFFFFF    !important;}



.accod_main_wrap .accod_head{background-position:right -291px;}

.accod_main_wrap .accod_head:hover{background-position:right -291px;}



.study_bottom_sec .left_sec{ width:100%;}

.study_bottom_sec .left_sec .linkbox{ width:46%;}

/*.study_bottom_sec .left_sec .link-enrich { background-size: 100% 202%;}

.study_bottom_sec .left_sec .link-enrich:hover{background-size:100% 202%;}

.study_bottom_sec .left_sec .link-ourstu{ background-size: 100% 202%;}

.study_bottom_sec .left_sec .link-ourstu:hover{background-size:100% 202%;}

.study_bottom_sec .left_sec .link-graduate{background-size: 100% 202%;}

.study_bottom_sec .left_sec .link-graduate:hover{background-size:100% 202%;}

.study_bottom_sec .left_sec .link-alumini{background-size: 100% 202%;}

.study_bottom_sec .left_sec .link-alumini:hover{background-size:100% 202%;}*/

/*.study_bottom_sec .left_sec .linkbox a{ width:100%;}*/

.study_bottom_sec .left_sec .linkbox.marg-r24{ margin-right:4%;}

.study_bottom_sec .right_sec{ width:100%; margin-bottom:20px;}

/*.study_bottom_sec .right_sec.k-library{background-size:100% 210%;}

.study_bottom_sec .right_sec.k-library:hover{background-size:100% 211%;}*/

.degree_article .rightde-sec{ right:0;}

/*sree inner pages*/



/*Research Area Page --Saneesh--*/

.studyinnercontant .headerDiv .campus{width:275px; position:absolute; padding:14px 0px 12px 20px; font-size: 30px; float:right; background-position:-88px 0;}

.studyinnercontant .campus-headerDiv ul{width:222px !important;}

/*Research Area Page --Saneesh--*/


/*----abhilash--15--january----*/
.latest-sto-nav-demo div.fancy-select div.trigger {width:100%!important;} 
div.fancy-select div.trigger {width:97%!important;}
.text-int {width:98%;}
.input-conr {width:100%;}
.latest-sto-nav-demo div.fancy-select {width:77% !important;}
div.fancy-select {width:94% !important;}
.input-conr-text {width:100%;}
.text-fld { width:98%;}
.latest-sto-nav-demo div.fancy-select ul.options {width:125%!important;}
div.fancy-select ul.options {width:125%!important;}
div.fancy-select ul.options.overflowing.open {bottom:-16px!important;}

.latest-sto-nav-demo div.fancy-select ul.options.overflowing.open {bottom:-174px!important;}
.latest-sto-nav-demo div.fancy-select ul.options li {width:86%!important;}
div.fancy-select ul.options li {width:94%!important;}
.latest-sto-pic {float:none; margin:auto; width:27%;}
.latest-sto-nav {
    float:left;
    width:100%;
   margin-bottom:5px;
   padding-left:0px;
}
/*----abhilash--15--january----*/
}



@media all and (max-width: 454px) and (min-width: 220px) { 

.slTitle h4 {

    color: rgb(102, 97, 93);

    font-size:90%;

    font-weight: normal;

    padding-bottom: 2px; line-height:normal;

}



.slTitle p {

    font-size:12px /*16px*/;

    line-height:18px;

}

.slTitle {

    bottom: 25px;

    height: auto;

    left: 42px;

    overflow: hidden;

    width:33%;

}

.facultybox{ margin-bottom:10px;}

/*--faculty--*/

.liksbx{width: 60%;}

.studyinnercontant .headerDiv ul{ display:none;}

/*--faculty--*/



/* research */

.research_innercontant .headerDiv ul{ display:none;}

.research-sup-bot .sects-in{ width:100%; height:312px; float:left; position:relative; max-width:312px;}

.research_innercontant #head2.open {background: url(plus-3.png) no-repeat right 10px #fff!important;}

.research_innercontant #head2.close {background: url(plus-3.png) no-repeat right -28px #fff!important;}

.research_innercontant #head3.open {background: url(plus-3.png) no-repeat right 21px #fff    !important;}

.research_innercontant #head3.close {background: url(plus-3.png) no-repeat right -20px #fff!important;}

.research_innercontant #head6.open {background: url(plus-3.png) no-repeat right 21px #fff    !important;}

.research_innercontant #head6.close {background: url(plus-3.png) no-repeat right -20px #fff!important;}

.research_innercontant #head7.open {background: url(plus-3.png) no-repeat right 10px #fff    !important;}

.research_innercontant #head7.close {background: url(plus-3.png) no-repeat right -28px #fff!important;}

.research_innercontant .slTitle{width: 32% !important;}



/* research */

/*Ganesh  inner pages 19th December 2013 */ 

.collabinnercontant .headerDiv ul{ display:none;}

/*Ganesh  inner pages 19th December 2013 */

.studycontants .dgree, .facultybox, .applyingbox { float:none; margin:0 auto 10px; width:226px;} /* 7th January Ganesh */
.research-sup .sects { margin:0 auto; float:none;} /* 7th January Ganesh */
.research-sup .sects.marg-r-18, .research-sup .sects.marg-r-18 { margin:0 auto 15px;} /* 7th January Ganesh */

.explore_ocrf { float:none;} /* 8th January Ganesh */
.office-comp-arti .marg-r20 { margin:0 auto 15px;} /* 8th January Ganesh */

.research-sup-bot .sects-in.marg-r-20 { margin:0 auto 15px;}/* 8th January Ganesh */
.research-sup-bot .sects-in, .research-sup-bot .sects-in {float:none; margin:0 auto 15px;}/* 8th January Ganesh */

/*----abhilash--15--january----*/
div.fancy-select div.trigger {width:88% !important;}
.content-width .column-container-left .contact-conr ul li{ margin:0;}
.text-int {width:96%; padding:0 2%;}
.input-conr {width:98%; margin-bottom:10px;}
div.fancy-select {width:100% !important;}
.input-conr-text {width:100%;}
.text-fld { width:96%;}
div.fancy-select ul.options {width:96% !important;}

.latest-sto-nav-demo div.fancy-select {width:100% !important;}
.latest-sto-nav-demo div.fancy-select ul.options {width:99% !important;}
.latest-sto-nav-demo div.fancy-select div.trigger {width:88% !important;}


/*----abhilash--15--january----*/

/*11Feb*/
.gallery-back{float:left; padding:10px 0 15px 0;}
.gallery-back a{font-size: 14px; line-height: 20px; color:#FFF; text-decoration:none; background:#5484c4; float:left; margin:0; padding:0 40px; -webkit-border-radius:3px;-moz-border-radius:3px; border-radius: 3px;}
.gallery-back a:hover{ background:#3261a8;}
/*11Feb*/
}



@media all and (max-width:1023px) and (min-width:686px){

/*Ganesh  inner pages 19th December 2013 */ 

.collabinnercontant .headerDiv{ background:url(transp.png) !important; width:100%;height:auto;}

.collabinnercontant .headerDiv .collabHdr{ position:relative;background-position:0px 0;} 

.pullOut .leftde-sec{width:44%;}

.pullOut .right-sec{width:46%;} 

/*Ganesh  inner pages 19th December 2013 */ 





}

/*--------SANEESH------------------------------------------------------*/

@media all and (max-width:684px) and (min-width:351px) { 

.custom-tab-wrap .tabnav ul li.tab-01 a{ padding:0; height:50px; line-height:50px;}

.custom-tab-wrap .tabnav ul li.tab-02 a{ padding:10px 0 0 0; height:40px; line-height:15px;}

.custom-tab-wrap .tabnav ul li.tab-03 a{ padding:10px 0 0 0; height:40px; line-height:15px;}



.content3 h4{text-align:left; font-size:18px;}

.content3 p{font-size:14px;}

.content3 ul li a{font-size:13px;}

.content3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:10px !important;}

.content3 .mCSB_scrollTools .mCSB_draggerRail{width:10px !important;}



#admission-faq h2, #IDB-KAUST-scholarship h2, #student-full-profile h2{ width:95%; height:50px; margin:0; padding:0 3%; float:left; border-bottom:1px solid #66615d; background:#848e85;  font-size:22px; color:#FFF; line-height:50px;}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

#cboxClose{position:absolute; top:3%; right:3%; background:url(pop-close.png) no-repeat; width:22px; height:22px; text-indent:-9999px; cursor:pointer;}

/*#cboxClose:hover{background-position:0px -22px;}*/

}

@media all and (max-width:350px){
.custom-tab-wrap .tabnav ul li.tab-01 a{ padding:0; height:50px; line-height:50px;}
.custom-tab-wrap .tabnav ul li.tab-02 a{ padding:2px 0 0 0; height:48px; line-height:15px;}
.custom-tab-wrap .tabnav ul li.tab-03 a{ padding:10px 0 0 0; height:40px; line-height:15px;}
.custom-tab-wrap .tabnav ul li.tab-02-middle a{padding:10px 0 0 0; height:40px;}
}

@media all and (max-width:1023px) and (min-width:890px){
.column-container .student-list  li{width:49%; height:auto;}
.column-container .student-list  li.row1{ margin:0 1% 20px 0 !important;}
.column-container .student-list  li.row2{ margin:0 0 20px 1% !important;}
.column-container .student-list  li.row1 a, .column-container .student-list   li.row2 a{text-decoration:none; outline:none;}
.column-container .student-list  li .student-details{ width:61%; height:auto; padding:2%;}
.column-container .student-list  li .student-image{ width:35%; height: auto; margin:0; padding:0; float:left;}
}

@media all and (max-width:889px) and (min-width:480px){
.column-container .student-list  li{width:100%; height:auto;}
.column-container .student-list  li.row1{ margin:0 0 20px 0 !important;}
.column-container .student-list  li.row2{ margin:0 0 20px 0 !important;}
.column-container .student-list  li.row1 a, .column-container .student-list   li.row2 a{text-decoration:none; outline:none;}
.column-container .student-list  li .student-details{ width:75%; height:auto; padding:2%;}
.column-container .student-list  li .student-image{ width:18%; height: auto; margin:0; padding:0; float:left;}
}

@media all and (max-width:479px){
.column-container .student-list  li{width:96%; height:auto; text-align:center; padding:2%;}
.column-container .student-list  li.row1{ margin:0 0 20px 0 !important;}
.column-container .student-list  li.row2{ margin:0 0 20px 0 !important;}
.column-container .student-list  li.row1 a, .column-container .student-list   li.row2 a{text-decoration:none; outline:none;}
.column-container .student-list  li .student-details{ width:100%; height:auto; padding:2% 0;}
.column-container .student-list  li .student-image{ width:146px; height:158px; margin:0 auto; padding:0; float:none; display:block;}
.column-container .student-list  li a{ background:none; outline:none; border:none; width:100%;}

#admission-faq h2, #IDB-KAUST-scholarship h2, #student-full-profile h2{ width:95%; height:50px; margin:0; padding:0 3%; float:left; border-bottom:1px solid #66615d; background:#848e85;  font-size:22px; color:#FFF; line-height:50px;}

.student-image2{width:146px; height:158px; margin:0 auto; float:none; padding:0;}
.content3 h4{text-align:center; font-size:18px;}
.content3 h3{text-align:center; font-size:18px; padding:10px 0 0 0;}
.content3 p{font-size:14px;}
.content3 ul li a{font-size:13px;}
.print-div{width:92%; padding:0 4%; margin:4% 0 0 0;}
.bwWrapper{display:none;}
.bwWrapper-none{display:block;}
.content3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:10px !important;}
.content3 .mCSB_scrollTools .mCSB_draggerRail{width:10px !important;}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxClose{position:absolute; top:3%; right:4%; background:url(pop-close.png) no-repeat; width:22px; height:22px; text-indent:-9999px; cursor:pointer;}

/*#cboxClose:hover{background-position:0px -22px;}*/

/*--faculty--*/

.fak-list .bwWrapper { display:block !important;}

/*.faculti-cont .fak-list .listsec li */.BWfade{ display:none !important;}

/*--faculty--*/

}

/*--------SANEESH------------------------------------------------------*/

@media all and (max-width: 600px) and (min-width: 480px) { 

/*sree inner pages*/


.studycontants .dgree, .facultybox, .applyingbox {/*width:49.5%;*/  margin:0 auto 10px; float:none;}/* 7th January Ganesh */
 
.studycontants #dgree_m{ /*margin-right:.8%;*/}/* 7th January Ganesh */
.degree_article .dgree{/*width:100%;*/}/* 7th January Ganesh */
.studycontants .facultybox{/*width:49%;*/}/* 7th January Ganesh */
.studycontants .facultybox.marg-r24{ /*margin-left:1%;*/}/* 7th January Ganesh */
.degree_article .facultybox{/*width:100%;*/}/* 7th January Ganesh */
.applyingbox{/*width: 49%;*/ /*float:left;*/}
.degree_article .applyingbox{/*width:100%;*/}
.study_bottom_sec .left_sec .linkbox{width: 48%;}

.research-sup .sects { margin:0 auto; float:none;} /* 7th January Ganesh */
.research-sup .sects.marg-r-18, .research-sup .sects.marg-r-18 { margin:0 auto 15px;} /* 7th January Ganesh */
.divdres { display:none}/* 7th January Ganesh */

.explore_ocrf { float:none;}  /* 8th January Ganesh */
.office-comp-arti .marg-r20 { margin:0 auto 15px;}  /* 8th January Ganesh */

.research-sup-bot .sects-in.marg-r-20 { margin:0 auto 15px;}/* 8th January Ganesh */
.research-sup-bot .sects-in, .research-sup-bot .sects-in {float:none; margin:0 auto 15px;}/* 8th January Ganesh */

/*sree inner pages*/

/*jan15----abhilash*/
.kaust-latest-stories h3 {
    font-size:29px !important; width:46%;}
.latest-sto-nav {
      width:32% !important;
}
.latest-sto-nav-demo div.fancy-select ul.options li {
    width:85% !important;
}
div.fancy-select ul.options li {
    width:85% !important;
}

	/*jan15----abhilash*/

}


/*ganesh*/

@media all and (max-width:479px){

.study_bottom_sec .left_sec { float:none; width:80%; margin:0 auto; margin-right:5%;}
.study_bottom_sec .left_sec .linkbox {width:95%; }
}

@media all and (max-width:599px) and (min-width:568px){
.study_bottom_sec .left_sec .linkbox { width:41%;}
.study_bottom_sec .left_sec .linkbox.marg-r24{ margin-right:7%; margin-left:7%;}
.study_bottom_sec .right_sec{ width:87%; margin-right:5%;}
.explore_ocrf { float: left;}  /* 8th January Ganesh */
.office-comp-arti .marg-r20 { margin:0 auto 15px 4%;}  /* 8th January Ganesh */
}

@media all and (max-width:685px) and (min-width:640px){
.study_bottom_sec .left_sec .linkbox { width:37%;}
	.study_bottom_sec .left_sec .linkbox.marg-r24{ margin-right:4.1%; margin-left:11%;}
	.study_bottom_sec .right_sec{ width:77%; margin-right:12%;}
}

@media all and (max-width:639px) and (min-width:600px){
.study_bottom_sec .left_sec .linkbox { width:38%; margin-left:7%;}
.study_bottom_sec .right_sec{ width:82%; margin-right:9%;}
}





@media all and (max-width:479px) and (min-width:384px){



.study_bottom_sec .left_sec { float:none; width:70%; margin:0 auto; margin-right:10%;}

	 



}



@media all and (max-width:770px) and (min-width:689px){

.divider_tb{ display:block; clear:both; float:none;}



.facultybox, .applyingbox  {margin-top:10px; }

/*Ganesh  inner pages 19th December 2013 */ 

.marg-r18-tab{ margin-right:18px;}

/*Ganesh  inner pages 19th December 2013 */

/*-----About Kaust Saneesh Starts-----*/
.bx-controls-direction{width:768px;}

.ek-slider p{ width:500px; font-size:20px;}
.ek-slider h1{ font-size:60px;}
.about-kaust-slider-wrap .bx-controls-direction{ width:100%;}

.about-kaust-4box-holder{width:478px;}

.about-kaust-4box-wrap .kaust-administration{margin:0 20px 20px 0; float:left; display:block; background:url("arrow-1.png") no-repeat scroll right -82px #97b5dc;}
.about-kaust-4box-wrap .kaust-administration h1{ color:#003b77;}
.about-kaust-4box-wrap .kaust-administration h2{ color:#003b77;}
.about-kaust-4box-wrap .kaust-administration .kaust-administration-back{display:none;}

.about-kaust-4box-wrap .media-relations{margin:0 0 20px 0; float:left; display:block; background:url("arrow-2.png") no-repeat scroll right 150px #5284c4;}
.about-kaust-4box-wrap .media-relations h1{color:#FFF;}
.about-kaust-4box-wrap .media-relations h2{color:#FFF;}
.about-kaust-4box-wrap .media-relations .media-relations-back{display:none;}

.about-kaust-4box-wrap .study-at-kaust{margin:0 20px 20px 0; float:left; display:block; background:url("arrow-3.png") no-repeat scroll right 150px #00a6aa;}
.about-kaust-4box-wrap .study-at-kaust h1{ color:#FFF;}
.about-kaust-4box-wrap .study-at-kaust h2{ color:#FFF;}
.about-kaust-4box-wrap .study-at-kaust .study-at-kaust-back{display:none;}

.about-kaust-4box-wrap .about-kaust-box{margin:0 0 20px 0; float:left; display:block; background:url("arrow-4.png") no-repeat scroll right 150px #003a75;}
.about-kaust-4box-wrap .about-kaust-box h1{color:#FFF;}
.about-kaust-4box-wrap .about-kaust-box h2{color:#FFF;}
.about-kaust-4box-wrap .about-kaust-box .about-kaust-box-back{display:none;}
/*-----About Kaust Saneesh Starts-----*/

}

/*Research Area Page --Saneesh--*/

@media all and (max-width:400px){

/*29 January*/
.kaust-gallery-container .kaust-gallery-slide ul li .photo-gallery-thmb span{background:url(image-icon-small.png) center center no-repeat;}
.kaust-gallery-container .kaust-videos ul li .photo-gallery-thmb span{background:url(play-icon-small.png) center center no-repeat;}
/*29 January*/
	
ul.research-area li{width:140px; height:140px; background-position:85% 90%;}
ul.research-area li h1{font-size:22px;}
.rectangle-inner{width:140px; height:140px; padding:0; margin:0;}
.rectangle-inner p{font-size:18px !important; line-height:normal !important;}
.research_innercontant .accod_main_wrap .accod_head a{ padding-right:34px; font-size:26px;}
.office-comp-arti h3{ line-height:35px; font-size:26px; padding-right:45px;}

/*-----About Kaust Saneesh Starts-----*/
.kaust-gallery-container .breadcrumb{ height: auto;}
.kaust-gallery-container .breadcrumb ul li{font-size: 12px; line-height: 20px;}
.kaust-gallery-container .breadcrumb ul li a{ font-size: 12px; line-height: 20px;}
.kaust-gallery-container h3.spcl{padding:10px 0 0 0 !important;}

.pp_pic_holder{ width:100% !important; left:0 !important; height:auto !important;}
div.light_square .pp_content{width:100% !important}
#fullResImage{height:auto !important; width:100% !important;}
#pp_full_res iframe{height:auto !important; width:100% !important;}
.pp_hoverContainer{width:100% !important; height:100% !important;}

.kaust-video-gallery ul li span{background: url(play-icon-small.png) center center no-repeat    !important;}
.kaust-gallery-container .kaust-photo-gallery ul li span{background:url(image-icon-small.png) center center no-repeat;}

ul.breadspcl li a{ font-size: 12px; line-height: 30px;}

.exp-fig{width:100%;}
.pic {width:100%;} 
/*-----About Kaust Saneesh Ends-----*/
}

@media all and (max-width:800px) and (min-width:401px){
	ul.research-area li{width:140px; height:140px; background-position:85% 90%;}
	ul.research-area li h1{font-size:20px;}
	.rectangle-inner{width:140px; height:140px; padding:0; margin:0;}
	.rectangle-inner p{font-size:18px !important; line-height:normal !important;}
}



/* iPads (portrait) ----------- */
@media only screen and (min-width: 750px) and (max-width: 900px){
	.custom-tab-wrap .tabnav ul li.tab-01{width:77px;}
	.custom-tab-wrap .tabnav ul li.tab-02{width:101px;}
	.custom-tab-wrap .tabnav ul li.tab-03{width:76px;}
	.custom-tab-wrap .tabnav ul li.tab-04{width:64px;}
	.custom-tab-wrap .tabnav ul li.tab-05{width:88px;}
	.custom-tab-wrap .tabnav ul li.tab-06{width:80px;}
	.custom-tab-wrap .tabnav ul li.tab-07{width:80px;}
	.custom-tab-wrap .tabnav ul li.tab-08{width:60px;}
	
	.custom-tab-wrap ul.alumini-tabs{width:70%;}
	.custom-tab-wrap ul.alumini-tabs li.tab-01, .custom-tab-wrap ul.alumini-tabs li.tab-02, .custom-tab-wrap ul.alumini-tabs li.tab-03, .custom-tab-wrap ul.alumini-tabs li.tab-04{width:25% !important; padding:0 !important;}
	
	.custom-tab-wrap .page-tittle{width:86px;}
	.collab-tab-wrap .page-tittle{width:190px;} /* 15th January Ganesh */
	
	.live-tab-wrap .page-tittle {width:190px;} /* 15th January Ganesh */
	
	.white-space .column-container-left { margin-top:0px} /* 15th January Ganesh */
	
	.mrgnTop { margin-top:0px !important;} /* 15th January Ganesh */
	
	}

@media only screen and (min-width: 768px) and (max-width: 900px){

	ul.research-area li{width:140px; height:140px; background-position:85% 90%;}

	.rectangle-inner{width:140px; height:140px; padding:0; margin:0;}
	
	.divdr{ clear:both; float:none; display:block; padding-bottom:15px} /* 7th January Ganesh */
	.tab {margin-top:15px !important;} /* 7th January Ganesh */
	
	
	.collabcontants .faci span.hover { background:url(facili.jpg) no-repeat left top; } /* 7th January Ganesh */
	.collabcontants .locate span.hover { background:url(locate.jpg) no-repeat left top;} /* 7th January Ganesh */
	.collabcontants .sup span.hover { background:url(sup.jpg) no-repeat left top;} /* 7th January Ganesh */
	.collabcontants .liec span.hover { background:url(liece.jpg) no-repeat left top;} /* 7th January Ganesh */
	.collabcontants .adv span.hover { background:url(adva.jpg) no-repeat left top;} 	/* 7th January Ganesh */
	.collabcontants .nurt span.hover { background:url(nutur.jpg) no-repeat left top;} /* 7th January Ganesh */
	
	/*-----About Kaust Saneesh Starts-----*/
	div.light_square .pp_content_header{ height:40px; top:-42px;}
	div.light_square .pp_content_header h1{ font-size:16px; line-height:40px;}
	div.light_square a.pp_close{ width:13px; height:13px; background: url(pop-close-small.png) no-repeat 0px 0px    !important; right:30px; top:25px;}
	div.light_square .pp_content{height:290px !important;}
	/*-----About Kaust Saneesh Ends-----*/
}

@media only screen and (min-width: 901px) and (max-width: 1024px){
	ul.research-area li{width:150px; height:150px; background-position:85% 90%;}
	.rectangle-inner{width:150px; height:150px; padding:0; margin:0;}

	/*-----About Kaust Saneesh Starts-----*/
	.about-kaust-4box-wrap .kaust-administration{background:url("arrow-1.png") no-repeat scroll right -82px #97b5dc;}
	.about-kaust-4box-wrap .kaust-administration h1{ color:#003b77;}
	.about-kaust-4box-wrap .kaust-administration h2{ color:#003b77;}
	.about-kaust-4box-wrap .kaust-administration .kaust-administration-back{display:none;}
	
	.about-kaust-4box-wrap .media-relations{background:url("arrow-2.png") no-repeat scroll right 150px #5284c4;}
	.about-kaust-4box-wrap .media-relations h1{color:#FFF;}
	.about-kaust-4box-wrap .media-relations h2{color:#FFF;}
	.about-kaust-4box-wrap .media-relations .media-relations-back{display:none;}
	
	.about-kaust-4box-wrap .study-at-kaust{background:url("arrow-3.png") no-repeat scroll right 150px #00a6aa;}
	.about-kaust-4box-wrap .study-at-kaust h1{ color:#FFF;}
	.about-kaust-4box-wrap .study-at-kaust h2{ color:#FFF;}
	.about-kaust-4box-wrap .study-at-kaust .study-at-kaust-back{display:none;}
	
	.about-kaust-4box-wrap .about-kaust-box{background:url("arrow-4.png") no-repeat scroll right 150px #003a75;}
	.about-kaust-4box-wrap .about-kaust-box h1{color:#FFF;}
	.about-kaust-4box-wrap .about-kaust-box h2{color:#FFF;}
	.about-kaust-4box-wrap .about-kaust-box .about-kaust-box-back{display:none;}
	/*-----About Kaust Saneesh Ends-----*/
	
	/* 15 january-abhilash */
	.latest-sto-pic {float:left; width:17%;}
	/* 15 january-abhilash */
	
/*8-Feb*/
ul.for-ad li a{ font-size:13px !important;}
/*8-Feb*/

}

@media all and (max-width:768px){

.study_bottom_sec .left_sec .link-community-life{background:url(community-life.png) no-repeat left -231px;}
.study_bottom_sec .left_sec .link-kaust-school{background:url(kaust-school.png) no-repeat left -231px;}
.study_bottom_sec .left_sec .recreational-fecility{background:url(recreational.png) no-repeat left -231px;}
.study_bottom_sec .left_sec .kaust-fecilities{background:url(kaust-fecilities.png) no-repeat left -231px;}
.study_bottom_sec .right_sec.work-at-kaust-big-img{ background:url(work-at-kaust.png) no-repeat left bottom;}
		
	/* 7th January Ganesh */
	/*.collabcontants .faci{ background:url(../images/facili.jpg) no-repeat left bottom;}
	.collabcontants .locate{ background:url(../images/locate.jpg) no-repeat left bottom;}
	.collabcontants .sup{ background:url(../images/sup.jpg) no-repeat left bottom;}
	.collabcontants .liec{ background:url(../images/liece.jpg) no-repeat left bottom;} 
	.collabcontants .adv{ background:url(../images/adva.jpg) no-repeat left bottom;}
	.collabcontants .nurt{ background:url(../images/nutur.jpg) no-repeat left bottom;}*/	
/* 7th January Ganesh */

}

/*Research Area Page --Saneesh--*/

@media all and (max-width: 600px) and (min-width: 383px) { 

/* research */

.research_innercontant #head4.open {background: url(plus-3.png) no-repeat right 10px #fff    !important;}

.research_innercontant #head4.close {background: url(plus-3.png) no-repeat right -28px #fff!important;}

/* research */

}



/*Ganesh  inner pages 19th December 2013 */ 

@media all and (max-width:688px) and (min-width:321px){ /* Mobile Landscrapes */
.collabcontants .faci, .collabcontants .locate, .collabcontants .sup, .collabcontants .liec, .collabcontants .adv, .collabcontants .nurt {float:none; width:312px; margin:0 auto 15px;} /* 8th January Ganesh */
.collabcontants .enrich-image,.collabcontants .alumni-image,.collabcontants .graduate-image,.collabcontants .library-study-image,.collabcontants .ourstud-image,.collabcontants .saudi-initiative-image {float:none; width:312px; margin:0 auto 15px;}
.content-width .column-sidebar .boxgrid { float:none; margin:0 auto 15px} /* 8th January Ganesh */
.white-space .column-sidebar .boxgrid {  margin:0 auto 20px;float:none;} 
}

@media all and (max-width:495px) and (min-width:386px){
.collabinnercontant .headerDiv ul{ float:left; width:auto;}
.collabinnercontant .headerDiv ul li{ padding:9px 4px; clear:inherit;}
}

@media all and (max-width:768px) and (min-width:496px){
.collabinnercontant .headerDiv ul{ float:left; width:auto;}
.collabinnercontant .headerDiv ul li{ clear:inherit;}
}

@media all and (max-width:478px) and (min-width:320px){ /* Mobiles Porttraits only */
.colThree { padding:16px 47px 8px 8px !important; background-position:right -90px !important;}
.long-bread {width:87%;line-height: 17px;padding-top: 18px; } /* 8th January Ganesh */
.long-bread a {line-height:22px !important; padding-top:18px !important; float:left;} /* 8th January Ganesh */
.long-bread2 {width:78%; line-height: 17px;padding-top: 18px; } /* 8th January Ganesh */
.long-bread2 a {line-height:22px !important; padding-top:18px !important; float:left;} /* 8th January Ganesh */
.breadcrumb { height:auto;}/* 8th January Ganesh */

/* 15 january abhilash */
.latest-sto-nav {float:right !important;
    margin-bottom:5px;
    width:100% !important;
    padding-left:0;
}
.kaust-latest-stories h3 {
    font-size:26px !important;
    padding:0 0 10px;
    width:65%;}
	
.latest-sto-pic {
    float:none;
    margin:auto;
    width:44%;
}
	
/* 15 january abhilash */

}

/*Ganesh  inner pages 19th December 2013 */ 

@media all and (max-width:685px) and (min-width:481px){ /* 7th January Ganesh */
.studycontants .dgree{ margin:0 auto 10px 6%;}
.facultybox, .applyingbox { margin:0 auto 10px 6%;}
.research-sup .sects {  float:left;margin-left:4%; }  
.research-sup .sects.marg-r-18, .research-sup .sects.marg-r-18 { margin-left:4%;} 
.divdres {display:none; }
/* 7th January Ganesh */
}

@media all and (max-width:568px)  and (min-width:481px){ /* 7th January Ganesh */   /* f0r 568 mob */
.studycontants .dgree, .facultybox, .applyingbox { float:left;}
.studycontants .dgree, .facultybox, .applyingbox{ margin:0 auto 10px 5%;}
}

@media all and (max-width:600px)  and (min-width:569px){ /* 7th January Ganesh */  /* f0r 600 mob */
.studycontants .dgree, .facultybox, .applyingbox { float:left;}
.studycontants .dgree, .facultybox, .applyingbox{ margin:0 auto 10px 7%;}
.research-sup .sects {  float:left;margin-left:6%; }  
.research-sup .sects.marg-r-18, .research-sup .sects.marg-r-18 { margin-left:6%;} 
.office-comp-arti .marg-r20 { margin:0 auto 15px 4%}
.explore_ocrf {float:left}

}

@media all and (max-width:680px)  and (min-width:601px){ /* 7th January Ganesh */  /* f0r I-Ball mob landscape */
.studycontants .dgree, .facultybox, .applyingbox { float:left;}
.studycontants .dgree, .facultybox, .applyingbox{ margin:0 auto 10px 9%;}

.research-sup .sects {  float:left;margin-left:6%; }  
.research-sup .sects.marg-r-18, .research-sup .sects.marg-r-18 { margin-left:6%;} 
.office-comp-arti .marg-r20 { margin:0 auto 15px 4%}
.explore_ocrf {float:left}
}

@media all and (max-width:320px) { 

/*29 January*/
.kaust-gallery-container .kaust-gallery-slide ul li div.photo-gallery-thmb{width:32%;}
/*29 January*/

.white-space .column-sidebar .boxgrid { float:none !important; margin:0 auto 15px !important;}
.kaust-photo-gallery-bottom .link-column{height:318px; width:100%;}
}

@media all and (max-width:360px) { 
.kaust-photo-gallery-bottom .link-column{height:318px; width:100%;}
}

/*-----About Kaust Saneesh Starts-----*/
@media all and (max-width:640px) and (min-width: 220px){
.kaust-gallery-container .bx-wrapper{width:100%;}
.kaust-gallery-container .bx-wrapper .kaust-photo-gallery ul li{width:33.33%; height:auto;}
.kaust-gallery-container .bx-wrapper .kaust-photo-gallery ul li a.card-back{display:block;}
.kaust-gallery-container .bx-wrapper .bx-viewport{height:auto;}

div.light_square .pp_content{height:135px !important;}
div.light_square .pp_content_header{ height:30px; top:-31px;}
div.light_square .pp_content_header h1{ font-size:14px; line-height:30px;}
div.light_square a.pp_close{ width:13px; height:13px; background: url(pop-close-small.png) no-repeat 0px 0px    !important; right:12px; top:12px;}
div.light_square .pp_gallery{ height:30px;}
div.light_square .pp_gallery div{margin-top:8px;}

.kaust-photo-gallery-bottom .link-column{height:318px; margin:auto; float:none;}
.kaust-photo-gallery-bottom .link-column-first{ margin:0 0 10px 0; float:none;}
.kaust-photo-gallery-bottom .interactive-map-page{margin:0 auto 10px;}
.content-width .column-container h3{font-size:30px;}

/*Winter enrichment program*/
.wineri .tabnav ul li.tab-01{ width:100%;}
.wineri .tabnav ul li.tab-02{ width:100%;}
.wineri .tabnav ul li.tab-03{ width:100%;}
.wineri .tabnav ul{ height:auto;}
/*Winter enrichment program*/

/*11Feb*/
.kaust-gallery-container .kaust-gallery-slide ul li div.photo-gallery-thmb{width:32%;}
div.light_square .pp_content{height:200px !important;}
div.ppt{color:#fff; display:none; font-size:15px; z-index:100; margin:0 auto; padding:2% 10% 2% 2%; width:88.2% !important; min-height:36px; background:#5284c4; border-bottom:2px solid #FFF; position: relative;}
div.light_square a.pp_close{width:13px; height:13px; position:absolute; top:5%; right:30px; background:url(pop-close-small.png) 0px 0px no-repeat    !important; cursor:pointer; z-index:2002; text-indent:-10000px; display:none;}

div.light_square .pp_gallery div{ margin-top:5px;}
/*11Feb*/

}

@media all and (max-width:568px) and (min-width:500px){
#pp_full_res iframe{height:auto !important; width:100% !important; min-width:300px !important;}
div.light_square #pp_content_video{min-width:300px !important;}
#pp_pic_holder_video{ left:20% !important;}
}
/*-----About Kaust Saneesh Ends-----*/





/* ajax tabs */
ul.css-tabs {margin:0!important; padding:0; height:26px; border-bottom:1px solid #777;}
/* ajax tabs  single tab */
ul.css-tabs li {float:left; padding:0; margin:0 3px 0 0; list-style-type:none; background-image:none!important;}
/* ajax tabs  link inside the tab. uses a background image */
ul.css-tabs a {color:#fff; float:left; display:block; padding:3px 10px; text-decoration:none; border:1px solid #999; border-bottom:0px; height:18px; position:relative; top:1px; background: #999;
}
ul.css-tabs a:hover {background:#aaa;}
/* ajax tabs  selected tab */
ul.css-tabs a.current {background-color:#fff; border-color: #777; border-bottom:1px solid #fff; color:#333; cursor:default; }
/* ajax tabs  tab pane */
div.css-panes div {display:none; padding:15px 0; min-height:300px;}
/* initially all panes are hidden */
.panes .pane {
    display:none;
}

/*New start css*/

.heading1 {font-size: 18px;  font-weight: bold;}

#heading2 {font-size: 18px;  font-weight: bold;}

/* New Styles 3/5/2014 */
.content-tabs
{
    display: block;
}

.content-tabs .ui-tabs
{
    margin-top: 25px;
}

.content-tabs .tabs-menu
{
    padding: 0 !important;
    display: inline-block !important;
    border-bottom: 1px solid gray;
    width: 100%;
    font-weight: bold;
}

.content-tabs .tabs-menu .ui-state-active
{
    background-color: #FFF !important;
    border-bottom-color: #FFF;
}

.content-tabs .tabs-menu li.first
{
    padding-left: 30px;
}

.content-tabs .tabs-menu li
{
    float: left;
    width: auto;
    text-align: center;
    padding: 0 !important;
    margin: 0 3px -1px 3px !important;
    border: 1px solid #BDBDBD;
    border-bottom-color: gray;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    background: none !important;
    background-color: #F7F7F7 !important;
}

.content-tabs .tabs-menu li a
{
    padding: 5px 16px !important;
    display: inline-block;
    text-decoration: none !important;
    color: #00747C !important;
}

.content-tabs .tabs-tab
{
    
}
.content-tabs .tabs-tab ul
{
    
}

.content-tabs .tabs-tab li.title
{
    list-style: none;
    font-weight: bold;
}

/* Research Centers and Core Labs */
.research-centers .border-b-dgray
{
    border-bottom: solid 1px #EEEEEE;
    margin-top: 30px;
    margin-bottom: 20px;
}

.research-centers .right-sec-combo
{
    width: 33%;
    float: left;
    height: auto;
    margin: 0 50px 0 0;
    margin-top: 18px;
}

.research-centers .left-sec-combo
{
    width: 60%;
    float: right;
    height: auto;
    min-height: 250px;
    position: relative;
}



.research-centers .left-sec-combo .buttons
{
	width: 238px;
	text-align: center;
	padding: 12px 10px;
	color: #FFF;
	background: #F08F00;
	font-weight: bold;
	font-size: 24px;
	text-decoration:  none;
	display: block;
	margin: 30px 0 0 0;
	float: right;
}

.research-centers .left-sec-combo .buttons:hover
{
    background: #b86c00;
}



@media all and (max-width:500px) {
    
    
    .research-centers .right-sec-combo
{
    width: 100%;
    
}

.research-centers .left-sec-combo
{
    width: 100%;
}

}
/* Innovate section */
.innovate-dev .border-b-dgray
{
    border-bottom: solid 1px #EEEEEE;
    margin-top: 30px;
    margin-bottom: 20px;
}

.innovate-dev .right-sec-combo
{
    width: 330px;
    float: left;
    height: auto;
    margin: 0 50px 0 0;
    margin-top: 18px;
}

.innovate-dev .left-sec-combo
{
    width: 585px;
    float: right;
    height: auto;
    min-height: 250px;
    position: relative;
}

.innovate-dev .left-sec-combo .buttons
{
	width: 238px;
	text-align: center;
	padding: 12px 10px;
	color: #FFF;
	background: #f0b501;
	font-weight: bold;
	font-size: 24px;
	text-decoration:  none;
	display: block;
	margin: 30px 0 0 0;
	float: right;
}

.innovate-dev .left-sec-combo .buttons:hover
{
    background: #d2a416;
}


/* Latest stories figures */
div.figure-1, div.figure-2, div.figure-3, div.figure-4, div.figure-5
{
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}

div.figure-1.banner
{
    padding-bottom: 25px;
}

div.figure-1 {width: 100%;}
div.figure-2 {width: 70%;}
div.figure-3 {width: 168px;}
div.figure-4 {width: 180px; /* height: 255px; */}
div.figure-5 {width: 40%;}

div.figure-1 img, div.figure-2 img, div.figure-3 img, div.figure-4 img, div.figure-5 img
{
    width: 100%;
    display: block;
}

div.figure-1 span, div.figure-2 span, div.figure-3 span, div.figure-4 span, div.figure-5 span
{
    width: 98%;
    display: block;
    padding: 7px 1%;
    color: #555;
    font-size: 13px;
    background-color: #EEE;
    margin: 0;
	text-align: left;
}


.float-left{float: left; padding-right: 20px; padding-left: 0;}
.float-right{float: right; padding-right: 0; padding-left: 20px;}

h2.block-header
{
	position: relative;
}

.page-block-pointer
{
   position: absolute;
   top: -150px;
   display: block;
}

.selected-filter
{
	font-weight: normal;
	padding: 10px 0 !important;
	margin: 5px !important;
	display: block;
	clear: both;
	color: #444;
	font-size: 23px !important;
}

.selected-filter #filter
{
	color: #777;
}

.selected-filter #selected-filter-description
{
	width: 96%;
	display: block;
	font-size: 17px !important;
	color: #8A8A8A;
	margin: 7px 0;
}

.research {
 margin: 0;
    padding: 15px 0 0;
}

.biobut {
    margin: 67px 0 0 18px;
	}
	
.buttons {
    background: none repeat scroll 0 0 #F08F00;
    clear: both;
    color: #FFFFFF;
    display: block;
    float: none;
    font-size: 24px;
    font-weight: bold;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    width: 238px;
	margin-bottom: 15px;
	
}

.buttons:hover{background:#b86c00;}

    
    
.right_column {
        position: relative;
        float: right;
        width: 30%;
        max-width: 226px;
    }
    
    .right_column .box-wrap {
        margin: 0;
        width: 100%;
    }
    .right_column .box {
        margin: 0;
        width: 100%;
        height: auto;
        padding-bottom: 100%;
        margin-bottom: 20px;
    }
    
  
  .innovate {
 margin: 0;
    padding: 15px 0 0;
}

.innobut {
    margin: 67px 0 0 18px;
	}
	
.innobuttons {
    background: none repeat scroll 0 0 #f0b501;
    clear: both;
    color: #FFFFFF;
    display: block;
    float: none;
    font-size: 24px;
    font-weight: bold;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    width: 238px;
	margin-bottom: 15px;
	float: right;
}

.innobuttons:hover{background:#d3a107;}


  
    
/* Action Boxes */
.box-wrap {
    padding: 0;
    overflow: hidden;
}
.box {
    position: relative;
    margin: auto;
    margin-bottom: 15px;
    width: 100%;
    height: 160px;
    background-color: #555;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s;
    transition: background-color 0.3s;
}
.box a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    text-decoration: none;
    border-bottom: none;
    color: #fff;
    font-family: "Rotis Sans Serif";
}
/* Action box styling */
.box .title {
    display: block;
    margin-bottom: 0.5em;
    font-size: 1.6em;
    line-height: 1.2;
}
.box .title em {
    font-style: normal;
    font-weight: 700;
    display: block;
}
.box a {
    text-align: left;
    
}
.box .lead {
                position: absolute;
                bottom: 20px;
                padding-right: 60px;
                font-size: 17px;
                font-weight: 700;
                line-height: 1.2;
                right: 16px;
}

.box.image {
    background: #333333;
}

.box.basetitle .title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 50px 20px 20px;
    padding-right: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.3em;
    font-weight: 700;
    z-index: 2;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.box.centertitle .title {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 2em;
    font-weight: 700;
    z-index: 2;
    text-transform: uppercase;
}


.box.image .img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.3s;
}
.box.turquoise .img, .box.orange .img, .box.green .img, .box.yellow .img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.box.image:hover .img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.box .icon {
    position: absolute;
    right: 10px;
    bottom: 13px;
    font-size: 2em;
    z-index: 2;
}
.box .icon:before {
    content: "e"; // right arrow
}
.box.expand .icon {
    right: 10px;
    bottom: 6px;
    font-size: 2.5em;
}
.box.expand .icon:before {
    content: "m"; // plus
}
.box.external .icon {
    right: 15px;
    font-size: 1.5em;
}
.box.external .icon:before {
    content: "z"; // external link
}

ul.box-wrap {
        width: 102.4%;
        margin-left: -2.4%;
    }
    
ul.box-wrap.hor .xfour.box {
	margin-right: 10px;
	margin-left: 10px;
    }
    
    .box-wrap .box-wrap {
        margin-top: 0;
    }
    
    ul.box-wrap.hor
    {
	margin-left: 0;
    }
 
    .twoxtwo.box-wrap {
        margin-right: 2.4%;
    }
    .twoxtwo.box-wrap .xfour.box {
        width: 45.2%;
        padding-bottom: 45.2%;
        margin: 0 0 4.8% 4.8%;
    }
    .twoxtwo.box-wrap .xfour.box:nth-child(2n+1) {
        clear: left;
    }
    .box a, .right_column .box a {
        padding: 12px 15px;
    }
    
    .box .lead, .right_column .box .lead {
        font-size: 17px;
    }
    .xfour.box {
        float: left;
        width: 226px;
        height: 226px;
        margin-bottom: 24px;
        padding-bottom: 0;
    }
    
    .box .icon {
        bottom: 10px;
    }
    .box.expand .icon {
        bottom: 3px;
    }
     
     .box.notext .title
     {
	font-size: 35px;
	margin-top: 20px;
	margin-left: 10px;
     }
     
     .box.plaintext h2
     {
	font-size: 21px;
	font-weight: bold;
     }
     
     .box.plaintext p
     {
	font-size: 16px;
     }
     
     .box.arrow
     {
	background: url('arrow-study.png') no-repeat scroll right 168px transparent;
     }
     
     .box.plus
     {
	background: url('plus-2.png') no-repeat scroll right 168px transparent;
     }
     
/* Section colours */

.menu li.turquoise .section, .menu li.turquoise .submenu-wrap {
    border-left-color: #01A6AA;
}
.turquoise.box {
    background-color: #01A6AA;
}
.white.box {
    background-color: #FFF;
}
.menu .turquoise .submenu .button, body.turquoise .button {
    background-color: #008386;
}
.turquoise.box:hover, .menu .turquoise .submenu .button:hover, body.turquoise .button:hover {
    background-color: #03b4b9;
}
body.turquoise header .container {
    border-color: #01A6AA;
}

.menu li.orange .section, .menu li.orange .submenu-wrap {
    border-left-color: #f08f00;
}
.orange.box {
    background-color: #f08f00;
}
.menu .orange .submenu .button, body.orange .button {
    background-color: #c27401;
}
.orange.box:hover, .menu .orange .submenu .button:hover, body.orange .button:hover {
    background-color: #f2a533;
}
body.orange header .container {
    border-color: #f08f00;
}

.menu li.green .section, .menu li.green .submenu-wrap {
    border-left-color: #ccce00;
}
.green.box {
    background-color: #ccce00;
}
.menu .green .submenu .button, body.green .button {
    background-color: #adaf00;
}
.green.box:hover, .menu .green .submenu .button:hover, body.green .button:hover {
    background-color: #dee00a;
}
body.green header .container {
    border-color: #ccce00;
}

.menu li.yellow .section, .menu li.yellow .submenu-wrap {
    border-left-color: #f0b501;
}
.yellow.box {
    background-color: #f0b501;
}
.menu .yellow .submenu .button, body.yellow .button {
    background-color: #d4a000;
}
.yellow.box:hover, .menu .yellow .submenu .button:hover, body.yellow .button:hover {
    background-color: #f6c634;
}
body.yellow header .container {
    border-color: #f0b501;
}

.menu li.blue .section, .menu li.blue .submenu-wrap {
    border-left-color: #678eca;
}
.blue.box {
    background-color: #678eca;
}
.menu .blue .submenu .button, body.blue .button {
    background-color: #4f7dc3;
}
.blue.box:hover, .menu .blue .submenu .button:hover, body.blue .button:hover {
    background-color: #82a2d2;
}
body.blue header .container {
    border-color: #678eca;
}


/* more stories */
div.morestories div {background-color:#00535e; width:483px; height:310px; padding:20px; color:#fff;}
div.morestories h1 {font-size:24px; font-family: 'Rotis Serif';}
div.morestories ul li {font-size:20px; margin:10px 20px; line-height:24px;}
div.morestories a {color:#f6dfab!important; }
div.morestories a:hover {text-decoration:underline!important;}
.lst-itm {float:right;}