/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

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

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {
    display:block;
}

body {
    line-height: 1.5;
    background: white;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    float:none !important;
}

table, th, td {
    vertical-align: middle;
}

blockquote:before, blockquote:after, q:before, q:after { 
    content: ''; 
}
blockquote, q { 
    quotes: "" ""; 
}

a {
    cursor:pointer;
}

a img { 
    border: none;
}

:focus { 
    outline: 0; 
}

      /* Element Defaults */

body {
background:url('https://d3ce34bblxrgt9.cloudfront.net/img/wallpaper.jpg');
color:#444444;
font-size:14px;
line-height:1.5em;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

a {
cursor:pointer;
text-decoration:none;
color:#2162b4;
}
a:hover {
text-decoration:underline;
}

img {
font-size:0;
}

input.text {
height:28px;
padding:6px;
background:#ffffff;
border:1px solid #888888;
box-shadow:inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
font-size:14px;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

textarea,
div.annotary-rich-editor {
padding:6px;
background:#ffffff;
border:1px solid #888888;
box-shadow:inset 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
font-size:14px;
height:56px;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
resize:vertical;
}

div.annotary-rich-editor {
overflow-y:auto;
}

div.annotary-rich-editor a {
font-weight:bold;
}

form {
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
}

form input.text, .form input.text,
form input.file, .form input.file,
form textarea, .form textarea,
form div.annotary-rich-editor, .form div.annotary-rich-editor {
display:block;
width:50%;
min-width:340px;
margin-bottom:20px;
}

form label, .form label {
display:block;
font-weight:bold;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
margin-bottom:5px;
}

form label .hint, .form label span.hint {
float:right;
font-weight:normal;
font-size:12px;
color:#999;
}

form label.inline {
display:inline;
font-weight:normal;
margin-bottom:0;
}

form .bare-input-block {
margin-bottom:20px;
}

button,
input.button {
background:#4f9040;
border:none;
margin:0;
padding:5px 14px;
font-size:14px;
color:#ffffff;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
font-weight:600;
box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.3);
cursor:pointer;
}

button.disabled {
background:#cccccc;
cursor:default;
}

h2 {
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
font-size:22px;
font-weight:600;
line-height:normal;
}

h3 {
font-size:24px;
font-weight:600;
margin:14px 0 20px;
color:#444444;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
}

h4 {
font-weight:600;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
margin-bottom:30px;
line-height:1em;
padding-bottom:10px;
border-bottom:1px solid #888888;
}

h4 a {
font-weight:normal;
float:right;
}

h5 {
font-weight:600;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
margin-bottom:10px;
}

hr {
color:#444444;
background:#444444;
height:1px;
border:none;
}

p {
margin-bottom:1em;
}

ul {
margin-left:20px;
margin-bottom:1em;
}

/* END Element Defaults */



/* Grid System */

.pagewidth {
width:90%;
padding-left:5%;
padding-right:5%;
}

.pagewidth > .content {
max-width:1500px;
margin:auto;
}

.col {float:left;}
.col.coledge {float:right;margin-right:0;}

@media print {

  #total-columns-indicator {width:1px;}
  .col {margin-right:0;}
  .col1 {width:100%;}
  .col2 {width:100%;}
  .col3 {width:100%;}
  .colcontent {width:100%;}

  .hide1 {display:none !important;}

  /* Special rules */
  .mainheader {display:none !important;}
  .pageheader {padding-top:20px !important;}
  .gsfn-widget-tab {display:none !important;}
  .sidebar {display:none !important;}
  .bookmark {box-shadow:none !important;padding-bottom:30px !important;border-bottom:1px solid #999999 !important;}
  .bookmark .toolbar {display:none !important;}
  .highlight {display:block !important;}
  .showhighlights {display:none !important;}
  .modal {display:none !important;}
  body > footer {display:none !important;}


}

@media screen and (min-width:0px) and (max-width:619px) { /* 1 Column */

  #total-columns-indicator {width:1px;}
  .col {margin-right:0;}
  .col1 {width:100%;}
  .col2 {width:100%;}
  .col3 {width:100%;}
  .colcontent {width:100%;}

  .hide1 {display:none !important;}

  /* Special rules */
  .mainheader {position:absolute !important;}
  .pageheader {padding-top:192px !important;}
  .gsfn-widget-tab {display:none !important;}
  .mainheader.no-mobile-nav td.search {display:none;}
  .mainheader.no-mobile-nav table.col3 {width:auto;}
  .mainheader.no-mobile-nav nav.mainnav {display:none;}
  .mainheader.no-mobile-nav nav.usernav {display:none;}
  .mainheader.no-mobile-nav.no-mobile-nav-auth nav.mainnav {display:block;width:auto;}
  .mainheader.no-mobile-nav nav.mainnav.signupnav {display:block;width:auto;}

}

@media screen and (min-width:620px) and (max-width:949px) { /* 6 Columns, Stretch Content Col3 to 4 */

  #total-columns-indicator {width:6px;}
  .col {margin-right:3%;}
  .col1 {width:14.1666666667%;}
  .col2 {width:31.3333333333%;}
  .col3 {width:48.5%;}
  .col4, .colcontent {width:65.6666666667%;}
  .col5 {width:82.8333333333%;}
  .col6 {width:100%;}

  .colcontent.floats {width:68.6666666667%;margin-right:0;}
  .colcontent .col2 {width:45.43%;margin-right:4.57%;}
  .colcontent .col3 {width:95.43%;margin-right:0;}
  .colcontent.floats .page {margin-right:2.62%;}
  .colcontent .contentwidth {margin-right:2.62%;}

  .hide6 {display:none !important;}
  .mainheader nav.mainnav .nav-label {display:none;}
  .mainheader nav.mainnav .icon-left {margin-right:0 !important;}

}

@media screen and (min-width:950px) { /* 8 Columns */

  #total-columns-indicator {width:8px;}
  .col {margin-right:2%;}
  .coledge {float:right;margin-right:0;}
  .col1 {width:10.75%;}
  .col2 {width:23.5%;}
  .col3 {width:36.25%;}
  .col4 {width:49.0%;}
  .col5 {width:61.75%;}
  .col6, .colcontent {width:74.5%;}
  .col7 {width:87.25%;}
  .col8 {width:100%;}

  .colcontent.floats {width:76.5%;margin-right:0;}
  .colcontent.floats .col2 {width:30.713333333%;margin-right:2.62%;}
  .colcontent.floats .col3 {width:47.38%;margin-right:2.62%;}
  .colcontent.floats .page {margin-right:2.62%;}
  .colcontent .contentwidth {margin-right:2.62%;}

  .hide8 {display:none !important;}

  /* Special Rules */
  .colcontent h4 {margin-right:2.62%}

}

/* Fixed width 980px, 6 columns */

  body.fixedwidth .pagewidth {
  width:100%;
  min-width:980px;
  padding-left:0;
  padding-right:0;
  }

  body.fixedwidth .pagewidth > .content {
  width:980px;
  margin:auto;
  }

  body.fixedwidth .col.coledge {
    margin-left:0;
  }

  body.fixedwidth #total-columns-indicator {width:6px;}
  body.fixedwidth .col {margin:0 0 0 20px;}
  body.fixedwidth .col1 {width:140px;}
  body.fixedwidth .col2 {width:300px;}
  body.fixedwidth .col3 {width:460px;}
  body.fixedwidth .col4 {width:620px;}
  body.fixedwidth .col5 {width:780px;}
  body.fixedwidth .col6 {width:940px;}

  /* Special Rules */
  body.fixedwidth .pageheader {padding-top:90px !important;}
  body.fixedwidth .mainheader table.col3 {width:400px;}
  body.fixedwidth .mainheader nav.mainnav.signupnav {text-align:right;left:0;}
  body.fixedwidth .hide1, body.fixedwidth .hide6, body.fixedwidth .hide8 {
    display:inline !important;
  }
  body.fixedwidth nav.mainnav a.hide6 {display:inline-block !important;}
  body.fixedwidth .sidebar {display:none;}
  body.fixedwidth .pagecontent {padding:0;}

  body.fixedwidth .content > table.col {margin:0 20px 0 0;}
  body.fixedwidth .mainheader nav.mainnav .nav-label {display:inline !important;}
  body.fixedwidth .mainheader nav.mainnav .icon-left {margin-right:8px !important;}

/* END Grid System */



/* Icons */

.icon-left {
position:relative;
top:-2px;
margin-right:5px;
display:inline-block;
vertical-align:middle;
background:url('https://d3ce34bblxrgt9.cloudfront.net/img/icons-v3.png') no-repeat;
overflow:hidden;
}

.icon-right {
position:relative;
top:-2px;
margin-left:5px;
display:inline-block;
vertical-align:middle;
background:url('https://d3ce34bblxrgt9.cloudfront.net/img/icons-v3.png') no-repeat;
}

.icon-dropdown {
width:12px;
height:8px;
}

.icon-dropdown-grey {
width:12px;
height:8px;
background-position:0 -661px;
}

.icon-edit {
width:14px;
height:13px;
background-position:0 -9px;
}

.icon-collect {
width:15px;
height:15px;
background-position:0 -22px;
}
.selected .icon-collect {
width:15px;
height:15px;
background-position:0 -37px;
}

.icon-share {
width:14px;
height:9px;
background-position:0 -52px;
}

.icon-share-white {
width:14px;
height:9px;
background-position:0 -61px;
}

.icon-favorite {
width:14px;
height:14px;
background-position:0 -70px;
}
.selected .icon-favorite {
background-position:0 -84px;
}

.icon-users {
width:13px;
height:15px;
background-position:0 -98px;
}
.featured .icon-users {
width:16px;
background-position:0 -745px;
}

.icon-highlight {
width:17px;
height:15px;
background-position:0 -113px;
}

.icon-note {
width:17px;
height:14px;
background-position:0 -128px;
}

.icon-remove {
width:10px;
height:15px;
background-position:0 -142px;
}

.icon-remove-red {
width:10px;
height:15px;
background-position:0 -157px;
}

.icon-create-collection {
width:14px;
height:13px;
background-position:0 -172px;
top:-1px;
}

.featured .icon-create-collection {
width:14px;
height:13px;
background-position:0 -594px;
top:-1px;
}

.icon-random {
width:10px;
height:14px;
background-position:0 -185px;
}

.icon-print {
width:15px;
height:12px;
background-position:0 -515px;
}

.icon-nav-home {
width:22px;
height:22px;
background-position:0 -199px;
top:-3px;
}
.onstate .icon-nav-home {
width:22px;
height:36px;
background-position:0 -313px;
vertical-align:top;
}

.icon-nav-collect {
width:23px;
height:23px;
background-position:0 -221px;
top:-3px;
}
.onstate .icon-nav-collect {
width:23px;
height:39px;
background-position:0 -349px;
vertical-align:top;
}

.icon-nav-explore {
width:23px;
height:23px;
background-position:0 -244px;
top:-2px;
}
.onstate .icon-nav-explore {
width:23px;
height:36px;
background-position:0 -388px;
vertical-align:top;
top:-1px;
}

.icon-nav-search {
width:21px;
height:23px;
background-position:0 -267px;
top:-2px;
}
.onstate .icon-nav-search {
width:21px;
height:36px;
background-position:0 -461px;
vertical-align:top;
}

.icon-nav-about {
width:21px;
height:23px;
background-position:0 -290px;
top:-3px;
}
.onstate .icon-nav-about {
width:21px;
height:37px;
background-position:0 -424px;
vertical-align:top;
}

.icon-close {
width:17px;
height:17px;
background-position:0 -498px;
}

.icon-sort {
width:13px;
height:14px;
background-position:0 -527px;
}

.icon-create-group {
width:14px;
height:16px;
background-position:0 -541px;
}

.icon-request-invite {
width:14px;
height:11px;
background-position:0 -557px;
}
.selected .icon-request-invite {
background-position:0 -568px;
}

.icon-create-bookmark {
width:15px;
height:15px;
background-position:0 -579px;
}

.icon-private {
width:10px;
height:13px;
background-position:0 -607px;
}

.icon-public {
width:14px;
height:10px;
background-position:0 -620px;
}

.icon-organization {
width:12px;
height:13px;
background-position:0 -760px;
}

.icon-private-large {
width:14px;
height:18px;
background-position:0 -630px;
}

.icon-public-large {
width:18px;
height:13px;
background-position:0 -648px;
}

.icon-organization-large {
width:16px;
height:17px;
background-position:0 -773px;
}

.icon-check {
width:23px;
height:18px;
background-position:0 -727px;
}

.icon-facebook-disabled {
width:32px;
height:32px;
background-position:0 -790px;
top:0;
}

.icon-twitter-disabled {
width:32px;
height:32px;
background-position:0 -822px;
top:0;
}

.icon-googleplus-disabled {
width:32px;
height:32px;
background-position:0 -854px;
top:0;
}

.icon-linkedin-disabled {
width:32px;
height:32px;
background-position:0 -886px;
top:0;
}

.icon-search {
width:12px;
height:13px;
background-position:0 -918px;
top:0;
}

/* END Icons */



/* Patterns */

.error-message {
display:inline-block;
color:#c31c1c;
padding:10px 16px;
background:#ffdddd;
font-weight:bold;
margin-bottom:30px;
}

.confirm-message {
display:inline-block;
color:#4f9040;
padding:10px 16px;
background:#ddffdd;
font-weight:bold;
margin-bottom:30px;
}

body.basic .error-message,
body.basic .confirm-message {
display:block;
text-align:center;
}

.field-error-message {
color:#c31c1c;
font-weight:bold;
margin-bottom:5px;
}

.user {
display:inline-block;
height:36px;
text-transform:uppercase;
padding:0;
color:#444444;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
font-weight:600;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
vertical-align:middle;
}
.user:hover {
text-decoration:none;
}

.user .name {
display:inline-block;
line-height:1em;
padding-top:11px;
}
.user:hover .name {
text-decoration:underline;
}

.user img {
width:36px;
height:36px;
display:inline-block;
vertical-align:middle;
margin-right:10px;
background:url('https://www.gravatar.com/avatar?s=36&d=mm') #ccc top left no-repeat;
}

.user.with-secondary {
display:block;
}

.user.with-secondary img {
float:left;
}

.user.with-secondary .name {
display:block;
float:none;
width:80%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:#444444;
padding-top:2px;
}

.user.with-secondary:hover .name {
text-decoration:none;
}

.user.with-secondary .name:hover {
text-decoration:underline;
}

.user.with-secondary .secondary {
float:left;
width:80%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-transform:none;
font-weight:normal;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.profile {
padding:15px;
margin-bottom:25px;
background:#ffffff;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
overflow:hidden;
position:relative;
box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.25);
}

.profile.private {
background:url('https://d3ce34bblxrgt9.cloudfront.net/img/bg-private-corner.png') #ffffff top left no-repeat;
}

.profile .user {
width:100%;
}

.profile .button {
position:absolute;
top:18px;
right:15px;
}

.profile .about {
color:#888888;
margin-top:10px;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
line-height:normal;
height:30px;
overflow:hidden;
}

.profile .members {
margin-top:15px;
}

.profile .members header {
color:#888888;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
border-bottom:2px solid #eeeeee;
margin-bottom:6px;
}

.profile .members .images {
height:36px;
overflow:hidden;
}

.profile .members .images img {
width:36px;
height:36px;
float:left;
margin-right:5px;
}

a.button {
display:inline-block;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
font-weight:600;
line-height:18px;
color:#444444;
padding:5px 10px 5px 7px;
margin-bottom:5px;
border:1px solid #888888;
border-radius:5px;
background: #dddddd; /* Old browsers */
background: -moz-linear-gradient(top,  #dddddd 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dddddd 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dddddd 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dddddd 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(top,  #dddddd 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
a.button:hover {
text-decoration:none;
background: #cccccc; /* Old browsers */
background: -moz-linear-gradient(top,  #dddddd 0%, #bbbbbb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dddddd 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dddddd 0%,#bbbbbb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dddddd 0%,#bbbbbb 100%); /* IE10+ */
background: linear-gradient(top,  #dddddd 0%,#bbbbbb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */
}

a.button.selected {
color:#ffffff;
border-color:#444444;
box-shadow:inset 0 1px 0 #666, inset 0 -1px 0 #aaa;
background: #888888; /* Old browsers */
background: -moz-linear-gradient(top,  #888888 0%, #888888 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#888888)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #888888 0%,#888888 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #888888 0%,#888888 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #888888 0%,#888888 100%); /* IE10+ */
background: linear-gradient(top,  #888888 0%,#888888 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#888888',GradientType=0 ); /* IE6-9 */
}
a.button.selected:hover {
background: #777777; /* Old browsers */
background: -moz-linear-gradient(top,  #777777 0%, #888888 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(100%,#888888)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #777777 0%,#888888 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #777777 0%,#888888 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #777777 0%,#888888 100%); /* IE10+ */
background: linear-gradient(top,  #777777 0%,#888888 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#888888',GradientType=0 ); /* IE6-9 */
}

a.button.featured {
color:#ffffff;
border-color:#2b671d;
background: #59a148; /* Old browsers */
background: -moz-linear-gradient(top,  #59a148 0%, #4e8f3f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59a148), color-stop(100%,#4e8f3f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #59a148 0%,#4e8f3f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #59a148 0%,#4e8f3f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #59a148 0%,#4e8f3f 100%); /* IE10+ */
background: linear-gradient(top,  #59a148 0%,#4e8f3f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a148', endColorstr='#4e8f3f',GradientType=0 ); /* IE6-9 */
}
a.button.featured:hover {
background: #59a148; /* Old browsers */
background: -moz-linear-gradient(top,  #59a148 0%, #34891f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59a148), color-stop(100%,#34891f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #59a148 0%,#34891f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #59a148 0%,#34891f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #59a148 0%,#34891f 100%); /* IE10+ */
background: linear-gradient(top,  #59a148 0%,#34891f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a148', endColorstr='#34891f',GradientType=0 ); /* IE6-9 */
}

.bookmark {
background:#ffffff;
padding:20px 14px;
margin-bottom:30px;
position:relative;
box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.25);
}

.bookmark .toolbar {
position:absolute;
top:0;
right:0;
height:22px;
padding:5px 0 5px 10px;
background:#eeeeee;
text-align:right;
display:none;
}
.bookmark:hover .toolbar {
display:block;
}

.bookmark .toolbar a,
.bookmark .toolbar .sort-bookmark-handle,
.bookmark .toolbar .private {
color:#444444;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
margin-right:10px;
}

.bookmark .toolbar .sort-bookmark-handle {
display:none;
}

.sortable .bookmark .toolbar .sort-bookmark-handle {
display:inline;
cursor:move;
}

.bookmark .toolbar .selected {
color:#888888;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
}

.bookmark .categorization {
margin:-20px -14px 14px;
padding:5px 14px;
border-bottom:2px solid #eee;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
color:#999;
}

.bookmark .categorization.private {
background:url('https://d3ce34bblxrgt9.cloudfront.net/img/bg-private-corner.png') #ffffff -10px -10px no-repeat;
}

.bookmark .categorization td.cat-collection {
vertical-align:top;
padding-right:15px;
white-space:nowrap;
}

.bookmark .categorization td.cat-tags {
vertical-align:top;
width:100%;
}

.bookmark .collected-from {
padding:5px 14px;
margin:-14px -14px 14px;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
color:#999999;
border-bottom:2px solid #eeeeee;
}

.bookmark .collected-from a {
color:#999999;
font-style:italic;
}

.bookmark .collected-from .icon-left {
opacity:0.5;
}

.bookmark table.article {
width:100%;
table-layout:fixed;
}

.bookmark table.article td {
vertical-align:top;
word-wrap:break-word;
}

.bookmark table.article td.thumb {
width:110px;
}

.bookmark table.article td.thumb a {
display:block;
max-height:150px;
overflow:hidden;
}

.bookmark a.publisher {
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
color:#888888;
margin-bottom:10px;
}

.bookmark table.article img {
padding-right:10px;
}

.bookmark h2 {
width:100%;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
margin-top:-5px;
}

.bookmark > .user {
padding-top:20px;
}

.bookmark > .user img {
float:left;
}

.bookmark > .user .name {
float:left;
}

.bookmark div.note {
margin-top:7px;
color:#888888;
font-style:italic;
}

.bookmark > div.note {
margin-toP:15px;
}

.bookmark div.note.editable {
cursor:pointer;
}

.bookmark textarea.note,
.bookmark div.annotary-rich-editor.note {
margin-top:7px;
width:100%;
height:56px;
font-style:normal;
color:#444;
}

.bookmark div.note-edit-block {
display:none;
}

.bookmark .highlight {
border-left:8px solid #FFFF00;
padding-left:8px;
margin-top:14px;
margin-bottom:4px;
word-wrap:break-word;
}

.bookmark a.showhighlights {
display:none;
color:#444444;
border-left:8px solid #FFFF00;
padding:2px 8px;
margin-top:14px;
margin-bottom:4px;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
}

.bookmark .highlight .wrapped {
cursor:pointer;
}

.bookmark .highlight .edit-highlight-trigger,
.bookmark .highlight .remove-highlight-trigger {
display:none;
}

.bookmark .highlight:hover .edit-highlight-trigger,
.bookmark .highlight:hover .remove-highlight-trigger {
display:inline-block;
}

.bookmark .highlight button.save-note {
margin-top:7px;
margin-bottom:3px;
}

.bookmark .highlight img {
display:block;
margin:10px auto;
max-width:100%;
}

.bookmark .highlight .annotary-autocomplete img {
margin:0 10px 0 0;
}

.bookmark .highlight ul,
.bookmark .highlight ol {
margin-left:20px;
}

.bookmark .highlight h1,
.bookmark .highlight h2,
.bookmark .highlight h3,
.bookmark .highlight h4,
.bookmark .highlight h5,
.bookmark .highlight h6 {
font-size:14px;
font-weight:bold;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#444444;
}

.collection {
margin-bottom:30px;
position:relative;
z-index:2;
}

.collection-shadow {
position:absolute;
top:3px;
left:3px;
width:100%;
height:100%;
background:#ffffff;
border:1px solid #eeeeee;
box-shadow:1px 1px 1px 0 rgba(0, 0, 0, 0.25);
z-index:-1;
}

.collection .collection-content {
padding:10px 14px;
background:#ffffff;
border:1px solid #eeeeee;
overflow:hidden;
box-shadow:1px 1px 1px 0 rgba(0, 0, 0, 0.25);
}

.collection.private .collection-content {
background:url('https://d3ce34bblxrgt9.cloudfront.net/img/bg-private-corner.png') #ffffff top left no-repeat;
}

.collection .title {
display:block;
font-size:22px;
line-height:1.3em;
height:35px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.collection .thumb img {
display:block;
width:100%;
}

.collection .user {
margin-top:10px;
}

.collection .stats {
display:block;
margin-top:10px;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
color:#444444;
}

.collection .stats:hover {
text-decoration:none;
}

/* END Patterns */


.basicheader {
background:#444444;
border-bottom:1px solid #222222;
padding:10px 0 5px;
text-align:center;
}

.mainheader {
position:fixed;
z-index:5;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
border-top:3px solid #222222;
}

.mainheader .background {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:-1;
background:#333333;
opacity:0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}

.mainheader td.logo-icon {
width:39px;
padding:8px 15px 8px 0;
}

.mainheader td.logo-icon img {
display:block;
}

.mainheader td.search {
width:100%;
position:relative;
vertical-align:top;
}

.mainheader td.search .annotary-autocomplete-container {
margin-top:12px;
}

.mainheader td.search input {
display:inline;
margin:0;
width:100%;
min-width:0;
height:28px;
font-size:14px;
padding:3px 24px 3px 10px;
color:#444;
border:none;
background:#999;
box-shadow:none;
}

.mainheader td.search button {
position:absolute;
top:12px;
right:0;
width:29px;
height:28px;
overflow:hidden;
padding:0;
margin:0;
background:transparent;
box-shadow:none;
}

.mainheader nav.mainnav {
float:left;
position:relative;
top:0;
}

.mainheader nav.mainnav .icon-left {
margin-right:8px;
}

.mainheader nav.mainnav a {
float:left;
color:#ffffff;
font-weight:600;
font-size:14px;
padding:15px 7px 17px 5px;
margin-right:13px;
height:23px;
text-shadow:0 -1px 0px #000;
position:relative;
left:-5px;
}
.mainheader nav.mainnav a.onstate {
border-top:3px solid #ffff00;
top:-3px;
padding-bottom:14px;
}

.mainheader nav.mainnav.signupnav a {
float:none;
display:inline-block;
}

.mainheader nav.mainnav.signupnav a.button {
margin-left:5px;
height:auto;
padding:5px 10px;
text-shadow:none;
}
.mainheader nav.mainnav.signupnav a.button:hover {
background: #59a148; /* Old browsers */
background: -moz-linear-gradient(top,  #59a148 0%, #34891f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59a148), color-stop(100%,#34891f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #59a148 0%,#34891f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #59a148 0%,#34891f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #59a148 0%,#34891f 100%); /* IE10+ */
background: linear-gradient(top,  #59a148 0%,#34891f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a148', endColorstr='#34891f',GradientType=0 ); /* IE6-9 */
}

.mainheader nav.usernav {
position:relative;
height:50px;
}

.mainheader nav.usernav .user {
padding:7px 0;
width:100%;
color:#ffffff;
text-shadow:0 -1px 0px #000;
}

.mainheader nav.usernav .dropdown {
display:none;
position:absolute;
top:0;
left:-10px;
width:100%;
padding:60px 0 0 10px;
z-index:-1;
background:#ffffff;
border:1px solid #888888;
border-top:none;
box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.mainheader nav.usernav:hover .dropdown {
display:block;
}

.mainheader nav.usernav:hover .user {
color:#444444;
text-shadow:none;
}

.mainheader nav.usernav:hover .user .icon-dropdown {
display:none;
}

.mainheader .mycollections-label {
padding:15px 0 5px;
font-weight:600;
}

.mainheader .mycollections {
border-top:1px solid #888888;
margin-left:-10px;
max-height:270px;
overflow-y:auto;
}

.mainheader .mycollections > a {
display:table;
width:100%;
padding:5px 10px 5px 5px;
line-height:normal;
border-bottom:1px solid #888888;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.mainheader .mycollections > a:hover {
background:#dddddd;
text-decoration:none;
}

.mainheader .mycollections div.create-link {
border-bottom:none;
text-align:center;
padding:10px;
}

.mainheader .mycollections div.create-link a {
margin:0;
}

.mainheader .mycollections > a.private {
background:#ffffdd;
}
.mainheader .mycollections > a.private:hover {
background:#dddddd;
}

.mainheader .mycollections > a span.icon {
display:table-cell;
width:25px;
vertical-align:middle;
text-align:center;
}

.mainheader .mycollections > a span.info {
display:table-cell;
}

.mainheader .mycollections > a:hover span.info .title {
text-decoration:underline;
}

.mainheader .mycollections > a span.info .owner {
display:block;
font-size:10px;
color:#999999;
}

.mainheader .create-collection {
position:relative;
padding:0 10px 10px 0;
}

.mainheader .create-collection input {
width:100%;
padding-left:26px;
padding-right:6px;
}

.mainheader .create-collection .icon-left {
position:absolute;
top:8px;
left:9px;
}

.mainheader nav.mainnav.signupnav {
float:right;
color:#ffffff;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
}

.private-header {
position:absolute;
top:0;
left:0;
width:100%;
height:76px;
z-index:4;
background:url('https://d3ce34bblxrgt9.cloudfront.net/img/bg-private.png');
}

#extension-missing {
display:none;
position:fixed;
z-index:200;
top:0;
left:60%;
margin-left:-119px;
line-height:1em;
background:#ffffa5;
padding:2px 10px;
border-radius:0 0 8px 8px;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
}
#extension-missing:hover {
padding-top:6px;
}

#extension-missing a {
color:#333333;
}

#extension-missing .message {
float:left;
padding:3px 0;
}

#extension-missing img {
float:left;
border:none;
width:35px;
height:35px;
padding-right:5px;
}

.pageheader {
padding-top:90px;
}

.pageheader.profilepage {
background:url('https://d3ce34bblxrgt9.cloudfront.net/img/wallpaper-dark.jpg') bottom;
padding-bottom:30px;
border-bottom:1px solid #999;
margin-bottom:30px;
box-shadow:inset 0 -2px 2px 0px rgba(0,0,0,0.1);
}

.pageheader h1 {
line-height:normal;
font-size:28px;
margin-bottom:10px;
}

.pageheader .collection-title {
border-bottom:1px solid #999999;
border-top:1px solid #999999;
text-align:center;
padding:10px 0;
margin-bottom:30px;
}

.pageheader .private-indicator {
display:inline-block;
background:#ffffdd;
padding:4px;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
margin-left:20px;
color:#999999;
vertical-align:middle;
text-transform:uppercase;
}

.pagecontent {
padding-bottom:50px;
}

.sidebar {
position:relative;
padding-bottom:50px;
}

.sidebar .label {
line-height:1em;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
margin:30px 0 14px;
}

.sidebar .label.first,
.sidebar .subnav.first {
margin-top:0;
}

.sidebar header.subnav {
font-weight:600;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
margin:30px 0 10px;
}

.sidebar div.subnav {
margin-top:30px;
}

.sidebar div.subnav a {
display:block;
background:#eaeaea;
width:200px;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
padding:8px 12px;
color:#444444;
box-shadow:inset 1px 1px 2px #fff, inset -1px -1px 2px #ccc;
}

.sidebar div.subnav a:hover {
text-decoration:none;
background:#e4e4e4;
}

.sidebar div.subnav a.onstate {
background:#cccccc;
box-shadow:inset 1px 1px 2px #999, inset -1px -1px 2px #ddd;
}

.sidebar div.subnav a.onstate:hover {
background:#cccccc;
}

.sidebar div.subnav a .stat {
float:right;
color:#aaaaaa;
font-weight:600;
}

.sidebar div.subnav a.onstate .stat {
color:#888888;
}

.sidebar .related a {
display:block;
margin-bottom:10px;
line-height:auto;
}

.sidebar .user {
display:block;
margin-bottom:9px;
}

.profile-info td {
vertical-align:top;
}

.profile-info .image div {
max-width:180px;
max-height:180px;
overflow:hidden;
}

.profile-info .image img {
display:block;
max-width:180px;
}

.profile-info .image.small div {
max-width:120px;
max-height:120px;
}

.profile-info .image.small img {
max-width:120px;
}

.profile-info .info {
padding-left:14px;
vertical-align:top;
}

.profile-info .stats {
color:#999999;
}

.profile-info h1 {
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
font-size:28px;
font-weight:bold;
line-height:normal;
}

.profile-info .button {
margin-top:10px;
}

body > footer {
padding:30px 0;
margin-top:30px;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
}

body > footer > .content iframe {
position:relative;
top:7px;
}

body > footer > .content iframe.twitter-follow-button {
top:6px;
}

.modal {
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:200000;
background:rgba(0,0,0,0.5);
}

.modal .horizon {
position:absolute;
top:50%;
left:0;
height:1px;
width:100%;
overflow:visible;
}

.modal .content {
position:absolute;
top:0;
left:50%;
width:410px;
margin-left:-205px;
background:#eeeeee;
border:1px solid #222222;
box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.modal .content header {
background:#333333;
border-bottom:1px solid #222222;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
font-weight:600;
color:#ffffff;
padding:8px 16px;
text-transform:uppercase;
}

.modal .content .body {
padding:16px 16px 20px 16px;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
}

.modal .content .body hr {
margin:20px 0 10px;
clear:both;
}

.modal .content .body a.social,
.modal .content .body span.social {
float:left;
margin:0 10px 20px 0;
}

.modal .content .body span.social {
opacity:0.5;
}

.modal .content #share-modal-private-notice {
background:#ffffdd;
padding:5px;
margin-bottom:10px;
}

input.share-link {
background:#cccccc;
}

.button-cancel {
margin-left:16px;
font-weight:600;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
}

.button-delete {
float:right;
color:#c31c1c;
margin-top:19px;
font-weight:600;
}

.modal p {
margin:0;
}

.modal form input.text {
min-width:0;
width:100%;
margin-bottom:10px;
}

.modal form textarea,
.modal form div.annotary-rich-editor {
min-width:0;
width:100%;
height:56px;
margin-bottom:10px;
}

.modal form select {
width:100%;
margin-bottom:10px;
}

.modal button {
margin-top:15px;
}

.modal button.delete {
margin-top:22px;
}

button.delete {
background:#c31c1c;
}

.modal .tabs {
margin-bottom:20px;
}

.modal .tab {
display:inline-block;
padding:5px 10px;
background:#cccccc;
margin-right:2px;
color:#444444;
}
.modal .tab:hover {
text-decoration:none;
}
.modal .tab.active {
color:#ffffff;
background:#999999;
}

#at_email textarea,
#at_email div.annotary-rich-editor {
min-width:0;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}

.or {
width:40px;
margin:auto;
margin-bottom:30px;
height:1px;
border-left:150px solid #444444;
border-right:150px solid #444444;
text-align:center;
line-height:0;
}

body.basic form {
margin-top:30px;
width:340px;
}

body.basic form#login-form,
body.basic form#signup-form {
margin:auto;
}

.plans {
margin:20px 0;
}

.plan {
background:#ffffcc;
padding:10px;
border-bottom:1px solid #ccc;
}

.plan .title {
font-size:18px;
font-weight:600;
}

.plan button,
.plan input.button {
width:125px;
float:right;
margin-top:9px;
margin-right:5px;
}

.modal .plan button,
.modal .plan input.button {
width:80px;
}

body.basic .tabs {
padding-bottom:15px;
border-bottom:4px solid #eeeeee;
margin-bottom:30px;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
}

body.basic .tabs .tab {
display:inline-block;
padding:5px 10px;
background:#eeeeee;
margin-right:5px;
margin-bottom:5px;
color:#444444;
}
body.basic .tab.active {
background:#999999;
color:#ffffff;
text-decoration:none;
}

body.basic form input {
min-width:0;
width:100%;
}

body.basic form input.bare {
width:auto;
}

div.basic-center {
width:500px;
margin:auto;
margin-top:50px;
margin-bottom:50px;
background:#ffffff;
box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.25);
}

div.extrabody {
width:470px;
margin:auto;
margin-top:-30px;
margin-bottom:50px;
background:#ffffff;
box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.25);
padding:30px 15px;
}

div.login-button {
text-align:center;
margin:20px 0;
}

div.login-button button {
padding:8px 30px;
}

section.basic-content {
padding:15px 15px 30px;
}

section.basic-content .facebook-login {
text-align:center;
margin:25px 0 40px 0;
}

#login-form label a {
float:right;
font-weight:normal;
font-size:12px;
}

#signup-form #terms {
height:0;
overflow:hidden;
}

#welcome-rss {
color:#888888;
}

#welcome-rss a {
color:#888888;
}

#welcome-rss p {
color:#444444;
margin:0;
}

#welcome-rss a.title {
color:#2162b4;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
font-weight:600;
font-size:18px;
display:block;
margin-top:20px;
}

#annotary-bookmark-content {
position:absolute;
top:58px;
bottom:0;
left:0;
width:100%;
}

#annotary-bookmark-content iframe {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
height:100%;
}

