/* ==========================================================================================
  * AGI Website Specific Theming
  * =======================================================================================*/

/********************************************
 * Utility classes
 * ********************************************/
.no-bullet li {
    list-style-type: none;
}

.floatboxright {
    min-width: 300px;
    max-width: 30%;
    float: right;
    border: 1px solid #008888;
    border-radius: 7px;
    padding: 4px 4px 4px 4px;
    margin-right: 5px;
}
.half {
    max-width: 48%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 10px;
    border: 1px solid #008888;
    border-radius: 10px;
}

.block-twitter-block {
    float: right;
    min-width: 150px;
}
.center {
    text-align: center;
}
.twocol {
    column-count: 2;
    column-gap: 10px;
    column-width: auto;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    -webkit-column-width: auto;
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -moz-column-width: auto;
}

.readablecol {
    max-width: 900px;
    min-width: 320px;
}

#first-time {
    visibility: hidden;
}

.front #main-content {
	padding-top: 10px;
	}

#header {
/*    padding-bottom: 0px;
    margin-bottom: 10px; */
    width: 100%;
}

#block-widgets-s-socialmedia-profile-default {
    float: right;
    clear: right;
}

#menu-bar {
    padding-bottom: 4px;
    width: 100%;
    padding-top: 10px;   
}

#tagline {
    font-size: 1.5em;
    font-weight: 500;
    float: left;
    clear: none;
    vertical-align: bottom;
}

/*.region-leaderboard .region-inner {
    z-index: 0;
    background-color: #ff0000;
} */
/* User Login block  not unlike Twitter */

#block-user-login {
  margin: 0;
  position: absolute;
  right: 0;
 /* top: 89px; */
  z-index: 500;
}
#block-user-login .block-inner {
  color: #222;
  padding: 0;
}
#block-user-login .content {
  padding: 3px 7px;
}

#toboggan-container {
    width: auto;
    float: right;
    font-size: 0.8em;
    color: #008888;
}

#block-logintoboggan-logintoboggan-logged-in {
    width: auto;
    float: right;
    font-size: 0.8em;
    color: #008888;
}
#block-logintoboggan-logintoboggan-logged-in a {
 color: #008888;   
}
#toboggan-container a {
    color: #008888;
}
#user-login-form {
  margin: 0;
  padding: 0;
  width: auto;
}
#toboggan-login-link {
  background: url(images/user.png) no-repeat right 0;
  display: block;
  padding: 0 22px 0 0;
  text-align: right;
  font-size: 1em;
}
#toboggan-login {
  padding: 5px 10px 10px;
  background: #dddddd;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

#name-and-slogan {
    top:18px;
    left:10px;
    position: relative;
}

#name-and-slogan h1 a {
/*    font-family: 'Lato', sans-serif; */
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 1.3em;
    color: #000000;
    text-decoration: none;
    position: relative;
    vertical-align: middle;
    top: 10px;
}

#name-and-slogan h1 a:visited {
    color: #000000;
}

#name-and-slogan h1 a:hover {
    text-decoration: none;
}


/*
 #block-views-workforcefrontpageblock-block
    {
    width: 32%;
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    z-index: 0;
    }
*/

.frontpage #content-column, .page-workforce-developing-diverse-professoriate-data #content-column {
    width: 100%;
}

.frontpageblock
{
    width: 90%;
    float: left;
    padding: 0px 10px 0px 10px;
    min-width: 30%
}

.frontpageblock img {
    margin-right: 10px;
}

.frontpageblock .description {
    font-size: 0.9em;
    line-height: 1em;
}

