/******************** Favorite item related styles **************/

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.dragdrop-proxy {
	background-color: #F3F7FB;
	border: 1px solid #6F7277;
	padding: 5px;
	color: #000000;
	opacity: 0.60;
	max-width: 400px;
	min-width: 100px;
}
.favorites-content {
	width: 100%;
	height: 100%;
	color: #000000;
	font-weight: normal;
	position: relative;
	padding-top: 0px;
	overflow: hidden;
}

.favorite-tree-container {
	width: 225px;
	height: 100%;
}

.favorite-item-separator {
	width: 3px;
	height: 100%;
	background-color: #E2E2E2;
}

.favorite-item-container {
	padding-top: 3px;
	height: 100%;
}

.favorite-items {
	margin: 8px 5px 5px 5px;
}

.favourite-item-container,
.history-item-container {
	width: 100%;
	height: 100%;	
} 

.favourite-item-list,
.history-item-list {
	overflow: auto;
}

.favourite-item-list .dragdrop-dragging {
    background-color: inherit !important;
    cursor: move;
}

.favourite-item-list .dragdrop-handle {
    cursor: default !important;
}

.favourite-item-list,
.history-item-list {
	margin: 3px;
}

.favorite-usage-text {
	margin: 3px;
	padding: 7px 10px 8px 10px;
	background-color: #E2E2E2;
}

.favorite-usage-text p {
	margin : 0px;
	padding: 0px;
	margin-bottom: 2px;
}

.favorite-items-content,
.history-items-content {
	margin: 10px;
}

.favourites-button-panel,
.history-button-panel {
	margin: 5px 3px 5px 3px;;
}

.favourites-button-panel button,
.history-button-panel button {
	margin-right: 3px;
}

.favorite-items-table {
	margin-bottom: 5px;
}

.rss-link-disabled a, .rss-link-disabled a:HOVER {
	color: #000000;
	text-decoration: none;
	cursor: default;
}

.favorite-tree {
	outline: none;
	/* padding-top: 5px; */
	overflow: hidden;
	display: block;
	width: 100%;
}

.favorite-tree-container .favorite-tree input {
	width: 175px;
}

.favorite-tree .tree-row,
.history-folder {
	-webkit-user-select: none;
	padding: 0px 3px;
	white-space: nowrap;
	cursor: default;
	margin-bottom: 1px;
}

.favorite-tree .tree-row .expand-icon {
	display: inline-block;
	width: 16px;
}

.favorite-tree .tree-row .up {
	vertical-align: top;
	position: relative;
	top: 2px;
	background-image: url("/images/treeClosed.gif");
	width: 16px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat;
}

.favorite-tree .tree-row .down {
	vertical-align: top;
	position: relative;
	top: 2px;
	background-image: url("/images/treeOpen.gif");
	width: 16px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat;
}

.favorite-tree .tree-row .blank {
	background-image: none;
	width: 16px;
	height: 16px;
	display: inline-block;
}

.favorite-tree .tree-row .expand-icon,
.history-expand-icon{
	visibility: visible;
}

.favorite-tree .tree-row .expand-icon-blank {
	width: 16px;
	height: 16px;
	display: inline-block;
}

.favorite-tree .tree-row:hover {

}

.favorite-tree .selected,
.history-selected {
	border-color: #FFDD2D;
	z-index: 0;
	background-color: #FFEE98 !important;
	
	/*border-color: #FFDD2D;*/
	/*z-index: 0;*/
	/*background-color: #FFEE98 !important;*/
    /*color: #FFFFFF !important;*/
}

/*
  WebKit has a bug with attribute selectors so we apply selected to the tree row
  as well.

  https://bugs.webkit.org/show_bug.cgi?id=12519

*/
.favorite-tree .tree-row .selected {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0) );
}

.favorite-tree .tree-row .selected {
	border-color: hsl(0, 0%, 85%);
	background-color: hsl(0, 0%, 90%);
	z-index: 2;
}

.favorite-tree .tree-children {
	padding-left: 20px;
	display: block;
}

.favorite-tree .tree-row .tree-node-label, .favorite-tree .tree-row .tree-leaf-node-label,.history-folder-label {
	padding-left: 5px;
	white-space: pre;
	line-height: 20px;
}

