body {
    background:#ffffff;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:16px;
    color:#696969;
}

.wf-loading navbutton, .wf-loading nav-tabs {
    visibility:hidden;
}

a {
    font-weight:500;
    color:#696969;
    word-break: break-word;
}

p {
    text-align:left;
    margin-bottom:6px;
}

h3 a {
    color:black;
    text-decoration:none;
    font-weight:bold;
    font-size:20px;
}

h3 a:hover {
    color:#ff872e;
}

h4 a {
    color:black;
    text-decoration:none;
    font-weight:bold;
    font-size:18px;
}

h4 a:hover {
    color:#ff872e;
}

.signupbanner {
    text-align:right;
}

a.signupbannerlink {
    font-weight:bold;
    color:#ff872e;
    margin-right: 20px;
}

.main_wrapper {
    text-align:center;
    width:940px;
    margin:0px auto;
}

#banner-image {
    float:left;
}

/* index page styles */
.centered_tabs {
    text-align:center;
    margin-bottom:12px;
    font-size:1.2em;
}

.feedstorycontainer {
    text-align:left;
    overflow:auto;
    width:100%;
    margin:0px 0px 36px 0px;
}

.feedstory_morelink {
    font-style:normal;
    font-size:0.8em;
}

.clickableImage {
    cursor:pointer;
}

.feedstorycomment {
    font-style:italic;
}

.feedstoryimagecontainer {
    float:left;
    width:278px;
    padding:10px 4px;
    overflow:auto;
    position:relative;
    border:1px solid #cccccc;
    border-radius: 12px;
    text-align:center;
}

.feedstoryimagewrapper {
    max-height:278px;
    overflow-y:hidden;
}

.feedstoryimagecontainer img {
    max-width:270px;
}

.stashpagestoryimagecontainer {
    float:left;
    width:150px;
    overflow:auto;
    position:relative;
    border:1px solid #cccccc;
    padding:12px 8px;
    text-align:center;
}

.stashpagesstoryimagewrapper {
    max-height:130px;
    overflow-y:hidden;
}

.stashpagestoryimagecontainer img {
    max-width:130px;
}

.feedstoryinfo {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color:#696969;
    float:left;
    width:440px;
    margin:0px 15px;
}

.feedstory_stashinfo a:link {
    /*color: #ff872e;*/
}

.feedstory_stashinfo a:hover {
    /*color: #555555;*/
}

.feedstoryactivityitem {
    margin:5px 0px 0px;
}

.feedstoryactivityitem img {
    vertical-align:middle;
    margin-right:10px;
    max-width:35px;
}

.featuredbox {
    margin-top:5px;
    margin-bottom:8px;
    margin-left:0;
    background-color:#d9d9d9;
    -webkit-border-radius:5px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2)
    -moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);
}

.featuredbox h3 {
    color:#2d2d2d;
    font-size: 1.5em;
    margin-top:10px;
    margin-bottom:0px;
    padding:3px 5px;
}

.featuredstashescontainer {
    width:100%;
    text-align:center;
}

.featuredstashimagecontainer {
    overflow:auto;
    width:192px;
    position:relative;
    border:1px solid #cccccc;
    padding:12px 8px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:15px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px 7px 7px 7px;
    -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2)
    -moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);
}

.featuredstashimagecontainer h4 {
    margin:4px 0px;
}

.featuredstashimagecontainer h5 {
    margin:2px 0px;
}

.featuredstashimagecontainer img {
    max-width:150px;
}
.recommconvoimagepad {
    height:150px;
    line-height:150px;
    width:150px;
    margin:auto;
    overflow-y:hidden;
}

.stashesgalleryview {
    float:left;
    margin-left:12px;
    margin-right:10px;
}

.stashesgalleryview h4 {
    max-height:21px;
    overflow:hidden;
}

.lastconvolink {
    max-height:39px;
    overflow:hidden;
}

.recommconvolink {
    height:3.5em;
    margin-top:4px;
    margin-bottom:4px;
    text-align: center;
    overflow:hidden;
    text-decoration:none;
}
/* end index page styles */

/* Header and footer styles */
.banner_wrapper {
    padding:0px 0px;
    height:38px;
}

.navmenuwrapper {
    width: 100%;
    float: left;
    text-align: left;
}