.frontpageblock a {
    color: #000000;
}
/*#block-views-educationfrontpageblock-block
    {
    width: 32%; 
    float: left;
    margin-left: auto;
    margin-right: auto;
    z-index:0;
    }

#block-views-educationfrontpageblock-block .view-content {
    width: 90%;
}
#block-views-for-public-front-page-block
    {
    width: 32%; 
    float: left;
    margin-left: auto;
    margin-right: auto;
    z-index:0;
    }

#block-views-for-public-front-page-block .view-content {
    width: 90%;
}

#block-views-a23962c43fa59438a4031ad0894ca62e
    {
    width: 32%; 
    float: left;
    margin-left: auto;
    margin-right: auto;
    z-index:0;
    }

#block-views-a23962c43fa59438a4031ad0894ca62e h2 {
    padding: 4px 10px 4px 10px;
    margin-bottom: 4px;
    border-bottom: 1px dotted #008888;
    width: 80%;
    line-height: 14px;
    color: #000000;
}

#block-views-a23962c43fa59438a4031ad0894ca62e .view-content {
    width: 90%;
}

#block-views-educationfrontpageblock-block h2 
    {
    padding: 4px 10px 4px 10px;
    margin-bottom: 4px;
    border-bottom: 1px dotted #008888;
    line-height: 14px;
    width: 80%;
    color: #000000;
    }

#block-views-for-public-front-page-block h2
    {
    padding: 4px 10px 4px 10px;
    margin-bottom: 4px;
    border-bottom: 1px dotted #008888;
    line-height: 14px;
    width: 80%;
    color: #000000;
    }

/*
#block-views-e79f7dce34c3974c84edfbaca2a3a491
    {
    width: 32%;
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    z-index:0;
    }

#block-views-094eba3b6d365d820540e056865b8f51
    {
    width: 32%;
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    z-index:0;
    }

#block-views-policyfrontpageblock-block
    {
    width: 32%;
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    z-index: 0;
    }  
*/
#block-views-11d349391bc21b83628b9c2ffe717e92 h2, #block-views-43640358fef8504e27b43ab72ba0c27d h2, #block-views-3a17ebc83dc9d0a56eba885e8b600ede h2  {
    padding: 4px 10px 4px 10px;
    margin-bottom: 4px;
    border-bottom: 1px dotted #008888;
    line-height: 14px;
    width: 80%;
    color: #000000;

}

#block-views-11d349391bc21b83628b9c2ffe717e92, #block-views-43640358fef8504e27b43ab72ba0c27d, #block-views-3a17ebc83dc9d0a56eba885e8b600ede {
    width: 32%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    z-index:0;
}

#block-views-11d349391bc21b83628b9c2ffe717e92 .view-content, #block-views-43640358fef8504e27b43ab72ba0c27d .view-content, #block-views-3a17ebc83dc9d0a56eba885e8b600ede .view-content {
    width: 90%;
}




.view-latest-items
    {
    width: 100%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
    overflow: hidden;
    position: relative;
    clear: both;
    }

.view-latest-items img {
/*    min-width: 1920px; */
    width: 100%;
    z-index: 0;
    clear: none;
    overflow: hidden;
}

.view-latest-items .latestitemlink {
    color: #008888;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: left;
    z-index: 100;
    font-size: 1.5em;
    position: absolute;
    bottom: 10%;
    left: 0;
}

.view-latest-items .newstextblock {
    background-color: rgba(0,0,0,0.7);
    text-align: left;
    z-index: 100;
    position: absolute;
    bottom: 30%;
    left: 8%;
    max-width: 50%;
    min-width: 33%;
    float: left;
    padding-left: 10px;
    line-height: 1.1em;
}

.view-latest-items .newstextblock a {
    color: #ffffff;
}
.view-latest-items .newstextblock h3 {
    color: #ffffff;
    height: 1.2em;
    font-size: 1.5em;
    line-height: 1.2em;
    margin-bottom: 0;
    padding-bottom: 0;
}

.view-latest-items .newstextblock p {
    color: #ffffff;
}
.view-latest-items .latestitemlink a {
    z-index: 100;
}
/*.latestitemtext {
    position: relative;
    color: #000000;
    z-index: 100;
    font-size: 1em;
    top: -70%;
    text-align: right;
} */

.frontpageblock .views-row {
    clear: both;
}
.frontpageblock .views-field-field-image
    {
        float: left;
    }

.nexttoimage {
    margin-left: 5px;
}

.nexttoimage a {
    font-weight: bold;
    font-size: 1.1em;
}
.frontpage .block-views-latest-items-block .views-field-body  {
/*    font-family: 'Lato', sans-serif; */
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size:1.5em;
    text-align: left;
    font-weight: bold;
    background-color: transparent;
    line-height: 1.6em;
    }

#block-block-2 {
    width: 100%;
    clear: both;
    margin-bottom: 20px;
}

#block-block-2 h2 {
    color: #000000;
/*    line-height: 0.5em; */
}

.geocenterblock {
    margin-left: auto;
    margin-right: auto;
}
/*
#block-block-2 em a {
    width: 100%;
    text-align: center;
} */



table.views-view-grid td, table.views-view-grid tr, table.views-view-grad thead, table.views-view-grid tbody {
    padding: 0px 0px 0px 0px;    
    margin: 0px 0px 0px 0px;
    border-style: none;
}


div.gridlink a {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    background-color: #000000;
    float: left;
    bottom: -14px;
    width: 100%;
    text-align: center;
}

