/*begin tiered pricing feature comparison bit*/
.tier { float: left; padding: 15px; }
.tierbody { padding: 17px; }
.pricing { width: 100%; }
.pricing .card 
{ 
  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;
}

.tierbuttoncontainer { text-align: center; }

.pricing .btn {
  font-size: 80%;
  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*/
.text-center { text-align: center; }
.text-uppercase { text-transform: uppercase; }
.chosen-container { min-width: 100px; } /*otherwise Chosen gets too narrow for yes/no*/
#loginmodal, .modal-header, .modal-footer { display: none; } 

/* 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; }

input, select, button { vertical-align: baseline; }
input[type=radio] { vertical-align: text-bottom; }

.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";
}

*, .borders
{
 /* Default borders*/
 border-style: solid;
 border-width: 0;
 border-color: #D9D9D9;
}


.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, .linktitle, a.linktitle, .monthname, .bigbutton, .bulkprice, .reportsforumcolumn, .submitbutton, .previewbutton, .incompleteblock td, #chatformmessage, .tableheader, .boxtitle, .bittitle, .cattitle, .exiturl, .forumname, #activechatters
{
 /*Significantly bigger text*/
 font-size: 150%;
}

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

.unicodeicon { font-size: 130%; vertical-align: middle; } /* approximates size of bootstrap glyphs for our unicode equivalents */
.cart .unicodeicon { vertical-align: top; }

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

.catlevelselectors { max-width: 30em; }

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

.nopadding, .categorycell, H1, .main, .link, .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, .captcha, input[type='checkbox'], .thumbpagertable td, .titlecolumn, .bullet, .edit, .imavatar, .imtext, .tableheader, .boxtitle, .threadbottom, #searchbox, .gobutton, .gobutton img, .bigbutton, img, .previewbutton img, .submitbutton img, .biglink img, .incompleteblock td, .vcentercols > tbody > tr > td, .vcentercols > tbody > tr > th { vertical-align: middle !important; }

.floatright, .thumbpager, .toolscolumn, .articlebar, #categoryjump, .threadreply, .memberstatus, #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; 
}

A, A:visited, .articlebar a, .sections, .sections:visited, .linktools a, .unit-rating li a, .sitetitle, .tab, .tab:visited, .tabactive, .tabactive:visited, ul.pagination li a, .navbutton, .navbutton a:hover, .navbutton #currenttab, .pseudobuttons:hover, a.biglink:hover, a.smalllink:hover, a.smalllink:visited:hover, .bigbutton:hover, .submitbutton:hover, .previewbutton:hover, .editpost:hover, .editpost:visited:hover, .pseudobuttons, a.biglink, a.smalllink, a.smalllink:visited, .bigbutton, .editpost, .selecteddirection, a.selecteddirection:hover, .addtocart, .imlink, .imlink:link, .imlink:visited
{
 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, .bigbutton, .requiredmarker, .onlinebuddies, .offlinebuddies, .addtocart, .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, .bigbutton, .todayhours td
{
/*Text used as a label for requesting input.*/
 font-weight: bold;
}

.roundedcorners, .cartoption, .sections, .sections:visited, .reportpost, ul.pagination li a, .articlebar a, .fronttop, .quicklogin, .editpost, .pseudobuttons, a.biglink, a.smalllink, a.smalllink:visited, .bigbutton, INPUT, .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, .pseudobuttons, a.biglink, a.smalllink, a.smalllink:visited, .bigbutton, .denialpage, .submitbutton, .previewbutton, .bigbutton, .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, .detailedinfo, .profiletable, .detailedinfo { width: 100%; }

.right, .inout, #categoryjump { text-align: right; }
.titlecolumn, .categoryheader, #searchbox, .signature, .quicklogin, .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, INPUT, .mainarticle, .threadbottom, .details, .boxbody, .shoutbg, SELECT, TEXTAREA, .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; }

.refreshcaptcha, .refreshcaptcha:hover { position: relative; top: 20px; background: #000000; color: #FFFFFF; opacity: 0.5; padding: 3px; }

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

.badge
{
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  line-height: 1;
  border-radius: 10px;
}

.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;
 text-decoration: none;
}

#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, table td, .homecontent, .requiredmarker, .commentposter, .commentposteralternate, .link, .comment, .commentalternate, .categoriescolumn, .toolscolumn, .categorycell, .profiletable td { vertical-align: top; }
.quicksearch { padding: 20px; padding-left: 40px; }

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

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

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

#birthdaybox { min-height: 45px; }

.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
{
/*Hyperlinked text.*/
 cursor: pointer;
}

A:hover, A:visited:hover, .haveposted
{
/*Mouseover of hyperlinked text.*/
 text-decoration: underline;
}

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

INPUT
{
/*Input boxes where you type a short line.*/
 padding-left: 2px;
}

SELECT
{
/*Dropdown selectors.*/
 border-top-left-radius: 4px;
 border-bottom-left-radius: 4px;
}

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

.link
{
/*The listing bit table cell.*/
 border-radius: 15px;
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
}

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

.bittitle { cursor: normal; height: 25px; line-height: 25px; white-space: normal; overflow: hidden; vertical-align: middle; padding-left: 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;
}

TH
{
/*The column label label row at the top of tables.*/
 height: 25px;
 line-height: 25px;
 padding-left: 5px;
 padding-right: 5px;
 border-top-left-radius: 6px;
 border-top-right-radius: 6px;
}

.labelscolumn { width: 30%; }

.optionscolumn, .code { 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;
}

.code
{
/*The box for text within the [code] WSN Code.*/
 font-family: monospace;
 padding: 2px;
 margin: 10px;
 overflow: 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; 
}

.box
{
/*Little boxes with options, like the "Additions" and "Online Users" and "Tag Cloud" boxes.*/
 margin: 0px 0px 10px 0px;
}

.tableheader, .boxtitle
{
/*The title area for little boxes with options, like the "Additions" and "Online Users" and "Tag Cloud" boxes.*/
 height: 25px;
 line-height: 25px;
 padding-left: 10px;
 padding-right: 5px;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
}

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

.details, .boxbody
{
/*The content area for little boxes with options, like the "Additions" and "Online Users" and "Tag Cloud" boxes.*/
 padding: 8px;
 border-bottom-left-radius: 4px;
 border-bottom-right-radius: 4px;
 min-height: 75px; 
}

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

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

.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;
}