.pageheader .homepage {
position:relative;
height:340px;
}

.pageheader .homepage .value {
float:left;
width:480px;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
}

.pageheader .homepage h1 {
font-size:44px;
line-height:53px;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
font-weight:600;
padding:0;
margin-bottom:20px;
}

.pageheader .homepage h1 span.highlighted {
background:#ffff66;
padding:0 5px;
}

.pageheader .homepage h2 {
font-size:22px;
width:470px;
font-weight:normal;
margin-bottom:35px;
}

.pageheader .homepage .value a.button,
section.signup a.button,
.paper-base a.button {
padding:8px 40px;
font-size:18px;
font-weight:normal;
}

.pageheader .homepage div.video {
float:right;
width:480px;
box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.25);
}

.pageheader .homepage div.video img {
display:block;
}

.pageheader .homepage div.video iframe {
display:block;
}

.pagecontent.homepage {
background:#ffffff;
font-size:18px;
line-height:1.5em;
}

.pagecontent.homepage .right {
text-align:right;
}

.pagecontent.homepage .feature-thumb {
box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.2);
margin-bottom:60px;
width:480px;
height:213px;
float:left;
margin-right:20px;
}

.pagecontent.homepage .feature-thumb.right {
float:right;
margin-right:0;
margin-left:20px;
}

