/* CSS Document */

body {
    background-color: #0A0A0A !important;
    color: white;
    font-family: 'Franklin Gothic Book', sans-serif;
    font-size: 13px; /* 95%; */
    padding: 0;
    margin: 0;
}

a {
    color: #f58f21;
    text-decoration: none;
}

h1#topbar {
    height: 120px;
    background-image: url('/images/fuse_images/Fuse-logo-ukcrc-2.png');
    background-repeat: no-repeat;
    background-position: 0 10px;
    margin: 0;
    margin-top: 20px;
}

h1#topbar a {
    display: block;
    width: 480px;
    height: 120px;
}

h1#topbar span {
    display: none;
}

h1, h2, h3 {
    font-family: 'Franklin Gothic Heavy', sans-serif;
    font-weight: normal;
}

h4, h5, h6, #fuse .gsr_gName, strong {
    font-family: 'Franklin Gothic Demi', sans-serif;
    font-weight: normal;
}

h1 {
	font-size: 1.6em
}
h2 {
	font-size: 1.4em
}
h3 {
	font-size: 1.3em
}
h4 {
	font-size: 1.2em
}
h5, h6 {
	font-size: 1.1em
}
/*

RD 2010-06-21 commented this out because it caused overlapping problems.
ul {
    margin-top: -0.6em;
    margin-bottom: 0.4em;
}
*/
p {
    margin-top: 1.2em;
    margin-bottom: 0.8em;
}

#fuse #group_header {
    padding-left: 0;
}

ul#sidelinks {
    position: absolute;
    top: 170px;
}

div#headLinks {
    float: right;
    margin-top: 20px;
}

div#headLinks, ul#toplinks {
    display: block;
    background-image: url(/images/fuse_images/fuse-bar-bg.png);
    height: 31px;
    line-height: 31px;
    background-position: top left;
    background-repeat: repeat-x;
}

div#headLinks ul, div#headLinks li, ul#toplinks li {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
}

ul#toplinks {
    margin: 0;
    padding: 0;
    margin-top: 1em;
    margin-bottom: 1em;
}

div#headLinks li a, ul#toplinks li a {
    margin-left: 0.8em;
    margin-right: 0.8em;
    color: #fff;
    text-decoration: none;
    font-family: "Franklin Gothic Demi", sans-serif;
}

div#headLinks li a:hover, ul#toplinks li a:hover,
div#headLinks li.currentLink a, ul#toplinks li.currentLink a {
    color: #EF4136;
}

#fuse div#footer {
    /* position: absolute; */
    padding-top: 1em;
    clear: both;
    color: #777;
    font-size: .8em;
}

div#fuse div#main {
    background-image: url(/images/fuse_images/grey-fade-bg.png);
    background-position: bottom;
    background-repeat: repeat-x;
    padding-left: 10px;
    padding-bottom: 10px;
    width: 730px;
    float: left;
}

div#fuse div#main h1 {
    margin-top: 0;
    padding-top: 0;
}

.doc {
    clear: both;
}

div.front_image {
    float: right;
    width: 225px;
}

div.front_image h1 {
    color: black;
    padding: 0;
    margin: 0;
    font-size: 0.01em;
}

div.front_image h1 div {
    display: block;
}

div.front_image img {
    border: 1px #777 solid;
}

div.front_image p {
    margin: 0;
    padding: 0;
    font-size: 95%;
    border-bottom: 1px #444 solid;
}

div.front_text {
    margin-right: 250px;
}

div#fuse {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}

div.barSearch {
    text-align: right;
    margin-top: 0.5em;
}

div.barSearch label {
    display: none;
}

div.barSearch input {
    font-family: "Franklin Gothic Book", sans-serif;
    height: 21px;
    line-height: 21px;
    border: none;
    background-color: white;
    color: #a0a0a0;
    padding: 5px;
    margin: 0;
}

div.barSearch input#search {
    width: 15em;
}

div.barSearch input#searchGo {
    color: white;
    background-color: #541A54;
    height: 31px;
    font-family: "Franklin Gothic Demi", sans-serif;
}

div#footer {
    text-align: right;
}

div#footerlogos {
    float: left;
}

div#footerlogos a img {
    border: none;
    margin-right: 1em;
    vertical-align: middle;
}

div#footerlogos a:hover {
    background-image: url(/images/fuse_images/grey-fade-bg.png);
    background-position: bottom;
    background-repeat: repeat-x;
}

div#footerlogos a#passionate {
    margin-left: 8em;
}

div#sideBar {
    float: right;
    width: 230px;
}

div#sideBar div.sideBarSection {
    background-color: #6d91a7;
    color: black;
    margin-bottom: 1em;
}

