@charset "utf-8"

/**********************************************************
  Global styles and CSS resets.
**********************************************************/

* {
  margin: 0;
  padding: 0;
  border: 0;
}

.page {
  width: 970px;
  margin: 6px auto;
  padding: 0;
  text-align: left;
}

.footer {
  clear: both;
  width: 970px;
  margin: 2px auto 0;
  font-size: 0.9em;
  vertical-align: middle;
}
.footer .padding {
  background: url(../images/border-h.gif) top left repeat-x;
  text-align: right;
  padding: 8px 0;
}
.footer .padding div {
  float: left;
}
.footer ul { margin: 4px 0 0; padding: 0; }
.footer ul li { display: block; float: left; padding: 0 8px; margin: 0; border-left: 1px solid #dadada; }
.footer ul li.first{ padding: 0 8px 0 0; border-left: none; }
.footer p, .footer img { float: right; padding: 0; margin: 0; }


.content { clear: both; }

#frontpagelogo { float: left; width: 311px; height: 282px; margin: 0; border: 0; padding: 0; }
.fplogo-std, .fplogo-loggedin { background: url(/images/311x282.jpg); }

.border {
  margin: 0 0 10px;
  border: solid 1px #ccc;
  padding: 0;
  /*clear: both;*/
}
.border * { margin: 0; padding: 0; border: none; }
.border .padding { padding: 6px 12px; }
.border .thin-padding { padding: 4px; clear: both; }



/**********************************************************
  Page header styles - logo, banner, links and search bar.
**********************************************************/

.header {
  width: 100%;
  margin-bottom: 2px;
  clear: both;
}

#doc2doc-logo {
  display: block;
  float: left;
  background-image: url(/images/logo-doc2doc-off.gif);
  width: 208px;
  height: 105px;
}
#doc2doc-logo:hover {
  background-image: url(/images/logo-doc2doc-on.gif);
  text-decoration: none;
}

#doc2doc-banner {
  float: right;
}

#headerlinks {
  width: 100%;
  clear: right;
  padding: 6px 0;
}
#headerlinks ul { padding-bottom: 0; float: right; }
#headerlinks ul li { display: block; float: left; padding: 0 8px; margin: 0; border-right: 1px solid #dadada; }
#headerlinks ul li.last { padding: 0 0 0 8px; border-right: none; }
#headerlinks ul li a.bmjblue { color:#00aaee; }

#searchbar {
  width: 100%;
  background: #5fb1e6 url(../images/bg-searchbar.gif) bottom repeat-x;
  color: #fff;
  font-weight: bold;
}
.searchbartop {
  background: url(../images/bg-searchbar-top.gif) top no-repeat;
}
.searchbarbottom {
  min-height: 32px;
  background: url(../images/bg-searchbar-bottom.gif) bottom no-repeat;
  text-align: right;
}
.searchbarbottom .padding{
  padding: 6px 10px;
}

#searchbar .welcome { float: left; margin-right: 10px; display: none; }
#searchbar fieldset div { float: left; margin: 0 0 0 10px; }
#searchbar fieldset div.label { padding: 2px 0; }
/*#searchbar fieldset div.input { padding: 0; }*/

#toolbar {
  width: 645px;
  margin-bottom: 10px;
  float: left;
}

#toolbar ul {
  padding-bottom: 0;
}
#toolbar li {
  display: block;
  float: left;
  margin: 0 1px 0 0;
}
#toolbar li a {
  display: block;
  position: relative;
  width: 127px;
  /*height: 91px;*/
  height: 75px;
  color: white;
}
#toolbar a:hover {
  text-decoration: none;
}
#toolbar li a span {
  position: absolute;
  bottom: 8px;
  width: 127px;
  text-align: center;
  font-size: 1.1em;
}

#toolbar li.loginnav {
  background-image: url(../images/tb-login.png);
  width: 127px;
  height: 75px;
  /*margin: 0;*/
}
#toolbar li.loginnav ul {
  padding: 8px 0 0 18px;
  margin: 0;
}
#toolbar li.loginnav ul li {
  display: block;
  float: left;
  margin: 5px;
}
#toolbar li.loginnav ul li a {
  display: block;
  position: static;
  height: 20px;
  width: 82px;
}