.pagecontent.homepage h2 {
font-size:28px;
font-weight:normal;
margin-bottom:10px;
}

.pagecontent.homepage .testimonials {
padding:30px 0 60px;
}

.pagecontent.homepage .testimonials .quote {
font-size:21px;
font-style:italic;
text-align:center;
margin-bottom:15px;
}

.pagecontent.homepage #attribution-1 {margin-left:110px;}
.pagecontent.homepage #attribution-2 {margin-left:341px;}
.pagecontent.homepage #attribution-3 {margin-left:532px;}
.pagecontent.homepage #attribution-4 {margin-left:710px;}

.pagecontent.homepage .testimonials .bubble {
background:url('https://d3ce34bblxrgt9.cloudfront.net/img/home-testimonial.png') no-repeat;
height:34px;
width:100%;
}

.pagecontent.homepage .testimonials .sources {
padding:5px 0 0 119px;
}

.pagecontent.homepage .testimonials .sources img {
position:relative;
display:inline-block;
vertical-align:bottom;
margin-right:75px;
}

section.signup {
background:#444444;
color:#ffffff;
text-align:center;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
font-size:24px;
line-height:1.3em;
padding:35px 0;
}

.pagecontent .paper {
background:#ffffff;
padding:25px 0 60px 0;
border-radius:10px 10px 0 0;
box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.25);
}