/*
.navmenuactions {
    margin-top:4px;
    float:right;
}
.navmenu {
    padding:0px;
    margin: -3px;
    text-align:left;
    list-style-type:none;
    display:inline-block;
}

.navmenu li {
    margin:0px 3px 0px 0px;
    float:left;
}

.navmenu a {
    color:#ff872e;
    text-decoration:none;
    font-weight:bold;
}

.navmenu img {
    height:30px;
    vertical-align:middle;
}
*/
#footer {
    margin:40px 40px 20px;
    text-align:right;
    font-size:13px;
    clear:both;
}

/* share buttons in the footer have weird margins. re-position them with these
   wrappers to save space and makethem prettier */
#googleplus_wrapper {

}

/* End header footer styles */

/* Table styles */
.listtable {
   margin:0px auto 36px auto;
   width:940px;
}

.convomaintable {
   margin:0px auto 36px auto;
}


th { 
   text-align:center;
}

.superheader {
   text-align:left;
   font-weight:bold;
   font-size:18px;
   background-color:#f7f7f7;
   color:#336666;
   opacity:0.7;
   padding:4px 8px;
   margin-bottom:8px;
}

.superheader a {
   font-weight:bold;
   font-size:18px;
   color:#336666;
}

td {
   padding: 8px 8px;
   text-align:left;
}

td a {
   color:#696969;
}

td a:hover {
   text-decoration:underline;
   color:#336666;
}

.seemore {
    text-decoration:underline;
    text-align:center;
}

.recommlisttable {
    margin:0px auto 36px auto;
    width:940px;
    float:left;
    clear:both;
}

td { 
   text-align:left;
}
/* End table styles */

/* I think this style is obsolete except for stash */
#convocontainer, .convocontainer {
    padding:8px 8px;
    width:72%;
}

/* Convo styles */
.convomain {
    width:940px;
    text-align:left;
}

.convonarrow {
    width:240px;
    float:left;
}

.convosharebuttons img {
    cursor:pointer;
    height:24px;
}

.convoTopicHeader {
    color:#000000;
    font-size:24pt;
    margin:0px;
}

/* used on autopost.php, which simulates a convo page */
.unaccepted_comment {
    border: 2px dotted #666!important;
    background-color:#dedede;
}

.tlc {
    border-bottom:1px solid #efefef;
    padding-bottom:36px;
    margin: 24px 0px;
    width:100%;
}

.heads_bg {
    background:#efefef;
    padding:0px 0px;
    height:60px;
    width:100%;
    margin:auto;
}

.tlc_head {
    background:#000000;
    height:60px;
    width:60px;
    text-align:center;
    position:relative;
    float:left;
}

.tlc_head img {
    vertical-align:middle;
    position:absolute;
    bottom:0;
    top:0;
    left:0;
    right:0;
    margin:auto;
}

.commenteditortextarea {
    margin-bottom:25px;
}

.posttextarea {
    width:800px;
}

.texteditbuttons {
    margin-right:8px;
    text-align:right;
    float:right;
}

/* similar to .texteditbuttons, but for posts, not comments */
.posteditbuttons {
    text-align:right;
    /*position:absolute;*/
    width:95%;
}

.commenters_heads {
    float:left;
    text-align:left;
    vertical-align:middle;
}

.commenters_heads img {
    float:left;
    margin:4px 4px;
}

.babybear {
    width:24px;
    height:24px;
}

.mamabear {
    width:36px;
    height:36px;
}

.papabear {
    width:48px;
    height:48px;
}

.commenter_info {
    display:inline-block;
    margin:6px 0 4px 6px;
}

.thumbnail {
    display:inline-block;
}

.commenter_text {
    display:inline-block;
    vertical-align:top;
}

.thumbnail img {
    -webkit-border-radius:3px;
    -moz-border-radius:3px 3px 3px 3px;
}

a img {
    border:0;
}

.timestamp {
    font-size:13px;
    text-decoration:none;
}

a.twitteruname {
    text-decoration:none;
    color:#4099FF;
}

a.underline {
    text-decoration:underline;
}

.post_actions_container {
    margin-top:16px;
    display: inline-block;
    float: right;
    padding-bottom: 4px;
    padding-right: 10px;
}

.messagecontainer {
    padding:8px 8px;
    width:72%;
}

.cm_container {
    overflow:parent;
    width:100%;
    position:relative;
}

.cm_text {
    margin: 4px 4px 4px 0px;
    text-align:left;
    color:#000;
    font-size:20px;
    word-wrap:break-word;
}

.cm_text p {
    min-height:1em;
    margin-top:10px;
    margin-bottom:6px;;
}

.cm_text img {
    max-width:900px;
}

.cm_text textarea {
    width:98%;
}