div#sideBar div.sideBarSection h2 {
    font-size: 100%;
    background-image: url(/images/fuse_images/blue-bar-bg.png);
    background-position: top left;
    background-repeat: repeat-x;
    height: 29px;
    line-height: 29px;
    padding: 0;
    margin: 0;
    padding-left: 10px;
}

div#sideBar div.sideBarSection h2 a {
    text-decoration: none;
    color: black;
}

div#sideBar div div {
    padding: 10px;
    margin: 0;
}

div#sideBar div h3, div#sideBar div p {
    font-size: 90%;
    margin: 0;
    padding: 0;
}

div#sideBar div a {
    color: black;
    text-decoration: none;
    font-weight: normal;
    font-family: "Franklin Gothic Demi", sans-serif;
}
    
div#sideBar div a:hover {
    text-decoration: underline;
}

div#sideBar div#sideBarEvents {
    background-color: #f3c534;
}

div#sideBar div#sideBarEvents h2 {
    background-image: url(/images/fuse_images/yellow-bar-bg.png);
}

div#main_foot {
    clear: both;
}

/* Groups */
div#group_nav ul {
    background: transparent;
}

#fuse div.grp_container_fullwidth {
    width: 970px;
}

#fuse #groupTopOverview, #fuse #groupTopAdmin {
    width: 750px;
}

#fuse #grp_home_news {
    width: 525px;
}

#fuse #grp_home_events {
    width: 405px;
}

#fuse #sidenavgroup #group_nav a {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    text-indent: -5px;
    line-height: 31px;
    color: white;
    font-weight: normal;
    font-family: 'Franklin Gothic Demi', sans-serif;
    text-decoration: none;
}

#fuse #sidenavgroup #group_nav a.selected,
#fuse #sidenavgroup #group_nav a:hover {
    background: url('/images/fuse_images/fuse-bar-bg.png');
    color: #ef3f32;
}

#fuse div.grp_030_container {
    background: transparent;
}

#fuse div.grp_030_footer, #fuse div.grp_030_footer_right {
    background: transparent;
}

#fuse div.grp_030_container h2 {
    background: url('/images/fuse_images/fuse-bar-bg.png');
    height: 28px;
}

#fuse div.grp_030_footer_right button {
    background-color: #541a54;
    color: white;
}

#fuse div.grp_030_footer_right button:hover {
    background-color: #ef3f32;
}

#fuse div.phinecalendar table td {
    vertical-align: top;
}

#fuse #sidenavgroup #group_nav ul, #fuse div.grp_030_container {
    background-color: #000;
    background-image: url('/images/fuse_images/grey-fade-bg.png');
    background-position: bottom left;
    background-repeat: repeat-x;
    color: white;
}

#fuse #mainWide #main #sidenavgroup #groupMain h1 {
    color: white;
    background-image: url('/images/fuse_images/fuse-bar-bg.png');
    /* background-repeat: repeat-x;*/
    font-size: 25px;
    line-height: 31px;
    padding-left: 5px;
}

#fuse #groupMain #pagecontainer, #fuse #groupMain .phinecalendar {
    background-image: url('/images/fuse_images/grey-fade-bg.png');
    background-position: bottom left;
    background-repeat: repeat-x;
    padding-bottom: 1em;
}

#fuse .rhs_sub {
    background: black url('/images/fuse_images/grey-fade-bg.png') bottom repeat-x;
}

#fuse div.phinecalendar ul.calendar_choices li a {
    color: #541a54;
}

#fuse .doc_edit_link a {
    background-color: #541a54;
    color: white;
    font-family: "Franklin Gothic Demi", sans-serif;
    font-weight: normal;
}

#fuse #platform_plug {
    font-weight: normal;
    font-family: 'Franklin Gothic Demi', sans-serif;
    background-color: #401540;
    border-color: #722672;
    border-width: 1px;
    color: white;
}

li p {
    margin: 0;
    padding: 0;
}

/* Pages */

div.doc table {
    border: 1px #555 solid;
    border-collapse: collapse;
}

div.doc table td {
    border: 1px #555 solid;
    padding: 5px;
}

div.doc table th {
    border: 1px #555 solid;
    background-color: #333;
}

div.doc table.layouttable, div.doc table.layouttable td, div.doc table.layouttable th {
    border: none;
    background: transparent;
}

div.doc table.file_table td {
    border: none;
}

/* Edit tabs */
#ep_menu a {
    background-color: #eee;
    color: black;
}

/* Profiles */

/* Search */
#fuse #people_matches .i_summary {
    width: 640px;
}

/* Groups */
#fuse .g_ld_subject {
    color: #ddd
}

#fuse .g_ld_gName {
    color: #bbb
}

/* Organisations */
#rhs_main {
    width: 530px;
    float: left;
}

#registration_form th, #registration_form legend {
    color: white;
}