body { font-family: Arial,sans-serif;}
}
.btn-default { background-color: #fafafa; }
/* LAYOUT */
.container-dark { background-color: #333; color: #fff; }
.container-dark a { color: #FFDE17; }
.container-dark a:hover, .container-dark a:focus   { color: #fff; }
.breadcrumb { background-color: #fff; padding: 0; margin: 0 0 15px 0; font-size: 0.9em }
.breadcrumb a { color: #666; }
/* LAYOUT ENDS */


/* TEXT */
.text-warning  { color: #FFDE17; }
.text-success  { color: #5BB75B; }
.text-danger  { color: #C12E2A; }
.text-white  { color: #ffffff; }
.text-small  { font-size: 0.8em; }
.text-grey  { color: #666;  }
/* TEXT ENDS */


/* PADDINGS AND SPACINGS */
.max800  { max-width: 800px; }
.max600  { max-width: 600px; }
.max400  { max-width: 400px; }
.max300  { max-width: 300px; }
.max200  { max-width: 200px; }
.notop { margin-top: 0px; padding-top: 0px; } .nobot { margin-bottom: 0px; padding-bottom: 0px; } 
.top25 { margin-top: 25px; } .bot25 { margin-bottom: 25px; }  .top15 { margin-top: 15px; } .bot15 { margin-bottom: 15px; }  .top5 { margin-top: 5px; } .bot5 { margin-bottom: 5px; }
.left25 { padding-left: 25px; } .left15 { padding-left: 15px; }  .left5 { padding-left: 5px; } .left0 { padding-left: 0px; } .right25 { padding-right: 25px; } .right15 { padding-right: 15px; } .right5 { padding-right: 5px; }  .right0 { padding-right: 0px;  }  
 
.mleft25 { margin-left: 25px; } .mleft15 { margin-left: 15px; }  .mleft5 { margin-left: 5px; } .mleft0 { margin-left: 0px; } .mright25 { margin-right: 25px; } .mright15 { margin-right: 15px; } .mright5 { margin-right: 5px; }  .mright0 { margin-right: 0px;  }  
/* PADDINGS AND SPACINGS ENDS */

@media (min-width: 767px) { 
.border_left { border-left: 1px solid #ccc; padding-left: 15px; } 
.border_right { border-right: 1px solid #ccc; padding-right:15px; } 
}

/* FORMATING */
.gpanel  { box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); margin-bottom: 20px; background-color: #FFF; border: 1px solid #DDD; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); -moz-box-sizing: border-box; padding: 15px; margin: 20px 0 20px 0; font-size: 16px; font-weight: 200; line-height: 1.4; }
.maincontent img { display: inline-block !important; height: auto !important;  max-width: 100% !important; }
img { display: inline-block; height: auto;  max-width: 100%; }

.img_small { max-width: 150px; max-height: 150px; }
.img_medium { max-width: 300px; max-height: 300px; }
.img_large { max-width: 450px; max-height: 450px; }

.alert H1 { margin-top: 0px; }
.well H1  { margin-top: 0px; }
blockquote {    border-left: 1px solid #EEE;  margin: 20px 0px 20px; }
/* FORMATING ENDS */



.timelineblocks {   cursor: pinter; text-decoration: none; color: #666; }
.timelineblock h4  { margin-top: 0; padding-top: 0;  }
.timelineblock_body { line-height: 16px; font-size: 0.9em;  }
.timelineblock_foot{ line-height: 16px; font-size: 0.9em;  color: #999;}
.timelineblock_greylink  a {  text-decoration: none; color: #666;  }
.timelineblock  a:hover  { text-decoration: none; color: #5BC0DE; }
.timelineblock_foot a { color: #999;}
.timelineblock { background-color: #fff; padding: 10px; border-radius: 2px; }
.timelineblocknarrow { width: 295px; }
.timelineblock:hover   { box-shadow:  0 0 5px #ccc; text-decoration: none;}



/* HOMEPAGE SQUARES */
.hpsquare { padding: 10px; border-radius: 2px;  background-repeat:no-repeat; position: relative;}
.hpsquare h1 { margin: 0px; padding-top: 0px; padding-bottom: 3px; }
.hpsquare p { margin: 0px; padding-top: 0px; line-height: 16px; padding-bottom: 1px; }
.hpsquare > a {  cursor: pinter; text-decoration: none; }
.hpsquare > a:hover  {  cursor: pinter; text-decoration: none; }
.hpsquare:hover   { box-shadow:  0 0 2px #333; text-decoration: none; }
.text_btm   { position: absolute; bottom: 11px; padding-right: 10px; }
.masonary_item > .no_decoration { text-decoration: none; } 
.sq_small { width: 145px; height: 145px; overflow: auto; margin-bottom: 10px; }
.sq_small h1 { font-size: 22px;}
.sq_medium { width: 300px; height: 145px; overflow: auto; margin-bottom: 10px;  }
.sq_medium h1 { font-size: 22px; }
.sq_large { width: 300px; height: 300px; overflow: hidden; margin-bottom: 10px; }
.sq_giant { width: 100%; height: 300px; overflow: hidden; margin-bottom: 10px; }
.sq_bg_cover {background-size:cover;}
.sq_bg_contain {background-size:contain;}


.sq_pos_lefttop {background-position:left top;}
.sq_pos_righttop {background-position:right top;}
.sq_pos_center {background-position:center center;}
.sq_pos_leftbot {background-position:left bottom;}
.sq_pos_rightbot {background-position:right bottom;}

.white_txt_bg h1 > span  { background-color: #fff; box-shadow: 5px 0 0 #fff, -5px 0 0 #fff; box-decoration-break: clone; padding-top: 1px; padding-bottom: 3px; color: #333; }
.white_txt_bg p { line-height: 1.3; } 
.white_txt_bg p > span { background-color: #fff; box-shadow: 5px 0 0 #fff, -5px 0 0 #fff; box-decoration-break: clone; padding-top: 2px; padding-bottom: 3px; color: #333;  }
.black_txt_bg h1 > span  { line-height: 1.2em; background-color: #333; box-shadow: 5px 0 0 #333, -5px 0 0 #333; box-decoration-break: clone; padding-top: 1px; padding-bottom: 3px; color: #fff; }
.black_txt_bg p { line-height: 1.3; } 
.black_txt_bg p > span { background-color: #333; box-shadow: 5px 0 0 #333, -5px 0 0 #333; box-decoration-break: clone; padding-top: 2px; padding-bottom: 3px; color: #fff;  }

.sq_bg_white {  background-color: #fff;  color: #333; }
.sq_bg_blue {  background-color: #3479BE; color: #fff; }
.sq_bg_red { background-color: #D93827; color: #fff; }
.sq_bg_yellow { background-color: #F0E00D; color: #333;  }
.sq_bg_grey { background-color: #ccc; color: #333;}
.sq_bg_black { background-color: #333; color: #fff;}
.sq_bg_green { background-color: #039A6F; color: #fff;}
.sq_bg_lightblue { background-color: #52C5D1; color: #fff;}
/* HOMEPAGE SQUARES END */

/* INLINE LIST*/
.list-inline > .section_blocks > a > div { background-color: #fff; width: 160px; height: 75px; overflow: hidden; padding: 10px 5px 10px 10px; margin-bottom: 15px; color: #333; }
@media (max-width: 768px) { .list-inline > .section_blocks > a > div { width: 100%; height: auto; } }

.list-inline > .section_blocks_grey > a > div { background-color: #fcfcfc; width: 160px; height: 75px; overflow: hidden; padding: 10px 5px 10px 10px; margin-bottom: 15px; color: #333; }
@media (max-width: 768px) { .list-inline > .section_blocks_grey > a > div { width: 100%; height: auto; } }

.list-inline > .section_blocks_archived > a > div { background-color: #ccc; width: 73px; height: 75px; overflow: hidden; padding: 10px 5px 10px 6px; margin-bottom: 15px; color: #333; font-size: 0.7em }
@media (max-width: 768px) { .list-inline > .section_blocks_archived > a > div { width: 100%; height: auto; } }
.list-inline > li > a > div:hover { background-color: #FFDE17; }
.list-inline > li > a  { text-decoration: none; }
.pubs_list { text-align: center; } 

.list-inline > .section_blocks > label > div {  width: 150px; overflow: hidden; padding: 10px 5px 10px 10px; margin-bottom: 15px; color: #333; }
@media (max-width: 768px) { .list-inline > .section_blocks > label > div { width: 100%; height: auto; } }
@media (max-width: 768px) { .list-inline > .section_blocks > label > div { width: 100%; height: auto; cursor: pinter; } }

.list-inline > .section_blocks_wide > label > div {  width: 315px; overflow: hidden; padding: 10px 5px 10px 10px; margin-bottom: 15px; color: #333; }
@media (max-width: 768px) { .list-inline > .section_blocks_wide > label > div { width: 100%; height: auto; } }
@media (max-width: 768px) { .list-inline > .section_blocks_wide > label > div { width: 100%; height: auto; cursor: pinter; } }

.toggle_color_on { background-color: #FFDE17; }
.toggle_color_off { background-color: #fff; }
/* INLINE LIST ENDS */

/* SQUARES RIGHT COLUMN */
.square { width: 100%; padding: 15px; border-radius: 2px; }
.square > p > a:hover, .square-light a:active { color: #000; }
.square h2 { margin-top: 0px; padding-top: 0px; }
.square-foot { font-size: 0.9em; }
.square-dark  { background-color: #333; color: #fff; }
.square-red  { background-color: #C12E2A; color: #fff; }
.square-red  > p > a { color: #fff; }
.square-light  { background-color: #efefef; color: #333; }

@media (min-width: 769px) { .square  { margin-left: -15px; } }
.square-light  > p > a  { color: #333; }
.square-yellow  { background-color: #FFDE17; color: #333; }
.square-yellow  > p > a  { color: #666; }
.square > nav > .nav-pills h2 { color: #eee; }
.square > nav > .nav-pills > li > a { background-color: transparent; border-radius: 0px; color: #333; padding: 3px 3px 3px 10px; margin: 0 0 5px 0; border-left: 1px solid #eee; }
.square > nav > .nav-pills > li.active  { padding: 4px 3px 4px 10px; background-color: transparent; font-weight: 700; border-left: 2px solid #D2322D; color: #333; }
.square > nav > .nav-pills > li > a:hover, .nav-pills > li > a:focus { background-color: transparent; border-left: 1px solid #2A6496; border-radius: 0px; color: #2A6496; text-decoration: underline; }
/* SQUARES ENDS */


/* LISTS */
.blocklink:hover, .blocklink:focus { display: block;  background-color: #eeeeee; transition: all 0.3s ease-in-out 0s; }
.blocklink a  {  padding: 10px; display: block; text-decoration: none; color: #333; }
.blocklink a:hover, .blocklink a:focus    { display: block; text-decoration: none;}
.blocklink a:hover h4 , .blocklink a:focus h4   { color: #333; transition: all 0.3s ease-in-out 0s;}
/* LISTS ENDS */
.specialblocklink > a  {  display: block; text-decoration: none; color: #333; }
.specialblocklink  > a:hover { background-color:rgba(255,255,255,0.4); border-radius: 3px;   transition: all 0.3s ease-in-out 0s; }


/* Scoll */
.scroll-top { position:fixed; bottom:0; right:2%; z-index:100; background: #5BC0DE; font-size:20px; border-top-left-radius:1px; border-bottom-left-radius:1px; }
.scroll-top a:link,.scroll-top a:visited { color:#222; background-color: notset; } 
@media (max-width: 1200px) { .scroll-top  { display: none; } body { padding-right: 0px; } }
/* Scoll ends */


/* Nav Search suggestions */
.twitter-typeahead{ width:100%; }
.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint { margin-bottom: 0; }
.tt-dropdown-menu { min-width: 223px;  margin-top: 2px; padding: 5px 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-background-clip: padding-box;-moz-background-clip: padding; background-clip: padding-box; width:100%; }
.tt-dropdown-menu a {text-decoration: none; color: #666;}
.tt-suggestion {  background-color: #fff; display: block; padding: 3px 10px; border-bottom: 1px solid #e9e9e9; font-size: 1em; }
.tt-suggestion.tt-is-under-cursor { color: #fff; text-decpration: none; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3);background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0) }
.tt-suggestion.tt-is-under-cursor a { color: #fff; }
.tt-suggestion p { margin: 0; }
.navbar-form { padding-bottom: 0; margin-bottom: 0; }
.input-search { margin-right: 3px; }
.search_button { color: #999999; }
@media (min-width: 767px) { .navbar-form.navbar-right:last-child {margin-right: 0} }
/* Nav Search suggestions ends */

/* Nav Full Width Yamm3 http://geedmo.github.com/yamm3 */
.dropdown-menu { background-color: #fff; }
.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {  position: static; }
.yamm .container { position: relative; }
.yamm .dropdown-menu { left: auto; }
.yamm .nav.navbar-right .dropdown-menu { left: auto; right: 0; }
.yamm .dropdown.yamm-fw .dropdown-menu { left: 10px; right: 59px; }
@media (min-width: 767px) { .yamm .dropdown.yamm-fw .dropdown-menu .row  a { min-height: 80px; } }
.yamm .dropdown.yamm-fw .dropdown-menu .row  a { display: block; font-weight: 400; line-height: 1.42857143; color: #333; padding: 5px 5px; border: 1px solid #fff; border-radius:3px; }
.yamm .dropdown.yamm-fw .dropdown-menu .row  a:hover { color: #fff; text-decoration: none; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3);background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0) }
.yamm .dropdown.yamm-fw .dropdown-menu .row .col-md-3, .yamm .dropdown.yamm-fw .dropdown-menu .row .col-lg-2  { margin: 0px; padding: 0px 5px 0px 0px; }
.yamm .dropdown.yamm-fw .dropdown-menu .row  { padding: 0 15px 0 20px; }
.yamm .project_name { font-weight: bold;  }
.yamm .project_desc { line-height: 1; }
/* Nav Full Width Ends */



/* Nav Bar */
#sticky{
z-index: 1;
}
#sticky.affix {
    position: fixed;
    top: 0;
    width: 100%;
	z-index: 3;
}
.navbar{ margin-bottom: 0px; }
.navbar-btn { margin: 28px 0px 18px 18px; }

@media (max-width: 767px) {
.logo { max-height: 45px; }
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background-color: #eee;
}
.navbar-default .navbar-nav > .active > a { background-color: #fff; font-weight: bold; }
.navbar-default { background-image: linear-gradient(to bottom, #FFF 0px, #fff 100%); box-shadow: none; }
.navbar-brand { min-height: 70px; padding-bottom: 0px; padding-top: 15px;  }

@media (min-width: 767px) { .navbar-brand { min-height: 90px;  } }


@media (min-width: 767px) { .nav-pad > .nav-padded > a {  line-height: 90px; min-height: 90px; padding-top: 0; padding-bottom: 0;} .flexMenu-viewMore li a { line-height: 30px; height: 30px; padding-top: 0; } .flexMenu-allInPopup li a { line-height: 30px; height: 30px; padding-top: 0; } }

.navbar-nav { margin: 0; }

.navbar-brand > .navbar-nav > li > a {  padding-bottom: 0px;}
.navbar-collapse {  padding-right: 0px;  padding-left: 0px;	}
.collapsing, .collapse.in { border-bottom: 3px solid #ccc;  }
.navbar-default > .container > .collapse.in > .nav > li > a:hover{ background-color: #eee;  }
.navbar-inverse > .container > .collapse.in > .nav > li > a:hover{ background-color: #666;  }
.collapsing .navbar-right > li , .collapse.in > .navbar-right > li { border-top: 1px dotted #ccc; }
.collapsing .navbar-right > .active > a , .collapse.in > .navbar-right > .active > a { color: #428BCA; }
.collapsing  > .navbar-left > li > a , .collapse.in > .navbar-left > li > a { font-weight: 700; }
.navbar-toggle {	 margin-top: 18px; height: 40px; width: 40px; color: #888;}
.navbar-inverse .navbar-toggle { border-color: #666; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #666; }

.navbar-inverse .navbar-nav > li > a {
    color: #ccc;
}
.navbar-inverse .navbar-nav > li > a:hover { background-color: #222;}

.mobile_search_button { margin-right: 10px;}
@media (min-width: 767px) { .flex-multi { max-width: 50% !important; } }
@media (min-width: 1200px) { .flex-multi { max-width: 75% !important; } }
@media (min-width: 767px) { .flex-multilong { max-width: 60% !important; } }
@media (min-width: 1200px) { .flex-multilong { max-width: 80% !important; } }
/* Nav Bar ENDS */


/* Section Bar  */
.section-bar-wrapper { background-color: #333; width: 100%; }
.section-bar > h2 { margin-top: 7px; color: #fff; font-size: 28px; }
@media (min-width: 767px) { 
.section-bar { min-height: 90px; }  
.section-bar > h2  { font-size: 32px; margin-top: 13px; } 
.section-bar .btn-lg { margin-top: 23px;  }
}

.section-bar > h2 > a { color: #fff; }
.section-bar > form { margin-top: 30px; margin-bottom: 15px; }
.section-bar .btn-lg {  margin-bottom: 10px; }
/* Section Bar ENDS */


/* BUTTONS */
.btn { border-radius: 2px; }
.btn-sm, .btn-group-sm > .btn { padding: 2px 8px; font-size: 14px; line-height: 1.5; border-radius: 2px;}
/* BUTTONS END */


/* Publications  */
.publication { border-bottom: 1px solid #eee; padding: 15px; margin-bottom: 20px; text-align: left; }
@media (min-width: 440px) { 
.publication { width: 210px; height: 600px; border-bottom: 1px solid #eee; overflow: hidden; padding: 15px; margin-bottom: 40px; text-align: left; }
 }
/* Publications ENDS */

/* Projects  */
.project { border-bottom: 1px solid #eee; padding: 15px; margin-bottom: 20px; text-align: left; }
@media (min-width: 440px) { 
.project { width: 210px; height: 350px; border-bottom: 1px solid #eee; overflow: hidden; padding: 15px; margin-bottom: 40px; text-align: left; }
 }
 .project_archive { border-bottom: 1px solid #eee; padding: 15px; margin-bottom: 20px; text-align: left; }
@media (min-width: 440px) { 
.project_archive { width: 210px; height: 200px; border-bottom: 1px solid #eee; overflow: hidden; padding: 15px; margin-bottom: 40px; text-align: left; }
 }
/* Projects ENDS */



/* CALENDAR STARTS */
table.calendar    { width: 100%; background-color:#ffffff; }
.calendar_link   { color: #333; }
.calendar-row > td { vertical-align: top; width: 14%; }
td.calendar-day  { position:relative;  } 
td.calendar-day:hover  { background:#fafafa; }
td.calendar-day-np  { background:#fafafa; } 
td.calendar-day-head { background-color: #5BC0DE;  text-align:center; padding:25px 5px 5px 5px; border-bottom:1px solid #efefef; border-top:1px solid #efefef; border-right:1px solid #efefef; color: #fff; }
div.day-number { background:#efefef; padding:2px 5px 3px 5px; color:#666; float:right; margin:-5px -5px 0 0; width:26px; text-align:center; }
td.calendar-day, td.calendar-day-np { padding:5px; border-bottom:1px solid #efefef; border-right:1px solid #efefef; }
.calendar-day > .calendar_square { min-height: 200px; }
.calendar-day > .calendar_square > .calendar_event { border-bottom: 1px dotted #eee; margin-bottom: 5px; line-height: 1.1em; }
.day_number_list { padding:4px 5px 2px 5px; color:#777; float:left; margin-right:10px; width:60px; text-align:right; }
.calender_container > .calendar_square { border-top: 1px solid #ccc; clear: both; min-height: 26px; margin-bottom: -1px }
.calender_container > .calendar_square > .calendar_event { margin-left: 70px;  border-bottom: 1px dotted #ccc; min-height: 26px; font-size: 1.2em; padding-top: 2px; padding-bottom: 2px; }
/* CALENDAR ENDS */