.cm_actionbar {
    width: 100%;
    margin-bottom:30px;
    background:#f7f7f7;
    border: 1px solid #cccccc;
    -webkit-border-radius:0px 0px 5px 5px;
    -moz-border-radius:0px 0px 5px 5px;
    -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2)
    -moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
}

.post_actionbar {
    width:100%;
    margin-top:20px;
    text-align:left;
}

ul.cm_toolbar {
    padding:0px;
    margin:0px 0px 30px;
}

ul.cm_toolbar li {
    float:left;
    list-style-type:none;
    margin:0px 5px 0px 0px;
    padding:0px;
}

blockquote {
    border-left:2px solid #0066CC;
    padding-left:10px;
}

/* buttons which are styled from standard text-valued html buttons */
input[type="button"] {
    cursor:pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    border-radius:4px;
    font-weight:bold;
}

input[type="file"] {
    cursor:pointer;
}

.greyButton {
    color:#000;
    background-color:#ccc;
    border:2px solid #000;
}

.blueButton {
    color:#fff;
    background-color:#0001ca;
    border:2px solid #0001ca;
}

.fileInputContainer {
    position:relative;
    display:inline-block;
    overflow:hidden;
}

.invisibleFileInput {
    position:absolute;
    top:0px;
    left:0px;
    height:30px;
    filter:alpha(opacity=0);
    -moz-opacity:0.0;
    -khtml-opacity:0.0;
    opacity:0.0;
}

/* end of text-valued html buttons */

.editModeComment {
    border:2px dotted #0FAAFA;
    margin-bottom:6px;
}

.editModeComment img {
    max-width:600px;
}

.unviewed {
    background:#ff6600;
}

.display_none {
    display:none;
}

.bold {
    font-weight:bold;
}

.visibility_hidden {
    visibility:hidden;
}

.vertical_align_middle img, .vertical_align_middle input {
    vertical-align:middle;
}

.center {
    text-align:center;
}

.clear_left {
    clear:left;
}

.clear_right {
    clear:right;
}

.clear_both {
    clear:both;
}

.action_feedback {
    height:1em;
}

.red {
    color:#ae0001;
}

.green {
    color:#00cc00;
}

.orange {
    color:#ff872e;
}

.oneToOneContainer {
    margin-left:60px;
}

.keeper_widget {
    font-size:0.75em;
}

.keeper_widget img {
    vertical-align:middle;
}

.connectcontainer img {
    vertical-align:middle;
    margin:0px 3px 3px 0px;
}

.keeper_widget a {
    color:#cccccc;
    border:0px;
    text-decoration:none;
}

.keeper_widget span {
    text-decoration:underline;
}

.whuffie_widget_header {
    margin-top:5px;
}

.errordialogmsg {
    width:350px;
}

.dialogbuttoncontainer, .errordialogbuttoncontainer {
    text-align:right;
    margin:10px 0px 10px;
}

.dialog_editor img {
    max-height:300px;
    max-width:400px;
}

/* the "Stash It" style buttons require more margin */
.dialogbigbuttoncontainer {
    text-align:right;
    margin:20px 0px 20px;
}

.pwtitlebar {
    font-color:#ff872e;
    background-color:#FFFFFF;
}

.friendlistitem {
    margin:6px 0px 0px;
}

.friendlistitem img {
    vertical-align:middle;
    margin:0px 5px 0px;
}

.disabled {
    font-style:italic;
    color:#808080;
}

.contact {
    margin:15px 0px 0px;
}

.contact img {
    vertical-align:middle;
}

.transparent {
    opacity:0;
}

.formelementcontainer {
    margin:8px 0px 0px;
}

input.syndicatewidget {
    vertical-align:top;
}

a.syndicatewidget {
    font-size:0.9em;
}

.smalltext {
    font-size:0.8em;
}

.charcount {
    text-align:right;
}

a.button {
    text-decoration:none;
}

span.button-check {
    text-decoration:none;
    color:#ff872e;
    font-weight:bold;
}

.dashboarditemcontainer {
    margin:5px 0px 5px 15px;
}

.import_cm_container {
    overflow:auto;
    position:relative;
    border:1px solid #cccccc;
    margin:10px 20px;
    padding:12px 0px;
    text-align:center;
    -webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2)
    -moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    display:block;
    overflow:hidden;
}

/* import_cm_container is also used in bookmarket in phantomjs screenshots.
   width needs to be adjustable for now outside of convo context. use this
   "wide" class in convo context to make full use of page width */
.wide {
    width:100%;
    margin:0px;
    border-bottom: 0;
}

.smallimages img {
    max-width:200px;
    max-height:200px;
}