.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;
}

.menus
{
 list-style: none;
}

.menus li, .menus > a
{
 display: block;
}

.menus li a { margin: 0px; display: block; }

.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: 40px;
 width: 100%;
 opacity: .7; 
 text-align: center;
}

.dismisscookienotice
{
 position: fixed;
 bottom: 0px;
 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.*/
 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;
}

#searchbox
{
/* The search bar at the top.*/
 margin-right: 25px;
}

#searchbox input
{
 padding-left: 18px;
 background-repeat: no-repeat;
 background-position: left center;
}

.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;
}

.addtocart
{
/*The add to cart button on the details page.*/
 border: 2px outset;
 padding: 8px;
}

.addtocartcontainer
{
 margin-bottom: 10px;  
 margin-top: 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 */
}

.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;
}

.cattitle
{
 line-height: 32px;
 height: 40px;
 overflow: hidden;
 padding: 8px;
}

.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; 
}

.filedelete
{ /* this is for the bulk uploader.*/
  height: 30px;
  line-height: 30px;
  padding: 8px;
}

.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; }
 .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; }
 .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; } 
 .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; }
}

@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; } 
}
@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; } }
@media screen and (min-width: 37.5em) and (max-width: 43.75em) { .galleryimagedetail { max-width: 37em; }  .galleryimage { max-width: 100px; max-height: 100px; } }
@media screen and (min-width: 43.75em) and (max-width: 50em) { .galleryimagedetail { max-width: 43em; }  .galleryimage { max-width: 150px; max-height: 150px; } }
@media screen and (min-width: 50em) and (max-width: 64em) { .galleryimagedetail { max-width: 49em; } }
@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%; } 
}

/* Stuff below here is no longer used in templates but is maintained for legacy upgraders... perhaps we should just append it to the end of their stylesheet instead when they upgrade with a template containing this*/

a.softtab, a.softtab:visited, a.softtab:visited:hover, a.softtab:hover, a.softtabactive, a.softtabactive:visited, a.softtabactive:hover, a.softtabactive:visited:hover { padding: 0px; border: 1px outset; height: 25px; line-height: 25px; padding-left: 10px; padding-right: 10px; }
a.softtabactive, a.softtabactive:visited, a.softtabactive:hover, a.softtabactive:visited:hover, a.softtab:hover, a.softtab:visited:hover { border: 1px inset; }
.inout { position: absolute; right: 0; top: 0; padding: 10px; padding-bottom: 7px; border-bottom-left-radius: 10px; line-height: 22px; border-left: 2px outset; border-bottom: 1px outset; opacity: .5; }
.quicklogin { margin-bottom: 5px; width: 70%; height: 40px; line-height: 40px; }
.categorybox { margin-right: 20px; margin-top: 20px; min-height: 220px; }
.categoryboxbody { min-height: 210px; }
#optionalexpand, #optionalcollapse { cursor: pointer; }