/*begin tiered pricing feature comparison bit*/
.pricing { width: 100%; }
.pricing .card 
{
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
  cursor: pointer; 
}

.pricing hr {
  margin: 1.5rem 0;
}

.pricing .card-title {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  letter-spacing: .1rem;
  font-weight: bold;
}

.pricing .card-price {
  font-size: 3rem;
  margin: 0;
  text-transform: capitalize;
}

.pricing .card-price .period {
  font-size: 0.8rem;
  text-transform: lowercase;
}

.pricing ul li {
  margin-bottom: 1rem;
}

.pricing .text-muted {
  opacity: 0.7;
}

.pricing .btn {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  opacity: 0.7;
  transition: all 0.2s;
}

.selectedtier { border: 1px solid; }

  .pricing .card:hover, .selectedtier {
    margin-top: -.25rem;
    margin-bottom: .25rem;
	border: 1px solid;
  }

  .pricing .card:hover .btn, .selectedtier .btn {
    opacity: 1;
  }

/*end tiered pricing feature comparison bit*/

/* it's unclear why these file uploader styles aren't being set by blueimp anymore but they aren't in recent versions so we have to include them here: */
.fileinput-button {  position: relative;  overflow: hidden;  }
.fileinput-button .ui-icon { display: none !important; }
.fileinput-button input {  position: absolute; top: 0; right: 0; margin: 0;  opacity: 0;  filter: alpha(opacity=0); font-size: 192%; direction: ltr; cursor: pointer; }
/*jquery ui update forced us to add this rule for the validation tabs*/

