@import url("ektron.treeview.css");
@import url("jquery.cluetip.css");
@import url("css/boxes.css");

div.TBWidget
{
	overflow:auto;
}

div.TBEdit
{
	overflow: visible;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	min-width: 31em;
	width: auto !important;
	width: 31em;	
}

div.TBEdit div#ResultsToggle
{
	margin: .75em 0 .25em;
	font-size: 80%;
}

div.TBEdit div#ResultsToggle a
{
	text-decoration: none;
}

div.TBEdit div#TBResults
{
	border: solid 1px gray;
	font-size: 80%;
	font-family:Arial, Tahoma, Verdana;
	height: 6em;
	overflow: auto;
	overflow-y: scroll;
	cursor: pointer;
	min-width:98%;
}

div.TBEdit div#TBResults div.TBresult
{
	padding: 0 1em;
	overflow: hidden;
	margin-right:3px;
}

div.TBEdit div#TBResults .even
{
	background-color:#ddd;
}
div.TBEdit div#TBResults .selected, div.TBEdit div#TBResults .selected span.title, div.TBEdit div#TBResults .selected span
{
	background-color: #5c9ccc;
	color: #fff;
}

div.TBEdit div#TBPaging
{
	text-align:center;
}

div.TBEdit div.TBresult span.title
{
	float:left;
	color: #222;
}

div.TBEdit div.TBresult span.contentid
{
	float:right;
}
div.TBEdit div.TBresult br.clearall
{
	clear:both;
}

div.TBEdit .TBEditControls
{
	text-align: right;
	margin: .25em 0 0;
}

div.TBEdit .TBSave
{
}

/* Filter Options */
div.TBEdit #TBFilterOptions
{
	margin-top: .25em;
	float: right;
}

div.TBEdit #TBFilterOptions .FilterOption
{
	font-size: 90%;
}

/* TABS */
div.TBEdit .TBTabInterface .ByTaxonomy, div.TBEdit .TBTabInterface .BySearch
{
	display: none;
}

div.TBEdit ul.TBTabWrapper
{
	list-style: none;
    margin: 2px 0 0 0;
    padding: 0;
}

div.TBEdit ul.TBTabWrapper li.TBTab
{
	float: left;
	border: solid 1px #97A5B0;
	background: #97A5B0;
	margin: .25em 0 0 .25em;
	padding: 0;
	position: relative;
	top: 1px;
	z-index: 2;
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
	font-weight: bold;
}

div.TBEdit ul.TBTabWrapper li.TBTab a:hover, div.LinkButtons a
{
	background-color: #27537a;
	color: #fff;
}

