/* document */
html
{
background-color: #ccc;
}
body
{
background-color: #ccc;
}
/* layout */
.account
{
font-size: 80%;
color: #333;
}
.account a
{
color: #fff
}
.account .user
{
}
.branding
{
background: #fff url('../Images/logo.png') no-repeat right top;
/*border-bottom: 2px solid #014359;*/
color: #ccc;
min-height: 70px;
}
.branding h1
{
font-size: 36px;
text-align: left;
padding: 20px 10px 0px 10px;
margin-bottom: 0px;
}
.branding h2
{
font-size: 22px;
}
.branding form
{
margin-bottom: 0;
text-align: right;
float: right;
}
.branding form button
{
display: inline;
margin-right: 0;
margin-left: -18px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.branding input
{
width: 200px;
}
.navigation
{
background-color: #fff;
border-bottom: 1px solid #fff;
}
.navigation:empty
{
display: none;
}
.content
{
background-color: #fff;
}
.copyright
{
border-top: 2px solid #014359;
background-color: #fff;
line-height: 36px;
}
.copyright :last-child
{
margin-bottom: 0;
}
.trailer
{
font-size: 0.8em;
}
.trailer :last-child
{
margin-bottom: 0;
}
.logged_in_as, .ep_name_citation
{
padding-left: 8px;
}
/* rows */
.row.small
{
padding: 9px 0;
}
.row.medium
{
padding: 18px 0;
}
.row.large
{
padding: 36px 0;
}
.search.four.columns
{
text-align: right;
background-color: #014359;
margin-left: 0;
line-height: 36px;
width: 33.3%;
}
.horizontal
{
margin-right: 0;
}
/* menus */
.menu
{
margin-bottom: 5px;
}
.menu ul
{
list-style: none;
margin: 0;
padding: 0
}
.menu.horizontal
{
}
.menu.horizontal ul
{
}
.menu.horizontal li
{
display: block;
float: left;
padding: 0;
margin: 0;
}
.menu.horizontal li a
{
text-decoration: none;
text-align: left;
color: #fff;
display: block;
}
/* 1-st level menu */
.menu.horizontal > ul
{
height: 36px;
background-color: #014359;
position: relative;
}
.menu.horizontal > ul > li
{
line-height: 34px;
}
.menu.horizontal > ul > li > a
{
padding: 0 25px 0 25px;
margin-right: 2px;
}
.menu.horizontal > ul > li > a:hover, .menu.horizontal > ul > li.selected > a
{
background-color: #0A96A9;
}
/* 2-nd level menu */
.menu.horizontal ul li:hover > ul { visibility: visible;}
.menu.horizontal > ul > li > ul
{
position: absolute;
display: block;
left: 15px;
top: 36px;
width: 150px;
height: auto;
}
.menu.horizontal > ul > li > ul > li
{
line-height: 26px;
/*display: block;
float: none;*/
background-color: #ccc;
width: 100%;
border-bottom: 1px solid #014359;
}
.menu.horizontal > ul > li > ul > li > a
{
padding: 0 15px;
color: #333;
/*color: #fff;
background-color: #0A96A9;*/
}
.menu.horizontal > ul > li > ul > li > a:hover, .menu.horizontal > ul > li > ul > li.selected > a
{
background-color: #0A96A9;
color: #fff;
}
.menu.vertical
{
}
.menu.vertical ul
{
}
.menu.vertical li
{
line-height: 26px;
display: block;
padding: 0;
margin: 0;
background-color: #0A96A9;
text-decoration: none;
color: #fff;
}
.menu.vertical li {
background-color: #848485
;
text-decoration: none;
color: #fff;
}
.menu.vertical li a
{
border-bottom: 1px solid #80A1AC;
background-color: #014359;
display: block;
padding: 0 5px 0 10px;
text-decoration: none;
color: #fff;
}
.menu.vertical li a:hover, .menu.vertical li.selected a:hover
{
background-color: #0A96A9;
}
.menu.vertical li.selected > a
{
background-color: #002D3C;
}
/* second level */
.menu.vertical > ul > li > ul > li > a
{
padding-left: 20px;
}
/* third level */
.menu.vertical > ul > li > ul > li > ul > li > a
{
padding-left: 30px;
}
.mobile-menu
{
}
.ep_tm_key_tools li {
border-left: 10px !important;
}
#ep_tm_menu_browse
{
left:178px;
}
/* mobile menu styles */
.mobile-menu-container
{
width: 100%;
min-height: 36px;
background-color: #002D3C;
}
.mobile-menu-toggle
{
height: 36px;
margin-right: 1%;
line-height: 36px;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: 900;
color: #fff;
float: right;
}
.mobile-menu-toggle a
{
background-color: #002D3C;
width: 36px;
height: 27px;
padding: 0 0 9px 0;
text-decoration: none;
color: #fff;
text-align: center;
display: block;
float: right;
border-radius: 5px;
}
.mobile-menu-toggle a span
{
border-radius: 5px;
background-color: #fff;
display: block;
height: 3px;
width: 36px;
margin: 6px 0;
}
.mobile-menu
{
position: absolute;
left: 0;
top: 35px;
width: 100%;
background-color: #002D3C;
z-index:999;
border-bottom: 3px solid #002D3C;
}
.mobile-menu h1
{
background-color: #002D3C;
padding: 9px;
margin: 0;
color: #fff;
}
.mobile-menu ul
{
list-style: none;
margin: 0;
padding: 0;
clear: both;
}
.mobile-menu li
{
margin: 0;
}
.mobile-menu li a
{
border-top: 1px solid #80A1AC;
background-color: #014359;
padding: 10px;
text-decoration: none;
color: #fff;
display: block;
}
.mobile-menu li li a
{
padding-left: 20px;
}
.mobile-menu li li li a
{
padding-left: 40px;
}
.mobile-menu li li li li a
{
padding-left: 60px;
}
.mobile-menu li a:hover
{
background: #0A96A9;
}
/* desktop and tablet landscape */
@media only screen and (min-width: 960px)
{
}
/* tablet portrait */
@media only screen and (min-width: 768px) and (max-width: 959px)
{
}
/* all mobile devices */
@media only screen and (max-width: 767px)
{
.branding
{
background-image: none;
text-align: center;
min-height: 56px;
}
}
/* mobile landscape */
@media only screen and (min-width: 480px) and (max-width: 767px)
{
}
/* mobile portrait */
@media only screen and (max-width: 767px)
{
}
/* modify for ePrints contents */
.ep_tm_page_content {
width: auto;
}