.stashedmarkup_wrapper {
    text-align:center;
}

.stashedmarkup_wrapper p {
    min-height:1em;
}

.stashedmarkup_container {
    display:inline-block;
    position:relative;
    min-height:2em;
    min-width:500px;
    padding-left:10px;
    padding-right:10px;
}

.imagechangerpreview {
    max-width:250px;
    max-height:250px;
}

.imagechangercontainer {
    position:relative;
    text-align:center;
    display:inline-block;
}

.imagechangerbanner {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    z-index:10;
    margin:0px;
    padding:3px 0px 3px;
    font-size:16px;
    background-color:#336666;
    text-align:center;
}

.imagechangerbanner a {
    font-weight:bold;
    color:#fff;
}

.import_cm_container img {
    max-width:900px;
}

.text_overlay {
    background:rgba(0,0,0,0);
    position:absolute;
    top:0px;
    left:3px;
    padding:28px 24px 0px 16px;
    text-align: left;
    font-size:36px;
    font-weight:bold;
    color:white;
    text-shadow:-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.text_overlay div {
    height:36px;
}

.image_source_link_container {
    font-size:0.8em;
    text-align:right;
}

.source_link_wrapper {
    margin:8px auto;
    text-align:center;
}    

.import_item_wrapper {
    margin-bottom:10px;
}

.popupcontentcontainer {
    width:350px;
}

.permalink_warning {
    border:2px solid #ae0001;
    padding:0px 24px;
}

.avatarImportContainer {
    float:left;
    margin:10px 5px 5px 0px;
    text-align:center;
}

.shoutoutWrapper {
    width:500px;
}

.shoutoutButtonContainer {
    margin-top:4px;
    text-align:right;
}

.shoutoutPlatformContainer {
    float:left;
}

.stashlist {
    cursor:pointer;
}

.stashItButton {
    cursor:pointer;
    margin-top:10px;
    border:1px solid #000;
    border-radius:8px;
    color:#000;
    background-color:#ccc;
    text-decoration:none;
    font-weight:bold;
    padding:10px;
}

.stashItButtonDarker {
    background-color:#c0c0c0;
}

.redButton {
    cursor:pointer;
    margin-top:10px;
    border:1px solid #000;
    border-radius:8px;
    color:#fff;
    background-color:#b50000;
    text-decoration:none;
    font-weight:bold;
    padding:10px;
}

.movableButton {
    cursor:move;
}

.clickableButton {
    cursor:pointer;
}

.iphone-protip {
    margin-top:40px;
}

/* Button styles */
.loginbutton {
    padding-bottom:20px;
    clear:both;
}

table.loginTable {
    display:inline-block;
}

.bigbutton_dropshadow {
    -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
    box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
    cursor:pointer;
}

.smallbutton_dropshadow {
    -webkit-box-shadow:0 5px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:0 5px 3px rgba(0, 0, 0, 0.5);
    box-shadow:0 5px 3px rgba(0, 0, 0, 0.5);
    cursor:pointer;
}
/* End button styles */

/* Stash list styles */
.stashlist_wrapper {
    margin-top:48px;
    padding-left:48px;
    text-align:left;
}

.stashlist_item {
}

.convoStashList {
    padding-left:16px;
    text-align:left;
}
/* End stash list styles */

/* Stash page styles */
#stashpage_header {
    margin:0px;
    padding:0px;
}

.stashpage_dialogbuttoncontainer {
    text-align:right;
    margin:24px 0px 10px;
}

/* image + description */
.stashpage_info_container {
    margin:30px 0px 40px;
    width:100%;
    overflow:auto;
}

.stashpage_image_container {
    position:relative;
    float:left;
    width:30%;
}

.stashpage_description_container {
    float:left;
    /* leave some extra width to prevent horizontal scrollbars */
    width:50%;
    overflow:hidden;
}

.stashpage_sharebuttons_container {
    float:left;
    /* leave some extra width to prevent horizontal scrollbars */
    width:17%;
    overflow:hidden;
}
.stasher_byline {
    margin:8px 3px;
    min-height:30px;
}

.stashpage_textarea {
    width:99%;
}

/* End stash page styles */

/* new user install bookmarklet styles */
.proceedbuttoncontainer {
    text-align:center;
    margin-top:50px;
}
/* end new user install bookmarklet styles */

/* Profile styles, has no header */
.profilecontainer {
    text-align:left;
    width:860px;
    margin:12px auto;
}

.allowedmarkupwidget_header {
    font-weight:bold;
    margin-top:10px;
}