.pagecontent .paper h1 {
font-size:28px;
font-weight:normal;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
padding-bottom:25px;
line-height:1.3em;
}

.pagecontent .paper h2 {
font-size:18px;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
font-weight:normal;
margin-bottom:10px;
}

.pagecontent .paper h4 {
padding-top:30px;
margin-bottom:25px;
}

.pagecontent .paper-base {
background:#444444;
border-radius:0 0 10px 10px;
color:#ffffff;
text-align:center;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
font-size:24px;
line-height:1.3em;
padding:35px 0;
box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.25);
}

body.fixedwidth > footer {
margin-top:0;
padding-top:20px;
padding-bottom:50px;
}

body.fixedwidth > footer.pagewidth > .content {
padding-left:20px;
width:960px;
}

body.fixedwidth > footer.pagewidth.homepage > .content {
padding-left:0;
width:980px;
}

.button.install img {
vertical-align:top;
}

.button.install span {
display:inline-block;
padding:9px;
}

.colcontent .page {
background:#ffffff;
padding:30px 20px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.25);
min-height:500px;
}

.colcontent > h2 {
margin-bottom:20px;
}

.colcontent .page h2 {
margin-bottom:10px;
}

.colcontent .page .tabs {
padding-bottom:15px;
border-bottom:4px solid #eeeeee;
margin-bottom:30px;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
}

