/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 05 August 2016 10:26:19
*/


.llbbox, .llmbox { opacity: 0.95; transition: all .1s ease-in-out; }

.llbbox:hover, .llmbox:hover {  opacity: 1; transform: scale(1.02); }

span.qual {
    color: #fff;
    background-color: #888;
    font-size: 16px;
    padding: 6px; }

blockquote {font-size: 16px;}
.news-date { display:inline-block;white-space:nowrap;background-color:#70ACDA; color:white; font: 70% arial, sans-serif; padding:3px 6px; margin-left:6px; }

#siteName {
font-family: BlissCE;
    font-size: 30px;
    font-weight: bold;
margin-top:21px;
}

/* Copied / tweaked from SPE.CSS for SPE profile inclusion in FLAW site DD/16 */
#profilePhoto {
 float: right;
 border-left: 16px solid white;
 border-bottom: 16px solid white;
 max-width: 150px;
}

/* There is a section below with very hacky bit of css for the template moveover.
It has a "DELETE ME" in the comment above. Below will be all the terrible selectors
used to try and reverse the effects of inline styling. This also means that when
the time comes to do content editing you can easily find the most offensive inline
styling by ID numbers in Matrix.
*/


/*** Dan's CSS ***/

div.success-story p.summary {margin-right:9em;}
div.success-story p.name{margin:1em 9em 1em 0;}

a.vidlink {background: url(http://www.waikato.ac.nz/__data/assets/image/0008/186605/play-16x16.png);
  background-repeat: no-repeat;
  padding-left: 20px;
}
  
a.noicon {background:none !important;padding:0 !important;}

a.fblink{background: url(http://www.waikato.ac.nz/__data/assets/image/0018/251361/facebook-icon.png);
  background-repeat: no-repeat;
  padding-left: 20px;
}

.tier2-banner-img { width:100%; margin-bottom:10px; }

.tier2head { width:16%; min-width:80px; }

img.flipH {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.floatCentre75 {width:100%;margin:1em auto;}

@media screen and (min-width: 500px) {
    .floatCentre75 {
        width: 75%;
    }
}

.success-story {
    background-repeat: no-repeat;
    background-position: right 25px !important;
    font-size: 0.9em;
    margin:0 auto;
    height: 350px;
    padding-right: 33px;
    padding-left:15px;
}

 a.readmore {
    display: block;
    margin-top: 8px;
}

.success-story-title img {  margin: 5px 5px 0 0;}
.success-story p { color: #696969; }

.success-story p.name a { color: #333 !important; font-weight:bold;}
.photoHolder {
    float: right;
    height: 135px;
    width: 50px;
}
.success-story-title { padding-top: 45px; width: 150px; }


  div.displayBox {display: block;
      position: relative;
      background-color: #eee;
      border-radius: 8px;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      margin: 2em 0px;
      border: 1px solid #ccc;
      padding:0 1em;
  }



/*****************/

.profile-widget-btn {
    font-size: 0.9em;
}

.profile-grid-item {
    text-align: center;
}

.profile-grid-item img {
    margin-bottom: 8px;
}

.actionBox a {
    display: block;
    background:
        url(http://cms.its.waikato.ac.nz/__data/assets/image/0013/30037/arrowsright.png)
        no-repeat scroll 100% 50% transparent;
    line-height: 1.2em;
    font-size: 22px;
}

.actionBox {
    padding: 14px;
    line-height: 1.2em;
    margin: 0;
    border: 2px solid #fc0;
    color: #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

a.buttonLink.red {
    background: #c30000;
    line-height: 54px;
}

a.buttonLink.yellow {
    background: #F2A101;
    color: #333;
    padding-top: 12px;
    line-height: 16px;
}

a.buttonLink.black {
    background: #393939;
    padding-top: 12px;
    line-height: 16px;
}

a.buttonLink {
    display: block;
    width: 143px;
    height: 54px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: white;
    margin: 10px 12px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.button-red:hover, .button-red:active {
    background-color: #9f0800;
    text-decoration: none;
}

.button-dkgrey:hover, .button-dkgrey:active {
    background-color: #434343;
    text-decoration: none;
}

.button-mdgrey {
    background-color: #6f6f6f;
}

.button-mdgrey:hover, .button-mdgrey:active {
    background-color: #434343;
    text-decoration: none
}

.button-red {
    background-color: #be0403;
}

.button-red, .button-mdgrey, .button-dkgrey {
    color: #fff;
    font-size: 1em;
}

.smaller {
    font-size: 0.8em;
}

.is-current a:link{
color:#277bbe !important;
}
div.section-top {
clear: both;
margin-top:2em;

}

div.section-top h4 {
padding-top: 1em;
border-top: 1px solid #ccc;
}
/* DELETE ME */

/*This is a hack to get the quote style on the exchange program 
page looking vaguely normal with the 2015 template applied.
These need to be redone and inline styling needs to be removed. */

#new_content_container_227743>div {
    width: 100% !important;
    float: none !important;
    display: inline-block !important;
}

#new_content_container_227743>div>div {
    margin-top: 0px !important;
    float: none !important;
}

#new_content_container_227743 div img {
    float: right !important;
    margin-left: 12px;
}



/* SSMC page - selects the contact boxes after the <a> */
a[name="contacts"] ~ div {
    min-height: 150px !important;
}

/* Profile page grid hackz */
.llmbox, .llbbox, .phdbox {
    text-align: center;
    background: none !important;

float:left;
}
.llbbox {     min-height: 200px; }

.llmbox, .llbbox {    width: 134px !important;}

.llmbox {     min-height: 220px; }

.phdbox {
    width: 145px !important;
    min-height: 168px;
}

#new_div_38242>div, #new_div_34528>div {
    width: auto !important;
}

/* Maori student profile page.
Gabrielle Kershaw is too tall
and the profile panels have inline border shadows */
.phdbox img {
    max-height: 150px;
}

.colouredPanel {
    box-shadow: none !important;
    padding: 15px;
}

/* CEREL contact boxes */
.services-for ~ div {
    height: 250px !important;
}

/* Law student for a day quote boxes */
.lsfad-quote {
    margin-left: 0;
    clear: both;
    background-color: #f8f8f8;
    margin-bottom: 12px;
    padding: 1em;
    width: 100%;'
}

/* Maori mentoring profiles */
.mentors hr{
    clear: both;
}

/* End of DELETE ME */