.profilepage_stashpreview {
    margin:0px 0px 20px;
    display:inline-block;
    width:220px;
}


.profilepage_stashpreview img {
    max-width:200px;
}

.profilepage_stashname {
    text-align:center;
}

#profile_description_display {
    margin-bottom:10px;
}

/* image + description */
.profilepage_subheader {
    margin-top:50px;
}

#profilepage_info_container {
    margin: 5px 0px 20px;
    width: 100%;
    overflow:auto;
    border: #ccc 1px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset;
}

#profilepage_image_container {
    position:relative;
    float:left;
    padding: 10px 0 0 10px;
    width:25%;
}

.platform_icon_container {
    margin-top:3px;
}

.platform_icon_container img {
    margin-right: 3px;
}



#profilepage_description_container {
    float:left;
    margin-top: 10px;
    /* leave some extra width to prevent horizontal scrollbars */
    width:70%;
    overflow:hidden;
}

.profilepage_textarea {
    width:90%;
}
/* End profile styles */

/* bookmarklet styles */
.bookmarklet_form_wrapper {
    text-align:left;
    padding-left:0px;
}

.install_bookmarklet_wrapper {
    border:1px solid #ff0000;
    padding-left:15px;
    margin-bottom:15px;
}

/* End bookmarklet styles */

/* Props avatars styles */
.props_given {
    padding-right:5px;
    margin-left:-3px;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
    color:#999999;
}

.propsbuttoncontainer {
    margin-top:26px;
    float:right;
}

.save-button {
    width: 70px;
    margin-right:5px;
}
.props_avatars {
    margin: 1px;
    width: 30px;
    height: 30px;
    text-align:center;
    border: 1px solid #F0F0F0;
    background-color: #F0F0F0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.view_counter {
    width: 120px;
    margin: 2px;
    border: 2px solid #F0F0F0;
    padding: 0px;
    position:relative;
    float:right;
    text-align:center;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}

.counter {
    font-family:arial, helvetica, sans-serif;
    font-size:14px;
    color:#999999;
    text-align:center;
}

/* Stash Follower Avatars*/
.follower_text {
    font-family:arial, helvetica, sans-serif;
    font-size:14px;
    color:#999999;
    text-align:left;
}

.follower_avatars {
    margin: 1px;
    width: 30px;
    height: 30px;
    text-align:center;
    border: 1px solid #F0F0F0;
    background-color: #F0F0F0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
/* Dashboard Styles */

rect.barComments {
  fill: #125270;
}

rect.barProps {
  fill: #C0362C;
}

rect.barViews {
  fill: forestgreen;
}

.stashCircle {
    fill: Orange;
}
.axis text {
  font: 10.5px sans-serif;
}

.axis path, .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

/* tooltip */

/*
   IMPORTANT: dijit dialogs set their dimensions based on the content inside
   them at creation time, so when changing these styles it's important to
   specify heights and widths of bounding boxes IN PIXELS to avoid scrollbars
   and/or strangely-sized tooltips
*/

.tooltiplink {
    color:#336666;
}

.teal {
    color:#336666;
}

.tooltip_header {
    color:#336666;
    margin:0px;
    padding:0px;
}

.tooltip_profilecontainer {
    height: 325px;
}

.tooltip_profilecontainer_descriptionless {
    height: 275px;
}

.tooltip_stashcontainer {
    height: 415px;
}

.tooltip_stashcontainer_descriptionless {
    height: 370px;
}

.tooltiplisttable td img {
    max-width:50px;
}

.tooltiplisttable th {
    color:#336666;
    text-align:left;
}

.tooltip_convolist {
    float:left;
    width:390px;
    margin:0px 15px;
}

.tooltip_stashlist {
    float:left;
    width:250px;
    margin:0px 15px;
}

/* end of tooltip styles */

.emailprefstable td {
    min-width:50px;
}

/* settings page */

/* end of settings page */


/* paginator widget */
.paginator {
    width: 60%;
    margin: 50px auto;
    text-align: center;
}
.page-num {
    font-family: 'Michroma', sans-serif;
    font-size:14px;
    position: relative;
    display: inline-block;
    min-width: 20px;
    padding: 6px 12px;
    margin-bottom: 0;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #ff872e;
    color: white;
    outline: 0;
    text-decoration: none;
    transition: all .1s linear;
}
.page-num:hover {
    background-color: #fa6a00;
}

.btn-next {
  border-radius: 4px 0 0 4px;
  margin-right: 18px;
  transition: all .1s linear;
}
.btn-next:hover::after {
  border-left: 17px solid #fa6a00;
}
.btn-next::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -18px;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 17px solid #ff872e;
}