.favorite-tree .tree-node-closed,
.history-folder-closed {
	vertical-align: top;
	position: relative;
	background-image: url("/images/folder_closed.png");
	width: 18px;
	height: 16px;
	display: inline-block;
}

.favorite-tree .tree-node-open,
.history-folder-open {
	vertical-align: top;
	position: relative;
	background-image: url("/images/folder_open.png");
	width: 18px;
	height: 16px;
	display: inline-block;
}

/* We need to ensure that even empty labels take up space */
.tree-label:empty:after {
	content: " ";
	white-space: pre;
}

.favorite-item {
	padding: 3px 0 3px 0;
	margin-bottom: 3px;
}

.favorite-item:HOVER {
	border-color: #FFDD2D;
	z-index: 1;
	background-color: #FFEE98;
	cursor: pointer;
}

.favorite-item-icon {
	position: relative;
	background-image: url("/images/favicon.jpg");
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	display: inline-block;
}

.favorite-item-title {
	vertical-align: middle;
	padding-left: 5px;
	z-index: 1;
}

.favorite-item-title-link {
	text-decoration: none !important;
	color: #000000 !important;
}

.folder-tree-panel {
	margin: 0px;
	padding: 3px 3px 3px 3px;	
	font-family: arial,helvetica,sans-serif;
    font-size: 12px;
}

.folder-tree-container {
	width: 300px;
	height: 300px;
	/*padding: 5px 5px 5px 0px;*/
	border: 1px solid gray;
	border-color: #ccc;
	overflow: auto;
}

.folder-item-container {
	margin-left: 5px;
	width: 405px;
	height: 300px;
	border: 1px solid gray;
	border-color: #ccc;
	overflow: auto;
}

.browse-favourite-items {
	padding: 3px;
}

.browse-favourite-item {
	padding-bottom: 2px;
	width: 100%;
}

.browse-favourite-item:HOVER {
	cursor: pointer;	
	background: #FFEE98;
}

.selected-favourite {
	background-color: #3399FF !important;
    color: #FFFFFF !important;
}

.browse-favourite-item-odd {
	background-color: #E2E2E2;
	opacity: 0.8;
}

.browse-favourite-item-even {
	background-color: #FFFFFF;
}

.browse-favourite-item .item-icon {
	width: 15px;
}

.browse-favourite-item .item-title {
	padding-left: 5px;
	width: 370px;
}

.edit-favorite-container {
	padding: 3px;
	overflow: hidden;
}

.edit-favorite-container .actionPanel {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 3px solid #D0E4F6;
}

.edit-favorite-container .gwt-InlineLabel {
	width: 40px;
	height: 20px;
	padding: 5px 5px 5px 0px;
	display: inline-block;
}

.edit-favorite-container .gwt-TextBox {
	width: 360px;
	height: 20px;
	display: inline-block;
}

.shimFrame {
	display:block;
	position:absolute;
	z-index:-1;
	width:100%;
	height:100%;
	border: none;
	opacity: 0;
}

.gwt-DialogBox {
	z-index:99999;
	background: none repeat scroll 0 0 white;
}

.add-favourite-container {
	padding: 10px 10px 10px 10px;
	overflow: hidden;
}

.add-favourite-container .actionPanel {
	padding-top: 5px;
	padding-top: 5px;
	border-top: 3px solid #D0E4F6;
}

.add-favourite-container .inline-label1 {
	padding-top: 0px !important;
}

.add-favourite-container .inline-label2 {
	width: 170px !important;
	text-align: right;
}

.add-favourite-container .select-name-list {
	display: block;
	width: 230px;
}

.add-favourite-container .new-name-box {
	display: block;
	width: 224px;
	margin-top: 3px;
}

.add-favourite-container .disabled {
	opacity: 0.45;
}

.add-favourite-container .gwt-InlineLabel {
	width: 40px;
	height: 20px;
	padding: 5px 7px 5px 0px;
	display: inline-block;
	vertical-align: top;
}

.add-favourite-container .gwt-TextBox {
	width: 360px;
	height: 20px;
	display: inline-block;
}