.themeitemgrid {
    border-style: none;
}

/*
#block-views-latest-items-block {
    position: relative;
}
#block-views-latest-items-block .views-field-field-target-page {
    bottom: 50%;
    position: absolute;
}

#block-views-latest-items-block .views-field-body {
    z-index: 10;
    background: #000000;
    width:100%;
    opacity: 0.60;
    line-height: 2em;
    text-align: left;
    position: absolute;
    top: 50%;
}

#block-views-latest-items-block .views-field-body p {
    z-index: 11;
    opacity: 1.0;
    color: #ffffff;
    font-size: 0.9em;
    font-weight: normal;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 1.2em;
    overflow: hidden;
}
*/
.views-field-field-target-page a:visited {
    text-decoration: none;
}

.views-field-field-target-page a:hover {
    text-decoration: none;
}

.view-currents a {
    color: #008888;
    font-size: 1.1em;
    font-weight: bold;

}

.view-currents .views-field-field-currents-number {
    float: left;
    clear: right;
    font-size: 1.1em;
    color: #008888;
    font-weight: bold;
    display: none;
}

.view-currents .views-field-field-currents-number:before {
    content: "Currents #: ";
}

.views-currents .views-field-title {
    float: left;
    clear: right;
}
.view-currents .views-field-field-image img {
	max-width: 100px;
	clear: none;
	float: left;
        padding-right: 10px;
}

.view-currents .views-row {
	padding-bottom: 15px;
        float: left;
/*        clear: both; */
        width: 50%;
        max-width: 600px;
        min-width: 300px;
}

/*
.views-field-field-image img {
    width: 100%;
    z-index: 1;
    max-height: 320px;
    height: auto;
} */

.block {
        margin-bottom: 0px;
}

#main-content {
    display: relative;
    z-index: 0;
}

.view-publication h2 {
    margin: 0px 0px 0px 0px;
}
.view-publication img {
    max-width: 480px;
    float: left;
    padding: 0px 5px 5px 0px;
}

/******************************************************************************************
 * CSS Code for the Landing Page Backgrounds
 * ****************************************************************************************/



#EducationLanding {
    background-image: url("/sites/default/files/students-2girls.jpg");
    -webkit-background-size: cover;
    -mozilla-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    z-index: 100;
    max-height: 1025px;
}

#MemberSocietyLanding {
    background-image: url("/sites/default/files/iStock_000005704211Medium_EasterIsland_AndrzejGibasiewicz.jpg");
    -webkit-background-size: cover;
    -mozilla-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #000000;
    width: 100%;
    z-index: 100;
    max-height: 1025px;
}

#WorkforceLanding {
    background-image: url("/sites/default/files/iStock_000004880665Large.jpg");
    -webkit-background-size: cover;
    -mozilla-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    z-index: 100;
    max-height: 1025px;
}

#PolicyLanding {
    background-image: url("/sites/default/files/Capitol-Straight.jpg");
    -webkit-background-size: cover;
    -mozilla-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    z-index: 100;
    max-height: 1025px;
}

#GeoscienceInformationLanding {
    background-image: url("/sites/default/files/iStock_000005704211Medium_EasterIsland_AndrzejGibasiewicz.jpg");
    -webkit-background-size: cover;
    -mozilla-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    z-index: 100;
    max-height: 1025px;
}

/* Styling of the latest items bar */
.latestitems {
    margin: 5px 5px 5px 5px;
/*    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    color: #008888;
    border-color: #009999;
    border-width: 2px 2px 2px 2px;
    border-style: solid;*/
    width: auto;
    height: auto;
    float: left;
    font-size: 1em;
    font-weight: 700;
}

.latestitems a {
    color: #000000;
}
.latestitems div.views-row {
    float: left;
/*    display: inline-block; */
    clear: both;
    display: block;
    width: 100%;
    border: 1px solid #000000;
    padding: 2px 2px 2px 2px;
}

.latestitems .views-row div {
    text-align: left;
}

.latestitems .views-row-even {
    width: 100%;
    background-color: #eeeeee;
}

.latestitemstitle {
    color: #008888;
    font-weight: bold;
    font-size: 0.9em;
    text-align: left;
    width: 100%;
}

.latestitems a img {
    float: left;
    width: 100px;
    padding: 2px 2px 2px 2px;
}

.latestitemsimage {
    opacity: 0.9;
}