.btn-prev {
  border-radius: 0 4px 4px 0;
  margin-left: 18px;
  transition: all .1s linear;
}
.btn-prev:hover::after {
  border-right: 17px solid #fa6a00;
}
.btn-prev::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -18px;
  width: 0;
  height: 0;
  border-bottom: 17px solid transparent;
  border-top: 17px solid transparent;
  border-right: 17px solid #ff872e;
}

.selected-page {
  color: #434343;
}

/* messages / notifications page */

.notif_avatar {
    display:inline-block;
}

.notif_text {
    display:inline-block;
    max-width:80%;
}

.notifscolumn {
    float:left;
    width:60%;
}

.msgscolumn {
    float:left;
    width:38%;
}

.dm_thread_container {
    margin-top:10px;
}

.dm_thread_container img {
    vertical-align:middle;
}

.msg_head {
    clear:right;
    margin:10px 0px 0px;
}

.msg_head img {
    vertical-align:middle;
}

.unreadmessage {
    background-color:#ffbc8a;
    padding:3px 4px 3px 4px;
}

.messagestable td {
    padding:0px;
}

/* end of messages / notifications page */

/* in-site image picker -- NOT the bookmarklet image picker */
.translucentOverlayPane {
    position:absolute;
    top:30px;
    left:0px;
    z-index:10000;
    left:0px;
    width:100%;
    height:10000px;
    background-color:#fff;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;
}

.suggestedImagesPane {
    position:absolute;
    z-index:10001;
    top:30px;
}

.suggestedImagesHeader {
    position:fixed;
    top:0px;
    left:0px;
    z-index:10002;
    width:100%;
    vertical-align:middle;
    color:#fff;
    font-weight:bold;
    height:30px;
    text-align:center;
    background-color:#336666;
    padding:0px;
    margin:0px;
}

.suggestedImageWrapper {
    float:left;
    text-align:center;
    position:relative;
    cursor:pointer;
    margin:0px;
    padding:0px;
    height:200px;
    width:200px;
    background-color:#fff;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.allSuggestedImagesContainer {
    float:left;
    width:90%;
}

.savedImagesWrapper {
    position:fixed;
    display:inline-block;
}

.savedImagesContainer {
    float:right;
}

.savedImagesConfirmButton {
    margin:20px;
}

.savedImagesContainer img {
    max-width:70px;
    display:block;
    float:right;
    border:1px solid #85cccc;
    margin-right:5px;
}

.highlightedImageContainer {
    background-color:#85cccc;
}

.previewImageDialog {
    z-index:10003;
    position:absolute;
    background-color:#fff;
    padding:5px 5px 20px 5px;
    border:2px solid #336666;
}

.previewImageDialog img {
    max-width:600px;
    max-height:400px;
    border:1px solid #ccc;
}

.suggestedImagesCancelLink {
    float:right;
    margin-right:15px;
    font-size:0.9em;
}

.suggestedImagesCancelLink a {
    color:#fff;
}

.suggestedImageWrapper:hover {
    background-color:#ccc;
}

.suggestedImageContainer {
    margin-top:15px;
}

.suggestedImageContainer img {
    max-width:160px;
    max-height:120px;
}

.seeMoreImagesButton img {
    max-width:200px;
}

.suggestedImageDims {
    position:absolute;
    width:100%;
    bottom:0px;
    color:#000;
}

/* end of in-site image picker widget */

/* Stash a Web Page styles */
.greyedOutBox {
    color:#808080;
}
/* end of Stash a Web Page styles */

/* mouseoverShare / captionIt widget styles */
.imageMouseoverTools {
    margin-top:-37px;
    text-align:left;
}

.imageMouseoverTools img {
    cursor:pointer;
}

/* end of mouseoverShare / captionIt widget styles */

