/*-------------------- 
   general styles
---------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {line-height:1.3;font-size:90%;font-family:verdana,arial,sans-serif;color:#303030;}
a {color:#144fa8;text-decoration:none;}
a:hover {color:#c95602;}
ul {list-style:none;}
ul.showbullets, ul.showbullets li {list-style:disc;}
ul.showbullets li {margin-bottom: 1em; margin-left:2em;}
h2 {color:#610909; margin: 2em 0 1.5em 0;font-weight:normal;font-size:1.5em;}
h3 {margin: 1.8em 0 0.8em 0;font-weight:normal;font-size:1.25em;}
h4 {font-size: 1.25em; color: #610909;font-weight:normal; margin-top:1.3em;}
.bulletlist {margin:1em 0;}
.bulletlist li{list-style:disc;text-indent:30px;}
p {margin:1em 0;}


/* --------------------

turning off bullet points
------------------*/

#promo ul, #nav ul{list-style:none;}

/*-------------------- 
     containers 
---------------------*/

.clear {clear:both;}
#wrapper {width:920px;margin:0 auto;padding:0 15px;background:url(http://www.ukmsl.com/stylesheet/design09/bgthick.gif) repeat-x left 150px;}
.page_admin #wrapper, .page_organisation #wrapper {background: none;}
#contenthere {clear:both;}

/* homepage */
#promo {display:block;float:left;width:530px;margin-right:30px;}
#newshome, #login {display:block;float:right;}
#newshome {width:328px;}
#login {display:block;float:right;}
#rushed {display:block;float:right;width:328px;}

