/*
Theme Name: Foundation Child
Description: Theme for Research Institutions
Author: Hundredwatt Labs
Author URI: http://100wlabs.com/projects/isi/
Template: Foundation
*/

@import url("../Foundation/style.css");

body {margin:0px; padding:0px; font-size:14px;line-height:18px; /*font-family:Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif !important;*/ }

#header .logo {
    float: left;
    margin: 20px 0 0;
    overflow: hidden;
}
a.learn_more:link, a.learn_more:visited, a.learn_more:focus, a.learn_more:hover{
    color:#F78041!important;
    font-size: 12px;
}
.page-title-container {display:none;}
.portfolio-tabs{margin: 0 auto 30px}
.customPortfolio .otherLinks {
    margin: 10px 0;
}
a.act{color:#F78041 !important}
.scroll-div{border: 1px solid #CCCCCC;height: 84px; overflow-y: auto; padding: 2px; width: 594px;}
.headerSubMenu{
    margin: 0 auto 40px;
    border-bottom: 1px solid #E7E6E6;
    border-top: 1px solid #E7E6E6;
    height: auto;
    line-height: 34px;
    list-style: none outside none;
    overflow: hidden;
    padding:0;
    clear: both;
    display: block;
}
.headerSubMenuSingle{
    margin: 0 auto 30px;
    border-bottom: 1px solid #E7E6E6;
    border-top: 1px solid #E7E6E6;
    height: auto;
    line-height: 34px;
    list-style: none outside none;
    overflow: hidden;
    padding:0;
    clear: both;
    display: block;
    float: left;
    width: 785px;
}
.headerSubMenu li{
    float: left;
    margin-right: 30px;
}    
.headerSubMenu li a{display: block;color: #333333 !important;text-decoration: none; font-size:13px; font-family:'Open Sans', sans-serif;}
.headerSubMenu li.activeTab{
    /*border-color: #F48242 !important;
    line-height: 31px !important;
    border-top: 2px solid #F48242;*/
}  
.headerSubMenu li.activeTab a{color: #f37731 !important;}
.headerSubMenu li a:hover{color:#f37731 !important;}
.headerSubMenu li a.act{color: #f37731 !important;}
.postTitle{text-transform: uppercase; margin:5px 0px 0px; line-height: 10px !important; font-size: 10px;color:#888888 !important; font-weight:bold; 
font-family:'PT Sans', serif!important; padding:15px 0px 10px;}
#main {
    background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
    overflow: hidden !important;
    padding: 0 0 45px;
}
span.subTitle{color: #999999; display: block; font-size: 11px; line-height: 14px; font-family:'Crimson Text', serif!important;}
.single-navigation{    height:34px;
    line-height:34px;
    border-top:1px solid #e7e6e6;
    border-bottom:1px solid #e7e6e6;
    margin-bottom:30px;
    text-align:right;
    float:right;
    width: 155px;
}

ul.lcp_catlist{padding:0; margin:0;}
ul.lcp_catlist li{list-style: none; text-align: left;}
ul.lcp_catlist li a{display: block; text-align: left;}
ul.lcp_catlist li a img{width: 100%;height: 135px;}

#workingDiv{z-index:1001; position:fixed; padding:0px; margin:0px; width:54.3%; top:50%; left:32%; text-align:center; cursor:wait; display: none;}
#goToTop{float:right; position:fixed; bottom:260px; right:55px; display: none; cursor:pointer; background: url('images/go-to-top.png') no-repeat scroll center center transparent;height:48px;width:48px}

/* scroller css on people page */
.loadmore {
    display: block;
    width: 500px;
    margin: 0px auto;
    padding: 15px;
    font-family: 'PT Sans',serif !important;
    /* font-size: 15px;*/
    font-weight: normal;
    text-align: center;
    color: #0076ca;
    text-decoration: none!important;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #ddd;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.loadmore:hover {
    color: #3399FF;
    border-color: #bbb;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.loadmore:active, .loading {
    color: #333333;
    border-color: #aaa;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.active-list{color:#ED8123 !important;}

/*05-12-2014 CSS By Pramod Kumar Starts Here*/
.homeCategoryList{list-style:none; margin:0; padding:0; width:100%; float:left;}
.homeCategoryList li{width:100%; float:left; margin:10px 0 0; padding:0;}
.homeCategoryList li:first-child{margin-top:0;}
.homeCategoryList.oneThird li{width:30.6666%; margin:0 4% 0 0;}
.homeCategoryList.oneThird li:nth-child(3n+0){margin-right:0;}
.homeCategoryList li .listTitle{font-size:14px; font-family:"Merriweather", serif!important; font-weight:bold; line-height:18px; color:#222222; display:block; margin:7px 0 5px;}
.homeCategoryList li .listTitle a:hover{color:#F37731;}
.homeCategoryList li .thumbnail{overflow:hidden;}
.homeCategoryList li .postTitle {padding:0; margin:0;}

.latestNewsList{list-style:none; margin:0; padding:0; width:100%; float:left;}
.latestNewsList li{width:100%; float:left; margin:0; padding:0;}
.latestNewsList li .newsTitle{font-size:14px; font-family:"Merriweather", serif!important; font-weight:bold; line-height:18px; color:#222222; display:block;}
.latestNewsList li .newsTitle a:hover{color:#F37731;}
.latestNewsList li p{font-family: 'PT Sans',sans-serif !important; font-size: 12px;}
.latestNewsList li a.viewAll{font-size:10px; color:#F37731; text-transform:uppercase; font-family: 'PT Sans',sans-serif;}

.featuredBox{border:1px solid #e4e4e4; padding:12px 12px 8px;}
.featuredBox .title{background-image:none; margin:-24px 0 10px; padding:0; color:#f37731;}
.featuredBox .title span{display:inline-block; background-color:#FFFFFF; padding:0 6px;
						 font-family: 'PT Sans',serif; font-size: 14px; text-transform: uppercase;}

/*05-12-2014 CSS By Pramod Kumar Ends Here*/

.scrollable {position: relative;}
.scrollable:focus {outline: 0;}
.scrollable .viewport {position: relative; overflow: hidden;}
.scrollable .viewport .overview {position: absolute;}
.scrollable .scroll-bar {display: none;}
.scrollable .scroll-bar.vertical {position: absolute; right: 0; height: 100%;}
.scrollable .scroll-bar.horizontal {position: relative; width: 100%;}
.scrollable .scroll-bar .thumb {position: absolute;}
.scrollable .scroll-bar.vertical .thumb {width: 100%; min-height: 10px;}
.scrollable .scroll-bar.horizontal .thumb {height: 100%; min-width: 10px; left: 0;}
.not-selectable {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/*Default skin*/

.scrollable.default-skin {padding-right: 10px; padding-bottom: 6px;}
.scrollable.default-skin .scroll-bar.vertical {width: 6px;}
.scrollable.default-skin .scroll-bar.horizontal {height: 6px;}
.scrollable.default-skin .scroll-bar .thumb {background-color: black; opacity: 0.4; border-radius: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.scrollable.default-skin .scroll-bar:hover .thumb {opacity: 0.6;}
/*Gray skin*/

.scrollable.gray-skin {
padding-right: 17px;
}
.scrollable.gray-skin .scroll-bar {
background-color: #d3d3d3;
}
.scrollable.gray-skin .scroll-bar .thumb {
background-color: gray;
cursor:pointer;
}
.scrollable.gray-skin .scroll-bar:hover .thumb {
background-color: black;
}
.scrollable.gray-skin .scroll-bar.vertical {
width: 6px;
border-radius:2px;
overflow:hidden;
}
.scrollable.gray-skin .scroll-bar.horizontal {
height: 10px;
margin-top: 2px;
}
/*Modern skin*/
.scrollable.modern-skin {
padding-right: 17px;
}
.scrollable.modern-skin .scroll-bar {
border: 1px solid gray;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: inset 0 0 5px #888;
-webkit-box-shadow: inset 0 0 5px #888;
box-shadow: inset 0 0 5px #888;
}
.scrollable.modern-skin .scroll-bar .thumb {
background-color: #95aabf;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #536984;
}
.scrollable.modern-skin .scroll-bar.vertical .thumb {
width: 8px;
background: -moz-linear-gradient(left, #95aabf 0%, #547092 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092));
background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%);
background: -o-linear-gradient(left, #95aabf 0%, #547092 100%);
background: -ms-linear-gradient(left, #95aabf 0%, #547092 100%);
background: linear-gradient(to right, #95aabf 0%, #547092 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )";
}
.scrollable.modern-skin .scroll-bar.horizontal .thumb {
height: 8px;
background-image: linear-gradient(#95aabf, #547092);
background-image: -o-linear-gradient(#95aabf, #547092);
background-image: -moz-linear-gradient(#95aabf, #547092);
background-image: -webkit-linear-gradient(#95aabf, #547092);
background-image: -ms-linear-gradient(#95aabf, #547092);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )";
}
.scrollable.modern-skin .scroll-bar.vertical {
width: 10px;
}
.scrollable.modern-skin .scroll-bar.horizontal {
height: 10px;
margin-top: 2px;
}
/*Vertical scrollbar - set width and height of a div you want to add a scrollbar to*/
#vertical-scrollbar-demo {
height: 180px;
width: 190px;
}
/*Horizontal scrollbar - set width and height of a div you want to add a scrollbar to*/
#horizontal-scrollbar-demo {
width: 400px;
height: 200px;
}
/*Horizontal scrollbar - set width of overview or make it expand horizontal like below*/
#horizontal-scrollbar-demo .overview {
/*width: 1836px;*/
/* or */
white-space: nowrap;
}
#horizontal-scrollbar-demo img {
height: 180px;
width: 180px;
}
/*Vertical and horizontal scrollbar - set width and height of a div you want to add a scrollbar to*/
#vertical-horizontal-scrollbar-demo {
width: 400px;
height: 200px;
}
#vertical-horizontal-scrollbar-demo .overview {
width: 600px;
}
/* Vertical and horizontal scrollbar - one extra step required - add width of overview - overall width of scrolled content*/
#min-thumb-size-demo .overview {
width: 600px;
}
/*Vertical and horizontal scrollbar - set width and height of a div you want to add a scrollbar to*/
#min-thumb-size-demo {
width: 400px;
height: 200px;
}
/* Vertical and horizontal scrollbar - one extra step required - add width of overview - overall width of scrolled content*/
#min-thumb-size-demo .overview {
width: 600px;
}
#min-thumb-size-demo .vertical .thumb {
min-height: 150px;
}
#min-thumb-size-demo .horizontal .thumb {
min-width: 300px;
}