#toolbar li.groupsnav a { background: url(../images/toolbar/forums.gif) right; }
#toolbar li.groupsnav a:hover, body.groups #toolbar li.groupsnav a { background-position: left; color: #f2802e; }

#toolbar li.blogsnav a { background: url(../images/toolbar/blogs.gif) right; }
#toolbar li.blogsnav a:hover, body.blogs #toolbar li.blogsnav a { background-position: left; color: #b2d335; }

#toolbar li.profilenav a { background: url(../images/toolbar/my-doc2doc.gif) right; }
#toolbar li.profilenav a:hover, body.persona #toolbar li.profilenav a { background-position: left; color: #7a7cdd; }

#toolbar li.ebooksnav a { background: url(../images/toolbar/ebooks.gif) right; }
#toolbar li.ebooksnav a:hover, body.ebooks #toolbar li.ebooksnav a { background-position: left; color: #4795c7; }

#toolbar li.peoplenav a { background: url(../images/toolbar/people.gif) right; }
#toolbar li.peoplenav a:hover, body.people #toolbar li.peoplenav a { background-position: left; color: #f22e41; }


/* NAV */
/*
ul.nav{padding:0;margin:0;}
ul.nav li{display:block;float:left;padding:0;margin:0 0 0 1px;}
ul.nav li a{position:relative;display:block;height:91px;width:127px;color:#fff;}
ul.nav li a:hover{text-decoration:none;}
ul.nav li a span{position:absolute;bottom:8px;width:127px;text-align:center;font-size:1.1em;}

ul.nav li.loginnav{display:block;float:left;padding:0;margin:0;height:91px;width:127px;background:#61b3e9 url(../images/bg-login.gif);}
ul.nav li.loginnav ul{padding:15px 0 0 18px;margin:0;}
ul.nav li.loginnav ul li{display:block;float:left;padding:0;margin:5px;}
ul.nav li.loginnav ul li a{position:static;display:block;height:20px;width:82px;}

/ * Class set on <body> tag, current values: about, blogs, faq, groups, homepage, logOutPage, people, profile * /
.homepage ul.nav li.homepagenav a, .homepage ul.nav li.homepagenav a:hover{background:#fff url(../images/button-homepage.gif) left;color:#4795c7}
.profile ul.nav li.profilenav a, .profile ul.nav li.profilenav a:hover{background:#fff url(../images/button-profile.gif) left;color:#7a7cdd}
.people ul.nav li.peoplenav a, .people ul.nav li.peoplenav a:hover{background:#fff url(../images/button-people.gif) left;color:#f22e41}
.groups ul.nav li.groupsnav a, .groups ul.nav li.groupsnav a:hover{background:#fff url(../images/button-groups.gif) left;color:#f2802e}
.blogs ul.nav li.blogsnav a, .blogs ul.nav li.blogsnav a:hover{background:#fff url(../images/button-blogs.gif) left;color:#b2d335}
*/


/**********************************************************
  Styles for main area between the toolbar and footer
**********************************************************/

#content-area {
  margin: 10px 0;
  padding: 0;
}

#main-column {
  width: 645px;
  /*margin-right: 20px;*/
  padding: 0;
  float: left;
}

#content {
  clear: left;
  width: 639px;
}

#right-column {
  float: right;
  padding: 0;
  width: 310px;
}

#right-column .section {
  width: 310px;
  margin: 0;/* 0 10px;*/
  float: left;
}

#right-column .section-margin {
  margin: 10px 0 0;
}

#right-column .section .padding {
  padding: 10px 10px 0;
}

#right-column .widget {
  width: 310px;
  float: left;
  margin: 0px;
  padding: 0px;
}

.widget img.avatar {
  width: 32px;
  height: 32px;
  border: solid 1px black;
}

#recent-discussion-widget {
  margin: 10px 0 0;
  background: url("../images/bg-widget-groups.gif") repeat-x scroll center top transparent;
  padding: 6px 10px 0;
}

#right-column #pollbox {
  /*border: 1px solid #ccc;*/
  padding: 0;
}

/*#right-column .slPoll { padding-bottom: 10px; }*/
#right-column #pollbox h4 {
  color: #333;
  font: bold 1.1em Lucida Sans, Arial, Helvetica, sans-serif;
  padding: 0 0 10px 0;
}
#right-column #pollbox h3 {
  display: block;
  background: #5FB1E6 url(../images/bg-searchbar.gif) repeat-x scroll center bottom;
  padding: 5px;
  color: #FFFFFF;
}

