@media screen {

/* Defaults */

#annotationstool.assanka { font-family: Arial,helvetica,sans-serif; color: rgb(50,50,50); line-height:18px; font-size: 13px }


/* Generics */

#annotationstool.assanka .ac { display: none }

/* Avatars hidden until they are launched */
#annotationstool.assanka .avatar { width: 30px; height: 30px; border: 1px solid rgb(94,94,94); margin-right: 7px; float:left; display:none; }
#annotationstool.assanka a, .assanka .lightboxwrapper .lightboxpopupwidgethelp a { color: rgb(54,149,215); }
#annotationstool.assanka a.add-annotation-link:hover { color: rgb(54,149,215) !important }
#annotationstool.assanka a:hover { text-decoration: underline }
#annotationstool.assanka ::-webkit-scrollbar { width: 9px; height: 9px; }
#annotationstool.assanka ::-webkit-scrollbar-thumb { background: #666; border-radius: 4px }
#annotationstool.assanka ::-webkit-scrollbar-track-piece { background-color: #FAFAFA; -webkit-border-radius: 0; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-right-radius: 8px 8px; border-bottom-left-radius: 8px 8px; }
#annotationstool.assanka .padded-wrapper { padding: 10px }
#annotationstool.assanka .disabledbutton { -moz-opacity: 0.50; -khtml-opacity: 0.50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter:alpha(opacity=50); opacity: 0.50; }
#annotationstool.assanka .disabledbutton:hover { cursor:default; }



/* Buttons */

#annotationstool.assanka button { border-bottom: 1px solid rgb(140,140,140); border-left: none; border-right: none; border-top: none; padding: 6px; margin-left:5px; cursor:default; outline:0; }
#annotationstool.assanka button, #annotationstool.assanka button.disabled:hover, #annotationstool.assanka button.disabled:active  { background-color:white; background: -moz-linear-gradient(top, #F7F7F7 0%, #dadada 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#dadada)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#dadada',GradientType=0 ); border: 1px solid rgb(213,213,213); text-align:center; }
#annotationstool.assanka button:hover { background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); }
#annotationstool.assanka button:active { background: -moz-linear-gradient(top, #f2f2f2 0%, #fbfbfb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#fbfbfb)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fbfbfb',GradientType=0 ); }


/* Create-annotation button */

#annotationstool.assanka button .button-create-icon { background:transparent url(5c2f73e792eaf155c8b932524bfada1fdc9f4cfd.png)  -111px -68px no-repeat scroll; display:block; width:14px; height:14px; float:left; margin-right:6px;  }
*+html #annotationstool.assanka button .button-create-icon { display:none; }
* html #annotationstool.assanka button .button-create-icon { display:none; }
*+html #annotationstool.assanka .buttons button.button-create { background:white url(c52794abb8974f1af1f6fbb77fe343cc6990d0ab.gif)  left -2px no-repeat; height:36px; filter:none; padding-left:30px; }
* html #annotationstool.assanka .buttons button.button-create { background:white url(c52794abb8974f1af1f6fbb77fe343cc6990d0ab.gif)  left -2px no-repeat; height:36px; filter:none; padding-left:30px; }
*+html #annotationstool.assanka .buttons button.button-create:hover { background:white url(5a48e3af4324f6828ab520da0652101e22435eb1.gif)  left -2px no-repeat; height:36px; filter:none; }
#annotationstool.assanka button.button-create, #annotationstool.assanka button.button-create:hover, #annotationstool.assanka button.button-create:active { text-align:left; }


/* Sidebar frame and positioning */

#annotationstool.assanka .sidebar-open { background-color:rgb(242,242,242); color:black; position:fixed; top:0; right:0; width: 400px; height:500px; z-index:2000000; display:none; -moz-box-shadow: 0 0 10px #666; -webkit-box-shadow: 0 0 10px #666; box-shadow: 0 0 10px #666; }
#annotationstool.assanka .sidebar-open .btnhidesidebar { width: 33px; height: 78px; background: rgb(242,242,242) url(5c2f73e792eaf155c8b932524bfada1fdc9f4cfd.png)  -64px -18px no-repeat; position:absolute; top: 35px; left: -35px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -ms-border-top-left-radius: 6px; -ms-border-bottom-left-radius: 6px; -o-border-top-left-radius: 6px; -o-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; box-shadow: 0 0 10px #666; -moz-box-shadow: 0 0 10px #666; -webkit-box-shadow: 0 0 10px #666; }
#annotationstool.assanka .sidebar-open .hideshadow { width: 10px; height: 78px; background-color:rgb(242,242,242); position:absolute; top: 35px; left: -2px; }
#annotationstool.assanka .sidebar-closed { width:33px; height: 135px; color: white; position:fixed; top: 50%; margin-top:-68px; right: 0; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -ms-border-top-left-radius: 6px; -ms-border-bottom-left-radius: 6px; -o-border-top-left-radius: 6px; -o-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; box-shadow: 0 0 10px #666; -moz-box-shadow: 0 0 10px #666; -webkit-box-shadow: 0 0 10px #666; background: rgb(55,152,220) url(5c2f73e792eaf155c8b932524bfada1fdc9f4cfd.png)  -21px 7px no-repeat; border-top: 1px solid rgb(0,135,227);  border-bottom: 1px solid rgb(0,135,227); border-left: 1px solid rgb(0,135,227); display:none; z-index:2000000; }
#annotationstool.assanka .sidebar-closed a { width:33px; height: 135px; display: block; }
#annotationstool.assanka .header { height: 35px; border-bottom: 1px solid white; background: rgb(53,148,214); background: -moz-linear-gradient(top, #389BDF 0%, #348ECC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#389BDF), color-stop(100%,#348ECC)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#389BDF', endColorstr='#348ECC',GradientType=0 ); }
#annotationstool.assanka .header h1 { margin: 0; padding: 7px 0 0 10px; font-size: 14px; font-weight: bold; color: white; float: left }
* html #annotationstool.assanka { height:0.1%; }
* html #annotationstool.assanka .sidebar-open { position: absolute; }
* html #annotationstool.assanka .sidebar-closed { position: absolute; }


/* Loading */

#annotationstool.assanka .loading-problem { margin:0 20px; display:none; }
#annotationstool.assanka .loading-problem p { margin:10px 0;}

/* Need to show and hide elements before they are added to the DOM, so using these two classes instead
   (jQuery show/hide methods wont work on elements that have not yet been added) */
#annotationstool.assanka .shown { display:block; }
#annotationstool.assanka .showninline { display:inline; }
#annotationstool.assanka .hidden { display:none !important; }

#annotationstool.assanka .header .recently-annotated { float: right; padding: 2px 6px; margin: 7px 0 0 0; max-width:217px; font-size: 12px; color: white; cursor: pointer; text-decoration: none; }
#annotationstool.assanka .header .recently-annotated-active { background-color:white; border:1px solid #cccccc; color:#666666;  }
#annotationstool.assanka .header .recently-annotated .recently-annotated-label { display:inline-block; max-width:200px; height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#annotationstool.assanka .header .recently-annotated:hover { text-decoration: none }
#annotationstool.assanka .header .recently-annotated img { width: 14px; height: 14px; border: 1px solid rgb(217,237,244); margin-right: 7px; float:left; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; display:none; }
#annotationstool.assanka .header .recently-annotated .icon { width: 7px; height: 5px; background:transparent url(5c2f73e792eaf155c8b932524bfada1fdc9f4cfd.png)  -114px -60px no-repeat; margin: 6px 0 0 10px; display:inline-block; vertical-align:top; position:relative; top:-1px; }
#annotationstool.assanka .header .recently-annotated-active .icon { background-position: -145px -85px; }

/* IE6 does not support transparent backgrounds, and makes the icon <span> much too tall, so using the sprite for the
   background image looks wrong.  It also ignores the left-margin on this element, so replicating it by using padding
   instead and moving the backtround image to the right-hand edge.  IE7 has similar problems with margin so applying the
   same fix to it */
* html #annotationstool.assanka .header .recently-annotated .icon { background: url(dbd941fafaeef649fb41740c2c6a30725a5f5ee4.gif)  9px 0 no-repeat; padding-left:10px;  }
*+html #annotationstool.assanka .header .recently-annotated .icon { background: url(dbd941fafaeef649fb41740c2c6a30725a5f5ee4.gif)  9px 0 no-repeat; padding-left:10px;  }
* html #annotationstool.assanka .header .recently-annotated-active .icon { background: url(475d8cc7fff99b0a819eed9ee73681a238b805ba.gif)  9px 0 no-repeat; padding-left:10px;  }
*+html #annotationstool.assanka .header .recently-annotated-active .icon { background: url(475d8cc7fff99b0a819eed9ee73681a238b805ba.gif)  9px 0 no-repeat; padding-left:10px;  }

#annotationstool.assanka .header .profile, #annotationstool.assanka .header .dashboard { float:right; width:34px; height:34px; }

#annotationstool.assanka .header .profile { float: right; background:transparent url(5c2f73e792eaf155c8b932524bfada1fdc9f4cfd.png)  -130px -94px no-repeat scroll; }
* html #annotationstool.assanka .header .profile { background:transparent url(ffc442cee467aa913c17750cba505f3c94e153d7.gif)  left top no-repeat scroll; }

#annotationstool.assanka .header .dashboard { float: right; background:transparent url(5c2f73e792eaf155c8b932524bfada1fdc9f4cfd.png)  -132px -134px no-repeat scroll; }

* html #annotationstool.assanka .header .dashboard { background:transparent url(e83bfd37e7768136262a8b2d2fe220fdde6775af.gif)  left top no-repeat scroll; }

/* Clip this */

#annotationstool-clipthiscontainer { position:absolute; left:-5000px; }
#annotationstool.assanka .clipthisbutton { float:right; }
#annotationstool.assanka .clipthisbutton a { background: url(8bab7e51c3f0909190e56e327fb59638b998102c.png)  no-repeat scroll right -116px #4781AA; color: #FFFFFF; cursor: pointer; display: inline-block; font-family: Arial, Helvetica, sans-serif; padding: 1px 7px 1px 7px; line-height:15px; text-decoration: none; }


/* List of user's latest annotated items */

.assanka .recentlyannotateddropdowndiv { color:#323232; background-color:white; border:1px solid #cccccc; font-size:12px; padding:8px 12px 12px 12px; }
.assanka .recentlyannotateddropdowndiv a { color:#3695D7; }
.assanka .recentlyannotateddropdowndiv a:hover { text-decoration:underline; }
.assanka .recentlyannotateddropdowndiv ul, .assanka .recentlyannotateddropdowndiv li { margin:0; list-style:none; }
.assanka .recentlyannotateddropdowndiv ul { padding:0; }
.assanka .recentlyannotateddropdowndiv li, .assanka .recentlyannotateddropdowndiv p { padding:3px 0; margin:0;  }

#annotationstool.assanka .sidebar-content { overflow: auto; position:relative; }


/* Panel: Loading */

#annotationstool.assanka .loading-panel { background: url(5f39141c66c6103d3f9c5319ecefad661cd46788.gif)  50% 20px no-repeat; padding: 40px 20px; text-align:center; clear:both; }


/* Annotation view panel */

#annotationstool.assanka .annotations-list-meta-data { background: rgb(209,209,209); background-color:#dadada; overflow: hidden; clear:both; position:relative; }
#annotationstool.assanka .annotations-list-meta-data .mostactivity { float:left; width: 60%; overflow:hidden; }
#annotationstool.assanka .metadatanoparagraphannotations .mostactivity { height:165px; }
#annotationstool.assanka .annotations-list-meta-data .mostactivity .mostactivityinner { padding:0 10px 10px 10px; }
#annotationstool.assanka .annotations-list-meta-data .mostactivity .mostactivityinner p { padding:11px 0 10px 0; font-size:13px; line-height:12px; }
#annotationstool.assanka .annotations-list-meta-data .mostactivity .graphouter { width:100%; height:199px; background: transparent url(d0bc699c8c42056602f89447e157922386e2bd00.png)  right top no-repeat scroll; background-size:101% auto; position:relative; }
#annotationstool.assanka .metadataexpanded .mostactivity .graphwrapper { background:transparent url(b0639a27ec49c6130af01fde414eb730b157d7d7.png)  right top repeat-y scroll; background-size:101% auto; }

* html #annotationstool.assanka .annotations-list-meta-data { zoom:1; }
* html #annotationstool.assanka .annotations-list-meta-data * { zoom:1; }

#annotationstool.assanka .metadatafixedheight .mostactivity .graphouter { background-image: url(9731e264928bbf69fba71a7bbfa53ea72f60ac52.png) ; background-size:101% 100%; }
#annotationstool.assanka .metadatanoannotations .mostactivity .graphouter { background-image: url(4c816843ccce080df4bdf6ce18259743ffbe03f2.png) ; }
#annotationstool.assanka .annotations-list-meta-data .mostactivity .graphbars { height:169px; width:42%; position:relative; top:26px; left:15px; }
*+html #annotationstool.assanka .annotations-list-meta-data .mostactivity .graphbars { width:38%; }
#annotationstool.assanka .metadatashort .mostactivity .mostactivityinner .graphbars { height:92px; }
#annotationstool.assanka .annotations-list-meta-data .mostactivity .graphbars .barlabel { color:#aea9a3 }

#annotationstool.assanka .annotations-list-meta-data .graphoverlaymessage { position:absolute; top:63px; left:43px; width:134px; background-color:white; color:black; font-size:10px; line-height:13px; width:134px; overflow:hidden; text-align:center; }
#annotationstool.assanka .annotations-list-meta-data .graphoverlaymessageinner { padding:11px 10px; border:1px solid #cccccc; }
#annotationstool.assanka .annotations-list-meta-data .graphoverlaymessage h4 { font-size:11px; font-weight:bold; line-height:13px; }
#annotationstool.assanka .annotations-list-meta-data .graphoverlaymessage p { margin-top:5px; }
#annotationstool.assanka .annotations-list-meta-data .graphoverlaymessage p, #annotationstool.assanka .annotations-list-meta-data .graphoverlaymessage a { color:#8c8c8c; }
#annotationstool.assanka .annotations-list-meta-data .graphoverlaymessage a:hover { text-decoration:none; }

#annotationstool.assanka .annotations-list-meta-data .noannotationsmessage { height:60px; }
#annotationstool.assanka .annotations-list-meta-data .noannotationsmessageinner { height:36px; }
#annotationstool.assanka .annotations-list-meta-data .noparagraphannotationsmessage { height:80px; }
#annotationstool.assanka .annotations-list-meta-data .noparagraphannotationsmessageinner { height:56px; }

#annotationstool.assanka .metadatanoannotations .togglegraph, #annotationstool.assanka .metadatafixedheight .togglegraph { display:none; }
#annotationstool.assanka .metadatatoggleable .togglegraph { display:block; height:15px; line-height:18px; height:18px; }
#annotationstool.assanka .metadataexpanded .togglegraph { border-top:5px solid #fff0df; position:relative; top:-5px; }
#annotationstool.assanka .metadatatoggleable .graphouter { height:184px; }
#annotationstool.assanka .metadatatoggleable .graphbars { height:154px; }
#annotationstool.assanka .navbutton { line-height:25px; }
#annotationstool.assanka .togglegraph, #annotationstool.assanka .navbutton { background-color:#3698d9; clear:both; height:25px; text-align:center; }
#annotationstool.assanka .togglegrapharrow, #annotationstool.assanka .navarrow { display:inline-block; margin-left:7px; width:18px; height:11px; }

/* Fix for position of up/down arrows in IE7 */
#annotationstool.assanka .togglegrapharrow, #annotationstool.assanka .navarrow { position:relative; }
*+html #annotationstool.assanka .togglegrapharrow { top:-2px; }
*+html #annotationstool.assanka .navarrow { top:-2px; }


#annotationstool.assanka .contract-graph .togglegrapharrow, #annotationstool.assanka .previous-item .navarrow { background:transparent url(5c2f73e792eaf155c8b932524bfada1fdc9f4cfd.png)  -108px -121px no-repeat scroll; }
#annotationstool.assanka .expand-graph .togglegrapharrow, #annotationstool.assanka .next-item .navarrow { background:transparent url(5c2f73e792eaf155c8b932524bfada1fdc9f4cfd.png)  -108px -135px no-repeat scroll; }
#annotationstool.assanka .togglegraph a, #annotationstool.assanka .navbutton a { color: white; display:block; font-size:11px; }
#annotationstool.assanka .togglegraph a:hover, #annotationstool.assanka .navbutton a:hover { text-decoration:none; }

 
/* Prevent the vertical scrollbar from causing the right-hand-side of the annotation-list header
   (containing the annotation and comment counts) to wrap onto a second line and be therefore
   clipped from view */

* html #annotationstool.assanka .annotations-list-wrapper { width:362px; margin:0 auto; }
*+html #annotationstool.assanka .annotations-list-wrapper { width:362px; margin:0 auto; }

* html #annotationstool.assanka .annotations-list-wrapper { height:1%; }
* html #annotationstool.assanka .annotations-list { height:1%; }
#annotationstool.assanka .annotations-list-meta-data .notmostactivity { float:right; height: 239px; width: 39%; overflow:hidden; background-color:#dadada; border-left:1px solid white; }
#annotationstool.assanka .metadatashort .notmostactivity, #annotationstool.assanka .metadatanoannotations .notmostactivity { height:auto; }
#annotationstool.assanka .metadatashort .list-count { display:none; }
#annotationstool.assanka .metadataparagraph .list-count { display:block; }
#annotationstool.assanka .annotations-list-meta-data .contextdescr { text-align:center; border-bottom: 1px solid white; background-color:white; padding:0 15px; height: 124px; line-height:124px; }
#annotationstool.assanka .metadataparagraph .contextdescr .contextdescrspacer { display:none; }

/* NB the order of the following four lines is significant, due to overriding */
#annotationstool.assanka .metadatashort .notmostactivity .contextdescr { height:40px; line-height:40px; }
#annotationstool.assanka .metadatanoparagraphannotations .notmostactivity .contextdescr { height:50px; line-height:50px; }
#annotationstool.assanka .metadatawholearticle .notmostactivity .contextdescr { height:124px; line-height:18px; }
#annotationstool.assanka .metadatanoannotations .notmostactivity .contextdescr { height:40px; line-height:40px; }

#annotationstool.assanka .annotations-list-meta-data h2 { font-weight: bold; font-size: 11px;  margin:0; padding:10px 0 5px 0; font-family:Arial,helvetica,sans-serif; }
#annotationstool.assanka .metadatanoannotations .notmostactivity h2, #annotationstool.assanka .metadataparagraph .notmostactivity h2 { padding:0; font-size:14px; }
#annotationstool.assanka .annotations-list-meta-data .contextprompt { color:#8c8c8c; }

#annotationstool.assanka .annotations-list-meta-data .list-count { text-align: center; float:left; height: 64px; font-size: 11px; width: 49% }
#annotationstool.assanka .annotations-list-meta-data .list-count span { position:relative; top:10px; }
#annotationstool.assanka .annotations-list-meta-data .list-count .list-count-value { display: block; font-size: 25px; margin-top: 3px; }
#annotationstool.assanka .annotations-list-meta-data .annotation-count { border-right: 1px solid white; }
#annotationstool.assanka .add-annotation-link { display: block; text-align:center; border-top: 2px groove white; border-bottom: 2px groove white; font-weight: bold; margin: 7px 0; padding: 5px 0; }
#annotationstool.assanka .add-annotation-link span { display: inline-block; width: 14px; height: 14px; background: url(5c2f73e792eaf155c8b932524bfada1fdc9f4cfd.png)  0 -19px no-repeat; vertical-align:top; margin-right: 4px; }
#annotationstool.assanka .annotatable-item-title { margin: 4px 0; }
#annotationstool.assanka .annotatable-item-title span { font-size: 12px; font-weight: bold }
#annotationstool.assanka .annotatable-item-title .contextpermalink { float: right; font-size: 12px }

#annotationstool.assanka .notmostactivity .disabled { background-color:#cdcdcd }
#annotationstool.assanka .notmostactivity .disabled a:hover { cursor:default; }

#annotationstool.assanka .annotations-list-wrapper { position:relative; clear:both; }
#annotationstool.assanka .cancel-delete-annotation-overlay, #annotationstool.assanka .cancel-delete-annotation-buttons { position:absolute; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; border-radius:4px; }
#annotationstool.assanka .cancel-delete-annotation-overlay { background-color:black; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#annotationstool.assanka .cancel-delete-annotation-buttons { width:166px; height:73px; border:1px solid #D5D5D5; background-color:white; background: -moz-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F5F5F5)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F5F5F5',GradientType=0 ); border: 1px solid rgb(213,213,213); text-align:center; }
#annotationstool.assanka .cancel-delete-annotation-buttons .cancel-delete-annotation-buttons-inner { padding:16px 9px; }
#annotationstool.assanka .cancel-delete-annotation-buttons label { font-weight:bold;  }
#annotationstool.assanka .cancel-delete-annotation-buttons a.cancel-delete-annotation-button { float:left; }
#annotationstool.assanka .sidebar-content-header.edit-tags a.add-new-tag-cancel-save-button { float:right; }
#annotationstool.assanka .sidebar-content-header.edit-tags a.add-new-tag-cancel-save-button, #annotationstool.assanka .cancel-delete-annotation-buttons a.cancel-delete-annotation-button { display:block; width:62px; height:23px; font-color:black; text-decoration:none; color:black; margin-top:10px; line-height:20px; padding:0 2px; background-color:white; background: -moz-linear-gradient(top, #F7F7F7 0%, #dadada 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#dadada)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#dadada',GradientType=0 ); border: 1px solid rgb(213,213,213); text-align:center; }
#annotationstool.assanka .sidebar-content-header.edit-tags a.add-new-tag-cancel-save-button:hover, #annotationstool.assanka .cancel-delete-annotation-buttons a.cancel-delete-annotation-button:hover { background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); }
#annotationstool.assanka .sidebar-content-header.edit-tags a.add-new-tag-cancel-save-button:active, #annotationstool.assanka .cancel-delete-annotation-buttons a.cancel-delete-annotation-button:active { background: -moz-linear-gradient(top, #f2f2f2 0%, #fbfbfb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#fbfbfb)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fbfbfb',GradientType=0 ); }
#annotationstool.assanka .cancel-delete-annotation-buttons a.cancel-delete-annotation-button-cancel { margin-right:7px; }
#annotationstool.assanka .annotationeditform .form-style1 .annotationstool-field-annotation { width:336px; margin:10px 0px 0px 0px; resize:none; outline: none; border:1px solid #d6dbe1; border-top-color:#949494; }
#annotationstool.assanka .annotations-list textarea.error { border:1px solid #f00; }
#annotationstool.assanka .sidebar-content-header.edit-tags .add-new-tag-save-cancel-buttons, #annotationstool.assanka .edit-annotation-save-cancel-buttons { overflow:hidden; margin-bottom:15px; clear:both; }
#annotationstool.assanka .sidebar-content-header.edit-tags .add-new-tag-save-cancel-buttons { margin-bottom: 0px; }
* html #annotationstool.assanka .sidebar-content-header.edit-tags .add-new-tag-save-cancel-buttons, * html #annotationstool.assanka .edit-annotation-save-cancel-buttons { height:35px; }


/* Annotations list header */
#annotationstool.assanka .sidebar-header { margin-bottom: 12px; background-color:#fbfbfb; border: 1px solid rgb(177,177,177); -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
#annotationstool.assanka .sidebar-header .sidebar-title { background-color: rgb(218,218,218); padding:10px; -moz-border-top-left-radius: 4px; -moz-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -ms-border-top-left-radius: 4px; -ms-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative; }
#annotationstool.assanka .sidebar-header .sidebar-title h2 { font-weight:bold; font-size:12px; overflow:hidden; width:270px; white-space:nowrap; text-overflow:ellipsis; margin:0; font-family:Arial,helvetica,sans-serif; line-height:18px; }
#annotationstool.assanka .sidebar-header .sidebar-title span.clipthisbutton { font-weight:normal; position: absolute; top: 10px; right:10px; }
#annotationstool.assanka .sidebar-header h3 { font-size: 12px; font-weight: bold; margin: 0px 10px; }


/* 'Link' button in annotations list */
.annotations-list-linkform .url { width:330px; margin:5px 0 0 0; }
.annotations-list-linkform .shorturl { margin-top:7px; display:none; }
.annotations-list-linkform .shorturl label { margin-left:5px; }

/* Viewing tags */
.assanka #article-tags { padding: 2px 10px 10px 10px; overflow: hidden; zoom:1; margin-top:10px; }
* html .assanka #article-tags { width:340px; }
.assanka #article-tags p.no-tags, .assanka #article-tags p.has-tags { padding:0; margin:0; }


/* Editing tags */
.assanka #article-tags-edit-form { padding: 2px 10px; overflow: hidden; }
.assanka #article-tag-field { width: 280px; float: left; }
* html .assanka #article-tag-field { width:270px; }
*+html .assanka #article-tag-field { width:270px; }
.assanka #article-tags-edit-form button { margin-top: -1px; }
.assanka a.edit-tags { width: 4.5em; display:block; float:left;  }
.assanka .no-tags a.edit-tags { width:auto; display:inline; float:none; }
.assanka #article-tags-saving-message { display:none; color: #666666; font-size: 12px; margin: 0 10px; }


/* Filters */
#annotationstool.assanka .annotation-filters { background: #ffffff; border: 1px solid rgb(177,177,177); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; }
#annotationstool.assanka .annotation-filters .filter-annotations { display:block; overflow:hidden; padding:10px 8px; }
#annotationstool.assanka .annotation-filters .filter-annotations select { width:295px; }
#annotationstool.assanka .annotations-list { list-style-type: none; padding: 0; margin: 0 }
#annotationstool.assanka .annotation-filters .filter-annotations .tag { margin-right:6px; }
#annotationstool.assanka .annotation-filters .filter-annotations .tag a { color:#333; }
#annotationstool.assanka .annotation-filters .filter-annotations .tag a:hover { text-decoration:none; }
#annotationstool.assanka .annotation-filters .filter-annotations .tag:hover { /*IE7+ fixes*/ visibility:visible; position:relative; }
	#annotationstool.assanka .annotation-filters .filter-annotations .tagorange:hover { border-color: #eda45e; background-color: #eda45e; }
		#annotationstool.assanka .annotation-filters .filter-annotations .tagcoffee:hover { border-color: #94826b; background-color: #94826b; }
		#annotationstool.assanka .annotation-filters .filter-annotations .tagyellow:hover { border-color: #eed485; background-color: #eed485; }
		#annotationstool.assanka .annotation-filters .filter-annotations .taggreen:hover { border-color: #bebe99; background-color: #bebe99; }
		#annotationstool.assanka .annotation-filters .filter-annotations .tagturquoise:hover { border-color: #819e9a; background-color: #819e9a; }
		#annotationstool.assanka .annotation-filters .filter-annotations .tagpurple:hover { border-color: #736e7e; background-color: #736e7e; }
		#annotationstool.assanka .annotation-filters .filter-annotations .tagred:hover { border-color: #d28b7e; background-color: #d28b7e; }
		#annotationstool.assanka .annotation-filters .filter-annotations .tagplatinum:hover { border-color: #b1bfc0; background-color: #b1bfc0; }
		#annotationstool.assanka .annotation-filters .filter-annotations .tageggplant:hover { border-color: #936971; background-color: #936971; }
		#annotationstool.assanka .annotation-filters .filter-annotations .tagblue:hover { border-color: #75a5c2; background-color: #75a5c2; }
	#annotationstool.assanka .annotation-filters .filter-annotations .off { background-color:#dedede; border-color:#dedede; }
#annotationstool.assanka .annotation-filters .filter-annotations label { font-weight:bold; }
#annotationstool.assanka .annotation-filters .filter-annotations .control { margin-top:8px; padding:0; }
#annotationstool.assanka .annotation-filters .filter-annotations .toggleshowmoretags { clear:both; text-align:right; }

/* Annotation */

#annotationstool.assanka .annotation { background: white; background: -moz-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F5F5F5)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F5F5F5',GradientType=0 ); border: 1px solid #B5B5B5; padding: 7px; margin: 10px 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; box-shadow: 0px 1px 2px #444; }
#annotationstool.assanka .annotation-header { overflow: hidden }
#annotationstool.assanka .annotation-header .score, #annotationstool.assanka .annotation-header .votebuttons { float: right; }
#annotationstool.assanka .annotation-header .score { width:30px; }
#annotationstool.assanka .annotation-header .score a { display:block; width: 12px; height: 15px; float:right; background:transparent url(5c2f73e792eaf155c8b932524bfada1fdc9f4cfd.png)  -172px -107px no-repeat scroll; margin-top:1px; }
#annotationstool.assanka .annotation-header .score .voted a, #annotationstool.assanka .annotation-header .score .ownannotation a { background-position:-172px -84px; }
#annotationstool.assanka .annotation-header .author { font-weight: bold; font-size: 12px; }
#annotationstool.assanka .annotation-header a.author:hover { text-decoration:none; }
#annotationstool.assanka .annotation-header .score .val { margin:0 0 0 6px; font-size:20px; /* IE7 needs float:right; otherwise the value appears left-aligned */ float:right; }
#annotationstool.assanka .annotation-header .toggle-follow { display:block; float:right; background:transparent url(a49ffea3425a9d0877631002b24a5881a00d9278.png)  left top no-repeat scroll; text-indent:-2000px; height:20px; overflow:hidden; width: 88px; margin-right:12px; }
#annotationstool.assanka .annotation-header .statefollow { background-position: -112px; width:62px; margin-right:25px; }
#annotationstool.assanka .annotation-header .displaystatehidden { display:none; }
.assanka .lightboxwrapper .lightboxpopupwidgethelp { background:none; border:none; padding:8px 0 0 0; border-radius:0px; }
.assanka .lightboxwrapper .lightboxpopupwidgethelp .lightboxinner { border:1px solid #999; padding:4px 10px 14px 10px; }
.assanka .lightboxwrapper .lightboxpopupwidgethelp .lightboxdecoration { display:block; width:17px; height:8px; background:transparent url(4693650d684add70a2b40d207adc818726749674.png)  left top no-repeat scroll; position:absolute; top:1px; left:50%; margin-left:-9px; }
.assanka .positionedabove .lightboxpopupwidgethelp { padding:0 0 8px 0; }
.assanka .positionedabove .lightboxpopupwidgethelp .lightboxdecoration { top:100%; margin-top:-9px; background-position:-20px top; }
.assanka .lightboxwrapper .lightboxpopupwidgethelp p { margin:10px 0 0 0; font-size:11px; line-height:140%; }
.assanka .lightboxwrapper .lightboxpopupwidgethelp .followhelp-dashboard-screenshot { width:16px; height:16px; display:inline-block; background:transparent url(5b9f905227790804abcd2decd4b54ec4ccbed535.png)  left top no-repeat scroll; vertical-align:middle; }


/* Organisation is on its own line (via display:block) until we implement tagging, at which point it will
   go after the author's name, and the tags will go under them both (where the organisation currently is.

   Not displaying in release 1, due to lack of info on where the data is coming from.
   
   Should be display:block rather than display:none when ready.
    */

#annotationstool.assanka .annotation-header .org { font-style: italic; font-size: 12px; color: #323232; }

#annotationstool.assanka .annotation .content { clear:left; padding: 1px 7px; margin: 10px 0; background-color: rgb(222,222,222); color: rgb(102,102,102); font-size: 12px; word-wrap: break-word; }
#annotationstool.assanka .annotation .content p { margin: 5px 0 }
#annotationstool.assanka .annotation .footersection { border-top: 1px solid rgb(214,214,214); padding-top: 7px; font-size: 11px; text-align: right; overflow:hidden; margin-bottom:5px; }
* html #annotationstool.assanka .annotation .footersection { height:20px; }
#annotationstool.assanka .annotation .footersection .reldate { color: rgb(102,102,102); float: left; }
#annotationstool.assanka .annotation .footersection .reldate:hover { cursor:help; text-decoration:none; }


#annotationstool.assanka .annotation .footersection .show-comments { background:transparent url(5c2f73e792eaf155c8b932524bfada1fdc9f4cfd.png)  -110px 1px no-repeat scroll; padding-left:20px; margin-left:5px; }

#annotationstool.assanka .annotation .footer .tags, #annotationstool.assanka .annotation .footer .privacylevel { text-align:left; color:#898989; }
#annotationstool.assanka .annotation .footer .tags strong { color:#000000; margin-right:4px; }

#annotationstool.assanka .annotation .comments-list-icon { width:12px; height:6px; background:transparent url(5c2f73e792eaf155c8b932524bfada1fdc9f4cfd.png)  -1px -88px no-repeat scroll; float:right; margin-right:22px; display:none; }
* html #annotationstool.assanka .annotation .comments-list-icon { position:relative; overflow:hidden; }
#annotationstool.assanka .annotation .comments-list { padding:0; margin:0; list-style-type: none; display: none; clear:right; min-height:1%; }
* html #annotationstool.assanka .annotation .comments-list { height: 1%; }
#annotationstool.assanka .annotation .write-comment textarea { line-height:18px; }
#annotationstool.assanka .annotation .delete-annotation { background:transparent url(5c2f73e792eaf155c8b932524bfada1fdc9f4cfd.png)  -110px -37px no-repeat scroll; }
#annotationstool.assanka .annotation .edit-annotation { background:transparent url(5c2f73e792eaf155c8b932524bfada1fdc9f4cfd.png)  -110px -18px no-repeat scroll; }
#annotationstool.assanka .annotation .annotationsfooterbutton { float:right; display:block; height:20px; padding-left:22px; padding-right: 10px; text-align:left; line-height:18px; }
#annotationstool.assanka .annotation .annotationsfooterbutton:hover { text-decoration:none; }


/* Comment */

#annotationstool.assanka .comments-list li { padding:4px 7px; margin:0; list-style-type: none; border-bottom: 1px solid rgb(246,246,246); background-color:#dedede; }
#annotationstool.assanka .comments-list li, #annotationstool.assanka .comments-list li .content { background-color:#EAEAEA; }
#annotationstool.assanka .annotation .comment .author { cursor:default; }
#annotationstool.assanka .annotation .comment .org { margin-left:3px; cursor:default; font-style:italic; color:#323232; }
#annotationstool.assanka .annotation .comment .authordescription { font-size:12px; }
#annotationstool.assanka .annotation .comment .content { padding:0; margin:0; font-size: 11px; }
#annotationstool.assanka .annotation .comment .content p { margin:0; }
#annotationstool.assanka .btndeletecomment { overflow:hidden; width:9px; height:9px; float:right; background:transparent url(5c2f73e792eaf155c8b932524bfada1fdc9f4cfd.png)  -3px -98px no-repeat scroll; display:none; }
#annotationstool.assanka .btnreportcomment { overflow:hidden; width:9px; height:9px; float:right; background:transparent url(5c2f73e792eaf155c8b932524bfada1fdc9f4cfd.png)  -3px -110px no-repeat scroll; display:none; margin: 0 4px }
#annotationstool.assanka .annotation .deletable.hover .btndeletecomment { display:block; }
#annotationstool.assanka .annotation .reportable.hover .btnreportcomment { display:block; }


/* New-annotation panel */

#annotationstool.assanka .new-annotation-panel { padding: 10px; }
#annotationstool.assanka .new-annotation-panel .droptarget { background-color: rgb(116,116,116); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 20px 0px; text-align:center; color: white; margin: 0 0 10px 0; position:relative; }
#annotationstool.assanka .new-annotation-panel .contextpreview { background-color: rgb(116,116,116); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 4px; text-align:right; color: white; margin: 0 0 10px 0; font-size: 12px; display: none }
#annotationstool.assanka .new-annotation-panel .contextpreview blockquote { background-color: rgb(242,242,242); text-align:left; margin:0 0 3px 0; padding: 7px; font-size: 12px; color: rgb(116,116,116); position:relative; }
#annotationstool.assanka .new-annotation-panel .contextpreview a { color:white; font-weight:bold; }

#annotationstool.assanka .new-annotation-panel .dep-warning { background:#C70000; color:white; padding:10px; line-height:1.3; margin:10px 0; }
#annotationstool.assanka .new-annotation-panel .dep-warning h4 { font-weight:bold; margin-bottom:5px; }
#annotationstool.assanka .new-annotation-panel .dep-warning p { margin-top:6px; }
#annotationstool.assanka .new-annotation-panel .dep-warning p a { color:#FF0!important; font-weight:bold; }

/* Add/edit annotation form */

#annotationstool.assanka .annotation-add-edit-form .tagsfield-wrapper { border-top: 1px solid #d6d6d6; padding:15px 0; }
#annotationstool.assanka .annotation-add-edit-form .tagsfield-label { padding:0 0 10px 0; }
#annotationstool.assanka .annotation-add-edit-form .whytag { float:right; font-weight:bold; }


/************* Inline markers ***************/

.assanka .annotationcount { display:block; background:transparent url(d03d49e9cf8895f61ac2eb670d96d2dffbee27b9.png)  left -34px no-repeat scroll; display:block; width:35px; height:27px; font-size:15px; text-align:center; padding:1px 0; color:black; text-decoration:none; line-height:26px; text-indent:-1px; }
.assanka .longnumber { font-size:8px; }
.assanka .currentannotationcount { background-position: left 0; color:white; }

.assanka .highlight { height:100%; background-color:#fce852; width:5px; }
.assanka .highlight { background: -webkit-gradient(linear, left top, left bottom, from(#ecd54c), to(#fce852)); }
.assanka .highlight { background: -webkit-linear-gradient(top, #ecd54c, #fce852); }
.assanka .highlight { background: -moz-linear-gradient(top, #ecd54c, #fce852); }
.assanka .highlight { background: -o-linear-gradient(top, #ecd54c, #fce852); }
.assanka .highlight { background: linear-gradient(top, #ecd54c, #fce852); }
.assanka .highlight {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecd54c', endColorstr='#fce852'); }

.assanka .currenthighlight { background:#cb1316; }
.assanka .currenthighlight { background: -webkit-gradient(linear,left top, left bottom, from(#9e2e4f),to(#cb1316)); }
.assanka .currenthighlight { background: -webkit-linear-gradient(top, #9e2e4f, #cb1316); }
.assanka .currenthighlight { background: -moz-linear-gradient(top, #9e2e4f, #cb1316); }
.assanka .currenthighlight { background: -o-linear-gradient(top, #9e2e4f, #cb1316); }
.assanka .currenthighlight { background: linear-gradient(top, #9e2e4f, #cb1316); }
.assanka .currenthighlight {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e2e4f', endColorstr='#cb1316'); }

.assankaannotatehover, .assankaannotatehover div, .assankaannotatehover span.quote { background-color:#fdff7f; cursor:pointer; }
img.assankaannotatehover { filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }


/* Prevent IE rendering error (first span on second line tall enough to reach the top of the first line) when
   calculating text wrapping point */

.assankameasure { position:relative; }


/* Form style 1: Labels above (New annotation form) */

#annotationstool.assanka .form-style1 { margin: 0; padding: 0; font-size: 12px }
#annotationstool.assanka .form-style1 .formfield { margin-bottom: 10px; }
#annotationstool.assanka .form-style1 .formfield label, .form-style1 .formfield .label { font-weight:bold; margin: 4px 0 0 0; }
#annotationstool.assanka .form-style1 .formfield label.option { display:inline; font-size: 13px; font-weight: normal; width: auto; margin: 0 10px 0 0; position: relative; top: -2px }
#annotationstool.assanka .form-style1 .formfield .control { padding:0; }
#annotationstool.assanka .form-style1 .formfield .radio, .form-style1 .formfield .check { margin: 0 3px 0 0 }
#annotationstool.assanka .form-style1 .formfield textarea { width: 100%; height: 130px; resize:none; outline: none; border:1px solid #d0d3da; border-top-color:#98989a; }
#annotationstool.assanka .form-style1 .formfield textarea.error { border: 1px solid #f00; }
#annotationstool.assanka .form-style1 .formfield.privacy-level { border-top:1px solid #d6d6d6; overflow:hidden; padding:15px 0; margin-bottom:0; }
#annotationstool.assanka .form-style1 .formfield.privacy-level label { float: left; margin: 0 10px 0 0; }
#annotationstool.assanka .form-style1 .formfield.privacy-level .control { float: left; margin:0; }
#annotationstool-field-annotation { margin-bottom:2px; resize:none; }
#annotationstool.assanka .form-style1 .note, #annotationstool.assanka .annotations-contents-disclaimer { font-size: 10px; color: #888; line-height:14px; }
#annotationstool.assanka .form-style1 .buttons div { padding: 10px; text-align:right }
#annotationstool.assanka .form-style1 .buttons { clear:both; border-top: 1px solid #D6D6D6; margin-top:9px; padding-top:14px; }


/* Comment form */

#annotationstool.assanka .form-style2 textarea { width: 316px; height: 26px; padding: 3px; font-size: 12px; color: #888; resize: none; outline: none; border: 1px solid #bfc2c9; border-top-color:#919095; }
#annotationstool.assanka .write-comment textarea { height:auto; }
#annotationstool.assanka .form-style2.active textarea { height: 70px; color: black; resize: y }
#annotationstool.assanka .form-style2 .note { font-size: 10px; color: #888; margin-left: 39px; display: none; }
#annotationstool.assanka .write-comment-agreement { font-size: 10px; color: #888; line-height:14px; display: none; }
#annotationstool.assanka .form-style2.active .note { display: block; }


/* Activity bar chart */

#annotationstool.assanka a.barchartbar:hover { text-decoration:none; }

}


/* Print styles */

@media print {

#annotationstool.assanka, #annotationstool.assanka * { height:auto !important; }
#annotationstool.assanka .sidebar-open { position:static; width:auto; box-shadow:none; margin-top:30px; border-top:1px solid black; padding-top:10px; }
#annotationstool.assanka .header, #annotationstool.assanka .sidebar-header, #annotationstool.assanka .annotations-list-meta-data, #annotationstool.assanka .add-annotation-link, #annotationstool.assanka .annotation-filters, #annotationstool.assanka .annotation-header .score, #annotationstool.assanka .annotation-header .toggle-follow, #annotationstool.assanka .footersection .show-comments, #annotationstool.assanka .footersection .delete-annotation, #annotationstool.assanka .footersection .edit-annotation, #annotationstool.assanka .footersection .report-annotation, #annotationstool.assanka .comments-list, #annotationstool.assanka .comments-list-icon,#annotationstool.assanka .sidebar-closed, #annotationstool.assanka .annotatable-item-title .contextpermalink, #annotationstool.assanka .new-annotation-panel { display:none !important; }
* html #annotationstool.assanka { display:none !important; }

}
/**
 * Tag-related CSS
 *
 * @copyright The Financial Times Limited [All Rights Reserved]
 */



/* Tags */
.assanka .tag { float:left; padding: 2px 5px; margin: 0px 3px 3px 0px; border-style: solid; border-width: 1px; color: #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-size:12px; line-height:12px; cursor: default; }
	.assanka p.orange { border-color: #eda45e; background-color: #eda45e; }
	.assanka .tagorange { border-color: #eda45e; background-color: #eda45e; }
	.assanka .tagfield-suggest .orange { color: #eda45e; }
	.assankataxonomycolourorange { background-color: #eda45e; }
		.assanka p.coffee { border-color: #94826b; background-color: #94826b; }
	.assanka .tagcoffee { border-color: #94826b; background-color: #94826b; }
	.assanka .tagfield-suggest .coffee { color: #94826b; }
	.assankataxonomycolourcoffee { background-color: #94826b; }
		.assanka p.yellow { border-color: #eed485; background-color: #eed485; }
	.assanka .tagyellow { border-color: #eed485; background-color: #eed485; }
	.assanka .tagfield-suggest .yellow { color: #eed485; }
	.assankataxonomycolouryellow { background-color: #eed485; }
		.assanka p.green { border-color: #bebe99; background-color: #bebe99; }
	.assanka .taggreen { border-color: #bebe99; background-color: #bebe99; }
	.assanka .tagfield-suggest .green { color: #bebe99; }
	.assankataxonomycolourgreen { background-color: #bebe99; }
		.assanka p.turquoise { border-color: #819e9a; background-color: #819e9a; }
	.assanka .tagturquoise { border-color: #819e9a; background-color: #819e9a; }
	.assanka .tagfield-suggest .turquoise { color: #819e9a; }
	.assankataxonomycolourturquoise { background-color: #819e9a; }
		.assanka p.purple { border-color: #736e7e; background-color: #736e7e; }
	.assanka .tagpurple { border-color: #736e7e; background-color: #736e7e; }
	.assanka .tagfield-suggest .purple { color: #736e7e; }
	.assankataxonomycolourpurple { background-color: #736e7e; }
		.assanka p.red { border-color: #d28b7e; background-color: #d28b7e; }
	.assanka .tagred { border-color: #d28b7e; background-color: #d28b7e; }
	.assanka .tagfield-suggest .red { color: #d28b7e; }
	.assankataxonomycolourred { background-color: #d28b7e; }
		.assanka p.platinum { border-color: #b1bfc0; background-color: #b1bfc0; }
	.assanka .tagplatinum { border-color: #b1bfc0; background-color: #b1bfc0; }
	.assanka .tagfield-suggest .platinum { color: #b1bfc0; }
	.assankataxonomycolourplatinum { background-color: #b1bfc0; }
		.assanka p.eggplant { border-color: #936971; background-color: #936971; }
	.assanka .tageggplant { border-color: #936971; background-color: #936971; }
	.assanka .tagfield-suggest .eggplant { color: #936971; }
	.assankataxonomycoloureggplant { background-color: #936971; }
		.assanka p.blue { border-color: #75a5c2; background-color: #75a5c2; }
	.assanka .tagblue { border-color: #75a5c2; background-color: #75a5c2; }
	.assanka .tagfield-suggest .blue { color: #75a5c2; }
	.assankataxonomycolourblue { background-color: #75a5c2; }
	.assanka p.no-tags { font-style: italic; }


/* Tag field */
.assanka .tagfield-wrapper { border: 1px solid #aaa; padding:3px 4px; background-color: #fff; min-height: 22px; cursor: text; overflow: hidden; font-size:14px; zoom:1; }
.assanka .tagfield-wrapper input { width: 10px; padding: 0px; border:none; outline: none; border-color: transparent; margin: 3px 0 0 0; color: black; float:left; }
.assanka .tagfield-wrapper .placeholder { color: #999; float: left; }
.assanka .tagfield-wrapper .tag { position:relative; margin: 1px 3px 3px 0px; }
.assanka .tagfield-wrapper .deletable { padding-right: 20px; }
.assanka .tagfield-wrapper .tag .delete-tag { display: block; width: 9px; height: 9px; overflow: hidden; background:transparent url(5c2f73e792eaf155c8b932524bfada1fdc9f4cfd.png)  -3px -98px no-repeat scroll; position: absolute; right: 5px; top: 4px; }
.assanka .tagfield-suggest { display: none; border: 1px solid #d8dbe2; border-radius: 3px; margin:0px; background-color:#ebe9ea; position:absolute; padding: 3px; width:330px; z-index:50; }
.assanka .tagfield-suggest .taxonomy { float: left; max-width: 150px; min-width: 100px; overflow: hidden; text-overflow: ellipsis; margin-right: 10px; }
.assanka .tagfield-suggest .matched-chars { font-weight: bold; }
.assanka .tagfield-suggest li.suggestion { display: block; padding:1px 10px; font-size: 12px; line-height: 18px; color: #333; cursor: pointer; overflow: hidden; border-radius: 3px; }
.assanka .tagfield-suggest li.suggestion .result-text { float:left; width:200px; }
.assanka .tagfield-suggest li.active { background-color: #d1d1d1; }
.assanka .tagfield-suggest .add-new { padding-top: 10px; margin:10px; border-top: 1px solid #cecece; }
.assanka .tagfield-suggest .add-new legend { font-weight: bold; margin-bottom: 10px; }
.assanka .tagfield-suggest .add-new label { margin-right: 10px; }


/* Tag field (smaller version) */
.assanka .search-wrapper-smaller .tagfield-wrapper { min-height:14px; padding:5px 8px; }
.assanka .search-wrapper-smaller .tagfield-wrapper input, .assanka .search-wrapper-smaller .tagfield-wrapper .placeholder { height:14px; font-size:14px; line-height:14px; margin:0; }
.assanka .search-wrapper-smaller .tagfield-wrapper .tag { font-size:12px; line-height:12px; margin:0 5px 5px 0; padding:0 20px 0 5px; }
.assanka .search-wrapper-smaller .tagfield-wrapper .tag .delete-tag { top:2px; }



/**
 * Lightbox styles
 *
 * Student-tools specific styles
 *
 */

.assanka .lightboxouter { background: url(abfa38ad0ca42070b42ac99e8483039caeb6bd28.png)  repeat scroll 0 0 transparent; color: black; font-family: arial; font-size: 14px; line-height: 1.6em; margin: 0; padding: 8px; text-align: left; vertical-align: middle; width: 400px; border-radius:10px; overflow:visible; }
.assanka .lightboxinner { background: none repeat scroll 0 0 white; margin: 0; padding:27px 15px; }
.assanka .lightboxinner input.uri { width:300px; margin:15px 0; }
.assanka .lightboxinner fieldset { border:none; }
.assanka .lightboxinner .addclippingslistbyurl p { margin-bottom:0; }
.assanka .lightboxcloselink { float:right; cursor:pointer; margin:5px 5px 0 0; line-height:12px; }
.assanka .noclosebutton .lightboxcloselink { display:none; }
.assanka .lightboxdecoration { display:none; }