.colcontent .page .tab {
display:inline-block;
padding:6px 20px;
background:#eeeeee;
margin-right:5px;
margin-bottom:5px;
color:#444444;
}
.colcontent .page .tab:hover {
text-decoration:none;
}
.colcontent .page .tab.active {
background:#999999;
color:#ffffff;
text-decoration:none;
}

.onboarding img {
float:left;
margin:0 15px 15px 0;
border:4px solid #eeeeee;
}

.related-collection {
display:block;
width:200px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.related-collection img {
vertical-align:middle;
margin-right:5px;
}

.notification {
background:#ffffa5;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
border-radius:5px;
padding:10px 14px;
margin-bottom:30px;
}

.notification.error {
background:#ffdddd;
}

.notification a {
font-weight:600;
}

.notification .icon-close {
margin-top:4px;
float:right;
}
.notification .icon-close:hover {
opacity:0.7;
}

#settings-form hr,
#members-page hr {
margin:40px 0;
color:#eeeeee;
background:#eeeeee;
height:4px;
}

#settings-form .select {
width:50%;
min-width:340px;
}

table.press td {
text-align:center;
padding-right:20px;
}

.annotary-autocomplete-container {
position:relative;
}

form .annotary-autocomplete-container,
.form .annotary-autocomplete-container {
width:50%;
}

