body {
    background-color:#ffffff;
   font-family:Lato;
   font-size:.875rem;
   color:#666666;
}

/*--- Masterpage Elements ---*/

#page {
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    margin-top:1.25rem;
    background-color:#FFF;
    box-shadow: 0 .3em 1em #303030;
    border:0px solid #f8f8f8;
    
}
.scroll-pane {
    width: 100%;
    height: 120px;
    overflow: auto;
}

.jspVericalBar {
    background-color: rgba(0,0,0,0.5);
}

.jspDrag {
    background-color: rgb(0,150, 255);
}
body.ie #page 
{
    border:3px solid #f8f8f8;
   /*margin-top:0px;
   zoom: 1;
   filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=1em, Direction=0),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=1em, Direction=90),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=1em, Direction=180),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=1em, Direction=270);*/
}


#redirect_page {
    width:700px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    background-color:#FFF;
    box-shadow: 0 .3em 1em #303030;
    border:0px solid #f8f8f8;
    
}

body.ie #redirect_page 
{
   margin-top:0px;
   zoom: 1;
   filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=1em, Direction=0),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=1em, Direction=90),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=1em, Direction=180),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=1em, Direction=270);
}

body:last-child #page {
    filter: none;
  }

#header {
    height:6.25rem;
}

#main_menu {}

.main-menu-tip-header {
    font-size: 0.8125rem;
    color: #00456B;
    display: block;
    margin-bottom: 0.1875rem;
}
.main-menu-tip-subheader {color:#389396; font-style:italic;}

#content table {
    border-spacing:0px; /*Removes the default 2px border around the table */
}

.left_content_wrapper {
    width:240px;
    padding:10px;
    vertical-align:top;
}

.right_content_wrapper {
    vertical-align:top;
    padding:10px;
}

#footer 
{
    position:relative;
    padding:15px 0 15px 0;
    text-align:center;
    color: #00456B;
}

.footer-copyright {
    display:block;
    padding:5px;  
}

.footer-address {
    display:block;
    padding:5px;     
}

.adi-logo-footer {
    position:absolute; 
    bottom:10px; right:10px; 
    height:60px; border:none;
}

/*--- Content Page Elements ---*/

.header {
    font-size:2rem; 
    color:#00456B; 
    display:block; 
    margin-bottom:5px;
}

.subheader {
    font-size:1.5rem; 
    color:#389396; 
    display:block;
}

.section-header {
    font-size:1rem; 
    display:block; 
    color:#00456B;
}

a {
    text-decoration:none;
}


ul li {margin-bottom:5px;}


.login {
    display: block;
    font-weight: bold;
    border: 1px solid silver;
    background-color: #F4F4F4;
    font-size: 1.0625rem;
    padding: 6px 20px;
    text-align: center;
    color: #389396;
    margin-bottom: 5px;
    border-radius: 5px;
}

.login:hover {
    background-color:#389396; 
    color:#FFF;
    cursor:pointer;
}

.right_content_wrapper ol li {
    margin-bottom:3px;
}

.right_content_wrapper ol li a:hover {
    text-decoration:underline;
}

p {
    line-height:18px;
}

.right_content_wrapper hr {width:600px; border-style:dotted; border-width:1px; margin-top:15px; margin-bottom:15px;} 

.contentpage-logo {
    float:right; 
    width:150px; 
    margin:0 5px 8px 8px; 
}


/*--- Modal Popup Styling Controls --- */
.modalBackground {
    background-color:#1c1c1c; 
    filter:alpha(opacity=25); 
    opacity:0.25;
}

.modalPopup {
    min-height:200px; 
    width:600px;
    padding:20px;
    background-color:#FFF;
    box-shadow: 0 .3em 1em #303030;
}

/*body.ie .modalPopup 
{
   zoom: 1;
   filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=1em, Direction=0),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=1em, Direction=90),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=1em, Direction=180),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=1em, Direction=270);
}*/

.modal-header {
    font-size:1.25rem; 
    color:#389396; 
    display:block;
}

.btn-close {
    float:right; 
    cursor:pointer;
}

/*--- Search Button & Search Results Styling ---*/

.search-button {
    display:block; 
    float:left; 
    min-width:150px; 
    font-weight:bold; 
    border:1px solid #666; 
    background-color:#F4F4F4; 
    font-size:.875rem; 
    padding:6px 20px; 
    text-align:center; 
    color:#00456B; 
    margin-bottom:5px; 
    margin-right:10px; 
    border-radius:5px;
}

.search-button:hover {
    background-color:#00456B; 
    color:White;
}

.btnSearch {
    min-width:150px; 
    color:white; 
    background-color:#389396; 
    font-weight:bold; 
    cursor:pointer; 
    border:none; 
    border-radius:5px; 
    padding:3px 0 3px 0;
}

.search_results 
{
    max-height:500px; 
    overflow:auto; 
    margin-bottom:20px; 
    margin-top:10px; 
    padding:5px;
}

    .search_results .resources-header {
        color: #666;
        font-size: 1.0625rem;
        font-weight: bold;
        display: block;
        margin: 20px 0 20px 0;
    }

.search_results .title 
{
    font-size:1rem; 
    display:block; 
    font-weight:bold;
}

.search_results .author-organization 
{
    display:block; 
    font-size:.875rem; 
    color:#389396;
}

.search_results .description 
{
    display:block; 
    margin:4px 0 4px 0;
    font-size: 1rem;
}

.search_results .edition-published 
{
    font-size: .75rem; 
    display:block;
}
    
.search_results a 
{
    color:#00456B; 
    text-decoration:none;
}

.search_results a:hover 
{
    text-decoration:underline;
}




.dropdownlist-links  {
    text-decoration:none;
} 

.dropdownlist-links a {
    text-decoration:none;
} 

.dropdownlist-links a:hover {
    text-decoration:underline;
} 











#modalConnectForm {padding:0px;}
#modalConnectFormInner {padding:20px;}
#modalConnectForm .overlay 
{position:absolute; height:100%; width:100%; background-color:#f4f4f4; 
     
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff,endColorstr=#B2ffffff);
    zoom:1;
    background:rgba(255, 255, 255, 0.70);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff,endColorstr=#B2ffffff);
}
#modalConnectForm .field-label {font-weight:; text-align:right; padding-left:20px; color:#00456B;}
#modalConnectForm input, select {border-radius:2px; border:1px solid silver;}
#modalConnectForm input[type=text]:hover, select:hover {background-color:#f0ffe6;}
#modalConnectForm input[type=text]:focus, select:focus {background-color:#f0ffe6;}

.modalIconDiv {float:left; width:70px;}
.modalIcon {width:70px; margin-top:5px;}
.modalMessageText {color:#00456B; font-size:14px; font-weight:bold; margin-bottom:5px;}

.validation {font-weight:bold; color:Red;}

.booklet-button {
    display:block;
    margin-top:5px;
    padding:10px 10px 10px 40px; /* top right bottom left */
    background-image:url('img/pdf-icon.jpg');
    background-position:5px center; /* 5px from the left edge of button (adjustment here will need to be compensated for in the left padding above), center vertically */
    background-repeat:no-repeat;
    background-color:White;
    border:1px solid #389396; 
    color:#389396; /* color of font */
    font-size:14px;
    font-weight:bold;
}
        
.booklet-button:hover {
    border:1px solid #00456B; /* change the border color on hover */
    cursor:pointer;
    color:#00456B;
}

.welcome-video {
    float:right;
    width:480px; 
    height:360px;
}