/* Begin PandaWhale Search Styles */
.search-result-link {
    width: 100%;
    height: 100%;
    display: block;
}
.thumb-wrapper {
    width: 100px;
    height: 100px;
    overflow: hidden;
    float: left;
    position: relative;
    margin-top: 5px;
    margin-right: 10px;
}
.thumb-wrapper .searchresultimg {
    display:block;
    position: absolute;
    width: 102px;
    height: 100px;
    left: 50%;
    margin-left: -51px; // half of above defined width eg. 120/2 = 60
}
.thumb-wrapper .searchresultimg img{
    width: auto !important;
    max-width: 102px !important; // should be wider than final thumbnail
    min-width: 100px !important; // desired width of thumbnail
    height: 100px !important; // desired thumbnail height
    margin: 0 auto;
    display: block;
}
.search-result {
    width: 100%;
    height: 150px;
    border-top: 2px dotted #E2E9EF;
    position: relative;
    float: left;
} 
.search-result-title {
    float: left;
    display: block;
}
.search-result-type {
    float: right;
    display: block;
}
.search-result-name {
    display: block;
}
.search-result-byline {
    float: left;
    margin-left: 110px;
}
.search-result-timestamp {
    display: block;
    float: right;
}
.searchbox-container {
    float:right;
    margin: 3px;
}
.searchbox-form {
    background-clip: padding-box;
    
    border-radius:         3px;
    -moz-border-radius:    3px;
    -o-border-radius:      3px;
    -webkit-border-radius: 3px;
    
    height: 33px;
    padding: 0;
    width: 250px;
}

.searchbox-input {
    background: transparent;
    background: #FCFCFC;
    background-clip: padding-box;
    
    border: none;
    border-radius:         26px;
    -moz-border-radius:    26px;
    -o-border-radius:      26px;
    -webkit-border-radius: 26px;
    
    box-shadow:         inset 0 0 5px rgba(0, 0, 0, 0.1), 
                        0 1px 0 rgba(255, 255, 255, 0.5), 
                        inset 0 1px 2px rgba(0, 0, 0, 0.3), 
                        0 0 40px rgba(255, 255, 255, 0.3);
    -moz-box-shadow:    inset 0 0 5px rgba(0, 0, 0, 0.1), 
                        0 1px 0 rgba(255, 255, 255, 0.5), 
                        inset 0 1px 2px rgba(0, 0, 0, 0.3), 
                        0 0 40px rgba(255, 255, 255, 0.3);
    -o-box-shadow:      inset 0 0 5px rgba(0, 0, 0, 0.1), 
                        0 1px 0 rgba(255, 255, 255, 0.5), 
                        inset 0 1px 2px rgba(0, 0, 0, 0.3), 
                        0 0 40px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1), 
                        0 1px 0 rgba(255, 255, 255, 0.5), 
                        inset 0 1px 2px rgba(0, 0, 0, 0.3), 
                        0 0 40px rgba(255, 255, 255, 0.3);
    
    color: #333;
    height: 30px;
    outline: none;
    padding: 0 20px 0 28px;
    margin-top: 0px;
    margin-left: 5px;
    
    transition:         all .1s linear;
    -moz-transition:    all .1s linear;
    -o-transition:      all .1s linear;
    -webkit-transition: all .1s linear;
    
    width: 200px;
}

.searchbox-input:focus {
    background: transparent;
    background: #FCFCFC;

    box-shadow:         inset 0 0 5px rgba(0, 0, 0, 0.2), 
                        0 1px 0 rgba(255, 255, 255, 0.7), 
                        inset 0 1px 2px rgba(0, 0, 0, 0.4), 
                        0 0 40px rgba(255, 255, 255, 0.5);
    -moz-box-shadow:    inset 0 0 5px rgba(0, 0, 0, 0.2), 
                        0 1px 0 rgba(255, 255, 255, 0.7), 
                        inset 0 1px 2px rgba(0, 0, 0, 0.4), 
                        0 0 40px rgba(255, 255, 255, 0.5);
    -o-box-shadow:      inset 0 0 5px rgba(0, 0, 0, 0.2), 
                        0 1px 0 rgba(255, 255, 255, 0.7), 
                        inset 0 1px 2px rgba(0, 0, 0, 0.4), 
                        0 0 40px rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2), 
                        0 1px 0 rgba(255, 255, 255, 0.7), 
                        inset 0 1px 2px rgba(0, 0, 0, 0.4), 
                        0 0 40px rgba(255, 255, 255, 0.5);
}

.searchbox-input-label {
    background: transparent url(/images/SearchMagnifyingGlass.png) no-repeat top left;
    cursor: pointer;
    display: block;
    height: 88%;
    position: relative;
    text-indent: -99999px;
    top: -22px;
    width: 16px;
    margin-left: 14px;
    <!--[if lte IE 8]>
    float: left;
    <![endif]-->
}
/* End of PandaWhale Search Box Styles */
.heart-button {
    width: 50px;
}
.high-res-button {
    width: 70px;
    margin-top: 26px;
}
.add-image-button {
    width: 70px;
}
.new-comment-button {
    width: 105px;
}
.propsbutton {
    width: 30px;
}