div.TBEdit ul.TBTabWrapper li.TBTab span, div.TBEdit ul.TBTabWrapper li.TBTab a
{
	display: inline-block;
	padding: .25em .5em .1em .5em;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

div.TBEdit ul.TBTabWrapper li.selected
{
	background-color: #fff;
	border-bottom: solid 1px #fff;
}

div.TBEdit ul.TBTabWrapper li.selected a:hover
{
	background-color: #fff;
}

div.TBEdit ul.TBTabWrapper li.selected a, div.TBEdit ul.TBTabWrapper li.selected a:hover, div.TBEdit ul.TBTabWrapper li.selected span
{
	color: #27537a;
}

div.TBEdit .TBTabInterface .TBTabPanel 
{
	min-width: 28em;
	width: auto !important;
	width: 28em;
    border: 1px solid #97a5b0;
    padding: .5em;
    background: #fff;
    overflow: auto;
    height: 15em;
    clear:both;
}

/*  Folder Tree */
div.TBEdit .TBTabInterface .foldercontainer span.folder, .TBTabInterface .foldercontainer span.file 
{ 
	padding: 1px 0 1px 18px; 
	display: block;
}

div.TBEdit .TBTabInterface div.foldercontainer span.folder
{
	background-image: url('../../workarea/java/plugins/treeview/images/folder.gif'); 
	background-position: 0 0;
	background-repeat: no-repeat; 
	cursor: pointer;
}

div.TBEdit .TBTabInterface .EktronFolderTree li.expandable>span.folder
{ 
	background-image: url('../../workarea/java/plugins/treeview/images/folder-closed.gif'); 
}
div.TBEdit .TBTabInterface .EktronFolderTree li.collapsable>span.folder 
{
	background-image: url('../../workarea/java/plugins/treeview/images/folder.gif'); 
}

div.TBEdit .TBTabInterface .EktronFolderTree .selected, div.TBEdit .TBTabInterface .EktronTaxonomyTree .selected
{
	color: #5c9ccc;
}

/* Taxonomy Tree */
div.TBEdit .TBTabInterface .treecontainer span.folder
{
	cursor: pointer;
}

/* Search */
a.searchSubmit 
{
	text-indent: -10000px;
	display: inline-block;
	height: 16px;
	width: 16px;
	background-image: url('images/magnifier.png');
	margin-left: .25em;
}

/* Clue Tip Overrides */
#cluetip #cluetip-outer
{
	background: #97a5b0;
	border: solid 1px #97a5b0;
	font-size: 12px;
	font-family: Arial, Verdana, Sans-Serif;
	color: #333;
}

#cluetip #cluetip-outer
{
	background: #fff;
}

#cluetip #cluetip-outer #cluetip-title
{
	background: #97a5b0;
	color: #fff;
	font-weight: bold;
}

#cluetip #cluetip-inner span 
{
	font-weight: bold;
	display: inline-block;
	padding: 0 .25em;
}

#cluetip #cluetip-inner table td 
{
	vertical-align: top;
	padding: .25em;
	margin: 0;
}

#cluetip #cluetip-inner div.contentDetails
{
	border: solid 1px #97a5b0;
	margin: 0;
	padding: 0;
}

#cluetip #cluetip-inner div.contentDetails div.teaser
{
	font-style: italic;
	font-size: .9em;
	padding: 0 .5em .5em;
	margin: 0;
}

.clue-right-default .cluetip-arrows {
  background-image: url(images/bgarrowleft.gif);
}

.clue-left-default .cluetip-arrows {
  background-image: url(images/bgarrowright.gif);
  left: 100%;
  margin-right: -11px;
}

.clue-top-default .cluetip-arrows {
  background-image: url(images/bgarrowdown.png);
  top: 100%;
  left: 50%;
  margin-top: -1px; 
  margin-left: -13px;
  height: 16px;
  width: 27px; 
} 
 
.clue-bottom-default .cluetip-arrows {
  background-image: url(images/bgarrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

#cluetip .EkForceWrap{word-break: break-all; -moz-binding: url('../../workarea/csslib/xml/moz_wordwrap.xml#wordwrap');}
#cluetip a.EkForceWrap:active, #cluetip a.EkForceWrap:focus{outline: none;} /* fixes scrollbars appearing when focus and active status is brought to link in mozilla */


/* Clearfix */
div.TBEdit .clearfix:after {content:" ";display:block;height:0;clear:both;visibility:hidden;}
div.TBEdit .clearfix {display:block;}


/*ie hacks (* in front of attribute prevents other browsers from knowing it, and this prevents us from having to create an ie-specific stylesheet) */
div.EktronPersonalization div.TBEdit ul.TBTabWrapper li.TBTab 
{
	*position: static !important;
}

div.TBEdit .TBTabInterface .TBTabPanel
{
	*width: 97% !important;
}

div.TBEdit .clearfix { *display:inline-block;}

/*TABS++ widget editor styles*/
ul.widgetEdit, ul.widgetEdit li {
	list-style:	none;
	margin:0;
	padding:O;
}
ul.widgetEdit li {
	margin-bottom: 3px;
}
ul.widgetEdit li span.label {
	width: 100px;
	float:left;
	margin-right:5px;
	text-align:left;
	vertical-align:center;
	padding-top:2px;
	clear:both;
	}