/* CSS Code for Workforce Home Page */
#workforcehomebox1 {
    width: 30%;
    float: left;
    padding: 3px 3px 3px 3px;
    border-right: solid 1px;
}
#workforcehomebox2 {
    width: 30%;
    float: left;
    padding: 3px 3px 3px 3px;
    border-right: solid 1px;
}

#workforcehomebox3 {
    width: 30%;
    float: left;
    padding: 3px 3px 3px 3px;
}

/* CSS Code for the Geoscience Currents Content Type */
.node-type-geoscience-currents .field-name-field-publication-date {
    font-weight: bold;
    font-size: 1.2em;
    clear: both;
    color: #008888;
}

.node-type-geoscience-currents .field-name-field-currents-number h2 {
    font-size: 1.2em;
    font-weight: bold;
    float: left;
    clear: both;
    color: #008888;
}

.node-type-geoscience-currents .field-name-field-currents-number .field-item:before {
    content: "Currents #: ";
}

.node-type-geoscience-currents .field-name-field-currents-number .field-item {
    font-size: 1.2em;
    font-weight: bold;
    float: left;
    clear: both;
    color: #008888;
}

.node-type-geoscience-currents div.field-name-field-graphimages {
    float: left;
    max-width: 48%;
    min-width: 300px;
    clear: none;
    background-color: transparent;
    border-bottom-color: #008888;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-top-color: #008888;
    border-top-width: 1px;
    border-bottom-style: solid;
}

.node-type-geoscience-currents .field-slideshow {
    border-bottom: 1px solid #008888;
}

.node-type-geoscience-currents .field-type-text-with-summary {
    border-left: 1px solid #008888;
    padding-left: 10px;
}

.node-type-geoscience-currents div.field-name-field-graphimages figure {
/*    max-width: 48%;
    min-width: 300px; */
    width: 100%;
    clear: none;    
}

.node-type-geoscience-currents .field-name-body {
    float: left;
    max-width: 45%;
    clear: none;
    margin-left: 3px;
}

.node-type-geoscience-currents .field-name-field-currentspdf {
    clear: both;
    float: left;
}

.node-type-geoscience-currents .field-slideshow-pager ul {
    list-style: none;
}

.node-type-geoscience-currents ul#field-slideshow-1-pager li {
    list-style: none;
    }
    
.node-type-geoscience-currents figure {
float: left;
}

/* Formatting for Geoscience Currents line item */
#block-views-currents-block .views-row {
    clear: both;
}
#block-views-currents-block .views-label-field-currents-number {
    float: left;
    clear: none;
}

#block-views-currents-block .views-field-field-graphimages {
    float: left;
    clear: none;
}

.themebooks {
    max-width: 250px;
    float: right;
    overflow: scroll;
    height: 200px;
}
/*****************************
 * General Block Menu Formatting
 * ********************************/
.block-accordion-menu {
    font-size: 0.9em;
    color: #000000;
}

h3.accordion-header a {
    color: #000000;
}

h3.accordion-header a:hover {
    color: #008888;
}

.accordion-link:hover {
    color: #008888;
}

ul.menu {
    font-size: 0.95em;
    list-style-type: none;
    list-style: none;
}

ul.menu li a:hover {
    color: #008888;
}

ul.menu li.leaf {
    list-style-type: none;
    list-style-image: none;
/*    border-bottom-color: #000000;
    border-bottom-style: solid;
    border-bottom-width: 1px;*/
}

ul.menu li a {
    font-family: 'Helvetica', 'Arial', sans-serif;    
/*    font-family: 'Lato', sans-serif; */
    color: #000000;
    text-decoration: none;
}

#widgets-element-socialmedia_share-default {
padding-top:2px;
padding-bottom:2px;
clear: both;
}

div.centeredBlock { 
width: 75%; 
margin-left: auto;
margin-right: auto; 
}

div.splitBlock {
width: 50%;
float: left;
min-width: 200px;
margin-left: auto;
margin-right: auto;
}

div.blackTitle {
background-color: #000000;
color: #ffffff;
font-size: 18px;
font-weight: bold;
padding-top: 5px;
}

div.blueTitle {
background-color: #003366;
color: #ffffff;
font-size: 18px;
font-weight: bold;
padding-top: 5px;
}

div.tealTitle {
background-color: #008888;
color: #ffffff;
font-size: 18px;
font-weight: bold;
padding-top: 5px;
}