/* Restash combobox styles */
#stash-instructions {
    color: #333;
    margin: 8px 0 8px 0;
}

.stash-button {
    width:70px;
}

#widget_dijit_form_ComboBox_0 {
    margin-bottom:20px;
}

#dijit_form_ComboBox_0_popup_prev {
    color: #696969;
}

#dijit_form_ComboBox_0_popup {
    color: #000000;
    //color: rgb(255, 120, 20);
}

#dijit_form_ComboBox_0_popup_next {
    color: #696969;
}

/** 404 Page styles **/
.error404info {
    margin:5px;
    margin-top:40px;
}

circle {
    fill:none;
    stroke-width: 1.5px;
}

/* post cards */
.post_card_container {
    width: 400px;
    height: 330px;
    padding: 10px;
    margin-top:0px;
    margin-left: 31px;
    margin-right: 11px;
    text-align:center;
    float:left;
}

.post_card_imagecontainer {
    overflow:auto;
    height: 240px;
    border:1px solid #ccc;
    padding: 15px 10px 0px;
    -webkit-border-top-left-radius:10px; 
    -webkit-border-top-right-radius:10px;
    -moz-border-radius:10px 10px 0px 0px;
}

.post_card_imagewrapper {
    max-height: 300px;
    max-width: 360px;
    overflow-y:hidden;
    display: block;
    margin: 0 auto;
}

.post_card_imagewrapper img {
    width:100%;
}

.post_card_info {
    background-color:#cccccc;
    -webkit-border-bottom-left-radius:10px; 
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius:0px 0px 10px 10px;
}

.post_card_info h3 {
    padding:10px 10px;
    margin:0px;
}

.post_card_topic {
    font-weight:bold;
    font-size: 1em;
    color:#000000;
    text-decoration:none;
}

.post_card_topic:hover {
    color:#696969;
}
/* end of post cards */

/* --- Start New Styles --- */

.mainlogo {
    float: left;
    margin-top: 4px;
}

.navmenu {
    float: right;
    margin-top: 4px;
}

.navform {
    display: inline;
}

navbutton, .navbutton {
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: 'Michroma', sans-serif;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 0; 
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.55em;
  padding-right: 1.1em;
  padding-bottom: 0.65em;
  padding-left: 1.1em;
  font-size: 1em;
  background-color: #7a7a7a;
  border-color: #666666;
  color: white; }
  navbutton:hover, navbutton:focus, .navbutton:hover, .navbutton:focus {
    background-color: #ff872e;
    color: white; 
    }

@media only screen {
  navbutton, .navbutton {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out; }
    navbutton:active, .navbutton:active {
      -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
    navbutton.radius, .navbutton.radius {
      -webkit-border-radius: 3px;
      border-radius: 3px; }
    navbutton.round, .navbutton.round {
      -webkit-border-radius: 1000px;
      border-radius: 1000px; } 
      }
@media only screen and (min-width: 48em) {
  navbutton, .navbutton {
    display: inline-block; } 
    }

.highlighted-navbutton {
    background: #ff872e;
}
highlighted-navbutton:hover, highlighted-navbutton:focus, .highlighted-navbutton:hover, .highlighted-navbutton:focus {
    color: #595959;
}

.small-navbutton {
    background: #3214CC;
    font-size:0.75em;
    line-height:0.75em;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

/* Bookmarklet button style to avoid css conflicts */
#pandawhaleSaveImagesButton {
  border-style: solid!important;
  border-width: 1px!important;
  cursor: pointer!important;
  font-family: 'Michroma', sans-serif!important;
  font-weight: bold!important;
  line-height: 1!important;
  margin: 0 0 0!important; 
  position: relative!important;
  text-decoration: none!important;
  text-align: center!important;
  display: inline-block!important;
  padding-top: 0.55em!important;
  padding-right: 1.1em!important;
  padding-bottom: 0.65em!important;
  padding-left: 1.1em!important;
  font-size: 1em!important;
  background-color: #7a7a7a!important;
  border-color: #666666!important;
  color: white!important; }


/* Don't use native buttons on iOS */
input[type=submit].navbutton { -webkit-appearance: none; }
input[type=button].navbutton { -webkit-appearance: none; }


/* Begin Tabbed Navigation */
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  font-family: 'Michroma', sans-serif;
  font-size:14px;
  color:#666666;
  text-decoration: none;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav > li.disabled > a {
  color: #999999;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #428bca;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #dddddd;
  margin-top: 0;
  margin-bottom: 30px;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.8;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  text-decoration: none;
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
}

.unread {
    color: #ff872e;
}