#right-column #pollbox .slPoll {
  padding: 0;
}

#right-column .slPoll p {
  margin: 5px 0 0 0 !important;
}

#right-column .slPoll td {
  padding: 1px 4px;
}

#right-column #pollbox .slVote .slAnswers tr {
  height: 24px;
}
#right-column .slPoll .slVote .slAnswers td {
  padding: 0 4px;
}

#right-column #pollbox .slSendAnswer, #right-column #pollbox div.results {
  margin-top: 4px;
}
#right-column #pollbox .slSendAnswer {
  float: left;
}
#right-column #pollbox div.results {
  text-align: right;
  float: right;
  padding: 5px;
}

#pollbox .poll-question {
  margin-top: 6px;
  padding: 3px 4px;
  text-align: left;
  /*font-size: 1.2em;
  font-weight: bold;*/
  font: bold 1.2em Lucida Sans, Arial, Helvetica, sans-serif;
  color: #000;
}
#pollbox .poll-question a {
  color: #000;
  text-decoration: none;
}
#pollbox .poll-question a:hover {
  text-decoration: underline;
}
#pollbox .poll-votes {
  color: #666;
}
#right-column .slPoll .slAnswerStats .slAnswerBarCell {
  width: 230px;
  padding: 1px;
}
#right-column .slPoll .slAnswerStats .slAnswerBarCell .slAnswerBar {
  margin: 2px 0;
  border: solid 1px #80b0e0;
  background-color: #e0f0ff;
  /* orange colours: border: solid 1px #f2ae7e; background-color: #fdeee3; */
}
#right-column .slPoll .slAnswerStats .slAnswerBarCell .slAnswerBarPercent {
  background-color: #80b0e0;
  height: 24px;
  overflow: hidden;
}
#right-column .slPoll .slAnswerStats .slAnswerBarCell .slAnswerBar .slAnswerCount {
  font: bold 10px Verdana, Arial, sans-serif;
  position: absolute;
  padding: 6px 10px;
  background-color: transparent;
}

#right-column .slPoll .slAnswerStats .slAnswer {
  font: bold 11px Verdana, Arial, sans-serif;
  width: 80px;
}

div.Discussion_PointsAndBadging div.slV2 div.slUserBadgesInfo {
  padding: 2px 4px;
  background-color: white;
  border: solid 1px #888;
}
/*.slUserBadges img {
  width: 32px;
  height: 32px;
}
*/


div.mini-columns {
  width: 100%;
  clear: both;
}
div.mini-columns .col {
  width: 310px;
}
div.mini-columns .left-col {
  float: left;
}
div.mini-columns .right-col {
  float: right;
}
div.mini-columns .section {
  margin-bottom: 5px;
}
div.mini-columns .item {
  margin-bottom: 15px;
}


/* Blog discussion widget */

/******** Blog Summary ******/
table.Summary_BlogTable{width:100%;}
tr.Summary_BlogAltTRColor{background-color:#f6f6f6;}
td.Summary_BlogTableLeft{padding:5px 0px 5px 5px; vertical-align:top;}
td.Summary_BlogTableLeft img{border:1px solid #000000;width:32px;height:32px;}
td.Summary_BlogTableRight{width:100%; padding:5px 0px 5px 5px;  vertical-align:top;}
div.Summary_BlogTitle{}
div.Summary_BlogTitle a{font-size:1em; font-weight:bold;}
div.Summary_BlogBy{padding-top:3px;}
span.PostSummary_SiteAttribution{display:none;}
div.Summary_BlogTime{padding-top:3px;display:none;}

/* Hide leaderboard in forums */
.Discussion_PointsAndBadging .slUserLeaderboard {
  display: none;
}

/*.Discussion_PointsAndBadging {
  display: none;
}
.pluck-persona-personal-rank-badge-wrap {
  display: none;
}*/

.more-box {
  margin: 0 0 2em 0.8em;
}
.more-box a {
  display: block;
  padding-left: 20px;
  background: transparent url(/images/sitelife/Icon_Plus.gif) no-repeat left center;
  font-weight: bold;
}