.search form .annotary-autocomplete-container,
.modal form .annotary-autocomplete-container {
width:100%;
}

.annotary-autocomplete-container input {
width:100% !important;
}

.annotary-autocomplete {
position:absolute;
top:27px;
left:0;
width:100%;
background:#ffffff;
border:1px solid #888888;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
display:none;
z-index:200;
}

.annotary-autocomplete-item {
display:block;
padding:6px;
font-weight:600;
color:#444444;
cursor:pointer;
text-decoration:none !important;
}

.annotary-autocomplete-item .secondary {
color:#999;
}

.annotary-autocomplete-item span.name,
.collection-member span.name {
text-decoration:none !important;
}

.collection-member {
display:block;
padding:6px;
font-weight:600;
color:#444444;
cursor:default;
line-height:1.2em;
}
.collection-member:hover {
text-decoration:none;
}
.collection-member:hover span.name {
text-decoration:none;
}

.user.collection-member img {
float:left;
display:block;
}

.user.collection-member .name {
display:block;
}

.collection-member .add-to-org-notice {
display:none;
color:#999;
font-size:10px;
font-weight:normal;
text-transform:none;
}

.collection-invite-members {
height:150px;
border:1px solid #888888;
padding:6px;
color:#999999;
margin-bottom:10px;
overflow:auto;
}