.alertify, .alertify-log { color: #000000; }
input[type=radio] { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

 /* Corrections to allow merging closer to bootstrap: */
.panel-title { padding: 0; margin: 0; display: inline; font-size: 100%; font-weight: normal; }
.navbar > ul, .navbar li, .toolsbararea ul, .toolsbararea li, .nav .breadcrumb li { display: inline; }
.prevnext > ul { list-style: none; }
.prevnext > ul > li { display: inline; margin-left: 20px; margin-right: 20px; }

.scrollsmallcell { max-width: 200px; overflow-x: auto; }


img.profileimage { border-radius: 50%; }

td.link
{
  max-width: 0; /* I know it makes no sense, but it works, and removing it breaks */
}   

.flipglyph
{
 -moz-transform: scaleX(-1);
 -webkit-transform: scaleX(-1);
 -ms-transform: scaleX(-1);
 transform: scaleX(-1); 
 filter: FlipH;
 -ms-filter: "FlipH";
}

.tinytext, .pagerank, .commentdate, .smalllink, .editedby, #searchbox a, .linkbitcategory, .icons
{
 /*Very small text*/
 font-size: 75%;
 line-height: 10px;
}

.smalltext, .catdescription, .quoteby, .sections, .sections:visited, .gobutton, .minorlinks a, .toolsbararea
{
 /*Slightly smaller than normal text*/
 font-size: 92%;
}

.moderatelylarger, .denialpage, .rules, .statussection, .postinternal, .mainarticle, .price, .forumdescription, .threadtools, .postrating, .listingdescription, .detailedlabels, #chatarea, .redirect
{
 /*Text that should be a little bigger than most*/
 font-size: 116%;
}

.semibigtext, .navbutton a, #searchbox input, .alerttitle, .submittable .labels
{
 /*Moderately big text*/
 font-size: 133%;
}

.bigtext, a.biglink, H2, .onlinebuddies, .offlinebuddies, .monthname, .bigbutton, .bulkprice, .reportsforumcolumn, .submitbutton, .previewbutton, .incompleteblock td, #chatformmessage, .tableheader, .exiturl, .forumname, #activechatters
{
 /*Significantly bigger text*/
 font-size: 150%;
}

.hugetext, .addtocart, .categoryheader, .title, .postbitusername, H1
{
 /*Really big text*/
 font-size: 183%;
}

.flowplayer, .pdfviewer { width: 600px; height: 500px; }

.catlevelselectors { max-width: 30em; }

.searchbox, .searchboxbutton { height: 34px; vertical-align: middle; }

.nopadding, .categorycell, H1, .main, .menus, .unit-rating, .unit-rating li, .unit-rating li a, .menubullets, #cart a, .quicklogin, ul.pagination, ul.pagination li, BODY, .breadcrumb { padding: 0; }

.nomargin, BODY, H1, .category, .menus, .gobutton, .menubullets, #cart a, ul.pagination li, .navbutton, .datepickerform, .menubullets li, .categoryheader h2 { margin: 0; }

IMG, .navbutton, .tab, .tab:visited, .tabactive, .tabactive:visited, .noborder, .previewframe, .cartoption, .avatar, .miniavatar { border: 0; }

.vmiddle, .vmiddle td, .thumbpagertable td, .titlecolumn, .bullet, .edit, .imavatar, .imtext, .tableheader, .threadbottom, #searchbox, .incompleteblock td, .vcentercols > tbody > tr > td, .vcentercols > tbody > tr > th { vertical-align: middle !important; }

.floatright, .thumbpager, .toolscolumn, .articlebar, #categoryjump, .threadreply, #searchbox, .videoarea, .quoteperma { float: right; }

.floatleft, #screenshotfadercontainer, #languageandtheme, .onethird, #chatarea, #activechatters, .thumbshot, .floatattach, .unit-rating li, .logo, .lefticons, #cart, .folderimage, .price, .bulkprice, .internalrecent, .chatcolorpicker, ul.pagination li, .categorybox, .topleftdetail, .categoriescolumn, .tweetprofileimage { float: left; }

.centermargin, .gallerystars, #offline, .redirect, .previewframe, .centercols > tbody > tr > td > .ajaxstars > .unit-rating { margin: auto; }

.center, .gallerylink, .deletions, .month, .forumlist, .imagearea, .prevnext, .topiclist, #offline, .badge, .centercols > tbody > tr > td, .centercols > thead > tr > th, .searchincat
{
 text-align: center; 
}

.articlebar a, .sections, .sections:visited, .unit-rating li a, .sitetitle, .selecteddirection, a.selecteddirection:hover, a.btn
{
 text-decoration: none;
}

.labels, .important, TH, .selecteddirection, a.selecteddirection:hover, a.admincolor, a.admincolor:visited, a.modcolor, a.modcolor:visited, .mutualbuddy, .imauthor, .newpmhighlight, .todayevent, .event, .today, .monthday, .redirect, .submitbutton, .previewbutton, .gobutton, .requiredmarker, .onlinebuddies, .offlinebuddies, .carttotalsrow, .imlink, .imlink:link, .imlink:visited, .price, .pricebit, .bulkprice, .tabactive, .tabactive:visited, #couponresult, .categoryheader, .navbutton a, .articlebar a, .ratingsbyline, .badge, .actionlink, .editpost, .pseudobuttons, a.biglink, a.smalllink, a.smalllink:visited, .todayhours td
{
/*Text used as a label for requesting input.*/
 font-weight: bold;
}

.roundedcorners, .cartoption, .sections, .sections:visited, .reportpost, .articlebar a, .fronttop, .quicklogin, .editpost, .menus li, .menus > a, .redirect, .alert, .statussection, .miniavatar, .filedelete, .deletions, .avatar { border-radius: 5px; }

.moderatemarginandpadding, .menus li, .menus > a, .rules, .imlink, .imlink:link, .imlink:visited, .sort, .denialpage, .submitbutton, .previewbutton, .price, .cartoption, .bulkprice, .linkcalendar
{
 margin: 5px;
 padding: 5px; 
}

.fullwidth, .standardtable, .previewframe, #topcontainer, .leftmenusitecontainer, .logobg, .forumlist, .topiclist, .pollarea, .eventcontent, .posthistory, .menus li a, .immessage, .categoryandsearchmap, .categoryandsearchdirections, .detailsmap, .detailsdirections, .profiletable, .detailedinfo { width: 100%; }

.right, .inout, #categoryjump { text-align: right; }
.titlecolumn, .categoryheader, #searchbox, .signature, .lastpostcolumn { text-align: left; }
.centercols > tbody > tr > .titlecolumn, th.tableheader { text-align: left; font-weight: normal; }

.divtable { display: table; }
.divtablerow { display: table-row; }
.divtablecol { display: table-cell; vertical-align: top; padding: 5px; }

.almostfullwidth, .internalreplybox, .crampedinput, .month, #chatformmessage, .submitdescription, .submitdescriptionsmall, .incompleteblock, .postcomment { width: 90%; }

.reportpost, #cart, #offline { opacity: .75; }

.background { opacity: .5; }

.bordered, .code, .whiteboard, .redirect, .signature, .cite, .incompleteblock, .ratingpercent, .reportpost, .articlebar a, .filedelete, hr, .smiliebox, .price, .bulkprice, ul.pagination li a, .mainarticle, .threadbottom, .details, .shoutbg,  .commentposter, .commentposteralternate, .comment, .commentalternate, .feeddescription { border-width: 1px; }

.tweetprofileimage { margin-right: 5px; }

#imarea, #bottomarea, .comment, .commentalternate, .toplisting, .lefticons, .deletions, .optionscolumn, .labelscolumn, .whiteboard, #chatarea, #activechatters, .incompleteblock, .tab, .tab:visited, .tabactive, .tabactive:visited, .articlebar a, .mainsearch td, .linkbitcategory { padding: 5px; }
.toplistingtitle { padding-bottom: 3px; }
.toplistingprice { padding-left: 5px; padding-right: 5px; margin-right: 5px; }

.thumbpager
{
 padding-right: 20px;
 margin-bottom: 5px;
}

.badge:empty, .directionsbox, .reportpost, .bait, #mobilemenubutton, .mobileauthor, .helperimage, .hideit, .smallscreens, .closedbox
{
  display: none;  
}

.badge:empty, .bait, .helperimage
{
  display: none !important;  
}

.maploadingindicator
{
  display: none;  
  margin-top: -18px;
  position: relative;
  top: 0px;
}

a.selectedtool, .threadtools:hover, .threadtools:visited:hover
{
 font-weight: bold;
}

#screenshotfadercontainer { position: relative; width: 350px; }  
.homemenu, .leftmenuleft, .commentposter, .commentposteralternate { width: 20%; }
.homecontent, .comment, .commentalternate { width: 80%; }

#toprightad { position: absolute; top: 0; right: 0; }
#offline { position: absolute; top: 0; padding-left: 20px; padding-right: 20px;  z-index: 50; background: #000000; color: #FFFFFF; }

.actionlink 
{
  padding: 2px;
  margin-left: 5px; 
  display:inline-block;
  line-height: 18px; /* check your icon height */
  padding-left:20px;
}
.eventcontainer { padding: 10px; padding-top: 1px; }
.detailedinfo td { padding: 10px; } 

.vtop, .vtop td, .homecontent, .requiredmarker, .commentposter, .commentposteralternate, .comment, .commentalternate, .leftmenuleft, .categoriescolumn, .toolscolumn, .categorycell, .profiletable td, .leftmenusitecontainer td { vertical-align: top; }

.quicksearch { padding: 20px; padding-left: 40px; }

#infobox, #modbox, #actionsbox { min-height: 90px; }
#birthdaybox { min-height: 45px; }

#languageandtheme, #categoryjump, .logo, .titlecolumn, .standardtextarea
{
 width: 40%;
}

#loading
{
 position: fixed;
 left: 50%;
 top: 50%;
 margin: -25px 0 0 -25px;
 z-index: 1000;
}

.giantinput { font-size: 133%;  padding: 10px; margin-top: 10px; margin-bottom: 10px; width: 94%; }
.halfwide, .deletions, .redirect, .internalrecent, .profiletable td { width: 50%; }
.bigpad { padding: 20px; }
.onethird { width: 33%; }

.icons
{
 margin-left: 10px;
 margin-right: 10px;
}

A, A:visited, .tableheader, .boxtitle
{
 cursor: pointer;	
}

.editpost
{
 margin: 1px;
 padding: 3px;
}

.main
{
/*The main outline from the top navigation down toward the footer.*/
 margin-left: 25px;
 margin-right: 25px;
 margin-bottom: 10px;
 min-height: 40%;
}

.linkstable, .categoriestable { border-spacing: 10px; }

.linkboxleft { max-width: 30%; }
.linkboxleft img { max-width: 100%; }

.linkboxright
{
 padding-left: 10px; 
 display: block;
 overflow: hidden;
}

.category
{
 padding: 8px;
}

.commentposter, .commentposteralternate
{
/*The left box showing details of the person who wrote a comment post.*/
 padding: 10px;
}

.labelscolumn { width: 30%; }

.optionscolumn { width: 70%; }

.dialogtext { padding-left: 10px; padding-right: 10px; }

.quote
{
/*A quoted comment post.*/
 border-left: 2px;
 padding: 3px;
 margin: 3px;
 padding-left: 15px;
 margin-left: 15px;
 border-radius: 15px;
}

.posthistory
{
/*The thread history area on the post reply page.*/
 overflow: auto;
 height: 300px;
}

.deletions
{
/*The box offering deletion options on the edit page for listings, categories and comments.*/
 margin: 0 auto;
 margin-bottom: 5px;
}

.code
{
/*The box for text within the [code] WSN Code.*/
 font-family: monospace;
 padding: 2px;
 margin: 10px;
 overflow-x: scroll;
 max-width: 50em; /* percentages mysteriously fail to prevent x overflow on this */
}

.imavatar
{
 width: 30px;
 height: 20px;
}

.imtext
{
 line-height: 20px;
}

.smiliebox
{
/*The box in which you select smilies.*/
 padding: 10px;
 width: 140px;
}

.linktools
{
 padding: 10px; 
}

.sectionbody { padding: 15px; padding-top: 5px; margin-bottom: 4px; box-shadow: 0px; }

.minilabels, .commentdate { font-style: italic; }

.postcomment { height: 300px; }

#shoutbox
{
 overflow-x: hidden;
 overflow-y: auto;
 height: 200px;
 width: 98%;
}

select { max-width: 500px; }
#bottomarea select, .searchincat select, .submittable select { max-width: 300px; }

#shoutform, .thinforms
{
 margin-bottom: 0px;
 margin-top: 0px;
}

.month
{
/*For the calendar, the month area.*/
 border-style: none;
}

.monthname
{
/*For the calendar, the month name text.*/
 letter-spacing: 6px;
 word-spacing: 12px;
}

.dayname td
{
/*For the calendar, the row for days of the week names.*/
 border: 1px outset;
}

.todayevent, .event, .today, .monthday
{
/*For the calendar, table cell for today if there's an event today.*/
 height: 60px;
 width: 10%;
}

.rules
{
/*The submission rules box.*/
 border: 3px solid;
}

.whiteboard
{
/*The moderator whiteboard in the ModCP.*/
 margin: 10px;
}

.statimage
{
/*The statistics image container on the front page.*/
 float: left;
 width: 40px;
}

.internalreply
{
/*The box showing an internal reply to a comment.*/
 border-left: 1px dotted;
 border-top: 1px dotted;
 padding: 15px;
 margin-left: 75px;
 border-top-left-radius: 10px;
}

#chatarea
{
/*The chat room chat area container.*/
 width: 75%;
 height: 400px;
 overflow: auto;
 margin: 10px;
}

#activechatters
{
/*The chat room "currently active chatters" list box.*/
 width: 15%;
 height: 400px;
 overflow: auto;
 margin: 10px;
}

.posttextarea
{
/*The text area where people type a new comment post.*/
 width: 97%;
}

.redirect
{
/*The box containing the redirect message on redirect pages.*/
 padding: 20px;
 margin-top: 50px;
 margin-bottom: 50px;
}

.linkbitsummary, .thumbshot
{
 padding: 2px; 
}

.floatattach, .toolscolumn .box, #similar .categoryname, .feeddescription, .ratingpercent, .reportpost
{
/*Attachments display in the listing bit.*/
 margin: 5px;
}

.denialpage
{
/*The submission denial page.*/
 border: 2px solid;
}

.cookienotice
{
 position: fixed;
 z-index: 50001; 
 bottom: 0;
 left: 0;
 height: 40px;
 line-height: 30px;
 width: 99%;
 opacity: .9; 
 text-align: center;
}

.dismisscookienotice
{
 position: fixed;
 bottom: 8px;
 line-height: 40px;
 right: 25px;
 font-size: 175%;
 font-weight: 900;  
}

.unit-rating
{
/*Part of the AJAX star rating system.*/
 list-style: none;
 margin: 2px;
 width: 100px;
 height: 20px;
 position: relative;
 background-position: top left;
 background-repeat: repeat-x;
}

.unit-rating li
{
/*Part of the AJAX star rating system.*/
 text-indent: -90000px;
 margin: 0px;
}

.unit-rating li a
{
/*Part of the AJAX star rating system.*/
 display: block;
 width: 20px;
 height: 20px;
 text-indent: -9000px;
 z-index: 20;
 position: absolute;
}

.unit-rating li a:hover
{
/*Part of the AJAX star rating system.*/
 background-position: left center;
 z-index: 2;
 left: 0px;
}

.unit-rating li.current-rating
{
/*Part of the AJAX star rating system.*/
 background-position: left bottom;
 position: absolute;
 height: 20px;
 display: block;
 text-indent: -9000px;
 z-index: 1;
}	

.toolsbararea
{
/*Tools at the bottom of the details page.*/
 padding: 10px;
 margin: 10px 0px 0px 0px;
 position: relative;
 top: 6px;
}

.toolsbararea a
{
/*Tools at the bottom of the details page.*/
 padding: 1px 15px 1px 1px;
}

.alert, #similar, .ratingscontainer
{
/*Important alert box.*/
 padding: 10px;
 margin: 10px;
}

.signature
{
/*Member signatures below posts.*/
 width: 70%;
 height: 2px;
 margin: 14px 0px 5px 0px;
}

.memberstatus
{
/*The member information area on the details page.*/
 float: right;
 width: 30%;
 padding: 10px;
 line-height: 16px;
}

.detailsmain { float: left;  width: 67%; }

.statussection
{
/*Sections in the member information area on the details page.*/
 padding: 6px;
 margin: 0px 0px 6px 0px;
 display: block;
}


.cite
{
/*Citations using the [cite] WSN Code.*/
 padding: 3px;
 margin: 3px;
}

.gobutton
{
/* Go buttons.*/
 padding: 1px;
 padding-left: 4px;
 padding-right: 4px;
}

.incompleteblock
{
/* The area describing why a form submission failed and prompting to try again. Note it's a table.*/
 margin: 10px;
}

.incompleteblock td
{
/* Table cells for the incomplete form submission area.*/
 padding-left: 15px;
}

.onlinebuddies, .offlinebuddies
{
/*In the buddy list, the line indicating how many are online.*/
 padding-left: 10px;
}

.feedcontainer
{
/*The container for the link-associated RSS feeds.*/
 padding: 2px;
}

.feeddescription
{
/*The description in the link-associated RSS feeds.*/
 margin-left: 10px;
 padding-left: 5px;
}

.immessage
{
 margin: 10px;
 margin-left: 0;
 margin-right: 0; 
 position: fixed;
 bottom: 0;
}

#impadding
{
 height: 50px;
}

.legend
{
 width: 200px;
 padding: 10px;
}

.borderimagenormal
{
/*Borders around thumbnails.*/
 border: 2px outset;
}

.borderimageover
{
/*Borders around thumbnails mouseover.*/
 border: 2px inset;
}

.categoryandsearchmap
{
/*The map div for categories and searches.*/
 height: 350px;
}

.detailsmap
{
/*The map div for the details page.*/
 height: 300px;
}

.smallmap
{
/*Small maps.*/
 width: 200px;
 height: 150px;
}

.smallicon
{
 width: 32px;
 height: 32px;
}

.mappin
{
/*Google map pins.*/
 width: 230px;
 height: 130px;
 overflow: hidden; /* google already provides scroll on the element, so we don't want double scroll */
}

.menubullets
{
/*Bulleted menu item lists.*/
 list-style-type: square;
 padding-left: 17px;
}

#cart
{
/*The shopping cart.*/
 margin-left: 50px;
 line-height: 12px;
 padding: 8px;
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
}

#cart a
{
 line-height: 11px;
}

.addtocartcontainer
{
 margin-bottom: 10px;  
 margin-top: 10px;
}

.mobilehomemenu
{
 margin: auto;
 margin-top: 10px;
 margin-bottom: 10px;
}

.carttotalsrow
{
/*The totals row in the cart checkout page.*/
 height: 30px;
 line-height: 28px;
}

.previewframe
{
/*The iframe showing a preview of the details page.*/
 height: 400px;
}

.ratingpercent
{
/*The border for the member rating percent image.*/
 width: 100px;
 height: 14px;
}

.profiletable td, .submittable .labelscolumn, .submittable .optionscolumn
{
/*Section blocks on the view profile page.*/
 padding: 15px;
}

.folderimage
{
/*The folder images for categories/forums.*/
 padding-right: 10px;
 font-size: 160%; /* make it big on bootstrap themes */
}

.bootthemeimages
{
 width: 200px;
 height: 125px;
}

.lightboxgallery 
{
/*For the lightbox slideshow.*/
 padding: 4px;
}

.lightboxgallery ul
{
/*For the lightbox slideshow.*/
 list-style: none;
}

.lightboxgallery ul li 
{
/*For the lightbox slideshow.*/
 display: inline; 
}

.attachmentsarea
{
/*Comment post attachments area.*/
 margin-left: 20px;
}


.pricebit, .price, .bulkprice
{
/*To highlight a price.*/ 
 border-radius: 30px;
 padding-top: 1px;
 padding-bottom: 1px;
 margin-top: 1px;
 margin-bottom: 1px;
}

.sitetitle
{
/*Text logo, if there's no image.*/
 padding: 10px;
 line-height: 74px;
}

.nav
{
/*The navigation bit.*/
 padding: 10px;
}

.postinternal
{
/*Link to post internal reply.*/
 margin-top: 10px;
 margin-left: 100px;
}

.logintable
{
/*The login and lost password tables on the login page.*/
 width: 50%;
}

.tab, .tab:visited, .tabactive, .tabactive:visited
{
/*Tabs on the search all.*/
 margin-top: 10px;
 margin-left: 10px;
 padding-bottom: 0;
 border-top-left-radius: 2em;
 border-top-right-radius: 2em;
}

a.smalllink
{
/* Generic small pseudobuttons.*/
 margin-top: 1px;
 padding-top: 1px;
 margin-bottom: 1px;
 padding-bottom: 1px;
}

#couponresult
{
/* Message after coupon is accepted.*/
 padding: 10px;
}

.internalrecent
{
/* Recent internal replies list on thread page.*/
 height: 120px;
 overflow-y: scroll;
}

.categoryheader
{
 /* WSN Forum's category background.*/
 background-repeat: repeat-x;
 padding: 10px;
}

.panel-heading
{
 line-height: 30px;
 height: 40px;
 overflow: auto;
 padding: 3px;
 margin: 0;
}

.bittitle { padding-left: 10px; }

.quotations
{
/*The box containing a random quote if the quotes system is on.*/
 padding: 15px;
}

.reportpost
{
/*The report comment box in posts.*/
 padding: 10px;
 margin-top: 0;
}

.exiturl
{
 padding: 6px;
}

ul.pagination { margin: 4px 0; overflow: hidden; list-style: none; }
ul.pagination li { margin-left: 5px; padding-bottom: 1px; }
ul.pagination li:first-child { margin-left: 0px; }
ul.pagination li a { display: block; padding: 6px 9px 6px 9px;}

.chatcolorpicker
{
 width: 40px;
}

#chatformmessage
{
 line-height: 28px;
}

html, body
{
/*Page height needed for maps to show.*/
 height: 100%;
} 

.videoarea
{
 padding-right: 10px;
}

.navbutton
{
/*The Options, Search, Private Messaging etc links area at the top of every page.*/
 height: 42px;
 background-repeat: repeat-x;
}

.navbutton a
{
/*Link text for the Options, Search, Private Messaging etc links area at the top of every page.*/
 line-height: 42px;
 margin-left: 16px;
 margin-right: 12px;
}

.sections, .sections:visited
{
/*Listing bit sections for screenshots etc in WSN Software Directory.*/
 margin: 1px;
 border-top: 1px solid;
 border-bottom: 1px solid;
}

.linktools a
{
 margin-right: 20px;
 padding: 3px;
}

a.threadtools
{
 padding: 10px;
 padding-top: 6px;
 padding-bottom: 6px;
 border-top-left-radius: 6px;
 border-top-right-radius: 6px;
}

.reportbutton
{
 max-width: 30px;
 max-height: 30px;
}

.reportratingbutton
{
 max-width: 17px;
 max-height: 14px;
}

.mainarticle
{
/*WSN KB article text*/
 padding: 15px;
}

.clear { clear: both; }

.articlebar a
{
 /*Hyperlinked text in right hand vertical options by article text.*/
 display: block;
 margin: 10px;
}

.ratingsbyline
{
/* The rating by x on date y line in the ratings list.*/
 border-bottom: 1px solid;
 padding-bottom: 10px;
 margin-bottom: 10px;
}

.ratingscomment
{
/* The textual comment left by the rater, in the ratings list.*/
 margin-top: 5px;
}

.nowrap, .linktools a, TH, .logo, .badge, .tab, .tab:visited { white-space: nowrap; }

.prevnext
{
/*WSN Gallery's next and previous navigator.*/
 margin-left: auto;
 margin-right: auto;
}

.topleftdetail
{
/*WSN Gallery's top left rating and tools boxes on details page.*/
 margin-left: 35px;
 height: 35px;
 padding-top: 15px;
}

.pinned td
{
 /*Sticky topic cells.*/
 border: 2px solid;
 border-left: 0;
 border-right: 0;
}

.reportsforumcolumn
{
 /*Discussion threads related to reports.*/
 width: 30%; 
}

.topstuff li
{
/*WSN Forum front page toplist.*/
 padding-bottom: 4px;
}

.categoryleftmenu { position: relative; left: -15px; top: 5px; }
.categoryleftmenu .btn-group-vertical { width: 100%; padding-left: 10px; }
.categoryleftmenu .btn-group-vertical .btn { margin: 2px; }

.logobg
{
/*The background behind the logo... you can edit this via the logo uploader page too.*/
 position: absolute;
 left: 0; top: 0;
 z-index: -1;
}

.youtubeframe
{ 
 width: 560px;
 height: 340px;
 max-width: 100%;
}

.ui-autocomplete-loading { background-repeat: no-repeat; background-position: right center; }

.categorypad
{
 padding: 6px;
 padding-left: 20px; 
 padding-right: 30px; 
}

.categoriescolumn, .quartertable > tbody > tr > td:nth-child(2) { width: 75%; }
.toolscolumn, .quartertable > tbody > tr > td:nth-child(1) { width: 25%; }
  
.toolscolumn
{
 /* Front page tools boxes */
 min-height: 400px;
 padding-top: 3px;
}

.submitdescription
{
 height: 150px;
}

.submitdescriptionsmall
{
 height: 50px; 
}

.mainsearch
{
 padding: 10px; 
}

.mainsearchbutton { padding: 15px; margin: 8px; }

.bx-wrapper
{
 margin: 0 0 60px;
}

.bx-wrapper .bx-viewport
{
	box-shadow: 0 0 0;
	border-width: 0;
	background: transparent;
}

.bx-wrapper .bx-loading
{
 background: transparent;
}

.frontlink { min-height: 250px; }

.maintoplistitem
{
  height: 250px;
  width: 400px;
}

.maintoplisttable
{
 height: 250px;  
}

.galleryimagefront, .gallerytoplistitem
{
  width: 200px;
  height: 150px;
}

.tinypadding, .gallerytoplistitem, .menubullets li, .individualinternal, .sections, .sections:visited
{
 padding: 1px;
}

.standardinput
{
 width: 300px; 
}

.standardtextarea
{
 height: 100px; 
}

.internalreport { width: 18px; height: 15px; }

.submitbutton, .previewbutton, .bigbutton, a.biglink { padding-left: 40px; padding-right: 40px; }

.tableheader h1, .tableheader h2 { font-size: 100%; }

.menus { list-style-type: none; padding: 0; margin: 0; margin-left: 10px; border: 0; font-weight: bold; }
.menus > li, .menus > a { display: block; margin: 1px; border: 0; overflow: hidden; }
.menus > li > a { display: block; border: 0; }
.menus > li > a, .categoryleftmenu > ul > li > a:hover, .categoryleftmenu > ul > li > a:visited:hover { text-decoration: none; }

.joinedlist
{
 position: relative;
 top: -25px;
}

.joinedmember
{
 float: left;	
}

.joinedmember h4 { padding: 0; margin: 0; }
.joinedmember h4 a
{
 position: relative;
 top: 22px;
 left: 2px;
}

#mobilenavitems { visibility: hidden; }

@media screen and (min-width: 0em) and (max-width: 62em) 
{ /* Probably a phone or tablet */
 .shrinkimages img { max-width: 95%; height: auto; }
 .main { margin-top: 50px; }
 .navbutton a { padding: 5px; margin: 0; }
 .categoriescolumn { float: none; width: 100%; }
 .toolscolumn { float: none; width: 100%; }
 .box { width: 99%; }
 #shoutinput { width: 95%; }
 #searchbox { visibility: hidden; }
 #mobilenavitems { visibility: visible; }
 .largescreens, .memberstatus, .inout, .menuitems { display: none; }
 .smallscreens { display: block; }
 .navbar-nav > li:not(:first-child) { display: none; }
 #mobilemenubutton { display: block; }
 .detailsmain { width: 100%; }
 a.threadtools { border-radius: 0; line-height: 30px; }
 #cart { position: absolute; right: 0; top: 0; }
 .menuitems a { display: block; }
 .navbutton { height: auto; } 
 .logintable { width: 90%; }
 .profiletable td { width: 95%; display: block; }
 #bottomarea select { max-width: 200px; }
 A, A:visited { text-decoration: underline; } 
 .flowplayer, .pdfviewer { width: 95%; height: 350px; }
 .catlevelselectors { max-width: 15em; }
 .urlarea .thumbshot { float: none; }
 .detailedinfo { display: inline-block; word-break: break-all; }
 .panel-heading { height: auto; overflow: visible; } /* since it's probably a 1 column layout the titles look ok wrapped */
 .mobileauthor { display: block; }
 .commentposter, .commentposteralternate { display: none; }
 .quoteperma { float: none; }  
}

@media screen and (min-width: 0em) and (max-width: 37.5em)
{
 a.threadtools { font-size: 60%; }
 .youtubeframe { width: 90%; height: auto; }
 .moderatescreens { display: none; }
 .logo img { max-width: 590px; }
 .topiclist td { max-width: 200px; overflow-x: hidden; }
 #bottomarea select { max-width: 8em; } 
 .detailedinfo td { display: block; width: 100%; }
 .fieldsimilar table td, .fileupload table td, table.submittable td, .quickreplybox table td { display: block; width: 100%; } 
 table.openhours tr:first-child { display: none; }  
 table.changehours > thead > tr { height: 0; opacity: 0; }
 select { max-width: 15em; } 
 .bootthemeimages { width: 140px; height: 87px; }
 .main { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }
}

@media screen and (min-width: 0em) and (max-width: 25em) 
{
 .galleryimagedetail { max-width: 20em; }
 .galleryimage { max-width: 50px; max-height: 50px; }
 .standardinput { width: 100px; }
 .logo img { max-width: 300px; }
 .topiclist td { max-width: 100px; }
 .code { max-width: 20em; }
}

@media screen and (min-width: 25em) and (max-width: 31em)
{
 .galleryimagedetail { max-width: 24em; }
 .galleryimage { max-width: 70px; max-height: 70px; }
 .standardinput { width: 100px; }
 .logo img { max-width: 490px; }
 .topiclist td { max-width: 120px; } 
 .code { max-width: 23em; }
}
@media screen and (min-width: 31em) and (max-width: 37.5em) { .galleryimagedetail { max-width: 30em; }  .galleryimage { max-width: 80px; max-height: 80px; } .standardinput { width: 150px; } .topiclist td { max-width: 135px; } .code { max-width: 29em; } }
@media screen and (min-width: 37.5em) and (max-width: 43.75em) { .galleryimagedetail { max-width: 37em; }  .galleryimage { max-width: 100px; max-height: 100px; } .code { max-width: 35em; } }
@media screen and (min-width: 43.75em) and (max-width: 50em) { .galleryimagedetail { max-width: 43em; }  .galleryimage { max-width: 150px; max-height: 150px; } .code { max-width: 40em; } }
@media screen and (min-width: 50em) and (max-width: 64em) { .galleryimagedetail { max-width: 49em; } .code { max-width: 45em; } }
@media screen and (min-width: 64em) and (max-width: 80em) { .galleryimagedetail { max-width: 63em; } }
@media screen and (min-width: 0em) and (max-width: 64em)
{
 .categoriescolumn, .toolscolumn { float: none; width: 100%; }
  #shoutinput { width: 95%; } 
}
@media screen and (min-width: 64em) and (max-width: 81em) 
{ /* Styles for small desktop screens. */
 .categoriescolumn { width: 70%; }
 .toolscolumn { width: 30%; }
 #shoutinput { width: 95%; } 
}

.chosen-container { min-width: 100px; } /*otherwise Chosen gets too narrow for yes/no*/
#optionalexpand, #optionalcollapse { cursor: pointer; }