.add-favourite-container .gwt-TextArea {
	width: 360px;
	height: 60px;
}

.dialog-button {
	background-color: #F7DB06;
	background-image: url("/images/background_button.gif");
	background-position: right center;
	background-repeat: no-repeat;
	/*border: 1px solid #E7E7E7;*/
	border: 1px outset #CCCCCC;
	cursor: pointer;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-left: 3px;
	padding: 1px 14px 1px 6px;
	vertical-align: middle;
}

.add-favourite-container .gwt-ListBox {
	width: 175px;
	display: inline-block;
}

/******************* Favorite item related styles end ****/
/**************** Context menu related styles ****************/

/******************** Web annotation related styles **************/

.web-annotation {
	background-color: #FFEE98;
	margin: 3px 3px 3px 3px;
}

.prop-value-con .annotated {
	background-image: url(/images/icon_annotation_enabled.png);
	display: inline-block;
	margin: 0 0 0 2px;
	background-repeat: no-repeat;
	cursor: pointer;
	width: 12px;
	height: 12px;
}

.prop-value-con .not-annotated {
	background-image: none;
	display: inline-block;
	margin: 0 0 0 0px;
	background-repeat: no-repeat;
	cursor: pointer;
	width: 0px;
	height: 0px;
}

.web-annotation .annotation-text-container, .web-annotation .annotation-text-editor {
	padding: 5px 5px 5px 5px;
	color: #000000;
	font-weight: normal;
}

.web-annotation-add-dialog {
	color: #000000;
	font-weight: normal;
	margin: 5px 5px 5px 5px;
	overflow: hidden;
}

.web-annotation-add-dialog .hints {
	margin: 5px 0 5px 0;
	background-color: #E2E2E2;
	padding: 5px;
}

.web-annotation-add-dialog .section-titles {
	min-height: 150px;
	max-height: 450px;
	max-width: 600px;
	overflow: auto;
}

.web-annotation-add-dialog a {
	color: #000000;
	text-decoration: none;
}

.web-annotation-add-dialog a:HOVER {
	text-decoration: underline;
}

.web-annotation-add-dialog .section-title {
	padding-bottom: 2px;
}

.web-annotation-add-dialog .section-title .section-title-a {
	cursor: pointer;
}

.web-annotation-add-dialog .section-title .annotated {
	background-image: url(/images/annotated-small.png);
	display: inline-block;
	margin: 0 0 0 2px;
	background-repeat: no-repeat;
	cursor: pointer;
	width: 12px;
	height: 12px;
}

.web-annotation-add-dialog .actionPanel {
	margin: 10px 0 0 0;
    padding-top: 5px;
    border-top: 3px solid #D0E4F6;
}

/*.annotation-tab-content {
	overflow: auto;
}*/

.annotation-tab-content .annotations {
	position: relative;
	clear: both;
	margin: 3px;
}

.annotation-tab-content .annotation-item {
	clear: both;
	padding: 3px;
	background: #FFFFFF;
	white-space: inherit;
}


.annotation-tab-content .annotation-item .annotation-icon {
	background-image: url(/images/icon_annotation_enabled.png);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 14px;
	height: 14px;
}

.annotation-item td:first {
	width: 14px;
}

.annotation-item .annotation-icon-cell {
	width: 14px;
}

.annotation-item td {
	padding: 3px 0px 3px 0;
}

.annotation-tab-content a {
	color: #000000;
	text-decoration: none;
}

.annotation-tab-content .annotation-item .annotation {
	padding-left: 5px;
}

.annotation-tab-content .warning a {
	color: blue;
	text-decoration: none;
}

.annotation-tab-content .warning a:HOVER {
	text-decoration: underline;
}

.annotation-tab-content .annotation-usage-text {
	margin: 3px;
	padding: 7px 10px 8px 10px;
	background-color: #E2E2E2;
}
.anno-list{
    list-style: none;
}
.one-annotation{
     background:url(/images/icon_annotation_enabled.png) no-repeat left top;
     padding-left: 20px;
}
.anno-bold{
    font-weight: bold !important;
}
/******************** Web annotation related styles end **************/