.collection-invite-members .collection-member-container {
height:36px;
margin-bottom:10px;
}

.collection-invite-members .collection-member {
padding:0;
float:left;
width:340px;
overflow:hidden;
}

.collection-invite-members .collection-member.collection-member-email {
padding-top:8px;
}

.collection-invite-members .collection-member-delete {
float:left;
margin-top:8px;
}

.video-embed-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
margin-top:14px;
}

.video-embed-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.select {
position:relative;
margin-bottom:10px;
}

.select > .option {
display:none;
}

.select-primary {
padding:3px 6px;
background:#fff;
border:1px solid #888;
cursor:default !important;
}

.select-primary.private {
background:#ffffdd;
}

.select-options {
position:absolute;
z-index:100;
top:0;
left:0;
width:100%;
max-height:250px;
overflow:auto;
border:1px solid #888;
box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.select-options-shadow {
position:fixed;
top:0;
left:0;
z-index:99;
}

.select .icon-dropdown-grey {
position:absolute;
top:50%;
margin-top:-4px;
right:10px;
z-index:99;
}

.select .option {
padding:3px 6px;
border-bottom:1px solid #888;
background:#fff;
cursor:default !important;
}
.select .option.hover {
background:#ddd;
}

.select .option.private {
background:#ffffdd;
}
.select .option.private.hover {
background:#dddddd;
}

.select .option .user:hover .name {
text-decoration:none;
}

.select-primary .user,
.select .option .user {
height:28px;
}

.select-primary .user img,
.select .option .user img {
width:28px;
height:28px;
margin-right:6px;
}

.select-primary .user .name,
.select .option .user .name {
padding-top:6px;
text-decoration:none;
}

.select .collection-option,
.annotary-autocomplete-item.collection-option {
display:table;
width:100%;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
line-height:normal;
font-weight:normal;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

.select .collection-option span.icon,
.annotary-autocomplete-item.collection-option span.icon {
display:table-cell;
width:25px;
vertical-align:middle;
text-align:center;
}

.select .collection-option span.info,
.annotary-autocomplete-item.collection-option span.info {
display:table-cell;
}

.select .collection-option span.info .owner,
.annotary-autocomplete-item.collection-option span.info .owner{
display:block;
font-size:10px;
color:#999999;
}

form table.radio-block {
margin-bottom:10px;
}

form table.radio-block td {
padding:10px 10px 0 0;
vertical-align:middle;
}

form table.radio-block td label {
margin-bottom:0;
}

form table.radio-block td label .icon-private-large {
margin:0 7px 0 2px;
}

form table.radio-block td label .icon-organization-large {
margin:0 6px 0 1px;
}

form table.radio-block td label .desc {
font-size:12px;
color:#999999;
font-weight:normal;
display:block;
line-height:1.2em;
}

.upgrade-message {
font-size:12px;
background:#ffdddd;
padding:5px 7px 7px 7px;
margin-top:10px;
line-height:normal;
display:none;
}

.upgrade-owner-message {
background:#ffffdd;
}

.upgrade-owner-message label.inline {
font-weight:bold;
margin-top:10px;
}

.upgrade-owner-message input {
margin:10px 5px 0 0;
}

#members-page {
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
}

table.org-members {
width:100%;
margin-top:10px;
}

table.org-members th {
font-weight:600;
}

table.org-members td,
table.org-members th {
padding:10px;
padding-right:0;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
}

table.org-members tr.odd td {
background:#eee;
}

table.org-members .image {
width:36px;
}

table.org-members .image img {
display:block;
width:36px;
height:36px;
}

table.org-members .info {
line-height:1.3em;
}

table.org-members .name {
font-weight:600;
text-transform:uppercase;
color:#444;
}

table.org-members .permission {
width:150px;
text-align:center;
}

table.org-members .delete {
width:30px;
text-align:center;
padding:10px;
}

table.org-members .delete .icon-left {
margin-right:0;
}

.membership {
padding:10px;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
}

.membership.odd {
background:#eee;
}

.membership .rightcol {
float:right;
margin:17px;
padding:5px 10px;
}

form div.firstname {
float:left;
width:24%;
margin-right:2%;
min-width:166px;
}

form div.lastname {
float:left;
width:24%;
min-width:165px;
}

form div.firstname input,
form div.lastname input,
form div.firstname label,
form div.lastname label {
width:100%;
min-width:0;
}

body.basic form div.firstname {
width:160px;
min-width:160px;
margin-right:20px;
}

body.basic form div.lastname {
width:160px;
min-width:160px;
}

form div.cc_details {
width:50%;
}

body.basic form div.cc_details {
width:100%;
}

body.fixedwidth .col.bio {
margin-bottom:30px;
}

body.fixedwidth .col.headshot {
box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.2);
}