#content {clear:left;}
.shaded {background:url(body_shadow.png) repeat-x top left #ffffff;padding:15px;}
#usercontrolpanel {clear:right; border: 1px solid #d7d7d7;padding: 0 20px 1em 20px;}
#usercontrolpanel h3 {color:#610909; margin: 1em 0 1.5em 0;font-weight:normal;font-size:1.5em;}
#developmentrelease {color:#ffffff;font-size:1.5em;margin-top:0.8em;background:#1c9a37;border-top:1px solid #303030;border-bottom:1px solid #303030;padding:0.5em;}

/* -------------
user controls area
-------------------*/

#usercontrols {background:url(uc_full.png) no-repeat top left;border: none; ;padding:15px 0 0 15px;min-height:55px;margin-bottom:1px;}
#usercontrols h3 {position:absolute; left:-3000px;}
#usercontrols p {margin:0;padding:0;}
#usercontrols ul {padding: 0.5em 0;background:none;border: 1px solid #f5f5f5;border:none;}
#usercontrols ul li {padding:0;margin:0;background:none;border: 1px solid #d7d7d7;border:none; padding-right:1em;display:inline;}
#usercontrols li.logout {display:none;}
#usercontrols ul li a {border:none; width:auto; padding:0;margin:0;background-image:none;}
#footerinfo {border:none;}
.imageblock {padding:0;margin:0;padding-right:15px; margin-bottom: 15px; float:left;}



/*-------------------- 
     navigation 
---------------------*/

#nav ul {float:right;padding:0; margin:35px 0 10px 0;}
#nav ul li {float:left;}
#nav a, #navitemlogin a {float:left;display:block;padding:1em 0;;width:7em;text-align:center;text-decoration:none;color:#303030;font-size:1.1em;}
#nav a:hover, #navitemlogin a:hover {color:#c95602;}
#logo {float:left; width:171px;height:65px;display:block; margin: 10px 0 10px 0;}
#navitemlogin a {margin:35px 0 10px 0;float:right;}
#nav .current {color:#c95602;}

/* -------------------
 secondary navigation (for longer navs)
 --------------------*/


#secondnav {float:right;padding:20px;width:243px;margin:0 30px 2em 0px; border:#d7d7d7 1px solid;border-bottom:solid 20px #555555;}
#secondnav p {font-size:1.5em;border-bottom: 1px solid #555555;padding:0 0 0.5em 0;margin:0;}
#secondnav ul {margin:0;padding:1em 0 2em 0;}
#secondnav a {display:block;padding:0.2em 0 0.2em 20px;color: #555555;font-size:1em;}
#secondnav a:hover {color: #c95602;}
#secondnav a.current {background: #e9e9e9;color:#303030;}

.contentourproduct {float:left;clear:left;}

/* ---------------------
    subnavigation (for short navs)
------------------------- */

/* hide the descriptions until hoverover */
#subnavshort span.subnav-info {display:none;}

/* set background of subnav div */
#subnavshort {width:100%;float:left;background:url(http://www.ukmsl.com/stylesheet/Design09/subnav-bg.png) no-repeat bottom left #ffffff;padding-bottom:8px;}

/* setup the list */
#subnavshort ul, #subnavshort li{float:left;display:block;list-style:none;}

/* float all tabs left and set padding to take into account background image */
#subnavshort a, #subnavshort a span.subnav-tab {display:block; float:left;}
#subnavshort a {color:#303030;padding: 0 0 0 35px;}
#subnavshort a span.subnav-tab {padding: 15px 35px 15px 0;}

/* specify hoverover behaviour */
#subnavshort a:hover, #subnavshort a.current {background:url(http://www.ukmsl.com/stylesheet/Design09/subnavlink-l.png) no-repeat bottom left #ffffff;}
#subnavshort a:hover span.subnav-tab{background:url(http://www.ukmsl.com/stylesheet/Design09/subnavlink-r.png) no-repeat bottom right;}

/*---------------------
linkbar (for single links - two style options)
------------------------*/

.linkbar {clear:both;padding:6px 0 6px 15px; margin:0 0 1px 0; background:url(grey_bar.png) repeat-x top left;border-top:1px solid #525252;border-bottom: 1px solid #525252;}
.linkbar, .linkbar a {color: #ffffff; text-decoration:underline;}
.linkbar a:hover {color: #f9b98b;}

.linkbar2 {clear:both;margin:0;padding:0;}
.linkbar2, .linkbar2 a{color: #cccccc;}
.linkbar2 a{background:url(http://www.ukmsl.com/stylesheet/design09/backarrow.png) no-repeat 0 3px;padding: 0 0 0 35px;display:block;margin:8px 0 15px 15px ;font-size:1.1em;}
.linkbar2 a:hover  {color: #c95602; background-position: 0 -18px;}

.linkbar3 {clear:both;margin:0;padding:0;text-align:right;}
.linkbar3, .linkbar3 a{color: #bebebe;}
.linkbar3 a{background:url(http://www.ukmsl.com/stylesheet/design09/forwardarrow.png) no-repeat 100% -20%;padding: 0 35px 0 0;display:block;margin:8px 0 15px 15px ;font-size:1.1em;}
.linkbar3 a:hover  {color: #c95602; background-position: 100% 130%;}



/*-------------------- 
     header
---------------------*/

h1.style2 {clear:both;background:url(http://www.ukmsl.com/stylesheet/Design09/h1_background_full.png) no-repeat top left;font-size:2em; margin:0 0 1px 0;min-height:51px;padding:10px 0 0 15px;font-weight:normal; color:#ffffff; line-height:41px;}

.banner, .productbanner {display:block;padding:3em 20px 0 0px;float:left;height:250px;}

.productbanner h1, .banner h1 {display:block;font-size:1.2em;font-weight:normal;line-height:1.5;}
.productbanner .maintitle, .banner .maintitle {display:block;color:#303030; font-size:2em;margin-bottom:0.5em;}

#homepage {background:url(happymembers.png) no-repeat top left;padding-left:320px;}
#homepage .maintitle {font-size:1.6em;color:#303030;}
#clientsbanner {background:url(welcome.png) no-repeat top left;padding-left:320px;}
#termsandconditions {background:url(homepageimagecheese.gif) no-repeat top left;padding-left:320px;}
#aboutus {background:url(aboutus.png) no-repeat top left;padding-left:350px;}
#support {background:url(support.png) no-repeat top left;padding-left:320px;}
#designyoursite {background:url(designyoursite.png) no-repeat top left;padding-left:320px;}
#runanelection {background:url(runanelection.png) no-repeat top left;padding-left:320px;}
#manageorganisations {background:url(manageorganisations.png) no-repeat top left;padding-left:320px;}
#socialnetworking{background:url(socialnetworking.png) no-repeat top left;padding-left:320px;}
#onlinesales{background:url(onlinesales.png) no-repeat top left;padding-left:320px;}
#manageyourevents{background:url(manageyourevents.png) no-repeat top left;padding-left:320px;}
#contactyourmembers {background:url(contactyourmembers.png) no-repeat top left;padding-left:320px;}
#termsandconditions {background:url(homepageimagecheese.gif) no-repeat top left;padding-left:320px;}
#reportsandanalytics {background:url(reportsandstats.png) no-repeat top left;padding-left:320px;}
#integration {background:url(integration.png) no-repeat top left;padding-left:320px;}
#ourproducthome {background:url(swissarmy.png) no-repeat top left;padding-left:300px;}
#termsandconditions {background:url(smallprint.png) no-repeat top left;padding-left:320px;}
#testimonials {background:url(testimonials.png) no-repeat top left;padding-left:320px;}
#clientservice{background:url(client-quotes.png) no-repeat top left;padding-left:320px;}

/*-------------------- 
     footer 
---------------------*/
#footer {padding-top:2em;}
#footerinfo {text-align:center;color:#595959;border-top: 1px solid #303030;}
.loggedin #footerinfo {border:none;}
#footerinfo ul {float:left;  padding:1em 0;}
#footerinfo ul li {display:inline;margin:0 20px;}

/* #usercontrols {background:#e9e9e9;border: 1px solid #d7d7d7; ;padding:1em 0 0 1em;}
#usercontrols h3 {position:absolute; left:-3000px;}
#usercontrols p {margin:0;padding:0;}
#usercontrols ul {padding: 1em 0;background:#e9e9e9;border: 1px solid #d7d7d7;border:none;}
#usercontrols ul li {padding:0;margin:0;background:#e9e9e9;border: 1px solid #d7d7d7;border:none; padding-right:1em;display:inline;}
#usercontrols li.logout {display:none;}
#usercontrols ul li a {border:none; width:auto;padding:0;margin:0;background-image:none;} */

/*-------------------- 
    homepage promo
---------------------*/

#promo ul li {border-bottom: 1px solid #d7d7d7;}
#promo a {display:block;margin-top:0.4em;margin-bottom:1.8em;}
#promo ul li#lastpromo {border:none;}
#promo ul li#lastpromo a {margin-top:0.6em;}

#rushed a{font-size:1.5em;background:#e9e9e9;border:solid 1px #d7d7d7;display:block;padding:1em;color:#303030;line-height:1.5em;}
#rushed a:hover {color:#ffffff;background:#c95602;}

/*-------------------- 
     homepage news 
---------------------*/

#newshome {border:1px solid #d7d7d7;background: #ffffff; border-bottom: #555555 solid 20px;}
#newshome h2 {margin: 1em 20px 0 20px; color:#303030;border-bottom:1px solid #303030; padding-bottom:1em;}
#newshome h5 {padding:0;margin:0;}
#newshome #newscontent h5 a {color:#303030;display:block;padding:1em 20px 1em 20px;font-weight:normal;border-top: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;}
#newshome #newscontent h5 a:hover {background:#e9e9e9;font-weight:normal;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
.news_list .news_item_inner {margin: 0 !important;}
.news_all {padding:1em 0 1em 0;} 
.news_all a.news {margin-left:20px;}
a.msl_edit, a.rss {margin-left:10px;}


/*-------------------- 
     homepage login 
---------------------*/
#login {margin:2em 0 0 0;padding:0; width:328px;}
.login {background:#fff;padding:1em;margin:0;border:1px solid #d7d7d7;}
#login label {display:inline-block;width: 7em;margin-right:1em;}
#login input {margin-bottom:0.3em;width:10em;}
#login h3 {color:#610909; margin: 0em 0 1.5em 0;font-weight:normal;font-size:1.25em;}
#login input.button {margin: 0.5em 0 0 10em;width:auto;}

/* -------------------
      clientlist 
----------------------*/
.clientlist {float:left;width:585px;}
.clientlist ul li{float:left;}
.clientlist ul li a {display:block;color:#303030;float:left;padding:110px 30px 0px 0;width:150px;height:8em;}
.clientlist ul li a:hover {color:#c95602;}

#bath a{background:url(bathsu.gif) no-repeat top left;}
#birminghamcity a{background:url(bcusu.gif) no-repeat top left;}
#essex a{background:url(essexsu.gif) no-repeat top left;}
#lufbra a{background:url(lufbrasu.gif) no-repeat top left;}
#kent a{background:url(kent.gif) no-repeat top left;}
#manmet a{background:url(mmunionsu.gif) no-repeat top left;}
#nottingham a{background:url(nottinghamsu.gif) no-repeat top left;}
#qmsu a{background:url(qmsu.gif) no-repeat top left;}
#staffs a{background:url(staffssu.gif) no-repeat top left;}
#warwick a{background:url(warwicksu.gif) no-repeat top left;}
#leeds a{background:url(leeds.png) no-repeat top left;}

#nus a{background:url(nus.gif) no-repeat top left;}
#warwickuni a{background:url(warwick.png) no-repeat top left;}
#warwicksport a{background:url(warwicksport.png) no-repeat top left;}
#aldwych a{background:url(aldwych.png) no-repeat top left;}
#iop a{background:url(iop.png) no-repeat top left;}
#sum a{background:url(sum.png) no-repeat top left;}
#amsu a{background:url(amsu.png) no-repeat top left;} 

/* -----------------------
  testimonial callouts
----------------------*/

.testimonials {float:right; border:solid 1px #d7d7d7;background:#fff;width:283px;padding:0px;margin:2em 30px 2em 0px;}
.testimonials ul li {padding:0;margin:0;border-bottom:1px solid #d7d7d7}
.testimonials blockquote, .testimonials blockquote p {background:none;padding:0;color:#303030;}
.testimonials ul li a{border-bottom:12px solid #555555;}
.testimonials h2 {font-size:1.5em;color:#303030;text-indent:20px;padding-bottom:1em;margin:1em 0 0 0;border-bottom:solid 1px #555555;}
.testimonials a {padding:20px;display:block;}
.testimonials a:hover {background: #e9e9e9;}
.testimonialperson {color:#595959;font-size:0.8em;}

#fulltestimonials ul li {border:1px solid #d7d7d7;border-bottom:20px solid #555555;padding:1em;margin-top:2em;}
#fulltestimonials blockquote {padding: 0 25px 25px 0;}
#fulltestimonials div.quotetext {padding:0 0 0 2em;}
#fulltestimonials div.author {color:#303030;font-weight:normal;font-size:1.5em;padding-bottom:1em;border-bottom: 1px solid #303030;}
#fulltestimonials a {display:block;margin-bottom:1em;}
/*-----------------------
      modules
-------------------------*/

#content {padding:1px 30px 0 30px;width:545px;}
.sidebar {background:#e9e9e9; }


/* -----------------------
      callouts 
-------------------------*/

.callout {border:1px solid #ababab; background:#e7e7e7; padding:0 2em 2em 2em;}
.callout h2 {margin-bottom:0;padding-bottom:0;}
.callout img {border:1px solid #303030;}

/* ----------------------
support page styles 
---------------------------*/
#column {clear:both;float:right;padding:0;width:205px;margin-top:1.5em;}
/* #supportnavigation {margin-bottom:2em;border:1px solid #d7d7d7;border-bottom: 20px solid #000000;padding: 20px 20px 2em 20px;}
#supportnavigation ul {margin-bottom:1em;}

#supportnavigation a {display:block;color:#000000;padding:0.3em 0;}

#supportnavigation .level_1 a {padding-left:10px;}
#supportnavigation .level_1 a.current {background:#e9e9e9;}

#supportnavigation a:hover {background:#e9e9e9;}
#supportnavigation .level_1 a.current:hover {background: #ffffff;}
*/
#supportcontent{float:left;width:671px;}


#main_nav {clear:right;float:right;}
#main_nav ul li a {color:#303030;padding:0.5em 0; display:block;}
#main_nav ul li a:hover {background:#e7e7e7;}
#main_nav {float:right;padding:20px;width:243px;margin:0 30px 2em 0px; border:#d7d7d7 1px solid;border-bottom:solid 20px #555555;}

/* this is to remove the default news header from the adminsupport pages */
#adminsupportcontent #newsheader {display:none;}

/* To stop the Friends link in the account panel from breaking the flow */

.sidepanel.controlpanel ul li div {display:inline;}
