/********************************* TEMPLATE **************************************/
@import url(http://fonts.googleapis.com/css?family=Noto+Sans&subset=latin,latin-ext);
* { 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html > body {
background-color: #F4F4F4;
background-image: url("/massey/fms/moe_kura/_site/background.png"), url("/massey/fms/moe_kura/_site/background.png") !important;
background-repeat: no-repeat, no-repeat;
}
body, p, #mainContent p {font-family: 'Noto Sans', sans-serif;
font-size: 14px;
color: #413f5e;
padding-top: 0;
margin-top: 0;
}
.wrap {max-width: 1110px;
padding: 0 50px;
}
.wrapInner {
padding: 0;
}
.row {
margin: 0;
}
.contentMiddle, .contentRight, #logoNnav {
background-color: #FFFFFF !important;
}
.box-shadow {box-shadow: none;
}
#edit_bar {
padding-top: 1em;
}
#edit_bar #resizer {
background-color: #F4F4F4;
}
#edit_bar_clear {
padding-top: 1em;
}
div.mu_tpl_control {
margin: 0 0 3px;
}
/********************************* PLACEHOLDER *********************************/
::-webkit-input-placeholder { /* WebKit browsers */
color: #cc3333;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #cc3333;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #cc3333;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #cc3333;
}
/********************************* HEADER **************************************/
.headerMain {
padding-top: 0;
margin-bottom: 0;
}
.headerMain .wrap .wrapInner {
padding-top: 37px;
}
#searchBar {background-color: #413F5E;
height: 43px;
}
.searchWrap {
margin: 5px 0;
}
.searchInner {
border-radius: 5px 5px 5px 5px;
}
.searchWrap #search_form .icon-search {
cursor: pointer;
color: #413F5E;
padding-left: 20px;
}
.searchWrap #search_form .icon-search:hover {
color: #CC3333;
}
#mainLogo {
float: left;
padding-bottom: 43px;
}
/********************************* BANNER **************************************/
section.wrap {
background-color: #FFFFFF;
padding-bottom: 43px;
}
#tmp_opt_banner_form  #bannerset_uuid {
display: none;
}
#banner {
margin-bottom: 43px;
}
#banner .slides {
margin: 0;
}
#banner .slides img {
border-radius: 63px 0 128px 0 / 74px 0 133px 0;
/*width: 1010px;
height: 280px;*/
height: auto;
}
#banner.flexslider{
overflow: hidden; 
position: relative; 
max-height: 280px; 
z-index:1;
border-radius: 63px 0px 128px / 74px 0px 132px;
}
#banner .flex-control-nav {
float: right;
margin-top: -10px;
/*width: auto;
position: relative;*/
}
#banner .flex-control-nav li {
margin: 0;
}
#banner .flex-control-nav li a {
margin: 0 2px;
background: none repeat scroll 0 0 #413F5E;
}
#banner .flex-control-paging li a.flex-active {
background: none repeat scroll 0 0 #CC3333;
}
#banner .flex-direction-nav a {opacity: 1;
}
#banner .flex-direction-nav .flex-next {
text-shadow: 3px 1px 0 rgba(255, 255, 255, 0.3);
right: 5px;
height:45px;
}
#banner .flex-direction-nav .flex-prev {
left: 5px;
height:45px;
}
#banner .flex-direction-nav .flex-next:hover, #banner .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
#banner .flex-direction-nav .flex-next:hover {
background-position: 100% 100%; 
right: 5px;
}
#banner .flex-direction-nav .flex-prev:hover {
background-position: 0 100%; 
left: 5px;
}
/********************************* CONTENT **************************************/
.row.sidebar0 {width: 1110px;
}
#mainContent {
float: left;
background-color: #FFFFFF;
padding: 0 50px;
margin-left: -50px !important;
margin-right: -50px;
}
.contentMiddle, .contentRight {
background: none;
border-radius: 0 0 0 0;
}
.contentMiddle {
width: 1010px;
padding: 0 37px 80px 37px;
margin-bottom: 0;
}
.contentMiddleWrap {padding: 0;
width: 100%;
}
.contentRight {
float: left;
width: 364px;
padding: 0 37px 80px 30px;
}
.contentRightWrap {
width: 100%;
}
.sidebar1 .contentMiddle {
width: 646px;
padding-right: 0;
}
.sidebar0 .contentMiddle {
width: auto;
}
.sidebar0 .contentCol2.contentCol, .sidebar1 .contentCol2.contentCol {
width: 312px;
margin: 0;
padding-right: 30px;
}
.sidebar0 .contentCol2.contentCol ~ .contentCol2.contentCol, .sidebar1 .contentCol2.contentCol ~ .contentCol2.contentCol {
width: 297px;
padding-right: 0;
}
.page_title {
font-weight: bold;
font-size: 22px;
color: #CC3333;
display: block;
margin: 0 0 1em 0;
line-height: 1.5em;
}
.sub_title {
font-weight: bold;
font-size: 18px;
color: #413F5E;
display: block;
margin: 0 0 1em 0;
}
.section_header {
font-weight: bold;
font-size: 18px;
color: #CC3333;
display: block;
margin: 0 0 1em 0;
}
.underline {
border-bottom: 2px solid #CC3333;
padding: 0 0 0.25em;
}
h1 {font-family: 'Noto Sans', sans-serif;
font-size: 18px;
font-weight: bold;
color: #CC3333;
margin: 0 0 1em 0;
}
h2 {font-family: 'Noto Sans', sans-serif;
font-size: 16px;
font-weight: bold;
color: #CC3333;
margin: 0 0 1em 0;
}
h3 {font-family: 'Noto Sans', sans-serif;
font-size: 14px;
font-weight: bold;
color: #CC3333;
margin: 0 0 1em 0;
}
h4 {font-family: 'Noto Sans', sans-serif;
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #CC3333;
margin: 0 0 1em 0;
}
#mainContent .popimg, #mainContent .popvid {    
display: block;
cursor: pointer;
background-color: #cc3333;    
border-radius: 42px 0 75px 0 / 46px 0 86px 0;
width: 297px;
height: 215px;
} 
#mainContent .popimg:hover img, #mainContent .popvid:hover img {
opacity : .5;
} 
#mainContent .popimg img, #mainContent .popvid img {
display: block;
} 
#mainContent p a {
color: #cc3333;
}
#mainContent p a:hover {
text-decoration: underline;
}
.genericForm input, .genericForm select {
color: #413F5E;
}
div.splashpic {
display: block;
cursor: pointer;
background-color: #cc3333;    
border-radius: 42px 0 75px 0 / 46px 0 86px 0;
width: 297px;
height: 215px;
}
div.splashpic:hover img {
opacity : .5;
} 
div.splashpic img {
display:inline
border-radius: 42px 0 75px 0 / 46px 0 86px 0;
-moz-border-radius: 42px 0 75px 0 / 46px 0 86px 0;
-webkit-border-radius: 42px 0 75px 0 / 46px 0 86px 0;
width: 297px
height: auto
}
/********************************* STAFF ***************************************/
.staff {
padding-bottom: 2em;
clear: both;
}
.staff img {
float: left;
width: 182px;
height: 216px !important;
border-radius: 43px 0 79px 0 / 45px 0 83px 0;
padding-bottom: 2em;
}
.staff_blurb {
margin-left: 182px;
padding-left: 1em;
}
.staff_blurb h2, .staff_blurb h3 {
margin-bottom: 0.5em;
}
/********************************* NEWSLETTER ***************************************/
#newsletter-teaser, #newsletter {
background-color: #F4F4F4;
border-radius: 10px 10px 10px 10px;
padding: 10px;
margin-top: 1em;
}
#newsletter {
padding-bottom: 30px;
}
#newsletter label.block, #newsletter input[type='text'], #newsletter-actions {
display: block;
padding: 0;
}
#newsletter input[type='text'], #newsletter-actions {
margin-bottom: 10px;
}
#newsletter-teaser-email, #newsletter-email {
background-color: #F4F4F4;
border: none;
}
#newsletter-teaser-submit, #newsletter-submit {
background-color: #CC3333;
border-radius: 10px 10px 10px 10px;
color: #FFFFFF;
float: right;
padding: 1px 10px;
font-size: 14px;
font-weight: bold;
}
#newsletter-teaser-submit:hover, #newsletter-submit:hover {
background-color: #413F5E;
}
#newsletter .inline {
margin-right: 2em;
}
#newsletter-submit {
float: left;
}
/********************************* FOOTER **************************************/
footer {background-color: #413F5E;
clear: both;
}
footer p, footer a {
color: #FFFFFF;
}
footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}
footer .heading {
font-size: 18px;
font-weight: bold;
}
footer #partners {
padding-top: 50px;
}
footer #partners .col {
border: 0;
padding: 0 0 30px 0;
text-align: center;
margin-right: 30px;
width: 230px;
}
footer #partners .col:last-child {
margin: 0;
}
footer #partners .col img {
width: 230px;
height: 100px;
border: none;
}
footer #site_map {
border-top: 2px #FFFFFF solid;
padding-top: 30px;
clear: both;
}
footer #site_map .col {
border-left-width: 60px;
}
footer #site_map .col:first-child {
border-left-width: 0;
}
#attribution {
clear: both;
float: right;
color: #FFFFFF;
}
/********************************* MENU **************************************/
#moe_kuraNav {
float: left;
position: relative;
margin-top: 57px;
width: 700px;
}
#navbar {
top: 0;
right: 0;
margin: 0 0 0 2em;
padding: 0;
}
#navbar li {
list-style: none;
margin: 0;
padding: 0 1em 0 0;
font-size: 18px;
font-weight: bold;
float: left;
}
#navbar a {
text-decoration: none;
color: #413F5E;
display: block;
}
#navbar a:hover {
color: #CC3333;
}
#navbar li.current > a {
color: #CC3333;
}
#navbar li.current > a span {
border-bottom: 2px solid #CC3333;
padding-bottom: 2px;
}
#navbar li ul {
display: none;
}
#navbar li.current ul {
position: absolute;
display: inline;
left: 0;
width: 100%;
margin: 0 0 0 2em;
padding: 1em 0 0;
}
#navbar li:hover ul {
position: absolute;
display: inline;
left: 0;
width: 100%;
margin: 0 0 0 2em;
padding: 1em 0 0;
background-color: white;
}
#navbar li ul li {
font-size: 14px;
}
#navbar .blob {
margin-right: 0.5em;
}
/********************************* FACEBOOK **************************************/
.lib-fb-posts {
list-style: none;
margin:0;
padding: 0;
font-style: italic;
display: inline-block;
background-color: #F4F4F4;
}
.lib-fb-posts a {
color: #413F5E;
}
.lib-fb-post {
float: left;
max-width: 183px;
margin: 10px 10px;
overflow: hidden;
padding-bottom: 20px;
}
.contentRightWrap .lib-fb-post {
border-bottom: 1px dotted #CC3333;
}
.lib-fb-posts li:last-child {
border-bottom: none;
}
.lib-fb-post span {
display: block;
}
span.lib-fb-date, span.lib-fb-time, span.lib-fb-title, span.lib-fb-url {
display: none;
}
/********************************* NEWS ********************************************/
.news-list {
list-style: none;
padding: 0;
}
.news-list-item {
clear: both;
}
.news-list-item > a {
color: #413F5E;
}
.news-list-item h1, .date-author {
margin-bottom: 0.25em;
}
.news-list-item .full, .news-list-item .left {
margin-bottom: 1.5em;
}
.news-list-item .full {
width: auto;
}
.news-list-item .left {
float: left;
width: 480px;
}
.news-list-item img {
float: right;
width: 120px;
height: 86px;
border-radius: 19px 0 18px 0;
}
.news-paging {
clear: both;
color: #CC3333;
}
.news-paging .bold {
font-weight: bold;
}
.date-author {
font-size: 0.75em !important;
}
.news-item img {
float: left;
padding: 0 1em 1em 0;
}
/********************************* FINEFORM ****************************************/
.ff_form_outer input[type='submit'] {
background: #CC3333;
margin: 0 0 0 10px;
}
/********************************* NEWS EDITOR *************************************/
#newsitems_table {
margin-top: 0.5em !important;
}
#newsitems_table .sorting_desc:after {color: #413F5E;
content: "\f0d7";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
padding: 0 1em;
text-decoration: inherit;
}
#newsitems_table .sorting_asc:after {color: #413F5E;
content: "\f0d8";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
padding: 0 1em;
text-decoration: inherit;
}
#newsitems_table .public {
color: green;
}
#newsitems_table .private {
color: red;
}
#newsitems_table_length {
float: left;
}
#newsitems_table_filter {
margin-left: 200px;
}
#newsitems_table_info {
float: left;
margin: 0.5em;
background: #f4f4f4;
padding: 0.5em;
}
#newsitems_table_paginate {
float: right;
margin: 0.5em 1em 0.5em 0.5em;
background: #f4f4f4;
padding: 0.5em;
}
#newsitems_table_paginate a {
margin: 0.5em;
color: #CC3333;
cursor: pointer;
}
.action .icon-trash, .action .icon-edit, .action .icon-eye-open {
cursor: pointer;
}
#news-add-submit {
background-color: #CC3333;
border-radius: 10px 10px 10px 10px;
color: #FFFFFF;
float: right;
padding: 1px 10px;
font-size: 14px;
font-weight: bold;
margin-right: 1em;
}
#edit_news input[type='submit'], #edit_news input[type='button'] {
margin: 0.5em;
background: #CC3333;
}
#news-add-submit:hover, #edit_news input[type='submit']:hover, #edit_news input[type='button']:hover {
background: #413F5E;
}
#newsitems_table th {
font-weight: bold;
}
#newsitems_table .action {
width: 5%;
white-space: nowrap;
}
#newsitems_table .status {
padding-right: 1em;
white-space: nowrap;
}
#newsitems_table .title {
width: 100%;
}
.action i {
margin: 0 10px;
}
.icon-edit {
color: orange;
}
.icon-trash {
color: red;
}
.icon-eye-open {
color: green;
}
#edit_news .wide {
width: 100%;
}
#edit_news .narrow {
width: 50%;
}
#news_edit_wrapper > div {
margin-bottom: 0.5em;
}
#news_edit_wrapper .readonly {
background-color: #F4F4F4;
}
.paginate_disabled_previous, .paginate_disabled_next {
display: none;
}
#content_tbl {
width: 100% !important;
}
#content_toolbar1 {
border: none !important;
}
/********************************* RESPONSIVE **************************************/
@media screen and (min-width: 0px) and (max-width: 800px) {
body {background: none;
}
.searchWrap {padding: 5px 0;
margin: 0;
}
.headerMain .wrap .wrapInner {padding: 1em 0;
}
#mainLogo {padding-bottom: 1em;
}
#navbar {margin: 0;
}
#moe_kuraNav {margin-top: 0;
padding-bottom: 2em;
width: 100%;
}
#navbar li {width: 100%;
background-color: #f4f4f4;
}
#navbar li:hover ul, #navbar li ul.current {position: relative;
margin: 0 0 0 2em;
padding: 0;
}
#navbar li ul li {margin-bottom: 5px;
}
#banner {display: none;
}
section.wrap {padding-bottom: 0;
}
.wrap {padding: 0 1em;
}
#mainContent {width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0 0 1em 0;
}
.contentMiddle {padding: 0;
width: 100%;
}
.sidebar1 .contentMiddle {width: 100%;
}
.news-list-item .left {width: 100%;
}
}