.loading {
text-align:center;
display:none;
}

.ui-tooltip {
position:absolute;
padding:4px 8px;
background:#444;
color:white;
border-radius:3px;
font-family:"myriad-pro", Helvetica, Arial, sans-serif;
max-width: 300px;
z-index:300000;
}

.ui-tooltip-arrow .ui-tooltip-content::after {
content:'';
position:absolute;
display:block;
border-style:solid;
width:0;
z-index:300000;
}

.ui-tooltip-arrow.ui-tooltip-top .ui-tooltip-content::after {
bottom:-7px;
left:50%;
margin-left:-10px;
border-color:#444 transparent;
border-width:10px 10px 0;
}

.ui-tooltip-arrow.ui-tooltip-left .ui-tooltip-content::after {
top:50%;
margin-top:-10px;
right:-7px;
border-color:transparent #444;
border-width:10px 0 10px 10px;
}

#profile-image {
position:relative;
text-align:center;
}

#profile-image-update-link {
width: 100%;
margin:0;
bottom: 5px;
z-index:1;
position:absolute;
display:none;
}

.edit-empty-collection {
width:100px
}

.edit-collection-thumbnail {
float:left;
}

.edit-collection-current-photo {
position:relative;
margin-bottom:5px;
}

.edit-collection-current-photo img {
display:block;
}

.edit-collection-current-photo a {
position:absolute;
bottom:0;
left:100px;
width:70px;
height:40px;
padding-top:17px;
text-align:center;
background:#ddd;
}

.edit-collection-photos {
margin-bottom:5px;
}

.edit-collection-photos img {
display:block;
}

.edit-collection-image-source {
float:left;
background:#ddd;
padding:5px 0 0 10px;
width:268px;
height:52px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.edit-collection-image-control {
display:block;
margin-top:4px;
}

.edit-collection-photos input[type="file"] {
margin-left:10px;
}

.edit-collection-photos .edit-collection-image-source input[type="file"] {
margin-left:0;
}