@font-face {
    font-family: 'Flama Bold';
    src: url('/assets/site_resources/flama-bold-webfont.eot');
    src: url('/assets/site_resources/flama-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/site_resources/flama-bold-webfont.ttf') format('truetype'),
         url('/assets/site_resources/flama-bold-webfont.svg#flama_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Flama Book';
    src: url('//js.cardiffstudents.com/fonts/flama-book-webfont.eot');
    src: url('//js.cardiffstudents.com/fonts/flama-book-webfont.eot?#iefix') format('embedded-opentype'),
    	 url('//js.cardiffstudents.com/fonts/flama-book-webfont.woff') format('woff'),
         url('//js.cardiffstudents.com/fonts/flama-book-webfont.ttf') format('truetype'),
         url('//js.cardiffstudents.com/fonts/flama-book-webfont.svg#flamaboldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Flama Medium';
    src: url('//js.cardiffstudents.com/fonts/flama-medium-webfont.eot');
    src: url('//js.cardiffstudents.com/fonts/flama-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('//js.cardiffstudents.com/fonts/flama-medium-webfont.woff2') format('woff2'),
         url('//js.cardiffstudents.com/fonts/flama-medium-webfont.woff') format('woff'),
         url('//js.cardiffstudents.com/fonts/flama-medium-webfont.ttf') format('truetype'),
         url('//js.cardiffstudents.com/fonts/flama-medium-webfont.svg#flamamedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'langdonregular';
    src: url('//js.cardiffstudents.com/fonts/langdon-webfont.eot');
    src: url('//js.cardiffstudents.com/fonts/langdon-webfont.eot?#iefix') format('embedded-opentype'),
         url('//js.cardiffstudents.com/fonts/langdon-webfont.woff2') format('woff2'),
         url('//js.cardiffstudents.com/fonts/langdon-webfont.woff') format('woff'),
         url('//js.cardiffstudents.com/fonts/langdon-webfont.ttf') format('truetype'),
         url('//js.cardiffstudents.com/fonts/langdon-webfont.svg#langdonregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'wisdom_script_airegular';
    src: url('/assets/site_resources/wisdom_script-webfont.eot');
    src: url('/assets/site_resources/wisdom_script-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/site_resources/wisdom_script-webfont.woff') format('woff'),
         url('/assets/site_resources/wisdom_script-webfont.ttf') format('truetype'),
         url('/assets/site_resources/wisdom_script-webfont.svg#wisdom_script_airegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'love_ya';
    src: url('//js.cardiffstudents.com/fonts/loveyalikeasistersolid-webfont.eot');
    src: url('//js.cardiffstudents.com/fonts/loveyalikeasistersolid-webfont.eot?#iefix') format('embedded-opentype'),
         url('//js.cardiffstudents.com/fonts/loveyalikeasistersolid-webfont.woff2') format('woff2'),
         url('//js.cardiffstudents.com/fonts/loveyalikeasistersolid-webfont.woff') format('woff'),
         url('//js.cardiffstudents.com/fonts/loveyalikeasistersolid-webfont.ttf') format('truetype'),
         url('//js.cardiffstudents.com/fonts/loveyalikeasistersolid-webfont.svg#love_ya_like_a_sisterregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nexa_Free_Bold';
    src: url('//js.cardiffstudents.com/fonts/Nexa_Free_Bold-webfont.woff2') format('woff2'),
         url('//js.cardiffstudents.com/fonts/Nexa_Free_Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'emoji';
    src: url('//js.cardiffstudents.com/fonts/emojione-svg.woff2') format('woff2'),
         url('//js.cardiffstudents.com/fonts/emojione-svg.woff') format('woff'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'introrustg-base2line';
    src: url('//js.cardiffstudents.com/fonts/introrustg-base2line-webfont.woff2') format('woff2'),
         url('//js.cardiffstudents.com/fonts/introrustg-base2line-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'trashhandregular';
    src: url('//js.cardiffstudents.com/fonts/trashhand-webfont.eot');
    src: url('//js.cardiffstudents.com/fonts/trashhand-webfont.eot?#iefix') format('embedded-opentype'),
         url('//js.cardiffstudents.com/fonts/trashhand-webfont.woff2') format('woff2'),
         url('//js.cardiffstudents.com/fonts/trashhand-webfont.woff') format('woff'),
         url('trashhand-webfont.ttf') format('truetype'),
         url('//js.cardiffstudents.com/fonts///js.cardiffstudents.com/fonts/trashhand-webfont.svg#trashhandregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'odudabold';
    src: url('//js.cardiffstudents.com/fonts/oduda-bold-demo-webfont.eot');
    src: url('//js.cardiffstudents.com/fonts/oduda-bold-demo-webfont.eot?#iefix') format('embedded-opentype'),
         url('//js.cardiffstudents.com/fonts/oduda-bold-demo-webfont.woff2') format('woff2'),
         url('//js.cardiffstudents.com/fonts/oduda-bold-demo-webfont.woff') format('woff'),
         url('//js.cardiffstudents.com/fonts/oduda-bold-demo-webfont.ttf') format('truetype'),
         url('//js.cardiffstudents.com/fonts/oduda-bold-demo-webfont.svg#odudabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dkliquid';
    src: url('//js.cardiffstudents.com/fonts/dk_liquid_embrace.ttf');
    src: url('//js.cardiffstudents.com/fonts/dk_liquid_embrace-webfont.woff2') format('woff2'),
         url('//js.cardiffstudents.com/fonts/dk_liquid_embrace-webfont.woff') format('woff'),
         url('//js.cardiffstudents.com/fonts/dk_liquid_embrace.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}

html { 
font-size: 100%; 
width:100%;
overflow-x:hidden;
height:100%;
} 
body { 
margin: 0; 
font-size: 14px; 
background: #f6f6f6;
color:#222;
font-family:"Open Sans", Arial, Helvetica, sans-serif;
font-weight:400;
width:100%;
height:100%;
-webkit-text-size-adjust: 100%;
} 
html, body {height:100%;}
#skin_october2012 {max-width:100%;}
.page_root {position:relative;max-width: 100%;overflow-x:hidden;}
.container, #head {max-width:1080px; margin:auto;padding:0 25px;clear:both;}
#head {position:relative;overflow:hidden;}
#admin_page_content {max-width:1080px!important; box-sizing: border-box; -moz-box-sizing: border-box;margin:auto;}
a { color: #2EA3DC; text-decoration:none;} 
#main a, .soc-content a {color:#2EA3DC; }
#main .news_item, .soc-content .news_item {padding-top:20px;border-top:1px solid #eee;margin-top:10px;}
#main .news_item:first-child, .soc-content .news_item:first-child {border-top:none;margin-top:0;padding-top:10px;}
#main .leader, soc-content .leader {margin:10px 0;}
/*a:hover, #main a:hover { color: #E01C24; } */
a:hover {text-decoration:underline;}
img {border:none;}
dl {margin:0;-webkit-margin-before: 0;-webkit-margin-after: 0;}
dd {-webkit-margin-start: 0px; margin-left:0; }

table.msl_table th {background:#444;padding:5px;}
table.msl_table td {padding:5px;}
table.msl_table {width:100%;}

#ctl00_Main_chkUseWYSIWYG:not(:checked), #ctl00_Main_chkUseWYSIWYG:not(:checked) + label {display:none!important;}

#ban img {max-width:100%;margin:0 auto;display:block;}

#ban img.base-400 {max-width:400px;}
#ban img.base-600 {max-width:600px;}
#ban img.base-800 {max-width:800px;}
#ban img.base-1000 {max-width:1000px;}

.clear {clear:both;overflow:hidden;}



#vote-now-button {background:#902A8D!important;margin:1em 0 0 1em;padding: 0 1em !important;height: 32px;line-height: 32px;vertical-align: middle;display: inline-block;}
#vote-now-button:hover {background:#984996!important;}

.msl-grouping-context-control {float:right;font-size:0.8em;color:#999;}

#snow {display:none;}

#freshers-grey {max-width:1140px;background:#f6f6f6;border-radius:5px;padding:25px 0 0;margin:0 auto 25px;}

/* Login */

#login-box {position:fixed;top:50%;left:50%;width:360px;margin:-290px -180px;text-align:center;}
#login-box.has-message {margin-top:-320px;}
#login-box img {max-width:140px;margin:10px 0 30px;}
#login-box section.threed {background:#fff;border-radius:5px;padding:25px;}
#login-box .info-message {margin:20px 0;background:#d7e0e4;border-radius:5px;padding:8px 10px; font-size:0.9em;}
#login-box .info-message.warning {background:#e8d2d5;}
#login-box .msl-login {/*background:#fff;border-radius:5px;box-shadow:inset 0px -3px 0px rgba(0,0,0,0.2);border-bottom:2px solid #eee;padding:15px;*/}
#login-box .msl-login label {display:none;text-align:left;float:left;clear:left;margin-bottom:8px;padding:5px 0;}
#login-box .msl-login .textbox {margin-bottom:14px;border:1px solid #ddd !important;padding:8px;width:100%;font-size:0.9em;}
#login-box .msl-login input[type=submit] {width:100%;padding:10px !important;}
#login-box > #helpers {margin:25px 0;overflow:auto;}
#login-box > #helpers > a {background:#ddd;padding:12px;color:#999;border-radius:5px;font-family:"Flama Bold";display:block;cursor:pointer;text-decoration:none!important;float:left;width:48%;margin-left:4%;box-sizing:border-box;-moz-box-sizing:border-box;opacity:.8;}
#login-box > #helpers > a:first-child {margin-left:0;}
#login-box > #helpers > a:hover {opacity:1;}
#login-box > a {color:#999;font-size:0.8em;clear:both;}
::-webkit-input-placeholder {
   color: #aaa;
}
:-moz-placeholder { /* Firefox 18- */
   color: #aaa;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #aaa;  
}
#login-box .msl_notification {background:#f2f2f2 !important;border-radius:3px !important;padding:6px !important;font-size:0.9em!important;color:#a33!important;border:#eee!important;}
#login-box .msl_warning {background:none!important;padding:0!important;}
#login-box .msl_warning br {display:none;}
#login-box .msl_warning a {color:#c55!important;}

#nus-nav, #eatwell {overflow:auto;padding:0 0 1px;}
#nus-nav {border-bottom:1px dotted #ddd;margin-bottom:20px;}
#nus-nav a, #eatwell a {float:left;width:14.285%;display:block;background-repeat:no-repeat;background-position:center top;background-size:88%;height:155px;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
#eatwell a {width:20%;background-size:auto;height:170px;}
#nus-nav a:hover {background-size:95%;}
/*#nus-nav a.active {background-size:95%;}*/
#nus-nav a.unions {background-image:url('//im.cardiffstudents.com/nusawards/unions.svg');}
#nus-nav a.enterprise {background-image:url('//im.cardiffstudents.com/nusawards/enterprise.svg');}
#nus-nav a.staff {background-image:url('//im.cardiffstudents.com/nusawards/staff.svg');}
#nus-nav a.opportunities {background-image:url('//im.cardiffstudents.com/nusawards/opportunities.svg');}
#nus-nav a.enterprise {background-image:url('//im.cardiffstudents.com/nusawards/enterprise.svg');}
#nus-nav a.campaigns {background-image:url('//im.cardiffstudents.com/nusawards/campaigns.svg');}
#nus-nav a.diversity {background-image:url('//im.cardiffstudents.com/nusawards/diversity.svg');}
#nus-nav a.education {background-image:url('//im.cardiffstudents.com/nusawards/education.svg');}
#nus-nav a.officers {background-image:url('//im.cardiffstudents.com/nusawards/officers.svg');}

nav#postgrad {overflow:hidden;margin-bottom:2em;}
nav#postgrad a {display:block;float:left;height:180px;width:20%;background-size:contain;background-position:center;background-repeat:no-repeat;
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
}
nav#postgrad a.whatson {background-image:url(//im.cardiffstudents.com/postgrad/whatson.svg);opacity:0.6;}
nav#postgrad a.studentvoice {background-image:url(//im.cardiffstudents.com/postgrad/studentvoice.svg);}
nav#postgrad a.personald {background-image:url(//im.cardiffstudents.com/postgrad/personald.svg);opacity:0.7;}
nav#postgrad a.getinvolved {background-image:url(//im.cardiffstudents.com/postgrad/getinvolved.svg);opacity:0.5;}
nav#postgrad a.vppostgrad {background-image:url(//im.cardiffstudents.com/postgrad/vppostgrad.svg);opacity:0.7;}

nav#postgrad a:hover, nav#postgrad a.active {
-webkit-filter: none;
filter: none;
opacity:1;
}

#main .join_list p, .soc-content .join_list p, .soc-content .join_list.loaded li:not(.join-item) {font-size:.9em;color:#777!important;}
.soc-content .join_list.loaded li:not(.join-item) {list-style-type:disc;}
.join_list label {font-size:.9em;display:block;margin-bottom:1.2em;color:#777;cursor:pointer;}
input.disabledButton{
	opacity: 0.5;
	cursor: not-allowed !important;
}

nav#yourvoice {height:160px;}

nav#revision {overflow:hidden;margin-bottom:2em;}
nav#revision img {display:none;}
nav#revision a {display:block;float:left;width:18%;text-align:center;}
nav#revision a + a {margin-left:2.5%;}
nav#revision a .image {height:180px;background-size:contain;background-position:center;background-repeat:no-repeat;}

nav#revision a.tips .image {background-image:url(//im.cardiffstudents.com/revision/tips.svg);}
nav#revision a.tips:hover .image, nav#revision a.tips.active .image {background-image:url(//im.cardiffstudents.com/revision/tips2.svg);}
nav#revision a.proc .image {background-image:url(//im.cardiffstudents.com/revision/proc.svg);}
nav#revision a.proc:hover .image, nav#revision a.proc.active .image {background-image:url(//im.cardiffstudents.com/revision/proc2.svg);}
nav#revision a.whereto .image {background-image:url(//im.cardiffstudents.com/revision/whereto.svg);}
nav#revision a.whereto:hover .image, nav#revision a.whereto.active .image {background-image:url(//im.cardiffstudents.com/revision/whereto2.svg);}
nav#revision a.examday .image {background-image:url(//im.cardiffstudents.com/revision/examday.svg);}
nav#revision a.examday:hover .image, nav#revision a.examday.active .image {background-image:url(//im.cardiffstudents.com/revision/examday2.svg);}
nav#revision a.nightmares .image {background-image:url(//im.cardiffstudents.com/revision/nightmares.svg);}
nav#revision a.nightmares:hover .image, nav#revision a.nightmares.active .image {background-image:url(//im.cardiffstudents.com/revision/nightmares2.svg);}

.nus-link {background:#eee;border-radius:5px;padding:6px 8px;color:#fff !important;font-weight:700;margin-right:10px;margin-top:8px;opacity:0.8;}
.nus-link:hover, .nus-link.current {text-decoration:none;opacity:1;}

#eatwell a.rda {background-image:url(//im.cardiffstudents.com/eatwell/rda.png);}
#eatwell a.aday {background-image:url(//im.cardiffstudents.com/eatwell/5aday.png);}

#eatwell a.breakfast {background-image:url(//im.cardiffstudents.com/eatwell/breakfast.png);}
#eatwell a.popular {background-image:url(//im.cardiffstudents.com/eatwell/popular.png);}
#eatwell a.safety {background-image:url(//im.cardiffstudents.com/eatwell/budgeting.png);}
#eatwell a.rda:hover {background-image:url(//im.cardiffstudents.com/eatwell/rda2.png);}
#eatwell a.aday:hover {background-image:url(//im.cardiffstudents.com/eatwell/5aday2.png);}
#eatwell a.breakfast:hover {background-image:url(//im.cardiffstudents.com/eatwell/breakfast2.png);}
#eatwell a.popular:hover {background-image:url(//im.cardiffstudents.com/eatwell/popular2.png);}
#eatwell a.safety:hover {background-image:url(//im.cardiffstudents.com/eatwell/budgeting2.png);}

.nus .left-content, .fancy .left-content {width:64%;float:left;margin-bottom:20px;clear: right;}
.nus .left-content h2:first-child, .fancy .left-content h2:first-child  {margin-top:-3px;}
.nus .right-content, .fancy .right-content {width:30%;float:right;}
.nus .right-content img, .fancy .right-content img {width:100%;margin-bottom:30px;border-radius:5px;vertical-align:middle;}

.nus .right-content img.emojione, .fancy .right-content img.emojione {width:auto;margin:0;border-radius:none;}

.nus .right-content .emojione, .fancy .right-content .emojione {
  /* Emoji Sizing */
  font-size: inherit;
  height: 3ex;
  width: 3.1ex;
  min-height: 20px;
  min-width: 20px;

  /* Inline alignment adjust the margins  */
  display: inline-block;
  margin: -.2ex .15em .2ex;
  line-height: normal;
  vertical-align: middle;
}

.nus .right-content img.emojione, .fancy .right-content img.emojione {
  /* prevent img stretch */
  width: auto;
}

.fancy .right-content img + i {font-style:normal;margin-top:-1em;display:block;color:#666;font-size:0.9em;padding:0.7em 1.2em 0.7em 3em;border-radius:5px;background:#eee;position:relative;line-height:1.4em;}
.fancy .right-content img + i:before {content:"\f030";position:absolute;top:0.72em;left:0.9em;font: normal normal normal 14px/1 FontAwesome;color:#aaa;}

.nus .mslwidget:first-child, .fancy .mslwidget:first-child {margin-top:0 !important;}

#main.nus, #main.fancy {border:none!important;padding:30px;}
#main.nus {position:static;}
#main.nus h2, #main.fancy h2 {color:inherit;border:none !important;}

/* LiveZilla */

#lz_eye_catcher {display:none;}
#lz_chat_state_image {background:#fff url(/pageassets/cusu-dots.png) no-repeat center right!important;background-size:contain !important;}

/* Forums */

#forum_categories h1 {
background: none!important;
padding-left: 0;
line-height: inherit;}

.forum_post_edited {font-size:0.8em;color:#999;position: absolute;bottom: 14px;}

#forum_categories {padding:0;}
.forum_nav {float:none;width:auto;margin:10px 0;font-size:0.8em;padding:5px 10px;background:#eee;color:#444;border-radius:5px;overflow:auto;}
.forum_nav a {color:#999 !important;}
.forum_nav a:hover {color:#777 !important;}
.forum_nav dd {float:left; background:none;padding-left:8px;}
.forum_nav dd:after {content:">";padding-left:10px;}
.forum_nav dd:last-child:after {content:"";padding:0;}
.forum_nav dd:first-child {padding-left:0;border-left:none;}
dl.forum_nav dd.forum_nav_2, dl.forum_nav dd.forum_nav_3, dl.forum_nav dd.forum_nav_4 {padding-left:8px;}
dl.forum_cat dt, dl.forum dt {background:#902A8D;border-radius:3px 3px 0 0;margin-bottom:8px;}
dl.forum_cat dt a, dl.forum dt a {color:#fff !important;font-weight:bold;padding:6px 9px;display:block;}
dl.forum_cat dd, dl.forum dd {display:inline-block;color:#999;font-size:0.9em;padding:0 0 0 5px;border:none;float:right;min-width:65px;text-align: right;margin-top:5px;}
dl.forum_cat, dl.forum {margin:20px 0;background-image:none;overflow:auto;display:block; clear:both;border-bottom:1px solid #ddd;padding:0 0 15px !important;}
dl.forum_cat dd.forum_description {display:block;float:left;clear:left;text-align:left;}
dl.forum dd.forum_description {display:none;}
dl.forum dd {margin:0;padding:0 5px 0 0;border:none;color:#999;font-size:0.9em;}
.forum_group {display:none;}
.forum .view, .forum .rss {display:none;}
#forum_topics{padding:0;}
#forum_topics h1 {margin-bottom:10px;}
#forum_topics .view {display:none;}
#forum_topics .msl_add {
cursor: pointer;
text-decoration:none;
background: #E01C24;
border: none;
padding: 6px 6px 7px;
border-radius: 2px;
color: white;
font-family: "Flama Bold", Helvetica, sans-serif;
font-weight: normal;
font-size: 1em;
margin-top:10px;}
.forum_post {margin-top:20px;clear:both;padding-top:20px;border-top:1px dotted #ddd;position:relative;}
h1 + .forum_post, .forum_post:first-child {margin-top:0;}
h1 + .forum_post {padding-top:15px;}
.forum_post .forum_post_author {float:left;width:13%;margin-right:2%;position:relative;}
.forum_post_author:after {content:"";position:absolute;top:30px;right:-20px;border-right:20px solid #f2f2f2;border-bottom:15px solid transparent;}
.forum_post .forum_post_author .badge {width:100%;padding:0!important;margin:0!important;border:none !important;background:none !important;}
.forum_post_content {float:left;width:85%;background:#f2f2f2;padding: 13px;box-sizing: border-box;-moz-box-sizing: border-box;border-radius: 10px;}
.forum_post_content1, .forum_post_content2, .forum_post_tools, .forum_post_tools_inner {padding:0;background:none;}
#forum_addpost_form label {margin:10px 0 5px;}
#forum_addpost_form {width:auto;}
#forum_addpost, #forum_addpost_previous, #forum_post {padding:0 !important;}
#forum_addpost_previous {margin-top:15px;padding-top:15px !important;border-top:1px dotted #ddd;}
.forum_post_tools {font-size:0.8em;text-align:right;border-top:1px solid #ddd;padding-top:5px;clear:both;}
.forum_quote {padding:0 !important;}
#forum_post .forum_post_tools a, #forum_addpost_previous .forum_post_tools a {background:none;}
#forum_addpost .forum_post_tools {position:static;bottom:auto;right:auto;border:none!important;padding:0!important;font-size:1em;text-align:left;}
.forum_post_date {margin-left:10px;color:#999;font-size:0.6em;font-family:"Open Sans", Arial,Helvetica,sans-serif;float:right;display:inline-block;padding-top:3px;}
.forum_post_control {margin:15px 0;}
.post_header {margin:15px 0 0; padding:0;border-radius:5px;font-size: 1.2em;font-family: "Flama Bold";}
.post_header:first-child {margin-top:0;}
.forum_post_controls > * {background:none;font-size:0.8em;padding:0 10px 0 0;float:left;}
.forum_post_nav {font-size:0.8em;}
.forum_post_quote {margin:10px 0; padding:10px; background:#e0e0e0;color:#555;border-radius:5px;}
.forum_post_quote_header {font-style:normal;font-weight:bold;}
.forum_post_quote p {margin:15px 0 0;}
.forum_post_body {width:auto;}
.killfloat + .forum_post_controls > * {display:none;}
.killfloat + .forum_post_controls .forum_reply {
display:block;cursor: pointer;background: #E01C24;
color:#fff !important;border: none;padding: 6px 6px 7px;
border-radius: 2px;font-family: "Flama Bold", Helvetica, sans-serif;font-weight: normal;font-size: 1em;
margin-right:10px;
}
#forum_topics .msl_table .msl_row, #forum_topics .msl_table .msl_altrow {background:none;}
#forum_topics .msl_table tr:first-child {display:none;}
#forum_topics .msl_table .msl_row td, #forum_topics .msl_table .msl_altrow td {border:none;border-top:1px solid #eee;text-align:right;display:none;color:#999 !important;padding: 10px 8px;}
#forum_topics .msl_table .msl_row td:first-child, #forum_topics .msl_table .msl_altrow td:first-child {text-align:left;display:table-cell;}
#forum_topics .msl_table .msl_row td.topic_lastpost, #forum_topics .msl_table .msl_altrow td.topic_lastpost {text-align:right;display:table-cell;}
#forum_topics .msl_table tr:first-child + .msl_row td {border-top:none;}
#forum_topics table.msl_table {border:1px solid #ddd !important;}
#forum_topics td:first-child .topic_by:before {content:"started "}
.topic_lastpost .msl-subscribelink {display:none !important;}
.topic_by {display:block;font-size:0.8em;margin-top:5px;}
#forum_topics .topic_lastpost .topic_by:before {content:"last post "}
.topic_lastpost_date {font-size:0.8em;color:#999;}
#forum_topics .msl_table .forum_unsubscribe {display:none;}

#panel_preview_content {padding:15px 0;}

.msl_warning {border:none !important;}

#notification {background:#EA0B73;padding:10px 0;z-index: 2000;color:#fff;color:rgba(255,255,255,0.9);font-weight:700;font-size:0.8em;
/*box-shadow:inset 0 -1px 0px rgba(0,0,0,0.3);border-bottom:1px solid #666;*/}
#notification a {color:rgba(255,255,255,0.7);}

input[type=text], input[type=email], input[type=password], select, textarea, input[type=number] { box-sizing:border-box;-moz-box-sizing:border-box;padding:5px;border-radius:5px;border:1px solid #ddd;resize:none;}
input[type=submit] {-webkit-appearance:none;}
#main input[type=submit] {-webkit-appearance:button;}
.blog_day {display:none;}
h1 a {color:#222 !important;}

.soc-content p.subtext, .soc-content p.msl_pubdate, #main p.msl_pubdate, span.subtext {font-size:0.8em;color:#999 !important;}
span.subtext {clear:both;display:block;}
.soc-content p.msl_pubdate { margin:0; }
.soc-content > .mslwidget:first-child {margin-top:0 !important;}
.news_item_inner h5 {font-size:1.2em;margin:0 0 5px;font-family: "Flama Bold", Helvetica, sans-serif;font-weight:normal;}
.third .news_item_inner h5 {font-family:"Open Sans", Arial, Helvetica, sans-serif;font-weight:bold;font-size:1em;}

#resources a {height: 140px;display:block;float:left;margin:1%;width:18%;padding:95px 10px 10px;text-align:center;background-position:center 10px;background-repeat:no-repeat;background-size:75px;box-sizing:border-box;-moz-box-sizing:border-box;border:1px solid transparent;border-radius:5px;}
#resources a:hover {border:1px solid #eee;background-color:#f5f5f5;}

#case_text {padding:0 !important;}
.motion ul {padding:0 !important;}

#ctl00_Main_lnkAddFriends {float:right;}

input.textbox:hover {border-color:#ccc !important;background-color:#fff!important;}
input.textbox:focus {background-color:#fff !important;}

.tac {margin:0!important;padding:0!important;border:none !important;}
.tac.error {background-image:none;}

hr {border:none;border-top:1px solid #ddd;margin:15px 0;}
hr#cymraeg {margin:25px 0;}
hr.dotted {border-top:1px dotted #ddd;}

.erroneous {border:1px solid #E01C24 !important;}

#sidebar + #admin_page_content {width:70%;float:left;}

.tac + input {margin-top:10px;}

.media_embed {clear:both;max-width:100%;margin:0 auto;position:relative;padding-bottom:56.3%;}
.media_embed iframe, p object, p embed, .soc-content object, .soc-content object embed {width:100%;height:400px;clear:both;border:none;}
.media_embed iframe {position:absolute;top:0;left:0;right:0;bottom:0;height:100%;}
.media_embed + .left-content, .media_embed + .left-content + .right-content {margin-top:30px;}
p + .media_embed {margin-top:30px;}

@media screen and (min-width:980px){
.nus .media_embed iframe {height:540px;}
}

textarea.textbox {border:1px solid #ddd !important;}

.form_hint {display: inline-block !important;}

#print-logo {display:none;}

/* Navigation */
b, strong {font-weight:700;}
u {text-decoration:inherit;}
strong h2, h2 strong, b h2, h2 b, h3 strong, strong h3 {font-weight:normal;}
#navigation .navigation a, #navigation .navigation dt {color:#fff !important;font-family:"Flama Bold", Helvetica, sans-serif;text-decoration:none;}
.nav-services .mslwidget, .nav-entertainment .mslwidget {float:left; margin-left:15px;}
.sub-nav {z-index:100;}
.sub-nav h3 {float:left;color:#fff;margin-left:15px;font-size:16px;margin-top:5px;margin-bottom:5px;opacity:0.7;}
.headings h3 span {display:none;width:0px;height:0px;border-top:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;margin-bottom:2px; margin-left:10px;}
.sub-nav h3:first-child {margin-left:0;}
#sidenav h3 {color:#fff;font-size:16px;margin-top:25px;margin-bottom:5px;opacity:0.7;}
#sidenav h2 + h3 {margin-top:15px;;}
.headings {clear:both;overflow:auto;}
#services3 {margin-left:15px;float:left;}
#services3 li {width:130px;}
.nav-services .mslwidget li {width:165px;}
.nav-entertainment .mslwidget li {width:130px;}
.nav-services .mslwidget:first-child li {width:145px}
#navigation .mslwidget:first-child {margin-left:0;}
#navigation {margin:20px 0; min-height: 30px;z-index:58;position:relative;}
#navigation .navigation > li > div {box-shadow:0px 2px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:30px;left:0;z-index:99;padding:10px; text-align:left;min-width:170px;}
#navigation .navigation > li:last-child > div, #navigation .navigation > li.nav-about > div {right:0 !important; left:auto !important;}
#navigation .navigation > li > div li {list-style-type:none;margin:0; border-top:1px solid rgba(0,0,0,0.1);}
#navigation .navigation > li > div li:first-child { border-top:none;}
#navigation .navigation > li > div li a {padding:6px 0}
#navigation .navigation > li > div .mslwidget:first-child li:first-child {border:none;}
#navigation .navigation > li > div ul {padding:0; margin:0;}
#navigation .navigation > li div a:hover {color:rgba(255,255,255,0.7) !important;}
#navigation .navigation > li:hover div {display:block;background-color:inherit;z-index:101;}
#navigation .navigation {padding:0;margin:0;}
#navigation .navigation > li > a {text-align:center;line-height:30px;}
#navigation .navigation > li:first-child {border-radius:4px 0 0 4px;}
#navigation .navigation > li:first-child:hover {border-radius:4px 0 0 0;}
#navigation .navigation > li:last-child {border-radius:0 4px 4px 0;}
#navigation .navigation > li:last-child:hover {border-radius:0 4px 0 0;}
#navigation .navigation > li a {display: block;width:100%;}
#navigation .navigation > li {/*border-bottom:2px solid #ddd;*/list-style-type:none;width: 10.75%;height:30px;position:relative; overflow:visible; margin:0;float:left;text-align:center;/*box-shadow:inset 0px -3px 0px rgba(0,0,0,0.2);*/}
#navigation .nav-whatson, #navigation .nav-advice {background:#EA0B73}
#navigation .nav-involved, #navigation .nav-about{background:#8CC43F}
#navigation .nav-venues {background:#e9cb00;}
#navigation .nav-services {background:#F47721;}
#navigation .nav-cardiff {background:#E01C24;}
#navigation .nav-jobs {background:#2EA3DC;}
#navigation .nav-voice {background:#902A8D;}
#navigation .nav-services {width:14% !important;}
#navigation .nav-services .sub-nav {width:470px;}
#navigation .sub-nav ul ul {display:none;}

#navigation-mobile .toggle {content:"";display:block;width:62px;height:60px;float:right;clear:both;position:relative;}
#navigation-mobile .toggle i {position:absolute;top:50%;left:30%;right:30%;border-top:3px solid #ddd;}
#navigation-mobile .toggle i + i {margin-top:-8px;}
#navigation-mobile .toggle i + i + i {margin-top:8px;}
#navigation-mobile {display:none;position:absolute;top:0;right:0;z-index:120;}
#navigation-mobile li a {color:#fff;font-family:"Flama Bold";text-decoration:none;}
#navigation-mobile .headings {display:none;}
#navigation-mobile li {list-style-type:none;text-align:left;z-index:100;position:relative;padding:0.4em 1em 0.4em 0.6em;}
/*#navigation-mobile li + li {margin-top:0.5em;}*/
#navigation-mobile > ul {padding:0.5em;margin:0;clear:both;background:#222;display:none;}
#navigation-mobile.open .toggle, #navigation-mobile .toggle.open {background:#222;}
#navigation-mobile.open > ul {display:block;}
#navigation-mobile.open .toggle i {border-top:3px solid #fff;}
#navigation-mobile > ul li div {display:none;}

#ticker > div, #latest-ideas > div {padding:8px 15px;border-radius:5px;background:rgba(0,0,0,0.05);color:#555; margin-bottom:20px;height:15px;}
#ticker a {color:#999;}

#siarad {padding:7px 15px;border-radius:7px 20px 25px 7px;background:#777;margin-bottom: 15px;height: 31px;margin-left:3.5%;float:left;width:31%;box-sizing:border-box;-moz-box-sizing:border-box;font-size:0.8em;line-height:15px;position:relative;}
#siarad img {height:48px;position:absolute;right:-1px;top:50%;margin-top:-22px;}
#siarad a {color:#fff;}

#load-more {cursor:pointer;text-align:center;width:200px;margin:10px auto;padding:10px;border:1px dashed #ccc; font-size:0.9em;}

h3 a {text-decoration:none !important;}

.election {border-bottom:none!important;}
.election + .election {border-top:1px solid #eee;margin-top:30px;padding-top:30px !important;}
.election h3 {padding-top:0!important;}
.election p {min-height:1em;}
.election > p, .election p.msl-election-organisation {border-bottom:1px dotted #ddd !important;line-height: 1.1rem !important;}
.election p.msl-election-desc {background:rgba(140,40,140,0.06) !important;border-radius:5px;border:1px solid rgba(140,40,140,0.1) !important;line-height: 1.4rem !important;font-size:0.9em !important;}

.election-navigation a.nominations { background-position: -2px -282px !important;}
.election-navigation a.profile {  background-position: -2px -402px !important;}
.election-navigation a.posts {  background-position: -2px -42px !important;}
.election-navigation a.vote {  background-position: -2px -522px !important;}
.election-navigation a.candidates {  background-position: -2px -162px !important;}

.election dl {border-radius:5px;}

.election-details .msl-election-desc {font-size:1em !important;background-color:rgba(140,40,140,0.06) !important;border-radius:5px;border:1px solid rgba(140,40,140,0.1) !important;}
.election-navigation a {font-weight:700;}
.election-navigation a:hover, .election-navigation a.current {background-color:rgba(40,160,220,0.1) !important;color:rgba(40,160,220,2)!important;}
.election-navigation a.current {border-bottom-color:rgba(40,160,220,0.4) !important;}

.msl-election-stage {background-color:rgba(140,200,60,0.06)!important;border-radius:5px;border:1px solid rgba(140,200,60,0.2)}

/*
#election_candidates .msl-candidate p a {display:none!important;}
#election_candidates .msl-candidate:last-child p a {display:inline-block!important;}
*/

.msl-candidate-name {text-transform:capitalize}
.election { border-radius:5px; }
.election h3 { border-radius: 3px 3px 0 0 }
#ctl00_elections_rptElections_ctl00_pnlOrganisation {display:none;}
/*.post_sd {padding: 0.5em 0 !important;}*/
#ctl00_Main_pnlDetails h2 {border:none !important;margin-top:15px !important;}
.popup {max-width:600px;width:80%;background:#fff;border-radius:5px;box-shadow:0px 0px 10px rgba(0,0,0,0.3);}
.vpForm .vpFormPair {background:#eee !important;background-image:none !important;border-left:none !important;}
.vpFormPair {padding:10px !important}
.form_controls {margin-top:10px;}
.mslwidget .vpFormPair {padding:0 !important}
.mslwidget .vpFormPair {margin-top:10px !important;}
.vpForm .vpFormPair:first-child {border-top:none !important;}
.vpForm input, .vpForm select {border:none!important;padding:5px;border-radius:5px;}
.vpFormPair label {min-width:100px;display:inline-block;}
.vpFormSubmit {border:none !important;}
.vpForm legend {display:block;padding-top:10px;}
.vpFormPair.clearfix {width:100%;box-sizing:border-box;-moz-box-sizing:border-box;}
fieldset .vpFormPair.clearfix {width:auto;}
.vp_content.checkbox table {width:100%;}
.vp_form .vpFormPair, .vp_form .vpFormSubmit {margin-left:0 !important;margin-right:0 !important;}
.vp_content ul {padding:0 !important;}
.hint-text {color:#999; font-size:0.8em;margin-top:10px;display:block;}
.form_hint {color:#666 !important;margin:5px 0 !important;}
.msl_add {font-size:0.9em;}
#ctl00_Main_pnlDetails {padding-bottom:20px;}
#election_review {padding:0 !important;}
#election_review h2 {margin-top:20px !important;}
.error ul, .error li { margin:0;margin-bottom:0 !important;padding:0;}
.error li {margin-top:5px;}
.error li img {display:none;margin-right:10px;}
.back {margin:0 0 10px;}

#manifesto .msl_notification {background:none;color:#999;margin-top:0;}
#manifesto .msl_notification .msl_info {padding-top:0;}

/* Text */
#main img.float-right, .float-right {margin:0 0 15px 20px;float:right;width:auto !important; max-width:40%;text-align:right;min-width:320px;}
#main img.float-right {min-width:100px;width:auto;}
.float-left {margin:0 15px 10px 0;float:left;}
#msl_event .float-right img {width:100%;}
#msl_event .float-right { width:40% !important;}
h1, h2, h3, .msl-poll-title {font-family:"Flama Bold", Helvetica, sans-serif;font-weight:normal;margin:10px 0 15px;-webkit-text-size-adjust: 100%;}
h3 {font-size:14px;margin:15px 0;-webkit-text-size-adjust: 100%;}
#main h2, h1, .soc-content h2, .msl-poll-title {margin-bottom:.45em;font-size:2.4em;margin-top:.85em;}
.msl-grouping-context-control + h1 {margin-top:0 !important;}
.msl_admin_page {padding:0 !important;}
#main h3, .soc-content h3 {font-size:1.4em;color:#222 !important;margin-top:25px;text-align:left!important;}
#main h2:first-child, #main h3:first-child, .soc-content h3:first-child, .soc-content h2:first-child, h1:first-child, #main #banner + h2, #cymraeg-link + h2, #cymraeg-link + h1 {margin:-.1em 0 .45em;}
#main p, .soc-content p {line-height:1.6em;font-family:"Open Sans", Arial, Helvetica, sans-serif !important; color:#222 !important;-webkit-text-size-adjust: 100%;}
#main p * {font-family: "Open Sans", Arial, Helvetica, sans-serif !important;}
#main p .button {font-family:"Flama Bold", Helvetica, sans-serif!important;font-weight:normal;}
#main img {max-width:100%;}
#main li, .soc-content li {margin-bottom:8px !important;line-height:1.6em;color:#222 !important;}
#main .mvMenu li {margin-bottom:0 !important;background:#eee;}
.fl_bottom_ad, #flFooterRow {display:none !important;}
.fl_tab_content {font-size:0.9em;}

.catalogue_productlist, .catalogue_productlist li {padding:0;margin:0;list-style-type:none;}

.product_box select + input {margin-left:1em !important;}

.news_full p {line-height:1rem !important;margin-bottom:0;}
.news_full h5 {margin-top:15px;padding-top:15px;border-top:1px solid #eee;font-size:0.9rem;margin-bottom:0;}
.news_full .item1 h5 {border:none !important;padding:0 !important;}

/* Nivoslider*/
#preload {display:none;opacity:0;}
#new-slider, #new-slider li {padding:0; margin:0;list-style-type:none;position: absolute;top: 0;left: 0;height:100%;width:100%;}
#new-slider li img {width:auto!important;border-radius:5px;backface-visibility:hidden;}
#slider {box-shadow:inset 0px -3px 0px rgba(0,0,0,0.2);
background-size: cover !important;
border-radius:5px;}
#container .bx-wrapper, #container .bx-viewport, #container .bx-controls {width:100%;height:100% !important;}
#container .bx-wrapper {position:relative;}
#container .bx-controls {position:absolute;top:0;left:0;} 
#container .bx-controls-direction {position:relative;width:100%;height:100%;}
.nivoSlider {
min-height:100px;
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: 100%;
}
.nivo-main-image {
	display: block;
	position: relative !important; 
	width: 100% !important;
        height:100% !important;
transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-webkit-transition:  opacity 0.3s;
-o-transition:  opacity 0.3s;
}
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }
.nivo-slice {
background-position:center;
/*-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-ms-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;*/
}
#slider:hover .nivo-directionNav a, #container .bx-wrapper:hover .bx-controls-direction a {opacity:0.5;}
.nivo-directionNav a, #container .bx-controls-direction a {
opacity:0;
    cursor: pointer;
    position: absolute;
    top: 0;
    z-index: 52;
transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-webkit-transition:  opacity 0.3s;
-o-transition:  opacity 0.3s;
}
.nivo-directionNav a:hover, #container .bx-controls-direction a:hover {
opacity:1 !important;
cursor: pointer;
}
.nivo-prevNav, #container .bx-prev  {
    left: 0;
height:100%;
text-indent:-9999px;
width:100px;
background-image: url(navleft.png);
background-position:10px center;
background-repeat:no-repeat;
}
.nivo-nextNav, #container .bx-next {
text-indent:-9999px;
height:100%;
width:100px;
    right: 0;
background-image: url(navright.png);
background-position: 60px center;
background-repeat:no-repeat;
}
.nivo-controlNav a.active {
    font-weight: bold;
}
.nivo-controlNav {
    bottom: -28px;
    display:none;
}
.nivoSlider {
	position:relative;
	width:100%;
	overflow: hidden;
}
#slider .news_item {
    display:none;
    left: 10px;
    max-width: 760px;
    position: absolute;
   bottom: 13px;
    z-index: 50;
}
.nivoSlider h5 {
display:inline;
  padding: 5px 10px 7px 10px;
float:left;
background: #EA0B73;
    margin: 0;
border-radius:2px;
    z-index: 100;
font-weight:normal;
}
.nivoSlider h5 a {
    z-index: 100;
display:inline;
float:left;
    line-height: 1.2;
color: #fff;
    font-family: "Flama Bold", Helvetica, sans-serif;
    font-size: 1.7em;
    text-decoration: none;
}
.nivoSlider p.leader {
   display:none;
}

.news_full .news_item_inner { margin:5px 0 !important; }
#news .news_image, .news_item_hook {display:none !important;}
#news h5, h6 {float:right;max-width:38%;margin:5px 0 10px 20px;color:#EA0B73; font-family: "Flama Bold", Helvetica, sans-serif;font-size:1.2em;line-height:1.5em;padding:25px 20px 20px;border-radius:5px;background:rgba(234,11,115,0.1);box-sizing:border-box;-moz-box-sizing:border-box;}
#main h6 a {color:rgba(234,11,115,0.6);border-bottom:1px dotted rgba(234,11,115,0.5);}
#main h6 a:hover {border-bottom:1px solid rgba(234,11,115,0.6);text-decoration:none;}
#news h5:before, h6:before {  
color: rgba(234,11,115,0.3);float:left;
  content: "\201C";
font-family:Georgia,Cambria,serif;
  font-size: 4em;line-height: 0.75em;
margin-right: 15px;
line-height:0.9em;
margin-bottom: -28px;
  margin-top:-8px;
display:inline-block;
}
.news_image {display:none;}
#main .right-content h6 {max-width:100%;margin:0;margin-bottom:30px;}

#ents {padding:15px; background:#fff;margin-top:15px;border-radius:5px;font-size:0.9em;border:1px solid #ddd;}
#ents h2 {padding-bottom:15px;clear:both;}

/* Header */
#header #logo {padding: 17px 0 15px;width:100%;max-width:250px;vertical-align: middle;float:left;}
#header #logo span {display:block;width:100%;position:relative;}
#header #logo span:after {display: none; content:"";position:absolute;top:0;left:0;margin:-6px;width:11px;height:11px;background:url(//im.cardiffstudents.com/santa-hat.svg) no-repeat bottom right;background-size:contain;}
#header #logo img {width:100%;vertical-align: middle;}
#header  {background:#444;/*box-shadow:inset 0px -3px 0px rgba(0,0,0,0.2);*/z-index:60;position:relative;}
#log-panel {position:absolute;top:0;right:50%;margin-right:-540px;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;padding:11px 0;min-width: 400px;z-index: 60;}
#log-panel > .mslwidget {float:right;}
#log-panel a {text-decoration:none;}
.msl-loginbutton {z-index:99;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;display:block;text-align:center;margin-top:5px;cursor:pointer; background:#E01C24;border:none;padding:0 8px;border-radius:2px;color:#fff !important;font-weight:700;font-size:0.8em;height:30px;line-height:30px;float:right;}
#profile-link {background:url(//im.cardiffstudents.com/icon/torso.png) center no-repeat;text-indent:-9999px;}
.msl-loggedin {background-image:url(//im.cardiffstudents.com/icon/logout.png) !important;background-position: center !important;background-repeat:no-repeat;margin-right:0 !important;text-indent:-9999px;background-color:transparent !important;}
#log-panel #search {position:relative;overflow:hidden;background:url(//im.cardiffstudents.com/icon/search.png) no-repeat center;}
#log-panel #search div {height:100%;width:100%;}
#log-panel #search .button {box-sizing:border-box;-moz-box-sizing:border-box;width:0;position:absolute;text-indent:-9999px;top:0;right:0;bottom:0;padding:0!important;border-radius:2px;background:rgba(255,255,255,0.15) url(//im.cardiffstudents.com/icon/search.png) no-repeat center!important;background-size:16px !important;}
#log-panel input.textbox { border:none;border-radius:2px;width:0;background:rgba(255,255,255,0.2)!important;font-style:italic;padding:3px 0;height:100%;font-size:0.8em;color:#eee;outline: none !important;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
#log-panel #search.open {width:170px;background-image:none;}
#log-panel #search.open .button {width:32px;}
#log-panel #search.open input.textbox {width:100%;padding:3px 6px;}
.btn, .msl-loggedin, #log-panel #search, #msl_admin, #controlpanel {width:32px;height:30px;float:right;margin-right:5px;background-size: 16px !important;opacity:0.8;display:block;margin-top: 5px;cursor: pointer;border-radius: 2px;background-repeat:no-repeat;background-position:center;position:relative;z-index:9;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.button, .soc-content input[type=submit] {cursor:pointer;background:#EA0B73 !important;border:none !important;padding:5px 8px 6px !important;border-radius:5px;color:#fff !important;font-family:"Flama Bold", Helvetica, sans-serif !important;font-weight:normal !important;font-size:1em !important;text-decoration:none!important;text-align:center;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
.engbutton, .soc-content input[type=submit] {cursor:pointer;background:#747678 !important;border:none !important;padding:5px 8px 6px !important;border-radius:5px;color:#fff !important;font-family:"Flama Bold", Helvetica, sans-serif !important;font-weight:normal !important;font-size:1em !important;text-decoration:none!important;text-align:center;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}

.msl-loginbutton:hover, .button:hover, .soc-content input[type=submit]:hover {background-color:#d02575 !important;}
.btn:hover, .msl-loggedin:hover, #msl_admin:hover, #controlpanel:hover {opacity:1;background-color:#555!important;}
.msl-basket.btn .logged-in-basket, #profile-link {display:none;}
.msl-loggedin + a + .msl-basket.btn .logged-in-basket {display:block;}
.msl-loggedin + a + .msl-basket.btn .logged-out-basket {display:none;}

body.non-paying-committee #header:after {content:"Your website account has been restricted until you have paid for your memberships. Contact Societies@cardiff.ac.uk or AthleticUnion@cardiff.ac.uk if you have any questions.";display:block;text-align:center;background:#E01C24;padding:.7em;font-size:.9em;font-weight:700;color:rgba(255,255,255,1);display:none;}

#createacc {padding:0 8px !important;border-radius:2px;color:#999 !important;font-weight:700 !important;font-size:0.8em !important;height:30px;line-height:30px !important;float:right;background:#555 !important;margin-top:5px;margin-right:5px;font-family: "Open Sans";
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;}
#createacc:hover {background:#666 !important;color:#ccc !important;}

#poppy {display:inline-block;vertical-align:middle;margin-left:8px;}

#cymraeg-link img {position:absolute;top:-.5em;right:-.5em;width:3em;height:4em;}

/*profiles*/
.badge, .person_link {display: block;float: left;margin: 1%;width: 18%;border-radius:5px;border:1px solid transparent;text-align:center;padding:10px;box-sizing:border-box;}
.badge:hover, .person_link:hover {border:1px solid #ddd;background:#eee;}
.badge_tools ul {display:none;}
.badge img {/*border:1px solid #eee;*/border-radius:5px;max-height:100px;margin-bottom:5px;max-height:100px;}
.badge > a {cursor:pointer;background:#E01C24 !important;border:none !important;padding:6px 6px 7px !important;border-radius:2px;color:#fff !important;font-family:"Flama Bold", Helvetica, sans-serif;font-weight:normal !important;font-size:1em !important;text-decoration:none!important;display:block;margin-top:5px;}
.profile_photo, #profile_photo img {border:1px solid #eee;border-radius:5px;padding:3px;box-sizing:border-box;-moz-box-sizing:border-box;}

.msl-groupedmemberlist {clear:both;overflow:auto;}
.societypage #right-content .msl-groupedmemberlist:before {content:"Committee Members";border-bottom: 1px solid #DDD;padding-bottom: 7px;margin-bottom: 10px;font-size: 1.4em;display:block;font-family:"Flama Bold";margin-top:20px;text-align:left;}
.msl-groupedmemberlist li {overflow:hidden;float:left;width:31%;margin:1.1%;}
.msl-groupedmemberlist ul {overflow:visible;margin:0;}
.msl-groupedmemberlist .badge {margin:0;width:100%;}
.msl-groupedmemberlist .badge_tools a {min-height: 88px;display:block;}
.msl-groupedmemberlist dl {margin:0 !important;}
.msl-groupedmemberlist .badge a {font-size:0.8em;}
.msl-groupedmemberlist .badge h4 {margin:0 0 10px;min-height:44px;}
.msl-groupedmemberlist li, .msl-groupedmemberlist ul {padding:0;}
.join-item input {margin-left:10px;}
#committee-members .badge ul {display:none;}

#wellbeing-officers {display:none;background:#fff;border-radius:5px;margin:15px 0;padding:15px;}
#wellbeing-officers:before {content:"Wellbeing Officers";font-size:1.5em;color:#222 !important;font-family:"Flama Bold";margin-bottom:10px;display:block;}
#wellbeing-officers h4 {display:none;}
#wellbeing-officers.loaded {display:block;}

#wellbeing-officers .msl-groupedmemberlist li {width:100%;float:none;margin:0;}
#wellbeing-officers .msl-groupedmemberlist li + li {margin-top:10px;}

.join_list li {list-style-type:none;}
.join_list .product-price {margin:0 10px;}

.societypage .soc-content .mslwidget {margin-top:15px;clear:both;}
.societypage #log-panel > .mslwidget {display:block;}
.societypage .soc-content .product-name input {margin-left:15px;}
/*.societypage .msl-groupedmemberlist h3:after {content:"s";}*/
.societypage .msl-groupedmemberlist .badge {border:1px solid #eee;}
.societypage .msl-groupedmemberlist .badge:hover {border:1px solid #eee;background:none;}

#tier {border-radius:5px;margin-bottom: 15px;overflow:hidden;}
#tier .msl-groupingattributelist {display:none;}
#tier img {vertical-align:middle;}
#tier.probation {display:none!important;}
.societypage #organisation-name {display:none;}

/*#compiler #navigation {max-height:0;overflow:hidden;opacity:0;
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;}*/
#compiler #navigation {margin:0;}
#compiler > .container {max-height:0;overflow:hidden;opacity:0;padding:0 10px;
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;}
/*#compiler:hover #navigation {max-height:50px;margin:15px 0;overflow:visible;opacity:1;}*/
#compiler > .container.open {max-height:50px;opacity:1;overflow:visible;padding-top:15px;}
#nav-toggle {margin-right:5px;width:60px;height:30px;margin-top:5px;border-radius: 2px;cursor:pointer;text-align: center;font-size: 0.8em;color: white;line-height: 30px;float:right;opacity:0.8;background:#555;display:none;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
#nav-toggle:hover {opacity:1;}
#nav-toggle span {display:inline-block;margin-left:5px;padding-bottom: 1px;border-top:4px solid #fff;border-left:4px solid transparent;border-right:4px solid transparent;}

/* Home Splash */
#slider-wrapper {position:absolute;top:0;left:0;width:100%;height:100%;}
#splash {box-sizing: border-box;-moz-box-sizing: border-box;width:770px;overflow:hidden; margin-bottom:25px;float:left;/*border:1px solid #ccc;border-bottom:2px solid #ddd;*/background:#fff url(/pageassets/ajax-loader.gif) no-repeat center;position: relative;border-radius:5px;width: 65.5%;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}
#splash-sizer {width:100% !important;opacity:0;float:left;}
#splash-shadow {display:none;position:absolute;bottom:-3px;left:0;width:100%;border-radius:0px 0px 5px 5px;box-shadow:inset 0px -3px 0px rgba(0,0,0,0.2);z-index: 100;height:5px;border-bottom: 3px solid #DDD;}
.threed, .soc-content {/*box-shadow:inset 0px -3px 0px rgba(0,0,0,0.2);border-bottom:2px solid #ddd;*/}
#social, #social-bo {width:290px;float:right}
#social a > div, #social-bo a > div {width:100%;height:87px; margin-top:14px;background-position:center;background-size:contain;background-repeat:no-repeat;border-radius:2px 2px 4px 4px;overflow: hidden;box-sizing:border-box;-moz-box-sizing:border-box;}
#social a > div > img,#social-bo a > div > img {width:100%;opacity:0;margin-top:2px;}
#social a:first-child  > div, #social-bo a:first-child  > div {margin-top:0;}
#social .facebook, #soc-social .facebook, #officer-social .facebook {background-color:#3b5a97;background-image:url(//im.cardiffstudents.com/buttonfacebook.png);}
#social .twitter, #soc-social .twitter, #officer-social .twitter {background-color:#28aae1;background-image:url(//im.cardiffstudents.com/buttontwitter.png);}
#social .emailus {background-color:#902A8D;background-image:url(//im.cardiffstudents.com/buttonideas.png);}
#social .boxoffice {background-color:#444;background-image:url(//im.cardiffstudents.com/buttonboxoffice.png);}

#soc-social img {vertical-align:middle;}
#soc-social .website {background-color:#EA0B73;background-image:url(//im.cardiffstudents.com/button-website.png);}
#soc-social .twitter {background-image:url(//im.cardiffstudents.com/button-twitter.png);}
#soc-social .facebook {background-image:url(//im.cardiffstudents.com/button-facebook.png);}
#soc-social .fb-group {background-image:url(//im.cardiffstudents.com/button-facebook-grp.png);}
#soc-social .instagram {background-image:url(//im.cardiffstudents.com/button-instagram.png);}
#soc-social .snapchat {background-image:url(//im.cardiffstudents.com/button-twitter.png);}

#social .facebook2 {background-color:#fff;background-image:url(//im.cardiffstudents.com/buttonfacebook3.png);}
#social .twitter2 {background-color:#fff;background-image:url(//im.cardiffstudents.com/buttontwitter3.png);}
#social .pinterest {background-color:#fff;background-image:url(//im.cardiffstudents.com/buttonpinterest2.png);}
#social .instagram {background-color:#fff;background-image:url(//im.cardiffstudents.com/buttoninstagram.png);}
#social .youtube {background-color:#fff;background-image:url(//im.cardiffstudents.com/buttonyoutube2.png);}
#social .sports {background-color:#E01C24;background-image:url(//im.cardiffstudents.com/buttonsports.png);}
#social .societies {background-color:#2EA3DC;background-image:url(//im.cardiffstudents.com/buttonsocieties.png);}

#social .facebook2, #social .instagram, #social .twitter2, #social .pinterest, #social .youtube {/*border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;*/}

#new-social {float:right;width:31%;overflow:hidden;}
#new-social > div {width:47%;height:64px;background:#222;position:relative;float:left;border-radius:5px;margin-top:18px;background-size:3.5em;background-position:right 0.7em top 50%;background-repeat:no-repeat;color:#fff;backface-visibility:hidden;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
#new-social > div:first-child, #new-social > div:first-child + div {margin-top:0;}
#new-social > div:nth-child(2n) {margin-left:6%;}
#new-social > div a {position:absolute;top:0;left:0;right:0;bottom:0;padding:0.6em 0.7em;padding-right:2em;font-size:1.3em;color:inherit;font-family: 'Flama Medium';font-family: 'Flama Book';text-decoration:none;}
#new-social > div a span {letter-spacing:-0.03em;}
#new-social > div:hover {background-position:right 0.7em top 35%;}

#new-social .sports {background-color:#E01C24;background-image:url(//im.cardiffstudents.com/buttons/sports.svg);}
#new-social .societies {background-color:#2EA3DC;background-image:url(//im.cardiffstudents.com/buttons/groups.svg);}
#new-social .advice {background-color:#EA0B73;background-image:url(//im.cardiffstudents.com/buttons/advice.svg);}
#new-social .voice {background-color:#902A8D;background-image:url(//im.cardiffstudents.com/buttons/voice.svg);}
#new-social .skills {background-color:#F47721;background-image:url(//im.cardiffstudents.com/buttons/skills.svg);}
#new-social .giag {background-color:#00a9ac;background-image:url(//im.cardiffstudents.com/buttons/giag.svg);}
#new-social .boxoffice {background-color:#394141;background-image:url(//im.cardiffstudents.com/buttons/boxoffice.svg);}
#new-social .jobshop {background-color:#8CC43F;background-image:url(//im.cardiffstudents.com/buttons/jobshop.svg);}
#new-social .activities {background-color:#FFD400;color:#444;background-image:url(//im.cardiffstudents.com/buttons/activities.svg);}
#new-social .housing {background-color:#6B6A69;background-image:url(//im.cardiffstudents.com/buttons/housing.svg);}

.soc-content textarea {width:100%;min-height:150px;}

.admin_list {margin:15px 0;}
.admin_list dt {font-size: 1.2em;margin: 0 0 8px;font-family: "Flama Bold", Helvetica, sans-serif;}

#soc-social span {visibility:hidden;}
#soc-social div, #officer-social div {background-size:contain;border-radius:5px;margin:15px 0;}
#soc-social div img {opacity:0;}

#officer-social div {font-family: "Flama Bold", Helvetica, sans-serif;color:#fff;padding:10px 10px 13px 42px;background:no-repeat 8px center;}
#officer-social .twitter {background-image:url(//im.cardiffstudents.com/officers/twitter.png);}
#officer-social .email-us {background-color:#EA0B73;background-image:url(//im.cardiffstudents.com/officers/email.png);}
#officer-social .facebook {background-image:url(//im.cardiffstudents.com/officers/facebook.png);}
#officer-social .telephone {background-color:#8CC43F;background-image:url(//im.cardiffstudents.com/officers/telephone.png);}

#main #officer-social {display:inline-block;background:#E01C24;padding:5px;border-radius:5px;}

#social {width:31%;margin-left:3.5%;}
#social a > div {width: 100%;height: 74px;margin-top:20px;}
#social > div {width:25%;float:left;}
#social > div:first-child {width:68%;margin-right:7%;}

.accordion + .accordion {margin-top:20px;}
.accordion h2, .accordion h3 {cursor:pointer;}
.accordion h2:after, .accordion h3:after {content:"";border:8px solid transparent;border-top-color:#aaa;margin-left:10px;display:inline-block;margin-bottom:-4px;}
.accordion h3:after {border-width:6px;}
.accordion h2 + .accordion-content, .accordion h3 + .accordion-content {margin-top:-10px;}
.accordion .accordion-content {opacity:0;max-height:0;overflow:hidden;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
-o-transition: all .3s;
}
.accordion.open .accordion-content {opacity:1;max-height:100%;}
.accordion.open h2:after, .accordion.open h3:after {margin-bottom:5px;border-top-color:transparent;border-bottom-color:#aaa;}
.accordion.open h3:after {margin-bottom:2px;}

#working-on {background:#fff;}
#working-on.loading {background:#eee url(//im.cardiffstudents.com/officers/ajax-loader.gif) no-repeat center;height:50px;border-radius:5px;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
-o-transition: all .2s;
}
#working-on div {max-height:0;opacity:0;overflow:hidden;padding:0 15px;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
-o-transition: all .2s;
}
#working-on article.open div {max-height:3000px;opacity:1;padding:15px;}
#working-on h4 {margin:0;background:#eee;padding:7px 15px;font-size:0.9em;cursor:pointer;}
#working-on article {border-radius:5px;border:1px solid #eee;border:1px solid rgba(0,0,0,0.1);overflow:hidden;color:#555;}
#working-on article + article {margin-top:10px;}
#working-on h4 span {float:right;opacity:0.6;}
#working-on h4 span aside {opacity:0.7;display:inline-block;margin-left:10px;}
#working-on p {margin:0;font-size:0.9em;}
#working-on p + p {margin-top:10px;}
#working-on table {font-size:0.8em;width:100%;margin-top:10px;border-top:1px dotted rgba(0,0,0,0.1);}
#working-on table .date {opacity:0.8;width:100px;}
#working-on table td {padding-top:10px;}

#working-on article.pending h4 {background:rgba(233,203,0,0.06);}
#working-on article.pending {background:rgba(233,203,0,0.04);}

#working-on article.completed h4 {background:rgba(140,200,60,0.06);}
#working-on article.completed {background:rgba(140,200,60,0.04);}

#working-on article.on-hold h4 {background:rgba(230,10,110,0.06);}
#working-on article.on-hold {background:rgba(230,10,110,0.04);}

#working-on article.in-progress h4 {background:rgba(140,40,140,0.06);}
#working-on article.in-progress {background:rgba(140,40,140,0.04);}

#working-on article.early-stages h4, #working-on article.passed-by-senate h4 {background:rgba(240,120,30,0.06);}
#working-on article.early-stages, #working-on article.passed-by-senate {background:rgba(240,120,30,0.04);}

#working-on article.final-stages h4, #working-on article.passed-by-agm h4 {background:rgba(40,160,220,0.06);}
#working-on article.final-stages, #working-on article.passed-by-agm {background:rgba(40,160,220,0.04);}

#working-on article.unactionable h4 {background:rgba(220,30,35,0.06);}
#working-on article.unactionable {background:rgba(220,30,35,0.04);}

#working-on.roles article {/*float:left;width:31%;margin:1%;*/margin-top:10px;}
#working-on.roles article + article {margin-top:15px;}
#working-on.roles article > div {max-height:120px;padding:10px;opacity:1;position:relative;}
#working-on.roles article.open div {max-height:1500px;}
#working-on.roles article img {vertical-align:middle;float:right;margin:0 0 20px 20px;width:150px;border-radius: 5px;cursor:pointer;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
-o-transition: all .2s;
}
#working-on.roles article.open img {width:200px;}
#working-on.roles article h4 {font-size:1.2em;font-family: 'Flama Bold';font-weight:normal;cursor:pointer;background:rgba(140,40,140,0.04);}
#working-on.roles article h4 a {font-size:0.7em;font-family:"Open Sans";color:inherit;float:right;text-decoration:none;font-weight:normal;opacity:0.5;}
#working-on.roles article > div:after {content:"";position:absolute;bottom:0;left:0;right:0;height:40px;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
-o-transition: all .2s;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmNmYyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2ZmZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,252,252,0) 0%, rgba(255,252,252,1) 85%, rgba(255,252,252,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,252,252,0)), color-stop(85%,rgba(255,252,252,1)), color-stop(100%,rgba(255,252,252,1)));
background: -webkit-linear-gradient(top,  rgba(255,252,252,0) 0%,rgba(255,252,252,1) 85%,rgba(255,252,252,1) 100%);
background: -o-linear-gradient(top,  rgba(255,252,252,0) 0%,rgba(255,252,252,1) 85%,rgba(255,252,252,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,252,252,0) 0%,rgba(255,252,252,1) 85%,rgba(255,252,252,1) 100%);
background: linear-gradient(to bottom,  rgba(255,252,252,0) 0%,rgba(255,252,252,1) 85%,rgba(255,252,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fffcfc', endColorstr='#fffcfc',GradientType=0 );
}
#working-on.roles article.open > div:after {opacity:0;height:0;}
#working-on.roles article .rulebreaker {display:block;border-radius:5px;padding:10px;margin-right:170px;margin-bottom:10px;background:rgba(220,30,35,0.05)  url(//im.cardiffstudents.com/elections/2015/rulebreaker.png) no-repeat top right;background-size:37px;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
-o-transition: all .2s;
}
#working-on.roles article.open .rulebreaker {margin-right:260px;}
#working-on.roles article .rulebreaker span {display:block;max-height:0;opacity:0;font-size:0.8em;margin-top:0;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
-o-transition: all .2s;
}
#working-on.roles article.open .rulebreaker span {max-height:999px;opacity:1;margin-top:8px;}
#working-on.roles article .rulebreaker h5 {margin:0;font-size:0.9em;}

#student-voice-banner {margin:10px auto 25px;}

.student-advice-2017 .news_footer {
clear: both;
text-align: right;
color: #666;
font-size: 70%;
border-top: 1px solid #eee;
padding-top: 0.25em;
margin-top: 1em;
}

.fader {position:absolute;bottom:0;left:0; z-index:99; height:40px;width:100%;border-radius:0px 0px 4px 4px;/*box-shadow: inset 0 -3px 0 #CCC;*/
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 97%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(97%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 97%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 97%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 97%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 97%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */}

.event_tickets {/*border-bottom:1px solid #eee;position:relative;overflow:auto;*/padding:15px;margin-bottom:10px;background:#444;text-align:left;border-radius:5px;color:#fff;/*box-shadow:inset 0px -3px 0px rgba(0,0,0,0.2);*/}
.event_tickets h3 {position:absolute;left:10px;top:10px;margin:5px 0;display:none;}
.event_ticket {font-weight:bold;min-height:30px;min-width: 235px;font-size:0.9em;box-sizing:border-box;-moz-box-sizing:border-box;}
.event_ticket + .event_ticket {margin-top:1.5em;border-top:1px solid rgba(255,255,255,0.1);padding-top:1.5em;}
.event_ticket input {padding:6px 10px 7px !important;display:block;margin-top:0.5em;}
.event_ticket select {border:none!important;vertical-align:middle;margin-right:0.5em;}
.event_tickets .msl_notification {clear:both; margin: 5px 0 0; padding-top:10px;background:none !important;}
.event_tickets .msl_notification .msl_warning {border-radius:5px;background-color:#fff;padding: 4px 2px 4px 28px;background-color:#cc1168;background-color:rgba(0,0,0,0.1);font-size: 0.8em;}
.event_tickets .msl_notification .msl_warning a {color:rgba(255,255,255,0.7);}
.event_tickets .msl_info {background:url(/pageassets/your_voice/ministry_of_change/latest_ideas/approved.png) no-repeat 5px 5px;background-size: 11px;background-color:#cc1168;background-color:rgba(0,0,0,0.1);font-size: 0.8em;border-radius:5px;}
.event_ticket .button {background:#EA0B73 !important;width:100%;}
.event_ticket .button:hover {background:#ce0e67 !important;}

#ticket-panel .msl-tickets-msg {color:#fff;text-align:center;margin:0 0 1.5em;padding:.5em;font-size:.85em;font-weight:700;background:#2EA3DC;border-radius:3px;}
#ticket-panel .msl-tickets-msg.tickets-unavailable {background:#E01C24;}

#event-image {margin: 0 0 15px;position:relative;background:#fff;
border-radius:5px;overflow:hidden;
box-sizing: border-box;
-moz-box-sizing: border-box;
/*border: 1px solid #DDD;*/text-align:center;}
/*#event-image:after {content:"";width:100%;height:6px;box-shadow:inset 0px -3px 0px rgba(0,0,0,0.2);border-radius:0 0 3px 3px;position:absolute;bottom:0;left:0;}*/
#event-image img {max-width:100%;vertical-align:middle;border-radius:5px;}
#organisation-name {padding:13px 15px 15px;background:#8CC43F;font-family:"Flama Bold";font-size:1.1em;border-radius:3px 3px 4px 4px;color:#fff;margin-bottom:15px;}

.status, .sub-date {line-height:0.9rem !important;}

iframe {z-index:1;max-width:100%;}

/* Organisation list */

ul.msl_organisation_list {margin:0 !important;}
ul.msl_organisation_list li {margin:0 0 10px !important;clear:right;}
ul.msl_organisation_list h3 {margin:0 0 15px !important;padding-bottom:10px;}
ul.msl_organisation_list li.msl-listing-logo {float:left;margin:0 10px 10px 0 !important;clear:none;}

/* Side Bar */
#sidebar {float:left;width:28%; margin-right:2%;font-size:15px;}
#sidebar h2 {margin:0;font-size:1.4em;}
.stuck {position:fixed;left:50%;margin-left:-540px;width:350px;top:15px;z-index:50;}
#sidenav {background:#2EA3DC;padding:18px 20px;color:#fff;border-radius:5px;}
#sidenav #calendar {display:none!important;}
#sidenav .arrow-down {display:none;float:right;margin-top:7px;}
#sidenav ul {margin:0 !important;padding:0 !important;}
#sidenav li {padding:0;margin:10px 0 0;list-style-type:none; font-family:"Flama Bold", Helvetica, sans-serif;}
#sidenav .level_2 {padding-left:15px !important;}
#sidenav .level_3 {padding-left:15px !important;}
#sidenav .level_4{ padding-left:15px !important;}
#sidenav a {color:#fff;text-decoration:none;}
#sidebar a {text-decoration:none;}
#sidenav a:hover, #sidenav .current {color:#444;color:rgba(255,255,255,0.7);}

#sidenav.soc-sidebar {padding-top:1px;}
#sidenav.soc-sidebar h2 {display:none;}

#sidebar .buttons div {
color:#fff;
width: 100%;
padding: 12px 20px 12px;
box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 4px;
margin: 15px 0;
}

#sidebar .buttons div:first-child {margin-top:0;}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
}
#sidebar #ad350 {width:100% !important;}

#latest-ideas {clear:both;}

/* Content */
.search_people, .search_groupings {display:none;}
.search_groupings dt, .search_groupings > a {margin-top:10px;display: block;}
.search_news, .search_pages, .search_events {margin-top:15px;}
table {border-style:solid;border-collapse:collapse;border:none;}
.greybox {padding:10px 20px;background:#f4f4f4;border-radius:5px;border:1px solid #eee;}
.fl_bottom_ad {display:none;}
.inset {background:#eee;background:rgba(0,0,0,0.03);/*border-top:1px solid #ddd;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid #ddd;border-bottom:1px solid rgba(0,0,0,0.1);*/padding:25px 0;overflow:auto;clear:both;}
.third {width:31%; float:left;margin-left:3.5%;}
.third > div {height:350px;overflow:hidden; background:#fff; padding:15px;position:relative;
/*box-shadow:inset 0px -3px 0px rgba(0,0,0,0.2);*/border-radius:0 0 5px 5px;/*border:1px solid #ccc;*/border-top:none;}
.third h3 {background:#F47721;padding:7px 15px 8px 15px;color:#fff;font-family:"Flama Bold",Helvetica,sans-serif;margin:0;font-size:1.5em;border-radius:5px 5px 0 0;/*border:1px solid rgba(0,0,0,0.05);*/border-bottom:none;}
.third:first-child {margin-left:0;}
.third:first-child h3 {background:#8CC43F;}
.newsthird h3 {background:#EA0B73;}
.msl_event_image img {float:left; margin:0 10px 0 0;border:1px solid #eee !important;box-sizing:border-box;-moz-box-sizing:border-box;}
.fancy .right-content .msl_event_image img {float:none;margin:0;border-radius:5px 5px 0 0;}
.fancy .right-content .event_item {border-radius:5px;background:#eee;padding-bottom:.5em;max-width:360px;margin:0 auto 1em;}
.fancy .right-content .event_item dt a + a {padding:.5em 1em 0;display:block;}
.fancy .right-content .event_item dd {padding:0 1em;}
.third .msl_event_image img {width: 60px;}
.third dl {padding-top:13px;border-top:1px solid #eee;overflow:auto;}
.third .msl_eventlist {max-height:500px;overflow:hidden;}
.msl_event_name {font-weight:bold;}
.third .msl_eventlist > div > div:first-child dl {margin-top:0; padding-top:0;border-top:none;}
.third:first-child .mslwidget a {font-weight:bold;}
.msl_event_time, .msl_event_location  {font-weight:bold;margin-top:3px;}
.msl_event_location {margin-bottom:5px;}
.msl_event_description{font-size:0.9em;}
.third .msl_event_description {display:none;}
.third ul, .third li {padding:0;margin:0;list-style-type:none;}
.third .msl-recentblogposttitle, .third .msl-recentblogpostdate {font-weight:bold;}
.third .msl-recentblogposttitle, .third .msl-recentblogpostdate {display:block;margin-bottom:5px;}
.third li.msl-recentblogpost, .third .news_item {margin-top:10px; padding-top:10px; border-top:1px solid #eee;}
.third .news_item p {margin:5px 0 0 0;}
span.msl-recentblogpost {font-size:0.9em;display:block;}
.third .msl-recentblogpost:first-child, .third .news_item:first-child {margin-top:0; padding-top:0; border-top:none;}
.third .msl-recentblogpostblogname {display:none;}
.third .leader {font-size:0.9em;}
.third h5 {font-size:1em;margin:0 0 5px;}
.third .news_item_inner {margin:0 !important;}
#video {margin-left:15px;border:2px solid #000; border-radius:2px 2px 4px 4px;float:left;height:299px;width:530px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;}
#video iframe {height:100%; width:100%;}
#facebook-widget, #twitter_div, #ad350 {width:31.019%;overflow:hidden;border-radius:5px;float:left;background:#fff;position:relative;/*border:1px solid #ccc;padding-bottom:3px;*/box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;}
#ad768 {max-height:130px;float:right;clear:both;margin:0 0 15px;/*padding:15px 15px 17px;*/background:#fff; border-radius:5px;/*border:1px solid #ccc;*/overflow:hidden;}
#ad768 img {width:100%;float:left;max-height: 100px;}
#bottom-ad {display:none;}
#facebook-widget, #twitter_div, .inset #ad350 { height:284px; }
#facebook-inner {overflow: hidden;margin:-1px;margin-bottom: 3px;border-radius:5px;}
#facebook-inner div, #facebook-inner iframe {border-radius:5px;}
#ad350 img {width:100%;vertical-align:middle;}
#ad350 {/*padding:10px;*/}
#sidebar #ad350 {margin: 15px 0;}
.inset #ad350 {margin-left:3.4715%;}
#twitter-heading {border-bottom:1px solid #ddd; margin-bottom:5px;padding-bottom:5px;}
#twitter_div {background:#fff url(/pageassets/test/ajax-loader.gif) no-repeat center;}
#twitter_div > img {height:24px;position:absolute;right:10px;top:10px;z-index:99;}
#twitter_div {position:relative;padding:0;margin-left:3.4715%;}
#twitter_div ul, #twitter_div li {margin:0;padding:0;list-style-type:none;max-height:242px;overflow:hidden;}
#twitter_div li, #new-tweets li {margin-bottom:10px;font-size:0.9em;padding-bottom:10px;border-bottom:1px solid #eee;}
#facebook-widget iframe {margin:0 auto;display:block;width:100% !important;}
.news_all {display:none;}
#main {background:#fff;padding:30px;margin: 0 0 15px;border-radius:5px;float:left; box-sizing: border-box;-moz-box-sizing: border-box;/*border:1px solid #ddd;*/min-height:300px;width:100%;position:relative;}
#sidebar + #main, #soc-ban + #main, #ad768, #soc-ban, .related-events {width:70%;box-sizing: border-box;-moz-box-sizing: border-box;}
#soc-ban {float:left;margin-bottom:15px;height:281px;border-radius:5px;display:none;}
#soc-ban img {border-radius:5px;box-shadow:inset 0 -3px rgba(0,0,0,0.2);}

.soc-content {background:#fff;padding:20px;margin: 0 0 15px;border-radius:5px;box-sizing: border-box;-moz-box-sizing: border-box;overflow:hidden;}

.related-events {display:none;float:right;}

#menu-toggle {display:none;float:right;width:50px;height:50px;vertical-align:middle;}

#admin_page_content textarea {word-wrap:break-word;text-wrap:unrestricted;}

.back {background-size: 12px !important;}

.vp_form p {padding:0.5em 0 !important;}

.countdown-banner {padding: 20px 0 17px;overflow:hidden;clear: both;}
.countdown-banner img {width:100%;}
.countdown-banner #election-text {font-family: 'langdonregular';text-transform:uppercase;font-size:2.4em;text-align:center;display:block;line-height:1.1em;padding: 9px 0;cursor:default;}
.countdown-banner .third {min-height:10px;box-sizing:border-box;-moz-box-sizing:border-box;}
.countdown-banner #Stage_jbeeb_3 {margin:0 auto !important;max-width:100%;}
.countdown-banner #Stage_jbeeb_3 > div > div + div {display:none;}
.countdown-banner #Stage_jbeeb_3 > div {font-weight:normal !important;width:23.5%!important;}
.countdown-banner #Stage_jbeeb_3 span {text-transform: uppercase;font-family: 'langdonregular' !important;}
.countdown-banner .third > div {background:none;border:none;}
.countdown-banner #Stage_jbeeb_3 > div:nth-child(2n) {margin-top:-6px; color:#bd9fc0 !important;width:23%!important;}
.countdown-banner #Stage_jbeeb_3 > div:nth-child(2n) span {font-family:"Open Sans" !important;font-weight:700;}
.countdown-banner .third {z-index:5;position:relative;}
.countdown-banner #Stage_jbeeb_3 > div > div {width:100% !important;}

.countdown-banner #Container_jbeeb_6, .countdown-banner #TextBox_jbeeb_9 {left:0!important;}
.countdown-banner #Container_jbeeb_10, .countdown-banner #TextBox_jbeeb_13 {left:25.5%!important;}
.countdown-banner #Container_jbeeb_14, .countdown-banner #TextBox_jbeeb_17 {left:auto!important; right:25.5%!important;}
.countdown-banner #Container_jbeeb_18, .countdown-banner #TextBox_jbeeb_21 {left:auto!important; right:0!important;}

#election-banner {background:rgba(150,30,140,0.05);border-top: 1px solid rgba(0,0,0,0.1);border-bottom: 1px solid rgba(0,0,0,0.1);}

#freshers-banner {padding: 25px 0 22px;background:#000017 url('/pageassets/coundown-bg(2).jpg') no-repeat center;background-size:cover;position:relative;color:#fff;}
#freshers-banner #Stage_jbeeb_3 > div:nth-child(2n) {color:#fff!important;margin-top:-2px;}
#freshers-banner:before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.4;background:#4a0048;z-index:1;}
#freshers-banner #Stage_jbeeb_3 > div[id^="Container_jbeeb_"] {background-color:transparent!important;border:2px solid #fff;width:20%!important;}
#freshers-banner .third + .third:before {content:"";position:absolute;top:0;left:-6%;bottom:0;border-left:1px solid #fff;}
#freshers-banner .third:first-child, #freshers-banner .third:first-child + .third {display:flex;align-items:center;}
#freshers-banner .third img {flex-grow:1;margin:.5em 0;}

#main #election-text {font-family: 'langdonregular';text-transform:uppercase;font-size:2em;text-align:center;display:block;line-height:1.1em;padding: 9px 0;cursor:default;}
#main #Stage_jbeeb_3 {margin:0 auto -2px !important;}
#main #Stage_jbeeb_3 > div > div + div {display:none;}
#main #Stage_jbeeb_3 > div {font-weight:normal !important;}
#main #Stage_jbeeb_3 span {text-transform: uppercase;font-family: 'langdonregular' !important;}
#main #Stage_jbeeb_3 > div:nth-child(2n) {margin-top:-6px; color:#bd9fc0 !important;}
#main #Stage_jbeeb_3 > div:nth-child(2n) span {font-family:"Open Sans" !important;font-weight:700;font-size:0.7em;}
#main #Stage_jbeeb_3 {width:100%!important;height:75px!important;overflow:hidden;}
#main #Stage_jbeeb_3 > div {width:23% !important;height:4em !important;}
#main #Stage_jbeeb_3 > div > div {width:100% !important;font-size:3.3em !important;}
#main #Stage_jbeeb_3 > div:nth-child(2n) {height:auto!important;top:auto!important;bottom:0 !important;}
#main #Container_jbeeb_6, /*#main #TextBox_jbeeb_7,*/ #main #TextBox_jbeeb_9 {left:0!important;}
#main #Container_jbeeb_10, /*#main #TextBox_jbeeb_11,*/ #main #TextBox_jbeeb_13 {left:25.25%!important;}
#main #Container_jbeeb_14, /*#main #TextBox_jbeeb_15,*/ #main #TextBox_jbeeb_17 {left:50.75%!important;}
#main #Container_jbeeb_18, /*#main #TextBox_jbeeb_19,*/ #main #TextBox_jbeeb_21 {left:76%!important;}
#main #election-text, #main #election-counter {float: left;width:42%;margin-left:2%;}
#main #role-banner a {float:right;width:22%;display:block;background:url(//im.cardiffstudents.com/elections/2015/vote.svg) no-repeat center;background-size:contain;}
#main #role-banner a:hover {background-image:url(//im.cardiffstudents.com/elections/2015/vote2.svg);}
#main #role-banner a img {opacity:0;width:100%;}
#main #role-banner a {float:left;width:11%;overflow:hidden;}
#main #role-banner a img {width:100%;}
#main #role-banner {overflow:auto;clear:both;border-radius:5px;border:1px solid rgba(140,40,140,0.1);background:rgba(140,40,140,0.05);padding:10px 10px 9px;}

.flex {display:flex;align-items:stretch;justify-content:space-between;}

#fancy-officer {opacity:0;position:relative;z-index:5;
transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
}
#fancy-officer #ban {width:52%;padding:20px 30px;box-sizing:border-box;-moz-box-sizing:border-box;margin-bottom:10px;}
#fancy-officer #ban h1 {border:none;font-size:2.4em;color:#fff;margin:0;padding:0;font-family: 'love_ya';}
#fancy-officer #ban h1.lengthy {margin-top:0.2em;}
#fancy-officer #ban h1.lengthy span {font-size:0.7em;}
#fancy-officer #ban h2 {border:none;font-size:2.6em;color:#fff;color:rgba(255,255,255,0.7);margin:0;}
#fancy-officer #ban h2.lengthy span {font-size:0.7em;}
#fancy-officer #ban h1.lengthy, #fancy-officer #ban h2.lengthy {line-height:1em;}
#fancy-officer #ban p {color:#fff;font-style:italic;font-weight:400;line-height:1.6em;margin-top:2em;max-width:88%;}
.giant-circle {position:absolute;margin-top:-750px;margin-left:-1440px;left:50%;top:0;height:1500px;width:1500px;background:#ddd;border-radius:100%;z-index:-1;}
#fancy-officer #ban .social {margin:3em 0 1em;}
#fancy-officer #ban .social a {display:inline-block;min-width:32px;height:32px;line-height:32px;background:rgba(0,0,0,0.2) no-repeat center;border-radius:5px;color:#fff;opacity:0.9;vertical-align:middle;text-decoration:none;background-size:18px;font-size:0.9em;}
#fancy-officer #ban .social a + a {margin-left:1em;}
#fancy-officer #ban .social a:hover {opacity:1;}
#fancy-officer #ban .social a.tel {padding:0 12px 0 32px;background-position:8px center;background-image:url(//im.cardiffstudents.com/officers/telephone.png);}
#fancy-officer #ban .social a.eml {background-image:url(//im.cardiffstudents.com/officers/email.png);}
#fancy-officer #ban .social a.twitter {background-image:url(//im.cardiffstudents.com/officers/twitter.png);}
#fancy-officer #ban .social a.facebook {background-image:url(//im.cardiffstudents.com/officers/fb.png);}

#fancy-officer #twitter-feed {border-radius:5px;position:relative;border:1px solid transparent;height:100%;min-height:20em;overflow:hidden;}
#fancy-officer #twitter-feed > div {padding:10px;padding-top:50px;position:absolute;top:0;left:0;right:0;bottom:0;min-height:300px;border:1px solid transparent;border-radius:0 0 5px 5px;}
#fancy-officer #twitter-feed header {padding:10px;border-bottom:1px solid transparent;position:absolute;top:0;left:0;right:0;}
#fancy-officer #twitter-feed header a {font-weight:700;text-decoration:none;}
#fancy-officer #twitter-feed article {color:#555;font-size:0.8em;}
#fancy-officer #twitter-feed article + article {border-top:1px dotted #ddd;margin-top:1em;padding-top:1em;}

#fancy-officer #ban, #fancy-officer h2, .giant-circle {opacity:0;
transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
}


#portrait {border:1px solid #ddd;border-bottom:2px solid #ddd;width:100%;height:300px;border-radius:5px;background-position:top center;background-color:#fff;overflow:hidden;}
#portrait img {width:100%;}
.portrait {width:100%;padding:8px 10px 10px;box-sizing:border-box;-moz-box-sizing:border-box;border-radius:5px;margin:15px 0;overflow:hidden;}
.portrait img {width:100%;}
.portrait h3 {margin:0;color:#fff;}
.portrait h3 a {color:#fff;}

#officer-social img {height:20px;margin:3px;vertical-align:middle;}

.portrait.president {background:#EA0B73}
.portrait.sports {background:#E01C24}
.portrait.education {background:#902A8D;}
.portrait.welfare {background:#8CC43F}
.portrait.societies {background:#2EA3DC}
.portrait.heathpark {background:#F47721}
.portrait.media {background:#E9CB00}

#mobnav {width:100%;display:none;margin:10px 0;}

#mobile-nav {width:100%;display:none;clear:both;}
#mobile-nav #portrait {display:none;}
#mobile-nav .portrait:first-child {margin-top:0;}

#election_vote h1 {display:none!important;}
.votenow {cursor: pointer;
display:inline-block;
background: #E01C24 !important;
border: none !important;
padding: 8px 10px 9px !important;
border-radius: 2px;
color: white !important;
font-family: "Flama Bold", Helvetica, sans-serif;
font-weight: normal !important;
font-size: 1.2em !important;
text-decoration:none!important;
margin:5px 0 10px;
}

.agm-items .agm-item {display:block;border:1px solid #ddd;border-radius:10px;padding:20px 25px;}
.agm-items .agm-item + .agm-item {margin-top:1em;}
.agm-items .agm-item > *:first-child {margin-top:0;}
.agm-items .agm-item > *:last-child {margin-bottom:0;}
.agm-items .agm-item .outcome {display:inline-block;color:#fff;border-radius:3px;background:#999;padding:.3em .6em;font-size:.8em;text-transform:uppercase;margin:-.1em 0;margin-left:1em;}
.agm-items .agm-item .outcome.positive {background-color:#8CC43F;}
.agm-items .agm-item .outcome.negative {background-color:#E01C24;}

/* Footer */
#footer {padding:25px 0;background:#444;overflow:hidden;clear:both;z-index:1;}
#footer a {color:#999;}
#map {width:70%; height:310px;float:right;background:#333; position:relative;border-radius:3px 3px 4px 4px;border-bottom:2px solid #333;margin:5px 0 0;}
#map_canvas {width:100%;height:100%;padding:0!important;}
#map-topleft {position:absolute;top:0;left:0;}
#map-topright {position:absolute;top:0;right:0;}
#map-bottom {position:absolute;bottom:0;left:0;width:100%;}

#contact {float:left;}
#contact h3 {color:#fff;font-size:1.1em;font-family:"Flama Bold",Helvetica,sans-serif;font-weight:normal;margin:0;}
#contact .switcher {color:#999; float:left;}
#contact .switcher:first-child {padding-right:10px;margin-right:10px;border-right:1px solid #666;}
#contact .switcher:hover {color:#E01C24; cursor:pointer;}
#contact .selected {color:#fff !important;cursor:default !important;}
#heath {display:none;}
#contact p {color:#fff;font-size: 0.85em;}
#contact p span {width:75px;display:block;float:left;}
#contact p.footer-copyright {font-size:0.8em;margin-top:20px;color:#999;}

a.msl_event_name.external:before {content:"\f08e";display:inline-block;vertical-align:middle;padding:0.2em;width:13px;height:13px;line-height:13px;border-radius:5px;background:#EA0B73;margin-right:0.5em;font-family:FontAwesome;color:#fff;text-decoration:none;font-size:13px;font-weight:normal;text-align:center;}
a.msl_event_name.external.facebook:before {content:"\f09a";background-color:#3B5998;}

/* New Footer - 2016 */
#footer .third {height:16.1em;overflow:hidden;color:#999;position:relative;}
#footer .third #map_canvas {box-sizing:border-box;-moz-box-sizing:border-box;}
#footer h4 {color:#fff;font-size:1.1em;font-family:"Flama Bold",Helvetica,sans-serif;font-weight:normal;margin:0 0 0.3em;}
#footer .footer-links .ul-wrapper {overflow:hidden;display:block;}
#footer .footer-links ul {float:left;width:50%;}
#footer .footer-links li {margin:.5em 0 0;font-size:0.9em;/*font-family:"Flama Book",Helvetica,sans-serif;*/}
#footer .footer-links li a {color:#fff;}
#footer .footer-links p.footer-copyright {font-size:0.8em;color:#999;position:absolute;bottom:0;right:0;left:0;margin-bottom:0;}
#footer .gmnoprint.gm-style-cc + div + div {display:none!important;}
#new_map {border-radius:5px;}

#footer .footer-social {display:block;clear:both;margin:1.6em 0 1.2em;}
#footer .footer-social a {display:inline-block;background-size:contain;background-position:center;background-repeat:no-repeat;width:2em;height:2em;}
#footer .footer-social a + a {margin-left:1em;}
#footer .footer-social a img, #footer .footer-social a svg {width:100%;height:100%;}
#footer .footer-social a svg path {fill:#999;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
-o-transition: all .2s;
}
#footer .footer-social a.google:hover svg path {fill:#dc4e41;}
#footer .footer-social a.facebook:hover svg path {fill:#5d7cbf;}
#footer .footer-social a.twitter:hover svg path {fill:#55acee;}
#footer .footer-social a.instagram:hover svg path {fill:#467cc5;}
#footer .footer-social a.youtube:hover svg path {fill:#e52d27;}
#footer .footer-social a.linkedin:hover svg path {fill:#008fd9;}
#footer .footer-social a.snapchat:hover svg path {fill:#FFD400;}

#footer #about-links .footer-social, #footer #about-links .footer-copyright {display:none;}

#footer #contact-details {/*margin-top:27px;*/display:block;font-size:0.9em;position:absolute;bottom:0;left:0;right:0;}
#footer #contact-details p {margin:6px 0 0;/*line-height:18px;*/}
#footer #contact-details #cusu-address {font-size:0.9em;}

#soc-footer {padding:0 10px;clear:both;}
#soc-footer a {margin-right:20px;font-size:0.8em;color:#999;}
#soc-footer > div {padding:15px 0; border-top:1px solid #ddd;margin-top:15px;}

/* Side Tabs */

#side-tabs {position:fixed;right:0;top:150px;display:none;}
#side-tabs div {position:relative;border-radius:3px 0 0 5px;padding:2px 5px;color:#fff !important;font-family:"Flama Bold", Helvetica, sans-serif;margin-bottom:10px; height:110px;width:25px;}
#side-tabs h3 {
margin:0;margin-left: -57px; margin-top: 29px;height:0;width:120px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
#side-tabs #feedback {background:#EA0B73;}
#side-tabs #yourideas {background:#8CC43F;padding-top:10px;}


/* New Toolbar */

.msl-tools {display:none;} 
#mob-tools {display:none;}

#tools {float:right;padding:0;margin:0;}
#tools li {overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;padding-top: 30px;display:none;}
#msl_admin {background-image:url(//im.cardiffstudents.com/icon/admin.png);}
#controlpanel {background-image:url(//im.cardiffstudents.com/icon/edit.png);}
#msl_admin h3, #controlpanel h3 {margin:30px 0 0;color:#fff;}
#msl_admin h4 {margin:0 0 10px;}
#msl_admin h4 a {color:#fff;}
#msl_admin ul, #controlpanel ul {list-style-type:none;margin:0;padding:0;}
#msl_admin > ul, #msl_admin > div, #msl_admin h3, #controlpanel h3, #controlpanel > ul {padding:0 10px;max-height:0;width: 130px;background: #555;float: right;opacity:0;overflow:hidden;
transition: opacity 0.4s, max-height 0.3s, padding:0.1s;
-moz-transition: opacity 0.4s, max-height 0.3s, padding:0.1s;
-webkit-transition: opacity 0.4s, max-height 0.3s, padding:0.1s;
-o-transition: opacity 0.4s, max-height 0.3s, padding:0.1s;
}
#msl_admin > ul, #msl_admin > div, #controlpanel > ul {font-size:0.8em;margin:0;}
#msl_admin:hover #ulAdmin, #msl_admin:hover div, #msl_admin:hover h3, #controlpanel:hover h3, #controlpanel:hover ul {opacity:1;max-height:1000px;padding:10px;}
#msl_admin:hover h3, #msl_admin:hover #ulAdmin, #controlpanel:hover > h3 {padding:10px 10px 0}
#msl_admin:hover, #controlpanel:hover {border-radius:2px 2px 0 0;}
#ulAdmin + div {padding-top:0;}
#msl_admin ul li, #controlpanel li {padding:0;margin:3px 0; display:block;line-height:1.4em;}
#msl_admin li + li, #controlpanel li + li {border-top:1px solid #666;padding-top:4px;}
#msl_admin a, #controlpanel a {background:none!important;padding:0!important;color:#fff!important;opacity:0.8;}
#controlpanel li {background:none!important;padding-left:0!important;font-size:1em;}
#msl_admin a:hover, #controlpanel a:hover {opacity:1;}

/* END */

.post_sd {line-height:1.5rem;}

#ctl00_Main_pnlSearchForm {margin-bottom:15px;}

#ctl00_Main_pnlControls, #ctl00_Main_pnlSave {padding-top:15px;}
.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer {background:none !important;}

#msl ul.msl_linkgrid li a {min-height: 0 !important;}

/* Basket */

.checkoutpage .msl_table th.price {text-align:right !important;}
.checkoutpage .msl_table th.qty {width:15% !important;}
#basket a {font-weight:bold;background-image:none;padding:0;font-size: 0.9em;}
.msl-basket {z-index:99;position:relative;padding: 0;margin-bottom:0;}
.tools-basket {background:url(//im.cardiffstudents.com/icon/basket.png) no-repeat center;list-style-type:none;border-radius:5px;background-size:16px;position:relative;height:100%;}
.tools-basket.hasItems:after {content:attr(data-ref);position:absolute;top:4px;right:3px;text-align:center;color:#fff;border-radius:100%;height: 11px;width:11px;line-height: 11px;font-weight:600;background:#888;font-size:0.5em;}
.tools-basket > a {text-indent:-9999px;display:block;width:100%;height:100%;border-radius:5px;}
div.basket {padding:0;max-height:0;overflow:hidden;background-image:none;color:#fff;position:absolute;top:30px;right:0;background-color:inherit;z-index:12;
opacity:0;transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}
div.basket h3 {margin:0 0 10px;min-width:200px;}
#basket {padding:10px;}
.msl-basket:hover, .msl-basket:hover .tools-basket {background-color:#555;}
.msl-basket:hover div.basket {max-height:500px;opacity:1;}
.msl-basket:hover, .msl-basket:hover .tools-basket {border-radius:2px 2px 0 0;}
#basket dl {margin: 0 0 10px !important;padding: 0;border-bottom: 1px solid rgba(255,255,255,0.3) !important;}
#basket dd.price {color: #fff !important;color:rgba(255,255,255,0.6) !important;font-weight: bold;padding:5px 0;}
.msl-basket a {color:#fff;}
#ctl00_2_pnlBasket a {display:block;margin-top:5px;}
#basket {font-size:0.9em;}
.checkoutpage .msl_table th, .checkoutpage .msl_table td {vertical-align:middle !important;}

.vp_highlight {background:none !important;}

.gallery {border:1px solid #ddd;border-radius:5px;overflow:auto;padding:5px;}
.gallery a {display:block;float:left;width:18%;margin:1%;cursor:pointer;opacity:0.8;
transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-webkit-transition:  opacity 0.3s;
-o-transition:  opacity 0.3s;
}
.gallery a:hover {opacity:1;}

#ctl00_ctl00_Main_AdminPageContent_rblPublic_radioList tr:first-child , #ctl00_ctl00_Main_AdminPageContent_rblUsers_radioList tr:first-child {display:none;}

/* Societies */

.ticker {background:#888;padding:5px 10px; border-radius:5px;margin-bottom:15px;font-size:0.8em;color:#eee;}
.ticker strong {color:#ccc;}
#right-content {float:right;width:70%;}
#sidebar #logo {border:1px solid #eee;padding:10px;background:#fff;box-shadow:inset 0px -3px 0px rgba(0,0,0,0.2);border-bottom:2px solid #eee;border-radius:5px;margin-bottom:15px;}
#sidebar #logo img {max-width:100%;}
ul.join_list {margin:0!important;padding:0!important;}
.container.societypage .level_1 {padding:0px;margin:15px 0;clear:both;background:#444;border-radius:5px;font-size:0.8em;font-weight:bold;m,in-height:24px;}
#top-banner {margin:15px 0;text-align:center;}
#top-banner img {max-width:100%;}
.container.societypage .level_1 > li > a {display:inline-block;}
.container.societypage .level_1 a { color:#ddd;display:block;padding:2px 10px; }
.container.societypage .level_1 > li > a {padding:5px 10px; }
.container.societypage .level_1 a:hover { color:#fff; }
.container.societypage .level_1 ul {padding:0;margin:0;}
.container.societypage .level_1 li {padding:0;margin:0;list-style-type:none;}
.container.societypage .level_2 a {border-left:1px solid #666;}
.container.societypage .level_1 > li {display:inline-block;padding:0;}
.container.societypage .level_2, .container.societypage .level_2 > li {display:inline-block;}
.container.societypage .level_2 > li {position:relative;padding:3px 0;}
.container.societypage .level_2 ul {z-index:99;position:absolute;top:100%;left:0;max-height:0;overflow:hidden;background-color:#666;min-width:120px;}
.container.societypage .level_2 > li:hover ul {max-height:400px;padding:5px 0px;}
.container.societypage .level_2 ul li {margin-top:5px;}
.container.societypage .level_2 ul li:first-child {margin-top:0;}
.container.societypage .news_image {display:block!important;}
.container.societypage img {max-width:100%;}
.container.societypage img.float-right {max-width:35%;}

dl.msl_signup {margin:10px 0 15px !important;border-radius:5px;}
.msl_signup_body {margin-top:0 !important;}
dl.msl_signup dt {background:#eee!important; border-radius:3px 3px 0 0;}
dl.msl_signup dd.msl_signup_controls {background:#f8f8f8 !important;border-top:1px solid #eee;border-radius:0 0 3px 3px;}
dl.msl_signup {border:1px solid #eee !important;}
dl.msl_signup dd.msl_signup_date, dl.msl_signup dd.msl_signup_places {font-style:normal !important;color:#999;}

#full-list {border:1px solid #eee; border-radius:5px;}
#full-list article {display:inline-block;width:23%;margin:2% 1%;vertical-align: middle;border-radius:5px;box-sizing:border-box;-moz-box-sizing:border-box;text-align:center;border:1px solid transparent;
transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-webkit-transition:  opacity 0.3s;
-o-transition:  opacity 0.3s;
}
#full-list.filtered article {display:none;}
#full-list.filtered article.on {display:inline-block;}
#full-list article:hover {border:1px solid #ddd;background:#eee;}
#full-list article span {font-size:0.8em;color:#999;margin-bottom:10px;display:block;}
#full-list article a {display:block;padding-bottom:5px;}
#full-list article a:first-child {padding:10px;}
#full-list article img {max-height:200px;max-width:100%;}

.msl_news_org {font-weight:bold;color:#999;font-size:0.9em;margin-bottom:5px;}

#banner {display:none;}
#sidebar #sponsors {text-align:center;}
#sidebar #sponsors img {margin-top:10px;max-height:70px;}
#sidebar .soc-content {font-size:14px;}

#edit_profile .vp_form {margin-top:10px;}

.contact-profile {display: block;float: left;margin: 1%;width:31%;text-align: center;padding: 10px;box-sizing: border-box;}
.contact-profile h4 {margin:8px 0;}
.contact-profile p {font-size:0.9em;margin:8px 0;height:20px;overflow:hidden;}
.contact-profile p + p {height:40px;overflow:hidden;}

/* Event List */

.eventlist_day {padding-bottom:15px;margin-bottom:15px; border-bottom:1px solid #eee;}
.event_item {overflow:auto;margin-top:20px;}
.third .event_item {margin-top:11px;}
.event_item:first-child {margin-top:0;}
/*.eventlist_day:first-child h4 {margin-top:0;}*/
.msl_eventlist .msl_event_organisation {display:block;font-weight:bold;color:#999;margin-bottom:5px;}
.msl_eventlist {color:#333;}
.msl_eventlist h4 {font-family: "Flama Bold", Helvetica, sans-serif;font-weight: normal;font-size:1.2em;}

#feedback {position:fixed;bottom:10px;right:10px;border-radius:5px;background:#902A8D url(/stylesheet/october2012/bubble.png) no-repeat center;height:22px;width:22px;opacity:0.4; background-size:14px;
transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
cursor:pointer;
}
#feedback:hover {opacity:1;}
#feedback-inner {position:absolute;bottom:25px;right:0;cursor:default;width:0;max-height:0;overflow:hidden;opacity:0.2;
-webkit-transition: max-height .4s, width 0.3s, opacity 0.5s;
-moz-transition: max-height .4s, width 0.3s, opacity 0.5s;
transition: max-height .4s, width 0.3s, opacity 0.5s;
}
#feedback:hover #feedback-inner {width:250px;max-height:400px;opacity:1;}
#feedback > div {
height:100%;width:100%;
position:relative;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
#feedback h3 {color:#fff;margin:0;min-width:150px;}
#feedback-content {background:#902A8D;padding:10px;border-radius:5px;}
#tail {float:right;clear:both;border-top:1px solid #902A8D;border-left:1px solid transparent;margin-right:11px;
transition: all 0.4s;
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
}
#feedback:hover #tail {border-top:20px solid #902A8D;border-left:20px solid transparent;}
#feedback input[type=email], #feedback textarea {font-family:"Open Sans", Arial, Helvetica, sans-serif; font-size:0.8em; width:100%;box-sizing:border-box;-moz-box-sizing:border-box;padding:5px;border:none;margin-top:10px;}
#feedback textarea {height:150px;}
#feedback .button {width:100%;margin-top:10px;}

#main .msl_admin_page textarea {min-height:250px;width:100%;}

#ctl00_Main_comments_lblNoComments {margin:10px 0;display:block;}
/*.comments dt {display:none;}*/
dl.comments span.comment_delete {display:inline-block;margin-left:10px;position:static;top:auto;left:auto;}
dl.comments {margin-top:15px;}
.news_rating, #ctl00_blog_bpIndividualPost_divComments {display:none;}
dl.comments dd {border-radius:10px;margin: 15px 98px 0 0;background:#f8f8f8;}
dl.comments dt img.avatar {margin-bottom:5px !important;border: 1px solid #CCC;border: 1px solid rgba(0,0,0,0.2);border-radius:5px;width:60px;box-sizing:border-box;-moz-box-sizing:border-box;}
dl.comments dt {background:none !important;position:relative;font-size:0.8em;width:70px;margin-bottom:0;padding-top:0;margin-top:15px;padding-left:25px;}
dl.comments dt:before {content:"";position:absolute;top:20px;left:0;width:0;height:0;border-left:22px solid #f8f8f8;border-bottom:15px solid transparent;}
/*#add_comment dt:before {content:"";position:absolute;top:0;left:0;width:0;height:0;border-left:18px solid #ddd;border-top:15px solid transparent;border-bottom:15px solid transparent;}*/
#add_comment dd {border-color:#ddd !important;background: #F8F8F8;border-radius:5px;margin-right:0;width:100%;}
dl.comments span.comment_details h3 {color:#333 !important;margin:3px 0;font-size:1.5em !important;}
#add_comment span.comment_details {background-color:#ddd !important;}
#add_comment dt {padding-top:0;border-top:0;margin-top:0;display:none;}
.comment input[type=submit] {margin-top:5px;}
dl.comments span.comment {padding:10px;font-size:0.9em;color:#555;}
#add_comment span.comment {padding:10px;}
#news_comments {background: #EEE;padding: 10px;border-radius:5px;display:none;}
.comment_panel > div > .comments span.comment_details {padding:10px 10px 0;margin:0;background:none;}
.comment_panel > div > .comments dt:first-child + dd, .comment_panel > div > .comments dt:first-child {margin-top:0;}

.news_footer {margin-top:10px !important;padding-top:10px !important;}

.msl_blog_post_title {border-bottom:none !important;font-family:"Open Sans", Arial,Helvetica,sans-serif;font-size:1em !important;font-weight:bold;margin-bottom:0;padding-bottom:0;}
.msl_blog_post_comments, .msl_blog_post_date {font-size:0.8em;color:#999;}
.msl_blog_post_body {margin:10px 0;}

#edit_page_buttons ul {padding:0 !important;}

#voterpopup {position:fixed;bottom:0;right:20px;z-index:99;font-weight:700;/*display:none!important;*/}
#voterpopup > div {padding:12px 10px;background:#fff;border:1px solid #ddd;border-radius:0 0 5px 5px;min-width:100px;text-align:center;color:#555;border-top:none;
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}
#voterpopup > div:first-child {font-family:"Flama Bold";border-radius:5px 5px 0 0;padding:0 !important;background:#000;border:none;max-height:999px !important}
#voterpopup h3 {font-size:1.4em;margin:0;padding:10px 10px 0;color:#fff;text-decoration:none;}
#voterpopup h4 {color:#999;font-size:1.2em;margin:0;padding:0 10px 10px;text-decoration:none;}
#voterpopup a {text-decoration:none;}
#voterpopup:after {content:"";display:block;width:0;height:0;border:6px solid transparent;border-top-color:#ddd;border-right-color:#ddd;float:right;margin-right:9px;margin-top:-1px;
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
#voterpopup:before {content:"";display:block;width:0;height:0;border:5px solid transparent;border-top-color:#fff;border-right-color:#fff;float:right;margin-right:10px;margin-top:-12px;position:absolute;top:100%;right:0;
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}

.lines {overflow:auto;display:block;}
.lines span {display:block;width:14.285%;height:5px;background:#444;float:left;}

.lines span.pink {background:#EA0B73 }
.lines span.green {background:#8CC43F }
.lines span.orange {background:#F47721 }
.lines span.purple {background:#902A8D }
.lines span.red {background:#E01C24 }
.lines span.blue {background:#2EA3DC }
.lines span.yellow {background:#e9cb00 }

.admin-only:after {display:none;content:"Attention: this page has specific viewing permissions!"; position:absolute; top:0;left:0;width:320px;height:15px; background:#E01C24;padding:10px;color:#fff;font-family:"Open Sans", Arial, Helvetica, sans-serif;font-weight:700;border-radius: 0 0 3px 0;font-size:0.7em;}

@media screen and (max-width: 1040px) { #feedback {display:none;}
#voterpopup > div {max-height:0;overflow:hidden;padding:0 10px;border-bottom:none;}
#voterpopup:before, #voterpopup:after {border-top-width:0;border-bottom-width:0;}
#voterpopup:hover > div {max-height:200px;padding:12px 10px;border-bottom:1px solid #ddd;}
#voterpopup:hover:before{border-top-width:5px;border-bottom-width:5px;}
#voterpopup:hover:after {border-top-width:6px;border-bottom-width:6px;}
}

@media screen and (min-height: 840px) { #main {min-height:310px;} }
@media screen and (min-height: 880px) { #main {min-height:350px;} }
@media screen and (min-height: 920px) { #main {min-height:390px;}  }

@media screen and (max-width: 1240px) {

#side-tabs { display:none; }

}

@media screen and (max-width: 1140px), screen and (max-height: 810px) {
#freshers-grey {max-width:1010px;}
.event_ticket {font-size:0.8em;}
#soc-ban {height: 250px;}
#social div img {margin-top:7px;}
p object, p embed { height:350px; }
.third > div {height: 350px;}
#log-panel {margin-right:-480px;}
.stuck {margin-left:-480px;width:310px;}
/*#main, #ad768 {width: 635px;}*/
#header  {background:#444;/*box-shadow:inset 0px -3px 0px rgba(0,0,0,0.2);*/}
.container, #head {max-width:960px; margin:auto;padding:0 20px;}
#admin_page_content { margin:auto;padding:0 20px;}
#navigation .navigation > li {width:10.61%;}
#navigation .nav-advice {width:11.7% !important;}
/*#navigation .nav-entertainment {width:120px !important;}
#navigation .nav-services {width:135px !important;}
#navigation .nav-advice {width:110px !important;}*/
#facebook-widget iframe {margin-left: 0;}
#facebook-inner {height: 261px;}
#facebook-widget, #twitter_div, #ad350 { height: 253px !important;}
#ad350 {background-size:180px !important;}
#sidebar #ad350 {height:auto !important;}
#twitter_div ul, #twitter_div li {max-height: 217px;}
.third .msl_event_image img {width:58px;}
.third .msl_event_description {margin-left: 90px;}
#officers .sab-officer {float:left;width:111px}
#video {width:446px;}
#social h2 {font-size:1em;}
#social a > div {height: 65px !important;margin-top:19px;}
#new-social > div {margin-top:13px;height:58px;font-size:0.9em;}

#footer #contact-details .superf {display:none;}

#new-slider li img {max-width:100%;}

nav#yourvoice {height:160px;}

#nus-nav a {height: 135px;}
.page_nusawards2015 {background-size: 1600px !important;background-position:center -60px !important;}
.page_nusawards2015 #ban {height:300px !important;}
#ban img {max-width:100%;}

#fancy-officer #ban h1 {font-size:2em;}
#fancy-officer #ban h2 {font-size:2em;}

.countdown-banner #election-text {font-size:2em;padding:10px 0;}
.countdown-banner #Stage_jbeeb_3 > div > div {width:100% !important;font-size:3.3em !important;}
.countdown-banner #Stage_jbeeb_3 {width:100%!important;height:80px!important;overflow:hidden;}
.countdown-banner #Stage_jbeeb_3 > div {width:23% !important;height:4em !important;}
.countdown-banner #Stage_jbeeb_3 > div:nth-child(2n) {height:auto!important;top:auto!important;bottom:0 !important;}

#main #election-text {font-size:1.8em;padding:10px 0;box-sizing:border-box;-moz-box-sizing:border-box;}
}

@media screen and (max-width: 980px) {

#freshers-grey {border-radius:0;padding:15px 0 0;margin-bottom:0;}

#freshers-banner .third + .third:before {display:none;}

#siarad {display:none;}

#new-social {width:100%;float:none;margin:15px 0;}
#new-social > div {width:23.5%;margin-top:15px;}
#new-social > div:nth-child(2n), #new-social > div:nth-child(3n), #new-social > div:nth-child(4n), #new-social > div:nth-child(6n), #new-social > div:nth-child(7n), #new-social > div:nth-child(8n) {margin-left:2%;}
#new-social > div:first-child, #new-social > div:first-child + div, #new-social > div:first-child + div + div, #new-social > div:first-child + div + div + div {margin-top:0;}

#bottom-ad {margin-top:15px !important;padding-top:15px !important;}

#footer .footer-links {width:50%!important;}
#new_map {margin-top:1em;}

#student-voice-banner {margin:10px auto 0px;}
nav#yourvoice {height: 16vw;}

#new-slider li img {width:100%!important;}

#main #role-banner a {height:75px;}

#log-panel {right:15px;margin-right:0;}

nav#postgrad a {height:140px;}

.page_nusawards2015 {background-size:1300px !important;background-position:center 40px !important;}
.page_nusawards2015 #ban {height:230px !important;}
.page_nusawards2015 #navigation {border-bottom:none!important;}
.page_nusawards2015 #header {background:#444 !important;}
#nus-nav a {height: 14vw;background-size:100%!important;}
.nus .left-content {width: 63%;}
.nus .right-content {width: 32%;}
#main.nus h2 {font-size:1.5em;}

.countdown-banner #election-text {font-size: 2.8vw;padding: 1vw 0;}
.countdown-banner .third {height: 8vw;}
.countdown-banner #Stage_jbeeb_3 {height: 8vw !important;}
.countdown-banner #Stage_jbeeb_3 > div > div {font-size: 5vw !important;}
.countdown-banner #Stage_jbeeb_3 > div {height: 6vw !important;}
.countdown-banner #Stage_jbeeb_3 > div:nth-child(2n) span {font-size:0.6em;}

#working-on.roles article img, #working-on.roles article.open img {width:100px;}

#fancy-officer #ban h1 {font-size:1.7em;}
#fancy-officer #ban h2 {font-size:1.8em;}
#fancy-officer #ban .social a {min-width:28px;height:28px;line-height:28px;}
#fancy-officer #ban .social a + a {margin-left:0.8em;}
#fancy-officer #ban .social {margin:2em 0 1em}

#createacc {display:none;}
#poppy {width: 15px;}
#resources a {width:31%;}
#working-on h4 span {display:none;}

.container.societypage .level_1 {display:none}
#mobnav {display:block;}

#news h5, h6 {max-width:35%;font-size:1.2em;background:rgba(234,11,115,0.05);}
#profile-link, .msl-loggedin, .msl-basket, #log-panel #search {width:35px;height:32px;margin-right:8px;}

#voterpopup {right:auto;left:20px;}
.societypage #organisation-name {display:block;}
.container.societypage {margin-top:0px;}
#event-image, #organisation-name {margin-bottom:10px;}
.event_ticket {min-height: 25px;}

.societypage #top-banner {padding:5px !important;margin:5px 0;}

#reviewbasket .price + *:not(.price), #reviewbasket td.total + td {display:none;}

.inset:not(#media-bar) .third .fader {display:none;}

#soc-ban {display:none;}

ul.msl-tools > li > div {
top: auto;
bottom:100%;
font-size:0.9em;
}

.msl-groupedmemberlist {text-align: center;}
.msl-groupedmemberlist ul, .msl-groupedmemberlist li {display:inline-block;float:none;}

#sidebar .buttons div {margin:0 0 10px;}

dl.comments dt {display:none;}
dl.comments dd {margin-right:0 !important;width:100%;}
.forum_post .forum_post_author {width:17%;margin-right:3%;}
.forum_post_content {width:80%;}

dl.forum_cat dd {text-align:left;float:left;}
dl.forum_cat dd.forum_description {width:100%;}
dl.forum dt {float:none;margin-bottom:5px;}
dl.forum dd {float:left;text-align:left;}

#right-content {float:none;width:100%;}
#mobile-nav {display:block;}
#ticker {margin-top:10px;}
#compiler > .container.open {max-height: 150px;padding-top:10px;}
.container.societypage #sidebar {display:none;}
#search {clear:none !important;}
p object, p embed {height:53vw;}

div#basket, div.basket { display:none !important; }
.nivo-directionNav a, #container .bx-controls-direction a {display:none;}

#main {min-height:0;-webkit-text-size-adjust: 80%;}
.msl-breadcrumb {margin-bottom:0;}
#sidebar .arrow-down {display:block;}
#sidebar .mslwidget {display:none;}
#sidenav {max-height:25px;overflow:hidden;
-webkit-transition: max-height .3s linear;
    -moz-transition: max-height .3s linear;
    transition: max-height .3s linear;}
#sidenav:hover .mslwidget {display:block;}
#sidenav:hover {max-height: 50rem;}
#media-bar {display:none;}
#calendar {display:none;}
#main {width:100% !important;margin: 15px 0;}
#ad768 {width:100% !important;margin: 0 0 15px;display:block !important;}
#sidebar {width:100% !important;margin-top:0;}
.stuck {position:static;width:auto;margin:0;left:0;top:0;}
#ad350 {display:none !important;}
.msl-breadcrumb {font-weight:bold;}
.container, #head {width:100%;padding:0 15px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;}

#bc-outer {display:none;}

/*
#navigation .navigation > li {margin-bottom:5px;width:33% !important; border-radius:3px 0 0 5px;}
#navigation .navigation > li:nth-child(3n+2) {width:34% !important;border-radius:0;}
#navigation .navigation > li:nth-child(3n+3) {width:33% !important;border-radius:0 3px 5px 0;}
#navigation .navigation > li:hover div {display:none;}
#navigation {margin:10px 0 0 0;height:auto;overflow:auto;z-index:8;position:relative;}
#navigation .navigation {margin:0;}
*/
#navigation {margin:15px 0;}
#navigation .navigation > li > a {font-size:0.9em;}
#navigation .navigation > li {width:10%;}
#navigation .navigation > li.nav-involved {width:9.5%}
#navigation .navigation > li.nav-services {width:15.3% !important;}
#navigation .navigation > li.nav-cardiff {width:11%;}
#navigation .navigation > li.nav-jobs {width:12%;}
#navigation .navigation > li.nav-venues {width:8.2%;}
#navigation .navigation > li.nav-advice {width:13% !important;}
#navigation .navigation > li.nav-about {width:11%;}

#splash {width:100%;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;margin-bottom:0;}
#social {width:100%;}
#social > a > div {width:49%; float:left;height:auto;margin:0 0 5px 0;}
.nivoSlider h5 a {    font-size: 1.5em;}
#social .facebook, #social .boxoffice {margin-left:2%}

#officers {padding:10px 10px 0;float: left;}
.inset {padding:15px 0;}
.third {width:100% !important;margin:0 0 10px;}
.third:last-child {margin-bottom:0;}
.third > div {height:auto;}

.countdown-banner .third {width: 32% !important;margin:0;}
.countdown-banner .third + .third {margin-left: 2%;}

#facebook-widget, #twitter_div {display:none;}
#video {margin:0;width:100%;height:350px;}
#officers .sab-officer {width:23.5%;margin:0 0 10px 2%;}
#officers h5 {line-height: 1.2em;margin-bottom:1px;font-size:0.8em;}
#officers a:first-child h5 {display:none;}
#officers a:first-child .sab-officer, #officers .sab-officer.fifth {margin-left:0;}

#map {width:500px;height:320px;}
#footer {padding:15px 0;}
#contact p:last-child {margin-bottom:5px}

#social, #splash {width:100%;float:none;margin-left:0 !important;}
#social {margin-bottom:15px;overflow: auto;}
#social > div {width:100% !important;float:none;margin-left:0 !important;overflow: auto;}
#social > div:last-child a {width:23.5%;margin-left:2%; float:left;height:auto;margin-top:15px !important;height: auto !important;display:block;}
#social > div:last-child a:first-child {margin-left:0 !important;}
#social > div div {width:100%;margin:0 !important;float:none;height: auto !important;}
#social > div:first-child a {width:49%;margin-left:2%; float:left;margin-top:2%;}
#social > div:first-child a:first-child, #social > div:first-child a:nth-child(3) {margin-left:0 !important;}

}

@media screen and (max-width: 830px) { #map {width:100%;margin:5px 0;height:200px;} }

@media screen and (min-height: 1000px) { #navigation .navigation > li:hover div { display:none;} }

@media screen and (max-width: 760px) {

#freshers-grey {padding-top:15px;}

.flex {flex-wrap:wrap;}

body.non-paying-committee #header:after {font-size:.8em;}

#working-on.roles article > div {max-height:none !important;}
#working-on.roles article h4 a {display:none;}

#fancy-officer #ban p {max-width:100%;font-size:1.2em;}

#vote-now-button {margin-top:.7em;}

#navigation .sub-nav, #navigation ul {
transition: transform 0.2s;
-moz-transition: transform 0.2s;
-webkit-transition: transform 0.2s;
-o-transition: transform 0.2s;
}

#bottom-ad {display:block;}
#bottom-ad #ad768 {margin:0;}

#log-panel {right:70px;margin-right:0;}
#navigation-mobile {display:block;}
#navigation {display:none;position: absolute;top: 51px;margin: 0;right: 0;width: 100%;font-size:1em;}
#navigation ul {background:#222;}
#navigation .navigation > li {display:block;float:none;width:100%!important;background:none!important;text-align:left;position:static;height:auto;}
#navigation .navigation li a, #navigation .navigation > li > div li a {text-align:left;font-size:1em;padding:0 1em!important;line-height:40px;}
#navigation .navigation > li > div {box-shadow:none;top:0;left:0;padding:0;width:100%;background-color:#222 !important;transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);width:100%!important;}
#navigation .navigation li {padding:0;margin:0;border-top:none;box-sizing:border-box;-moz-box-sizing:border-box;}
#navigation .navigation li + li, #navigation .navigation > li > div li + li {border-top:1px solid rgba(255,255,255,0.1) !important;}
#navigation .navigation > li.nav-services, #navigation .navigation > li.nav-advice {width:100% !important;}
#navigation .navigation li.has-sub:before {content:"";display:block;border:6px solid transparent;margin-top:14px;border-left-color:rgba(255,255,255,0.5);float:right;margin-right:0.8em;}
#navigation .navigation li.has-sub > a {width:80%;box-sizing:border-box;-moz-box-sizing:border-box;}
#navigation ul.open {transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);}
#navigation .navigation li.has-sub.open > .sub-nav {/*transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);*/display:block;}
#navigation .headings {display:none !important;}
.nav-services .mslwidget, .nav-entertainment .mslwidget, .nav-services .mslwidget li, #services3 {float:none;width:100% !important;margin-left:0 !important;}
.nav-services .mslwidget, .nav-entertainment .mslwidget {border-top:1px solid rgba(255,255,255,0.1);}
#navigation .sub-nav > div > .mslwidget:first-child {border-top:none;}
#navigation.open {display:block;z-index:100;}

#container {margin-top:15px;}

#fancy-officer #ban {width:100%;max-width:540px;}
#fancy-officer .left-content {width:100%;}
#fancy-officer .right-content {display:none;}

#main.fancy .left-content, #main.fancy .right-content {float:none;width:100%;clear:both;}
#main.fancy .right-content img {max-width:30em;margin-left:auto;margin-right:auto;display:block;}

#student-voice-banner {margin:15px auto 5px;}
nav#yourvoice {margin-bottom:1em;padding-bottom:1em;}

#main.nus, #main.fancy {padding:20px;}

#navigation-mobile .toggle {height:51px;width:56px;}
#navigation-mobile .toggle i {left:30%;right:30%;top:49%;}
#navigation-mobile .toggle i + i {margin-top:-7px;}
#navigation-mobile .toggle i + i + i {margin-top:7px;}

.msl-basket {z-index:5;}

nav#postgrad a {height:16vw;}

#main #election-text, #main #election-counter {float:none;width:100%;margin-left:0;}
#main #election-text {text-align:center;}
#main #role-banner a {position:absolute;left:103%;top:0;width:45%;height:100%;}
#main #role-banner {position:relative;width:65%;overflow:visible;}
#working-on.roles article h4 {font-size:1em;font-family:"Open Sans";font-weight:700;}
#working-on.roles p {font-size:0.8em;}

.page_nusawards2015 {background-size:1000px !important;background-position:-250px 45px !important;}
.page_nusawards2015 #ban {height:130px !important;}

#news h5, h6 {max-width:100%;float:none;width:100%;margin:15px 0;box-sizing:border-box;-moz-box-sizing:border-box;}

#nav-toggle {display:none;}

#compiler > .container.open {padding-top:5px;}
.container.societypage .level_1 {margin:5px 0;}

#head {/*background: url(//im.cardiffstudents.com/toggle.png) no-repeat right center;background-size: contain;*/}
#log-panel {min-width: 300px;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
font-size: 0.8em; max-width:100%;width:100%; position:static;border:none;padding:0; margin-bottom:10px;height:auto;padding:0 15px; background:#333;overflow:hidden;}
#compiler #log-panel {margin-bottom:0;}

.msl-loginbutton {width:49%;width:32%;height:26px;line-height:26px;margin-bottom:6px;}
#profile-link, .btn, .msl-loggedin, .msl-basket {width:15%;margin-right:2%;background-color: rgba(255,255,255,0.2) !Important;opacity:1;margin-bottom:6px;height:26px !important;}
#log-panel #search, #log-panel #search.open {width:49%;height:26px;background-image:none;margin-right:2%;opacity:1;}
#log-panel #search .button {width:32px;background-color:#444;}
#log-panel #search input.textbox {width:100%;padding:3px 6px;background-color:rgba(255,255,255,0.25);}
.btn, .msl-loggedin, #log-panel #search, #msl_admin, #controlpanel, .msl-loginbutton {margin-top:7px;margin-bottom:7px;}

#controls {position: fixed !important;bottom:10px;right:10px;z-index:110;display:block;width:75px;}
#controls .mslwidget {position:relative;}
#controls:hover {width:90%;}
#msl_admin, #controlpanel {background-color:#444;opacity:1;margin:0;}
#msl_admin {margin-left:10px;}
#msl_admin:hover, #controlpanel:hover {width:150px;height:auto;display:block;}
#controls h3 {display:none;}
#controls li {padding:0!important;border:none!important;}

.float-right {min-width: 100%;}

/*.msl-groupedmemberlist ul {width:48%;}*/

.contact-profile p {height:auto !important;}
.contact-profile {margin:10px 0;width:100%;float:none;}

#full-list article {width:48%;font-size:0.9em;}

.post_header .forum_post_date {display:none;}
.forum_post_tools {display:none;}
.forum_post .forum_post_author {display:none;}
.forum_post_content {width:100%;}
.forum_nav {display:none;}

.event_tickets h3 {font-size:1.2em !important; margin:6px 0;}
.event_tickets {font-size:0.9em;margin-bottom:0;}
#main img.float-right, .float-right {float:none;width:auto !important; padding:0;margin:0 auto 10px;height:auto !important;max-width:100% !important;text-align:center;display:block;}

.third .msl_event_image img {width:50px;margin-top:2px;}
.third .msl_event_time, .third .msl_event_location {margin-left: 62px;}
.msl_event_time, .msl_event_location {margin-top:0;}

#header #logo {padding:13px 0 10px;}
.nivoSlider h5 a {    font-size: 1em;}
#video {height:180px;}

#officers .sab-officer h4 {-webkit-text-size-adjust:none;font-size:0.6em;}
#officers .sab-officer h5 span {display:none;}

#ticker, #latest-ideas {display:none;}
}

@media screen and (max-width: 640px){

#footer #contact-details #cusu-address {display:none;}

}

@media screen and (max-width: 620px){

#footer .footer-links {width:100%!important;}
#footer #about-links .footer-social, #footer #about-links .footer-copyright {display:block;}
#footer #popular-links .footer-social, #footer #popular-links .footer-copyright {display:none;}
#footer .third {height:auto;margin-top:10px;}
#new_map {margin-top:0;}
#footer .third:last-child {height:40vw;}
#footer #contact-details, #footer p.footer-copyright {position:static;margin-top:1em;}

.page_nusawards2015 #ban {height:120px !important;}
.page_nusawards2015 {background-size: 950px !important;background-position: -280px 45px !important;}

#new-social > div {width:49%;margin-left:0!important;}
#new-social > div:nth-child(2n) {margin-left:2%!important;}
#new-social > div:first-child + div + div, #new-social > div:first-child + div + div + div {margin-top:15px;}

.countdown-banner #election-text {font-size:7vw;padding:12px 0;border-top:1px dotted rgba(0,0,0,0.1);border-bottom:1px dotted rgba(0,0,0,0.1);}
.countdown-banner .third {height:auto;float:none;width:100% !important;margin:0;}
.countdown-banner .third + .third {margin:15px 0 0;}
.countdown-banner #Stage_jbeeb_3 {height:6.5em !important;}
.countdown-banner #Stage_jbeeb_3 > div > div {font-size: 4em !important;}
.countdown-banner #Stage_jbeeb_3 > div {height:5em !important;}
.countdown-banner #Stage_jbeeb_3 > div:nth-child(2n) span {font-size:0.8em;}

}

@media screen and (max-width: 520px) {

#off-bar {display:none!important}
#bottom-ad {padding-top:0!important;}

.msl-groupedmemberlist ul, .msl-groupedmemberlist li {width:100%;margin:0;}
#fancy-officer #ban h1 {font-size:1.3em;}
#fancy-officer #ban h2 {font-size:1.5em;}
#head {text-align:left;}
#header #logo {max-width:210px;}
#navigation-mobile .toggle {height:47px;width:52px;}
#navigation-mobile .toggle i {left:26%;right:26%; }
#navigation-mobile .toggle i + i {margin-top:-7px;}
#navigation-mobile .toggle i + i + i {margin-top:7px;}
#navigation {top:47px;}
#log-panel input.textbox {font-size:1em;}
#vote-now-button {display:none;}

#working-on.roles article img, #working-on.roles article.open img {margin:0 auto 10px;display:block;float:none;}

#footer .footer-links li {font-size:0.8em;}
#footer .footer-social a {width:1.8em;}
#footer .footer-social a + a {margin-left:0.7em;}

#new-social > div {width:48%;}
#new-social > div:nth-child(2n) {margin-left:4%!important;}

#main h2, h1, .soc-content h2, .msl-poll-title {font-size:1.6em;}

}

@media screen and (max-width: 520px), screen and (max-height: 560px) {

#main #role-banner a {position:static;left:auto;top:auto;width:100%;height:auto;margin:0 auto 10px;clear:both;}
#main #role-banner a img {max-width:200px;}
#main #role-banner {width:auto;text-align:center;}
#voterpopup {display:none;}
#reviewbasket table {font-size:0.8em;}
#login-box {width:100%;margin:0 auto;position:static;padding:20px;box-sizing:border-box;-moz-box-sizing:border-box;max-width:380px;}
#login-box.has-message {margin-top:0;}
#login-box img {width:50%;margin:0 0 15px;}
#login-box input {-webkit-appearance:none;}
#login-box > #helpers {margin: 15px 0; }
#login-box {font-size:0.9em;}
/*#login-box .info-message {display:none;}*/
#guest-account, #login-box .msl-login input[type="submit"] {float:none !important;width:100% !important;display:block;font-size:0.9em !important;}
#guest-account {margin-top:10px;}
#login-box .info-message {margin: 10px 0px;}
#login-box img {width:40%;}
.nus .right-content, .nus .left-content {width:100%;float:none;}

}

@media screen and (max-width: 420px){

#new-social > div {font-size:.8em;height:53px;}

}

@media print {

#main * {font-family:sans-serif !important;}
#header, #log-panel, #sidebar, #tools, #ad350, #ad768, #navigation, #ticker, #latest-ideas, #media-bar {display:none !important;}
#main {box-shadow:none;border:none;width:100%;padding:0 !important;}
.container {padding:0;}
#footer {background:#fff;display:none;width:100%;overflow:hidden;padding:20px 0 0;border-top:1px solid #eee;margin-top:20px;}
#map > img {display:none;}
#contact .switcher, #contact a {color:#fff !important;}
#print-logo {display:block !important;margin-bottom:20px;padding-bottom:20px;}
#contact p, #contact .selected {color:#222 !important;}
.threed, .third h3, #officers .sab-officer > div {border:none !important;box-shadow:none !important;}
.third > div {box-shadow:none;border:1px solid #eee;}
.third {width:31.5%;}
#social > a > div > img, #social-bo > a > div > img {opacity:1;margin-top:-5px;}
#officers .sab-officer img {opacity:1;}

}

.fl_ad_468 {display:none!important;}