Newer
Older
#response_options textarea {
width:760px !important;
}
#response_options input[type=text], #response_options textarea:not(.richtext) {
1007
1008
1009
1010
1011
1012
1013
1014
1015
1016
1017
1018
1019
1020
1021
1022
1023
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036
1037
1038
1039
1040
1041
border:1px solid #aaa;
background:#fff;
}
.attachments .uploads div {
display:inline-block;
padding-right:20px;
}
.file {
display:inline-block;
padding-left:20px;
margin-right:20px;
background:url(../images/icons/file.gif) 0 50% no-repeat;
}
.expander {
line-height:14px;
display:inline-block;
width:12px;
height:12px;
overflow:hidden;
text-align:center;
color:#aaa;
position:relative;
}
/** Popup Tool Tips and Content **/
.tip_box {
display:block;
height:30px;
position:absolute;
}
.tip_arrow {
display:block;
position:absolute;
top:5px;
.tip_box.right .tip_arrow {
top: 5px;
right: -12px;
left: auto;
}
.flip-x {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
.tip_content {
height:auto !important;
height:20px;
min-height:20px;
border:1px solid #666;
background:#fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow: 3px 3px 3px #666;
-webkit-box-shadow: 3px 3px 3px #666;
box-shadow: 3px 3px 3px #666;
min-width:400px;
line-height: 1.15rem;
}
.tip_content .links {
margin-top: 0.7em;
padding-top: 0.4em;
border-top: 1px solid #ddd;
}
.tip_content .links a {
color: #548dd4;
}
.tip_content hr {
color: #ddd;
background-color: #ddd;
height: 1px;
border: 0;
padding: 0;
margin: 0.2em 0;
width: 100%;
}
.tip_close {
position:absolute;
top:0.3em;
right:0.5em;
1116
1117
1118
1119
1120
1121
1122
1123
1124
1125
1126
1127
1128
1129
1130
1131
1132
1133
1134
1135
1136
1137
1138
1139
1140
1141
1142
1143
1144
1145
1146
1147
1148
1149
1150
1151
1152
1153
1154
1155
1156
1157
1158
1159
1160
1161
1162
1163
1164
1165
1166
1167
1168
1169
1170
1171
1172
1173
1174
1175
1176
1177
1178
1179
1180
1181
1182
}
.tip_shadow {
display:none;
background:#000;
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.60);
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.60)";
zoom: 1;
position:absolute;
z-index:200;
top:0;
left:0;
width:auto !important;
width:310px;
}
.tip_menu {
margin:10px 0 0 0;
padding:5px 0;
border-top:1px solid #aaa;
height:16px;
font-size:9pt;
}
.tip_menu li {
display:inline;
list-style:none;
margin:0;
padding:0;
}
.tip_menu li a {
display:block;
width:auto;
float:left;
padding:0 10px;
border-right:1px solid #ddd;
color:#666;
}
.tip_menu li a:hover {
color:#E76C74;
}
.tip_content form {
display:none;
line-height:24px;
}
.tip_content select, .tip_content textarea {
width:295px;
}
.tip_content textarea {
padding:0;
border:1px solid #aaa;
background:#fff;
}
.tip_content form p {
margin:0;
width:auto !important;
width:295px;
text-align:right;
line-height:24px;
}
.tip_content h1 {
font-size: 13pt;
margin-top: 0;
margin-bottom: 0.5em;
padding-bottom: 0.2em;
border-bottom: 1px solid #ddd;
}
i.help-tip {
}
i.help-tip:hover {
opacity: 0.2;
}
caption:hover > i.help-tip {
color: orange;
color: #ffc20f;
opacity: 1;
}
h2 > i.help-tip {
vertical-align: baseline;
font-size: 11pt;
}
.form_table th h4 i.help-tip {
color: white;
}
1221
1222
1223
1224
1225
1226
1227
1228
1229
1230
1231
1232
1233
1234
1235
1236
1237
1238
1239
1240
1241
1242
1243
1244
1245
1246
1247
1248
1249
1250
1251
1252
1253
1254
1255
1256
1257
1258
1259
1260
1261
1262
/* Knowledgebase */
/* Knowledgebase */
#kb {
margin: 2px 0;
padding: 5px;
overflow: hidden;
}
#kb li {
padding:10px 10px 10px 46px;
height:auto !important;
overflow:hidden;
margin:0;
background-image:url(../images/kb_large_folder.png), url(../images/kb_category_bg.png);
background-position:0 50%, bottom left;
background-repeat:no-repeat, repeat-x;
border-bottom:1px solid #ddd;
}
#kb li h4 {
padding-bottom:3px;
margin:0 0 3px 0;
}
#kb li h4 span {
color:#666;
font-weight:normal;
}
#kb li h4 a {
font-size: 14px;
}
#kbSearch {
padding:10px 0;
overflow:hidden;
}
#kbSearch div {
clear:both;
overflow:hidden;
1268
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278
1279
1280
1281
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
1300
display:inline-block;
float:left;
width:200px;
}
#kbSearch #cid {
margin:0;
display:inline-block;
float:left;
width:200px;
margin-right:5px;
position:relative;
top:2px;
}
#kbSearch #topic-id {
margin:0;
display:inline-block;
float:left;
width:410px;
}
#kbSearch #searchSubmit {
margin:0;
display:inline-block;
float:left;
position:relative;
top:2px;
}
#faq {
clear: both;
margin: 0;
1302
1303
1304
1305
1306
1307
1308
1309
1310
1311
1312
1313
1314
1315
1316
1317
1318
1319
1320
1321
1322
1323
1324
1325
1326
1327
1328
1329
1330
1331
1332
1333
1334
1335
1336
1337
1338
1339
1340
1341
1342
1343
1344
1345
1346
1347
1348
1349
1350
1351
1352
1353
1354
1355
}
#faq ol {
font-size: 15px;
margin-left: 0;
padding-left: 0;
}
#faq ol li {
list-style: none;
margin: 0;
padding:5px 0;
color: #999;
border-bottom:1px solid #ddd;
}
#faq ol li a {
display: inline;
height: 16px;
font-size:13px;
line-height: 16px;
padding-left: 24px;
background: url('../images/icons/page.png') 0 50% no-repeat;
}
#faq ol li a span {
font-weight:normal;
color:#777;
}
#faq ol li:hover {
background-color:#e9f5ff;
}
time {
display:inline-block;
float:right;
color:#777;
}
.cat-desc {
padding-top:5px;
padding-bottom:25px;
}
.cat-manage-bar {
background:#e3f5ff;
padding:5px;
border-bottom:1px solid #777;
}
.cat-manage-bar a {
display:inline-block;
margin-right:20px;
}
Peter Rotich
committed
/* dialog */
.dialog, .dialog * {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
Peter Rotich
committed
.dialog {
width:500px;
height:250px;
height:auto !important;
background:#f8f8f8;
border:2px solid #2a67ac;
box-shadow: 0 5px 60px #001;
border-radius: 5px;
position:absolute;
text-align:center;
background:rgba(255,255,255,0.8);
top:0;
bottom:0;
left:0;
right:0;
z-index:1;
}
.dialog#advanced-search {
width:640px !important;
height:360px;
}
Peter Rotich
committed
.dialog hr {
height: 1px;
border: 0;
background: #aaa;
background: -moz-linear-gradient(left, rgba(170,170,170,0) 0%, rgba(170,170,170,1) 10%, rgba(170,170,170,1) 90%, rgba(170,170,170,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(170,170,170,0)), color-stop(10%,rgba(170,170,170,1)), color-stop(90%,rgba(170,170,170,1)), color-stop(100%,rgba(170,170,170,0))); /* Chrome,Safari4+ */
background: -o-linear-gradient(left, rgba(170,170,170,0) 0%,rgba(170,170,170,1) 10%,rgba(170,170,170,1) 90%,rgba(170,170,170,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(170,170,170,0) 0%,rgba(170,170,170,1) 10%,rgba(170,170,170,1) 90%,rgba(170,170,170,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(170,170,170,0) 0%,rgba(170,170,170,1) 10%,rgba(170,170,170,1) 90%,rgba(170,170,170,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aaaaaa', endColorstr='#00aaaaaa',GradientType=1 ); /* IE6-9 */
}
Peter Rotich
committed
.dialog h3 {
color:#2a67ac;
font-size:20px;
margin:0;
padding:0;
.dialog a {
color:#184E81;
}
Peter Rotich
committed
.dialog a.close {
right: 1em;
top: 1em;
Peter Rotich
committed
.dialog form {
clear:both;
width:100%;
}
#advanced-search div.closed_by, #advanced-search span.spinner {
display:none;
}
Peter Rotich
committed
.dialog fieldset {
.dialog .custom-field .field-label {
margin-left: 3px;
margin-right: 3px;
}
.dialog .custom-field + .custom-field {
margin-top: 8px;
}
.dialog label.fixed-size {
width:100px;
display:inline-block;
text-align:right;
padding:10px;
}
Peter Rotich
committed
.dialog fieldset input {
width:50px;
display:inline-block;
text-align:center;
color:#777;
font-size:0.75em;
}
.dialog ul.tabs, .dialog ul.tabs * {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
.dialog.draggable h3:hover {
.row {
display: table-row;
.row .span6 {
display: table-cell;
width: 48%;
padding: 5px 10px;
vertical-align: top;
width:100%;
padding: 4px;
margin-bottom: 10px;
#advanced-search .date_range {
margin-bottom: 5px;
}
width:227px;
width: calc(49% - 73px);
}
#advanced-search .date_range i {
display:inline-block;
margin-left:3px;
position:relative;
top:5px;
width:16px;
height:16px;
background:url(../images/cal.png) bottom left no-repeat;
}
#advanced-search fieldset.sorting select {
width:130px;
}
#advanced-search p {
text-align:center;
}
.search-dropdown {
padding-left: 19px;
}
Peter Rotich
committed
.dialog input[type="submit"],
.dialog input[type="reset"],
.dialog input[type="button"],
.dialog button.button {
display:inline-block;
margin:0;
height:24px;
line-height:24px;
font-weight:bold;
border:1px solid #666666;
padding:0 10px;
background: url('../images/grey_btn_bg.png?1312910883') top left repeat-x;
color: #333;
}
Peter Rotich
committed
.dialog input[type="reset"],
.dialog input[type="button"] {
Peter Rotich
committed
.dialog input[type=submit]:hover, .dialog input[type=submit]:active,
.dialog input[type=button]:hover, .dialog input[type=button]:active,
Peter Rotich
committed
.dialog input[type=reset]:hover, .dialog input[type=reset]:active {
/* Dynamic forms in dialogs */
.dialog th, .tip_box th {
text-align: left;
}
.dialog th {
background-color: #eee;
#result-count div {
padding:5px 10px;
text-align:left;
font-weight:bold;
width:100%;
margin:0 auto;
}
#result-count .success {
background:#e3ffd8;
border:1px solid #0a0;
}
#result-count .fail {
background:#ffd8d8;
border:1px solid #a00;
}
/* Custom css for datepicker */
.ui-datepicker-trigger {
display:inline-block;
border:0;
padding:0;
margin-left:2px;
position:relative;
top:5px;
width:16px;
height:16px;
background:inherit;
}
/* Upgrader */
#upgrader { width: 100%; height: auto; clear: both;}
.sidebar { width: 220px; padding: 10px; border: 1px solid #C8DDFA; float: right; background: #F7FBFE; }
.sidebar h3 { font-size: 10pt; margin: 0 0 5px 0; padding: 0; text-indent: 32px; background: url('../images/cog.png?1312913866') top left no-repeat; line-height: 24px; color: #2a67ac; }
1608
1609
1610
1611
1612
1613
1614
1615
1616
1617
1618
1619
1620
1621
1622
1623
1624
1625
1626
1627
1628
1629
1630
1631
#upgrader #main { width: 680px; float: left;}
#upgrader #main h1 { margin: 0; padding: 0; font-size: 21pt; font-weight: normal; }
#upgrader #main h2 { font-size: 12pt; margin: 0; padding: 0; color:#E65524; }
#upgrader #main h3 { font-size: 10pt; margin: 0; padding: 0; }
#upgrader #main div#intro { padding-bottom: 5px; margin-bottom:10px; border-bottom: 1px solid #aaaaaa; }
#upgrader #main { padding-bottom: 20px; }
ul.progress { margin: 10px 0 20px 20px; padding: 0; }
ul.progress li { list-style: none; margin: 0; padding: 0 0 2px 24px; background: url('../images/incomplete.png?1312910844'); background-repeat: no-repeat; background-position: 0 50%; }
ul.progress li.yes { background-image: url('../images/yes.png?1312906296'); }
ul.progress li.no { background-image: url('../images/no.png?1312906277'); }
ul.progress li.yes small {color:green; }
ul.progress li.no small {color:red;}
#bar { clear: both; padding-top: 10px; height: 24px; line-height: 24px; text-align: center; border-top: 1px solid #aaaaaa; }
#bar a, #bar .btn { display: inline-block; margin: 0; height: 24px; line-height: 24px; font-weight: bold; border: 1px solid #666666; text-decoration: none; padding: 0 10px; background: url('../images/grey_btn_bg.png?1312910883') top left repeat-x; color: #333; }
#bar a:hover, #bar .btn:hover, #bar .btnover { background-position: bottom left; }
#bar a.unstyled, #bar a.unstyled:hover { font-weight: normal; background: none; border: none; text-decoration: underline; color: #2a67ac; }
#bar.error { background: #ffd; text-align: center; color: #a00; font-weight: bold; }
/* Overlay */
#overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
border:3px solid #777;
border-radius: 10px;
padding: 10px;
background: #555 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAWUlEQVQYGY2PAQoAIAgDrQf6pf7kC2vCRlRUgrjqXFrMrI3McHdKiwhpiMrTDRL4ghL8geQIsc6EOwbMcsYXhIYyUlvTgXUeS1vzkXWG8OMRXCE0b+AJAtgB7jEc+2fs6e8AAAAASUVORK5CYII=) repeat;
position: fixed;
display: none;
z-index: 3000;
box-shadow: 0 5px 20px #001;
vertical-align: middle;
#loading h1, #upgrading h4 { margin: 3px 0 0 0; padding: 0; color: #d80; }
#loading, #upgrading { color: white; }
.non-local-image {
display: inline-block;
border: 3px dashed #eee;
border-radius: 5px;
}
.non-local-image:after {
background: url(../../logo.php) center center no-repeat;
background-size: cover;
content: "";
z-index: -1;
width: 100%;
height: 100%;
opacity: 0.3;
input[type=text]:disabled, input[type=checkbox]:disabled {
background-color: #eee;
}
.icon-warning-sign {
color: #d33;
}
div.patch {
border-bottom: 1px dotted #ccc;
padding: 0.1em;
margin-left: 1em;
}
.patch-title {
color: #555;
}
border: 1px solid #ddd;
border: 1px solid rgba(0,0,0,0.1);
border-top-style: dotted;
border-bottom-style: none;
padding: 0.3em 10px 5px;
height: 2.5em;
overflow-y: hidden;
font-size: 15px;
line-height: 1.25rem;
}
div.selected-signature .inner {
opacity: 0.5;
.action-button.danger:hover {
opacity: 1.0;
border-color: rgba(95,75,0,0.8) !important;
background: #fc9f41; /* Old browsers */
color: rgba(255,255,255,0.8) !important;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjOWY0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZTgxMTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fc9f41 0%, #ce8114 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc9f41), color-stop(100%,#ce8114)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fc9f41 0%,#ce8114 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fc9f41 0%,#ce8114 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fc9f41 0%,#ce8114 100%); /* IE10+ */
background: linear-gradient(to bottom, #fc9f41 0%,#ce8114 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc9f41', endColorstr='#ce8114',GradientType=0 ); /* IE6-8 */
}
.action-button.danger {
color: #999 !important;
background: transparent;
border: 1px solid rgba(0,0,0,0.5);
opacity: 0.6;
}
.action-button.overlay {
float: none;
position: absolute;
top: 4px;
right: 5px;
}
.sortable-rows tr td:hover {
cursor: move;
}
.sortable {
cursor: move;
}
.row-item {
border: 1px solid rgba(0, 0, 0, 0.7);
padding: 9px;
position: relative;
}
background: rgba(0, 0, 0, 0.1);
}
background: rgba(0, 0, 0, 0.3);
}
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
margin-top: -1px;
}
border-left: 1px solid rgba(0, 0, 0, 0.7);
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
.row-item .delete:empty {
visibility: hidden;
}
.row-item .button-group {
font-size: 105%;
position: absolute;
top: 0px;
right: 0;
display: inline-block;
}
.row-item .button-group div {
padding: 9px;
padding-left: 12px;
display: inline-block;
}
.row-item .management {
margin-top: 10px;
border-top: 1px dashed black;
background: #fc9f41; /* Old browsers */
color: rgba(255,255,255,0.8) !important;
}
#sequences .manage-buttons {
display: inline-block;
margin-right: 60px;
}
tr.disabled td,
tr.disabled th {
opacity: 0.6;
background: #f5f5f5;
}
1815
1816
1817
1818
1819
1820
1821
1822
1823
1824
1825
1826
1827
1828
1829
1830
1831
1832
1833
1834
1835
1836
1837
.quicknote {
margin: 10px 0;
border: 1px solid rgba(0,0,0,0.2);
border-radius: 4px;
}
.quicknote .header {
position: relative;
display: block;
padding: 10px;
border-bottom: 1px dashed rgba(0,0,0,0.2);
}
.quicknote .header .header-left {
display: inline-block;
}
.quicknote .header .header-right {
display: inline-block;
text-align: right;
right: 1em;
position: absolute;
}
.quicknote .header .options {
display: inline-block;
padding-left: 10px;
margin-left: 5px;
white-space: nowrap;
border-left: 1px solid rgba(0,0,0,0.2);
}
.quicknote .body {
padding: 10px;
}
.quicknote a.action,
.floating-options a.action {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
display: inline-block;
width: 15px;
text-align: center;
padding: 2px 2px;
color: black !important;
background-color: #eee;
background-color: rgba(0, 0, 0, 0.05);
border-width: 1px;
border-style: solid;
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.1);
border-radius: 4px;
.quicknote a.action:hover,
.floating-options a.action:hover {
text-decoration: none;
border-color: #ff9100;
background-color: rgba(255, 145, 0, 0.05);
border-radius: 3px;
}
.quicknote a.action.save-note,
.floating-options a.action.save-note {
background-color: #bbeebb;
}
1875
1876
1877
1878
1879
1880
1881
1882
1883
1884
1885
1886
1887
1888
1889
1890
1891
1892
1893
1894
1895
#new-note {
margin-top: 10px;
}
.label {
font-size: 11px;
padding: 1px 4px 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-weight: bold;
line-height: 14px;
color: #ffffff;
vertical-align: baseline;
white-space: nowrap;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #999999;
}
.label-info {
background-color: #3a87ad;
}
.label-verified {
border:1px solid green;
background-color:transparent;
background-color:rgba(0,0,0,0);
color:green;
text-shadow:none;
}
.label-danger {
border:1px solid red;
background-color:transparent;
background-color:rgba(0,0,0,0);
color:red;
text-shadow:none;
}
.tab_content {
position: relative;
.left-tabs {
margin-left: 48px;
}
.floating-options {
display: inline-block;
position: absolute;
right: 0;
padding-right: 5px;
}
i.note-type {
color: #2a67ac;
opacity: 0.8;
border-right: 1px solid rgba(0, 0, 0, 0.2);
padding-right: 8px;
}
table.custom-info th {
background: transparent;
border: none;
padding-top: 10px;
border-bottom: 1px dotted rgba(0,0,0,0.9);
}
table.custom-info tr {
vertical-align: top;
}
table.custom-info td {
border-bottom: 1px dotted rgba(0,0,0,0.3);
}
1946
1947
1948
1949
1950
1951
1952
1953
1954
1955
1956
1957
1958
1959
1960
1961
1962
1963
1964
1965
1966
1967
1968
1969
1970
.faq-title {
font-size: 170%;
font-weight: 400;
padding-right: 200px;
}
.faq-content {
width: 670px;
margin: 0 15px;
}
.faq-meta section + section {
margin-top: 15px;
}
button a {
color: ButtonText !important;
text-decoration: none;
}
button a:hover {
text-decoration: none;
}
.bleed {
padding: 0;
margin: 0;
}
.doc-desc-title {
font-weight: bold;
text-transform: capitalize;
}
.form_table tr:hover i.help-tip,
.form_table tr i.help-tip.warning {
opacity: 1;
color: #ffc20f;
}
.form_table tr i.help-tip {
opacity: 0.2;
z-index: 200 !important;
.draft-saved {
background-color: black;
background-color: rgba(0, 0, 0, 0.7);
color: white;
padding: 4px 8px 6px;
border-radius: 3px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
line-height: 14px;