/* Global Elements */

body {background-color: #D0D0D0; margin:0;}
body, td, tr {font-family: Arial, Verdana, Helvetica, sans-serif; color:#444; font-size: 12px; font-weight:normal;}

h1 {font-weight: bold; font-size: 18px; margin-bottom: 10px; color: #FF971F;}
h2 {font-weight: bold; font-size: 14px; margin-bottom: 10px; color: #FF971F;}
h3 {font-weight: bold; font-size: 13px; margin-bottom: 10px; color: #FF971F;}
h4 {font-weight: bold; font-size: 12px; margin-bottom: 10px; color: #FF971F;}
h5 {font-weight: bold; font-size: 11px; margin-bottom: 10px; color: #FF971F;}

a {color: #000000; font-weight: bold; text-decoration: none;}
a:hover {color: #f25795; text-decoration: underline;}
input {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px;}
#pages-content p {margin-bottom: 1em !important;}
#pages-content em {font-style: italic; font-weight: inherit;}
#pages-content strong {font-weight: bold;}
pre {font-family: arial; color: #444; font-size: 12px; font-weight: normal; margin: 0; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}

img {border: 0;}

h1#pages-pagetitle {border-bottom: 1px solid #000000; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; color: #FF971F;}
div#pages-content h2 {color: #FF971F;}

div#pages-content h2 a {color: #FF971F;}

/* Layout */

div#container {background-color: #fff; text-align: left; margin: 0px auto 10px auto;}

div#container.home div#crumbtrail {display: none;}
div#container.home div#content-column {float: right; width: 280px;}
div#container.home div#content-column div.content-spacer{padding: 10px 10px 10px 0px;}
div#container.home div#content-main {float: left; width: 580px;}
div#container.home div#content-main div.content-spacer{padding: 10px 00px 10px 10px;}
div#container.home h1#pages-pagetitle {display: none;}

div#container.home2 div#crumbtrail {display: none;}
div#container.home2 div#content-column {float: right; width: 280px;}
div#container.home2 div#content-column div.content-spacer{padding: 10px 10px 10px 0px;}
div#container.home2 div#content-main {float: left; width: 580px;}
div#container.home2 div#content-main div.content-spacer{padding: 10px 00px 10px 10px;}
div#container.home2 h1#pages-pagetitle {display: none;}

div#header-wrapper {width: 100%; background-color: #000000; float: left;}
div#header-container {width: 100%; width: 865px; padding: 0px; margin: 0 auto;}
div#header {width: 100%; padding: 0px; margin: 0 auto; float: left;}
div#header img#logo {border: none; float: left;}

div#header-nav {float: right; width: auto; width: 400px;}
div#header-nav div#header-nav-links {float:right; margin-top: 10px; color: #F257B3;}
div#header-nav div#header-nav-links a {color: #F257B3;}
div#header-nav div#header-nav-search {float:right; margin-top: 30px; color: #F257B3;}
div#header-nav div#header-nav-search  input.go {float: right; display: block; background: url('../images/search-button.png') no-repeat top center; border: 0; color: transparent; width: 22px; height: 22px; margin-right: 10px;}
div#header-nav div#header-nav-search  input.go:hover {cursor: pointer;}
div#header-nav div#header-nav-search  div.field {float: right; display: block; height: 22px; width: 150px; background: url('../images/search-field.png') no-repeat top center;}
div#header-nav div#header-nav-search  input.field {color: #444; background: none; border: 0; padding: 3px 5px;}
div#header-nav img#mesh {float:right; margin-top: 30px;}

div#topnav {height: 27px; margin-top: 10px; float: left;}
div#topnav ul.nav {list-style: none; margin: 0; padding: 0; float: left; height: 24px;}
div#topnav ul.nav li {list-style-type: none; display: block; float: left; height: 27px; width: 95px; text-align: center; background: url('../images/nav/nav-tab1.png') no-repeat top center; margin: 0px 1px 0px 0px;}
div#topnav ul.nav li a {color: #ffffff; display: block; padding-top: 6px;}
div#topnav ul.nav li.selected {background: url('../images/nav/nav-tab-selected1.png') no-repeat top center;}
div#topnav ul.nav li a.selected {color: #000000;}
div#topnav ul.nav a:hover {color: #f25795; text-decoration: none;}
div#topnav ul.nav ul.nav-child {display: none;}

div#content-wrapper {background: #d0d0d0;}
div#content {width: 865px; margin: 0 auto; display: block;}
div#content-container {background-color: #fff; width: 100%; float: left; clear: both; margin-bottom: 10px;}
div#content-crumbtrail{background-color: #fff; width: 100%;}
div#content-column {background-color: #fff; float: left; width: 205px;}
div#content-column a:hover {text-decoration: none;}
div#content-main{background-color: #fff; float: right; width: 660px;}
div.content-spacer {padding: 10px;}
img#header-image-page {float: right; margin: 40px 0px 5px 10px;}

div#crumbtrail {font-size: 10px; padding: 10px 10px 0px 10px;}
div#crumbtrail a {color: #666; font-weight: normal; color: #666;}

div#content-bottom {padding-bottom: 7px; float: left; width: 100%;}
div#social-icons {width: 25%; text-align: left; float: left; padding-left: 10px; font-size: x-small;}
div#addthis-button {width: 25%; text-align: right; float: right; padding-right: 10px; padding-top: 13px;}

div#slideshow-content {width: 375px; height: 200px; float: left; margin-bottom: 10px; background:url(/userfiles/image/slideshow/home/asktheexpert.png) no-repeat;}

div#footer {padding: 5px 0px; border-top: 1px solid #000000; height: 15px;}

div#base {padding: 0px; float: left; width: 100%; text-align: right;}

div.copyright {margin-bottom: 20px; height: 50px;}
div.copyright.left-detail {float: left; position: absolute;}
div.copyright.right-detail {float: right; text-align: right;}

div.belowsubnflav {float: left;}
div.columnright {float: right; padding: 0px 0px;}

div.clear {clear: both;}

dl.form {margin-top: 0px; margin-bottom: 10px;} 
dl.form dt {color: #000; margin-top: 0px;} 
dl.form dd {margin: 10px 0px 10px 10px;}

div#sponsor-flash {height: 100px; margin-bottom: 10px;}

/* Subnav */

div.subnav {float: left; font-size: 11px; width: 100%; margin-bottom: 6px;}
div.subnav-spacer {padding: 10px; float: left;}
div.subnav ul.nav {padding: 0; margin: 0;}
div.subnav ul.nav li img {margin-right: 3px; vertical-align: -1px;}
div.subnav ul.nav li {clear: both; background: url('../images/nav/subnav-gradient.png') repeat-x; list-style-type: none; margin-bottom: 4px; font-weight: bold; height: 26px;}
div.subnav ul.nav li a:hover {color: #f25795;}
div.subnav ul.nav div.nav-link {padding: 5px 5px 5px 10px; border: 1px solid #afafb0; display: block; background: url('../images/nav/subnav-arrow.png') no-repeat right center;}
div.subnav ul.nav li.selected {background: url('../images/nav/subnav-gradient-selected.png') repeat-x; list-style-type: none; margin-bottom: 4px; font-weight: bold; height: auto;}
div.subnav ul.nav li.selected a {text-decoration: none; color: #fff;}
div.subnav ul.nav li.selected div.nav-link  {padding: 5px 5px 5px 10px; border: 1px solid #3f3f3f; display: block; background: url('../images/nav/subnav-arrow-selected.png') no-repeat right center;}
div.subnav ul.nav li.selected li a {text-decoration: none;}
div.subnav ul.nav li.selected li.selected a {text-decoration: none;}
div.subnav ul.nav li.selected ul {margin: 3px 0px 0px 0px; padding: 0px;}
div.subnav ul.nav li.selected ul li {margin-left: 10px; height: auto; margin-bottom: 3px;}
div.subnav ul.nav li.selected ul li a {color: #000;}
div.subnav ul.nav li.selected ul li div.nav-link  {padding: 1px 5px 1px 10px; border: 1px solid #fff; background-color: #fff; background-image: none; color: #000;}
div.subnav ul.nav li ul {display: none; margin: 3px 0px 0px 0px; padding: 0px; float: left; width: 100%;}
div.subnav ul.nav li.selected ul {display: block;}
div.subnav ul.nav li ul li {margin-left: 10px; height: auto; margin-bottom: 2px; width: auto;}
div.subnav ul.nav li ul li a {color: #000;}
div.subnav ul.nav li ul li div.nav-link  {padding: 1px 5px 1px 10px; border: 1px solid #fff; background-color: #fff; background-image: none; color: #000;}
div.subnav ul.nav li ul li.selected {margin-left: 10px; height: auto; margin-bottom: 3px;}
div.subnav ul.nav li ul li.selected a {color: #fff; text-decoration: none;}
div.subnav ul.nav li ul li.selected div.nav-link  {padding: 1px 5px 1px 10px; border: 1px solid #000; background-color: #000; background-image: none; color: #fff;}
div.subnav ul.nav li ul li.selected ul li div.nav-link {background-color: #fff; border: 0;}
div.subnav ul.nav li ul li.selected ul li a {color: #000;}
div.subnav ul.nav li ul li ul li {display: none;}
div.subnav ul.nav li ul li.selected ul li {display: block;}
div.subnav ul.nav li ul li.selected ul li.selected div.nav-link {background-color: #ddd;}
div.subnav ul.nav li ul li.selected ul li.selected a {color: #000;}
div.subnav ul.nav li.children-0 ul {display: none;}
div.subnav ul.nav li.children-0 ul.fake {display: block;}

div.subnav div.sector-nav {display: none;}
body.page-requested-companies div.subnav div.sector-nav, body.page-requested-sectorview div.subnav div.sector-nav  {display: block;}


/* Rounded Panels */

div.panel {float: left; width: 100%;}
div.panel div.gradient {background: url('../images/panel-gradient.png') repeat-x 0px 30px;}
div.panel div.gradient-home {background: url('../images/panel-gradient-home.png') repeat-x 0px 30px;}
div.panel.two-col {width: 565px;}
div.panel.one-col {width: 270px;}
div.panel.fluid {width: 100%;}

div.header-title-home  h2{}
div.panel div.header {background: url('/images/panel-header-round.png') no-repeat top left; height: 30px; width: 100%;}
div.panel div.header-home {background: url('/images/panel-header-round-home.png') no-repeat top left; height: 30px; width: 100%;}
div.panel div.header div.header-title {float: left;}
div.panel div.header div.header-title  h2 {color: #000000 !important; margin: 7px 0px 0px 10px;}
div.panel div.header div.header-end {background: url('../images/panel-header-round.png') no-repeat top right; float: right; min-width: 16px; height: 30px;}
div.panel div.header div.header-end div.header-arrow {background: url(http://techmesh.org/images/nav/subnav-arrow.png) no-repeat left center; height: 30px; width: 15px; float: left;}
div.panel div.header div.header-end div.text {float: right; margin: 7px 6px 0px 0px; font-size: 14px;}
div.panel div.header div.header-end div.text img {float: right; margin: 0px 4px 0px 5px;}
div.panel div.header div.header-end span.rss {display: block; margin: 6px 6px 0px 0px; width: 20px; height: 20px; background: url('../images/rss.png?width=20') no-repeat top center;}
div.panel div.header div.header-end span.go {display: block; margin: 6px 6px 0px 0px; width: 20px; height: 20px; background: url('../images/go-pink.png?width=20') no-repeat top center;}
div.panel div.panel-spacer {padding: 10px; padding-bottom: 1px; margin-bottom: 0px;}
div.panel div.content {border-top: 1px solid #ffffff; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; height: auto;}
div.panel div.content-home {border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; height: auto;}
div.panel div.footer {margin-bottom: 10px; background: url('../images/panel-footer-round.png') no-repeat bottom left; height: 12px; width: 100%;}
div.panel div.footer div.footer-end  {background: url('../images/panel-footer-round.png') no-repeat bottom right; height: 12px; width: 12px; float: right;}

/* Pushthroughs */

span.push-icon {display: block; margin: 6px 6px 0px 0px; width: 20px; height: 20px;}

/* Images */

img.imgleft {float: left; margin: 5px 10px 5px 0px;}

div#push-id-46 div.gradient {background: none;}

/* Login Area */

dl.login {margin: 0px; margin-bottom: 10px;} 
dl.login dd {margin: 5px 0px 5px 0px;}
dl.login dd.buttons {text-align: right; margin-bottom: 0px;}
dl.login dd.lost-password {}
dl.login dd.login {float:left; margin-right:55px;}
dl.login input.username, dl.login input.password {width: 96%;}
dl.login input.login {cursor: pointer; border: none; background: url("/images/go-pink.png?width=20") no-repeat scroll right center transparent; height: 20px; padding: 0px 25px 5px 0px; font-weight: bold; margin-top: 5px;}
dl.login input.lost-password {cursor: pointer; border: none; background: none; text-align: right; padding: 0; margin-top: 10px; width: 130px;}

/* My Techmesh */

div#container.youraccount ul#my-techmesh {display: none;}
div#container.youraccount div#myfavourites ul {list-style-image: none; list-style-position: outside; list-style-type: none;}
div#container.youraccount div#tools {background-color: transparent; margin-top: -45px; float: right;}
/* favourites\following to be limited height with scrollbars not sure if this is the best way but it works */
div#container.youraccount div#gadget172 {height: 100px; overflow-y: auto; overflow-x: hidden;}

div#container.youraccount .x-portlet a {font-weight: normal;}
div#container.youraccount .x-portlet a:hover {color: #000000;}
div#container.youraccount .x-portlet ul {list-style-position: inside; list-style-type: disc; padding-left: 10px;}
div#container.youraccount .x-portlet li {margin-left: 5px; list-style-position: outside;}
div#container.youraccount .x-portlet th, div#container.youraccount .x-portlet td {font-size: 90%;}
div#container.youraccount .x-panel-header-text {color: #000000;}
div#container.youraccount .x-panel-header-text a {font-weight: bold;}
div#container.youraccount .x-panel-tl, div#container.youraccount .x-panel-tc, div#container.youraccount .x-panel-tr {background: url(/images/nav/subnav-gradient.png) repeat-x;}

ul.icons {list-style-type: none; padding: 0; margin: 0; margin-bottom: 10px;}
ul.icons li {margin-bottom: 3px;}
ul.icons li img {vertical-align: -3px; margin-right: 7px;}

/* News */

div.news-entry {margin:10px 0px;}
div.news-entry div.news-thumbnail {margin:0px 10px; width: 60px; float: left; text-align: center;}
div.news-entry div.news-date {font-size: 11px; padding-bottom: 5px; color: #666; margin-bottom:10px; margin-top:3px;}
div.news-entry div.news-full-title {margin-bottom: 20px;}
div.news-entry div.news-short-title {}
div.news-entry div.news-short-title a {color: #FF971F; font-size: 14px;}
div.news-entry div.news-details {float:left; width:80%;}
div.news-entry div.news-info {float:right; font-size:10px; width:120px;}
div.news-entry.no-thumbnail div {padding-left: 0px;}
div.news-entry.no-thumbnail div.news-thumbnail {display: none;}

div.news-thumbnail {float: right; display: inline; margin: 10px 0 5px 10px;}
div.news-thumbnail img {margin:0;}

div.lastupdated {text-align: right; font-style: italic; font-size: 10px; color: #999; margin: 10px 0px; clear: both;}
div.lastupdated span.lastupdated-username {font-weight: bold;}

/* Events */

img.events-image {float: right; margin: 5px 0px 5px 10px;}
div#events-date {margin-top: 10px;}
div#events-summary {font-size: 16px; font-weight: bold; color: #ec008c; margin-top: 10px;}
div#events-website label, div#events-bookingurl label {color :#ec008c;}
div#events-documents {float: right; margin: 5px 0px 5px 10px; clear: right; width: 150px;}
div#events-documents div.content {padding: 3px 2px;}
div#events-documents div.content a span {margin-left: 2px;}
div#events-contents  h2{padding-top:10px;}

div.event-list-entry {margin:0px 0px -10px 0px;}
div.event-list-entry div.event-list-thumbnail {margin:0px 10px; min-height: 60px; width: 60px; float: left; text-align: center;}
div.event-list-entry div.event-list-title {padding-left: 80px; margin-bottom: 5px;}
div.event-list-entry div.event-list-title a {color: #ff971f; font-size: 14px;}
div.event-list-entry div.event-list-date {font-size: 11px; color: #666; margin-top:3px;}
div.event-list-entry div.event-list-summary {padding-left: 80px; margin-bottom: 20px;}
div.event-list-entry div.event-list-summary p {margin:0;}
div.event-list-entry div.event-list-details {float:left; width:80%;}
div.event-list-entry div.event-list-info {float:right; font-size:10px; width:120px;}
div.event-list-entry.no-thumbnail div {padding-left: 0px;}
div.event-list-entry.no-thumbnail div.event-list-thumbnail {display: none;}
body.page-requested-upcomingevents div.event-list-entry.no-thumbnail div.event-list-thumbnail {display: block;}

img.event-register-image {float: right; margin: 5px 0px 5px 10px;}
div#event-register-date {margin-top: 10px;}
div#event-register-summary {font-size: 16px; font-weight: bold; color: #ec008c; margin-top: 10px;}
div#event-register-fields {float: left; clear: both;width: 400px; margin-top: 10px;}
div#event-register-textarea{}
div#event-register-textarea label {font-weight: bold;}
div#event-register-submit {}

/* Event Attendees */

div.event-attendees-entry {float: left; margin: 5px 10px; width:auto; clear: none;}
div.event-attendees-entry div.group-view-member-thumbnail {min-height: 60px; text-align: center; width: 60px;}
div.event-attendees-entry div.event-attendees-link {font-size: 10px; text-align: center;}

/* Calendar */

div.calendar-key {margin-bottom: 10px;}

div#container.calendar div.x-panel,div#container.calendar div.x-panel div {width: auto !important;}
div#container.calendar .x-panel-body {border-color: #CCCCCC;}
div#container.calendar .x-panel-body-noheader, div#container.calendar .x-panel-mc .x-panel-body {border-top-color: #CCCCCC;}

.ux-cal .x-date-left a {background: url("/images/calendar/calendar-arrow-left.png") no-repeat center left;}
.ux-cal .x-date-right a {background: url("/images/calendar/calendar-arrow-right.png") no-repeat center right;}
.ux-cal .ux-cal-weekday {background:url("/images/nav/subnav-gradient.png") repeat-x;}
.ux-cal-weekday td {font-weight: bold; height: 25px;}

.ux-cal .x-date-middle, .ux-cal .x-date-left, .ux-cal .x-date-right {background: none !important;}
.ux-cal-monthTitle input#ux-cal-mpx {width: auto !important; text-align: center; padding-top: 0px; border: 0;}

.ux-cal-event-type{color: #fff !important; padding: 5px !important; margin-top: 3px !important; font-weight: bold !important;}
.ux-cal-event {color: #fff !important; padding: 3px !important;}
.ux-cal-eventtype-0 {background-color: #cecece !important; color: #000 !important;}

.ux-cal .ux-cal-header {background: url("/images/nav/subnav-gradient.png") repeat-x scroll 0 0 transparent !important;}
.ux-cal .ux-cal-header input {color:#333 !important;}

/* Companies */

div.company-list-entry {margin: 0px; float: left; width: 100%; min-height: 70px;}
div.company-list-entry.row-odd {background-color: #f7f7f7;} 
div.company-list-entry div.company-list-thumbnail {margin: 10px; min-height: 60px; width: 60px; float: left; text-align: center;}
div.company-list-entry div.company-list-title {padding-left: 80px; margin-bottom: 10px; padding: 10px 10px 0px 0px;}
div.company-list-entry div.company-list-title-text {display: inline-block;}
div.company-list-entry div.company-list-title-text a {color: #ec008c; font-size:14px;}
div.company-list-entry div.company-list-summary {padding-left: 80px;}
div.company-list-entry div.company-list-summary p {margin:0;}
div.company-list-entry div.company-list-properties {padding-left: 80px; font-size:10px; margin: 10px 0px;}

div.company-view-entry div.company-view-name {display:none;}
div.company-view-entry img.company-view-thumbnail {float:right; margin:0 0 5px 5px;}
div.company-view-entry div.company-view-map {float: right; clear: both;}
div.company-view-entry div.company-view-map-info {text-align: center;}
div.company-view-entry div.company-view-summary {font-size:14px; font-weight:bold; color:#EC008C; margin-bottom:10px;}
div.company-view-entry div.company-view-contents {margin-bottom:10px;}

div.company-location-instructions {margin-bottom: 15px; float: left;}
input.company-location-save {float: right; margin: 0px 0px 10px 0px;}

div.company-location-view-instructions {margin-bottom: 15px; float: left;}

table.company-view-details div.country {display:none;}
table.company-view-details th {text-align:left;}

/* Users */
div.user-list-entry div.user-list-thumbnail {margin:0px 10px; min-height:60px; width:60px; float:left; text-align:center;}
div.user-list-entry div.user-list-title {padding-left:80px; margin-bottom:5px;}
div.user-list-entry div.user-list-title a {color:#ec008c; font-size:14px;}
div.user-list-entry div.user-list-description {padding-left:80px;}
div.user-list-entry div.user-list-description p {margin:0;}
div.user-list-entry div.user-list-properties {padding-left:80px; font-size:10px;}

div.user-company-list-entry {float: left; width: 100%;}
div.user-company-list-entry.row-odd {background-color: #f7f7f7;}
div.user-company-list-entry div.user-company-list-title {color: #ec008c; font-size:12px; font-weight: bold; padding: 10px;}
div.user-company-list-entry div.user-company-list-details {padding: 0px 10px 10px 10px; font-size: 10px;}
div.user-company-list-entry div.user-company-list-properties {padding: 0px 10px 10px 10px;  font-size: 10px;} 

div.user-company-edit table.form {width: 100%;}
div.user-company-edit table.form textarea {width: 98%;}
	
div.user-view-entry img.user-view-thumbnail {float:right;}

.useredit .useredit-photo {float: right;}
.useredit .useredit-photo img {height: 132px !important;}
.ext-ie8 .useredit .useredit-photo img {height: 136px !important;}

/* Suggested colleagues */

div.suggestedcolleagues {margin:10px 0 10px 10px;}
div.suggestedcolleagues div.panel div.header div.header-title h2 {font-size:12px; margin-top:8px;}
/*div.suggestedcolleagues div.panel div.footer {margin-top:-10px;}*/
div.suggestedcolleagues div.user-list-entry {min-height:60px; margin:10px 10px 0 10px;}
div.suggestedcolleagues div.user-list-entry div.user-list-thumbnail {margin:0 10px 0 0px;}
div.suggestedcolleagues div.user-list-entry div.user-list-title {padding-left:70px;}
div.suggestedcolleagues div.user-list-entry div.user-list-description {padding-left:70px;}
div.suggestedcolleagues div.user-list-entry div.user-list-properties {padding-left:70px;}
div.suggestedcolleagues div.user-list-entry div.user-list-title span.adoption-requested-text {display:none; font-size:10px; margin-left:5px;}
div.suggestedcolleagues div.user-list-entry.adoption-requested div.user-list-title span.adoption-requested-text {display:inline}

/* Groups */

div.group-list-entry {margin:10px 0px;}
div.group-list-entry div.group-list-thumbnail {margin: 0px 10px; min-height: 60px; width: 60px; float: left; text-align: center;}
div.group-list-entry div.group-list-title {padding-left: 80px; margin-bottom: 5px;}
div.group-list-entry div.group-list-title a {color:#FF971F; font-size:14px;}
div.group-list-entry div.group-list-summary {padding-left:80px;}
div.group-list-entry div.group-list-summary p {margin:0;}
div.group-list-entry div.group-list-properties {padding-left:80px; font-size:10px;}

div.group-view-summary {color:#FF971F; font-size:14px; font-weight:bold; margin:15px 0px;}
div.group-view-contents {margin:10px 2px;}

div.group-view-entry {margin:10px 0px;}
div.group-view-entry div.group-view-entry-thumbnail {margin:0px 10px; min-height:60px; width:60px; float:left; text-align:center;}
div.group-view-entry div.group-view-entry-subject {padding-left:80px; margin-bottom:5px;}
div.group-view-entry div.group-view-entry-subject a {color:#FF971F; font-size:14px;}
div.group-view-entry div.group-view-entry-comment {padding-left:80px;}
div.group-view-entry div.group-view-entry-comment p {margin:0;}
div.group-view-entry div.group-view-entry-properties {padding-left:80px; font-size:10px;}

div.group-view-member-entry {float:left; margin:5px 10px;}
div.group-view-member-entry div.group-view-member-thumbnail {min-height:60px; width:60px; text-align:center;}
div.group-view-member-entry div.group-view-member-link {font-size:10px;}

/* Comments */

ul.comment-container {list-style-type: none; display: block; padding: 0px; margin: 0px;}
ul.comment-container ul.comment-container {padding: 0px 0px 0px 20px; margin: 0px;}
ul.comment-container li {list-style-type: none; display: block; padding: 0px; margin: 0px;}

table.comment-box {border: solid 1px #ccc; border-left-width: 4px; margin-bottom:10px; padding:0px; width: 100%;}
table.comment-box {border-collapse: collapse;}
table.comment-box td.details-top {border-bottom: solid 1px #ccc; padding: 5px; background: url("../images/nav/subnav-gradient.png") repeat-x scroll 0 0 transparent;}
table.comment-box td.details-top div.details-date {float:left;}
table.comment-box td.details-top div.details-action {float:right;}
table.comment-box td.details-top a.commentattachmentlink {background: url(/cms/images/famfamfam/silk/icons/attach.png) left top no-repeat; padding-left:20px; margin-top:5px;}
table.comment-box td.details-user {min-width: 70px; width: auto; width: 70px;  border-right: solid 1px #ccc;}
table.comment-box td.details-user div.details-user {padding: 5px; text-align: center;}
table.comment-box td.comment-content {padding: 5px; width: 100%;}

div.comment-attachments {margin-top: 10px;}
div.comment-attachments table {border-collapse: collapse;}
div.comment-attachments table td {padding-bottom: 2px;}
div.comment-attachments table td:first-child {padding-right: 10px;}
div.comment-attachments table tr:last-child td {padding-bottom: 0px;}
div.comment-attachments a.deletelink {cursor: pointer; font-weight: normal;}

/* Admin action Links */

.deletelink {background: url(/cms/images/famfamfam/silk/icons/delete.png) left top no-repeat; padding-left:20px; margin-top:5px;}
.editlink {background: url(/cms/images/famfamfam/silk/icons/pencil.png) left top no-repeat; padding-left:20px; margin-top:5px;}
.replylink {background: url(/cms/images/famfamfam/silk/icons/comment_add.png) -2px -2px no-repeat; padding-left:20px; margin-top:5px;}

/* Comments Form */

fieldset#comments-fieldset {border: 1px solid #ccc; border-left-width: 4px;}
table#comments-form th#comments-comment {width:0; border-collapse: collapse; padding: 0; margin: 0;}
table#comments-form td#comments-textarea {width: 100%;}
table#comments-form th#comments-comment label {display:none;}
table#comments-form textarea#Comment {width: 99%; height: 100px;}
table#comments-form span.requiredexplain {display:none;}

div#commentEditForm {margin: 5px 3px 3px 0px; width:auto; padding-right:5px;}
div.thread div#commentEditForm {padding-right:3px;}
table#comments-edit-form {width: 100%; border-collapse: collapse;}
table#comments-edit-form th#comments-edit-comment {width:0px !important;}
table#comments-edit-form th#comments-edit-comment label {display:none;}
table#comments-edit-form th#comments-edit-visible {width:0;}

table#comments-edit-form th#comments-edit-visible label {display:none;}
table#comments-edit-form textarea#taCommentEdit{width: 99%; height: 100px;}
table#comments-edit-form span.requiredexplain {display:none;}
table#comments-edit-form label#lblVisible2 {font-weight:bold;}

form#search input#SearchQuery {width: 590px; height: 20px; padding: 3px; font-weight: bold;}
form#search input#Submit {padding: 3px; font-weight: bold; float: right;}

/* Admin Toolbar */

div.toolbar {margin: 0px 0px 10px 0px; background: url("../images/nav/subnav-gradient.png") repeat-x scroll bottom left #fff; border: 0;}
div.toolbar a {font-weight: bold; font-size: 90%;}
div.toolbar a img {vertical-align: -3px; margin: 0px 5px;}
div.toolbar a {font-weight: bold; font-size: 12px;}
div.toolbar a:hover {text-decoration: none;}

div#content div.toolbar {background: url("../images/nav/subnav-gradient.png") repeat-x scroll bottom left #fff; border: 1px solid #afafb0; }

/* Register Form */

tr.address5 {display:none;}
tr.homephonenumber {display:none;}

/* Messages */

div.ActionDialog small {display: none;}

table.form.message input.text {width: 98%;}
table.form.message tr#message-to td,table.form.message tr#message-to th  {padding-top: 10px;}
table.form.message tr#message-date td,table.form.message tr#message-date th  {padding-bottom: 10px; border-bottom: 1px solid #ccc;}

table.message-list .message-message {display: none;}

div#MessageToVis {background: url("../cms/extjs/ext-3.1.1/resources/images/default/form/text-bg.gif") repeat-x top left #fff; border: 1px solid #b5b8c8; padding: 2px 3px 0px 3px;}
div#MessageToVis a {-moz-border-radius: 3px; border-radius: 3px; font-weight: normal; float: left; display: inline-block; color: #000; text-decoration: none; background: url("/images/nav/subnav-gradient.png") no-repeat top center; border: 1px solid #AFAFB0; padding: 2px 5px; margin: 1px 4px 3px 0px;}
div#MessageToVis a:hover {color: #fff; background: url("/images/nav/subnav-gradient-selected.png") no-repeat top center; border-color: #3F3F3F;}

div#MessageBody {border: 1px solid #B5B8C8; background: url("../cms/extjs/ext-3.1.1/resources/images/default/form/text-bg.gif") repeat-x left top;}

span.delimiter {display: none;}

/* Basic Table */

table.basic {border-collapse: collapse; width: 100%; border-spacing: 0px 0px;}
table.basic th {vertical-align: middle; height: 25px; border: 1px solid #AFAFB0; background-color: #444; color: #ffffff; padding: 3px; background: url("/images/nav/subnav-gradient-selected.png") repeat-x scroll 0 0 transparent;}
table.basic td {vertical-align: top; border: solid 1px #ccc; padding: 3px;}

/* Clean Table */

table.clean {border-collapse: collapse; width: 100%;}
table.clean th {vertical-align: middle; height: 25px; border: 1px solid #AFAFB0; background-color: #444; color: #ffffff; padding: 3px; background: url("/images/nav/subnav-gradient-selected.png") repeat-x scroll 0 0 transparent;}
table.clean td {vertical-align: top; border: solid 1px #ccc; padding: 3px;}

/* Hide Subnav on some Pages */

div#container.events.attendees div#content-column {display:none;}
div#container.events.attendees div#content-main {width:100%;}

/* A-Z Search */

div.searchatoz {height: 24px; background: url("../images/nav/subnav-gradient.png") repeat-x scroll left bottom #FFFFFF; margin-bottom: 10px; border: 1px solid #AFAFB0;}
div.searchatoz a {font-size: 12px; display: inline-block; text-transform: uppercase; padding: 0px 8px; border-right: 1px solid #AFAFB0; float: left;}
div.searchatoz a:hover {background: url("../images/nav/subnav-gradient-selected.png") repeat-x scroll 0 0 transparent; color: #fff; text-decoration: none;}
div.searchatoz a.selected {background: url("../images/nav/subnav-gradient-selected.png") repeat-x scroll 0 0 transparent; color: #fff; text-decoration: none;}

/* Page Header Search */

div.search-container {position: absolute; width: 640px;}
div.search-container div.search-field {float: right;}
div.search-container input.search-field {margin: 0; border-radius: 3px; -moz-border-radius: 3px;}
div.search-container input.search-submit {float: right; display: block; width: 22px; height: 22px; margin-right: 5px; vertical-align: middle; border: 0; color: transparent; background: url("/images/search-button.png") no-repeat top center;}
div.search-container input.search-submit:hover {cursor: pointer;}

/* Pager */

div#Pager {padding: 3px 0px; background: url("../images/nav/subnav-gradient.png") repeat-x scroll left bottom #FFFFFF; margin-bottom: 15px; border: 1px solid #AFAFB0; display: block; text-align: center;}
div#Pager table {border-collapse: collapse; padding: 0; margin: 0 auto;}
div#Pager table td {padding: 0;}
div#Pager select {margin: 0px 5px; width: 100px;background: transparent; height: 23px;}
div#Pager input {font-weight: bold; cursor: pointer; margin: 0px 0px; background: url("../images/input-button.png") repeat-x top left; border: 1px solid #b5b8c8; padding: 2px 5px; border-radius: 3px; -moz-border-radius: 3px;}
div#Pager input:hover {background: url("../images/input-button-hover.png") repeat-x top left;}
div#Pager .btnprevious {margin-left: 5px;}
div#Pager .btnnext {margin-right: 5px;}

/* Links */

div.links-entry img.links-image {float: left;}
div.links-entry h2.links-title, div.links-entry div.links-description, div.links-entry div.links-url {padding-left: 110px;}
div.links-entry div.links-description {text-align: justify;}

/* Join Now Panel */

a.join-now-button.fade {background: url("/images/join-now.png?width=150") top center no-repeat; width: 150px; height: 50px; display: block; float: right; margin: 0px 0px 10px 15px;}
div.join-now-button.hover {background: url("/images/join-now-hover.png?width=150") top center no-repeat; width: 150px; height: 50px; display: block; display: none;}

/* Favourites */

fieldset.favourites-list {margin-top: 10px; padding-top: 0px;}
fieldset.favourites-list table th {font-size: x-small;}
fieldset.favourites-list table td {vertical-align: top;}
fieldset.favourites-list table td.favourites-list-entry-link {padding-right: 5px; width: 325px;}
fieldset.favourites-list table td.favourites-list-entry-notes {width: 250px;}
fieldset.favourites-list table td.favourites-list-entry-notes div {cursor: pointer;}
fieldset.favourites-list table td.favourites-list-entry-notes-edit {padding-right: 5px;}
fieldset.favourites-list table td.favourites-list-entry-notes-edit img {cursor: pointer;}

/*Mapping*/

div#gmap-canvas {float: left;}

div#gmap-canvas div.mapInfoWindow {overflow:hidden;}
div#gmap-canvas div.mapInfoWindow .title {color:#EC008C; font-weight:bold; font-size:larger;}
div#gmap-canvas div.mapInfoWindow .links {font-size:smaller; margin-top:4px;}
div#gmap-canvas div.mapInfoWindow .links a {border-left: solid 1px #333; padding: 0 5px;}
div#gmap-canvas div.mapInfoWindow .links a:first-child {border-left: none; padding-left:0;}
 
div#gmap-canvas a.mapbutton{color:black; font-size:12px; background:#fff; border:solid 1px #000; padding:1px 10px; text-decoration:none; font-weight:bold; margin:5px; /*initially hidden*/ position:absolute; top:-10000px;	}
 
 /*Helper Classes*/
 
 .hr {width: 100%; float: left; clear: both; height: 1px; margin: 10px 0px; border-bottom: 1px solid #ccc;}
 
 /*Home page*/
div#pages-content h2.yellow {color:#FF971F; font-size:18px; padding:10px; margin-top:0px;}
div.panel div.content-home { border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; height: auto;}

div.membership-level {min-height:80px;}
div.membership-level a {color:#FF971F;}
div.membership-level h3.membership {color:#333333;}
div.membership-image{float:left; margin-right:10px;}
div#homepush {float:left; margin-left:5px;}


/*Ask the Expert*/

fieldset#expert {border: 1px solid #ccc; }
table#expert th{background-color:#333333; color:#ffffff;}
table#expert td, tr {border:1px solid #efefef;}
div.ask-button {background:url('/images/nav/subnav-arrow.png') no-repeat scroll 95px 50% transparent; padding:7px 17px 7px 7px; font-weight:bold; background-color:#d3d3d3;}
div#container.youraccount .x-portlet li.unread a {font-weight:bold;}