.block-accordion-menu {

}
.ui-accordion-content {
    color: #000000;
    border-style: none;
    border-bottom: dotted;
    border-bottom-color: #5599ff;
    border-bottom-width: 1px;
    border-top: none;
    border-left: none;
    border-right: none;
    line-height: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.ui-accordion .ui-accordion-content {
    padding: 0.25em 1em;
}

.ui-accordion-header {
    color: #000000;
    background-color: #ffffff;
    background-image: none;
    border: none;
}

.accordion-link {
    margin-bottom: 3px;
    color: #000000;
}
h3.accordion-header
{
    color: #000000;
    font-size: 12px;
    background-color: none;
    border-bottom: dotted;
    border-bottom-color: #5599ff;
    border-bottom-width: 1px;
    margin: 0px 0px 5px 0px;
    line-height: 1;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ui-accordion-content ul {
    margin: 0px 0px 5px 2px;
}

ul.menu li.leaf {
    padding-top: 5px;
}
h3.no-children .ui-icon {display: none;}

.page-press .view-content 
{
/*    font-family: Lato, sans-serif; */
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 1em;
}

.page-press div.views-field-body {
        line-height: 1.2em;

}
.page-press a, .page-press a:visited {
    color: #000000;
}

.page-press div.views-field-title {
    font-weight: bold;
}

.page-press div.views-field-created {
    margin-bottom: 7px;
}

.view-press-releases em {
    font-size: 0.8em;
    color: #444444;
}

.page-theme-term .view-content {
/*    font-family: Lato, sans-serif; */
    font-size: 1em;
}
.page-theme-term .view-content a, .page-theme-term .view-content a:visited {
    color: #000000;
    font-weight: bold;
}

.page-theme-term div.views-field-created {
    margin-bottom: 7px;
}

.page-pubs-item #main-content img
{
    max-width: 400px;
    width: auto;
    height: auto;
}

/***********************/
/*.view-taxonomy-term a {
    color: #000000;
    font-size: 1.2em;
}

.view-taxonomy-term a:hover {
    color: #008888;
}

.view-taxonomy-term em {
    color: #333333;
    font-size: 0.9em;
    top-margin: 0px;
}
*/
/****************************/
.view-agi-publications .views-field-title a {
    font-size: 1.2em;
    font-weight: normal;
    line-height: 0.4;
}

.view-agi-publications .views-field-title {
    float: left;
    width: 100%;
}
.view-agi-publications .views-field-field-image {
    max-width: 100px;
    float: left;
}

.view-agi-publications .views-field-field-image img {
    max-width: 100px;
    height: auto;
    padding-right: 5px;
}
.view-agi-publications .views-field-field-amazon-link {
    display: none;
}

.productline {
    margin-bottom: 20px;
    width: 100%;
    clear: both;
}

.view-display-id-pubswithdescription .views-field-title a {
    font-size: 1.6em;
    margin-top: 10px;
}

.view-display-id-pubswithdescription .views-field-field-image {
    margin-right: 15px;
    margin-top: 10px;
}

.page-pubs-list .productline img {
    float: left;
    padding-right: 8px;
}

.page-pubs-list .productline .views-field-field-description a {
    font-size: 1.6em;
    font-weight: bold;
    clear: both;    
}

.page-pubs-list .productline .views-field-field-description em {
}

}
.page-pubs-list .productline .views-field-field-description p {

}

.landingpageblock {
    width: 48%;
    float: left;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    color: #000000;
    line-height: 1.1em;
    border-radius: 10px;
}


.offwhite {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba( 200,200,200, 0.75);
    border-radius: 10px;
    padding: 5px 5px 5px 5px;
    color: #000000;
}

.offwhite h2 {
    color:#000000;
}

.imageblock {
    position: relative;
    background-size: 100%;
}

.imageblock:after {
    content:"";
    opacity: 0.8;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}


.region-header {
    width: auto;
    clear: none;
}

#block-block-4 {
    clear: none;
    float: left;
}
#block-search-api-page-search-agi {
    float: right;
    clear: none;
    margin: 0px 0px 0px 0px;
}

#block-search-api-page-search-agi input[type="text"] {
    background-image: url(/sites/default/files/search.png);
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 10px;
    line-height: 12px;
    text-indent: 14px;
}

/* #block-search-api-page-search-agi input[type="text"]:active {
	{
	background-image: none;
	}
*/

#block-search-api-page-search-agi input[type="submit"] {
    font-size: 10px;
    margin: 0px 0px 0px 0px;
    float: right;
   display: none;
}

.view .views-row h1 {
    font-size: 1.2em;    
}


#block-twitter-block-3 {
        float: right;
        display: inline-block;
}