@charset "UTF-8";
html * {
    margin: 0;
    /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */
}


/* GENERAL */

.spinner {
    padding: 5px;
    position: absolute;
    right: 0;
}

.tagBox {
    clear: both;
    width: 90%;
    padding: 4px;
}

.tag {
    background-color: #EEF;
    border: 1px solid #AAF;
    font-size: 8pt;
    padding: 2px 2px 2px 16px;
    margin: 2px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    line-height: 16pt;
    cursor: pointer;
    background-image: url('images/clearsmall.png');
    background-repeat: no-repeat;
}

.tag:hover {
    background-color: #F0F0FF;
    cursor: pointer;
}

body {
	margin: 0;
	padding:0;
    background: #fff !important;
    color: #333;
    font: 12px verdana, arial, helvetica, sans-serif;
}

a:link, a:visited {
    color: #666;
    font-weight: bold;
    text-decoration: none;
}

a.normal:link, a.normal:visited {
	color: #666;
    font-weight: normal;
    text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

a.normal:hover {
	text-decoration:underline;
}

a.tiny:link, a.tiny:visited {
    color: #666;
    font-weight: normal;
    text-decoration: underline;
    font-size:11px;
}

a.tiny:hover {
	text-decoration:underline;
}

h1 {
    color: #006dba;
    font-weight: normal;
    font-size: 16px;
    margin: .8em 0 .3em 0;
}

h2 {
    color: #006dba;
    font-weight: normal;
    font-size: 14px;
    margin: .8em 0 .3em 0;
}

ul {
    padding: 0px;
}

select {
   padding: 2px 2px 2px 0;
}
/*
textarea {
	width: 250px;
	height: 150px;
	vertical-align: top;
}
*/

input:focus, select:focus, textarea:focus {
    border: 1px solid #b2d1ff;
}

.body {
	float: left;
    margin: 0 15px 10px 15px;
	padding:0;

}

/* NAVIGATION MENU */

.nav {
    background: #fff url(images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-style: solid none solid none;
    margin-top: 5px;
    padding: 7px 12px;
}

.menuButton {
    font-size: 10px;
    padding: 0 5px;
}

.menuButton a {
    color: #333;
    padding: 4px 6px;
}

.menuButton a.home {
    background: url(images/skin/house.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton a.list {
    background: url(images/skin/database_table.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton a.create {
    background: url(images/skin/database_add.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

/* MESSAGES AND ERRORS */

.message {
    background: #f3f8fc url(images/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}

.warning {
    background: #fff3f3 url(images/skin/exclamation.png) 8px 50% no-repeat;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}

div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}

div.errors ul {
    list-style: none;
    padding: 0;
}

div.errors li {
	background: url(images/skin/exclamation.png) 8px 0% no-repeat;
    line-height: 16px;
    padding-left: 30px;
}

td.errors select {
    border: 1px solid red;
}

td.errors input {
    border: 1px solid red;
}

/* TABLES */

table {
	border: 0px;
    /* border: 1px solid #ccc; */
    width: 100%;
}

tr {
    border: 0;
}

td, th {
    font: 12px verdana, arial, helvetica, sans-serif;
    line-height: 12px;
    padding: 0px;
    text-align: left;
    vertical-align: top;
}

th {
	background: #fff url(images/skin/shadow.jpg) bottom repeat-x;
    color: #666;
    font-size: 12px;
    font-weight: bold;
    line-height: 17px;
    padding: 2px 6px;
}

th a:link, th a:visited, th a:hover {
    color: #333;
    font-size: 12px;
    text-decoration: none;
    width: 100%;
    white-space: nowrap;
    border: none;
}

th.asc a, th.desc a {
    background-position: right;
    background-repeat: no-repeat;
}

th.asc a {
    background-image: url(images/skin/sorted_asc.gif);
}

th.desc a {
    background-image: url(images/skin/sorted_desc.gif);
}

.odd {
    background: #f4f4f4;
}

.even {
    background: #fff;
}

.oddlightblue {
	 background: #f0f8ff;
	}

/* LIST */

.list table {
    border-collapse: collapse;
		width:100%;
		padding: 5px 15px 10px 15px;
}

.list th, .list td {
    border-left: 1px solid #ddd;
}

.list table.noborder {
   border:0px solid #ddd
}

.list th, .list td {
    border-left: 0px solid #ddd;
    vertical-align: bottom;
}

.list td a:link, .list td a:visited, .list td a:hover {
    color: #333;
    display: block;
    font-size: 10px;
    text-decoration: underline;
    width: 100%;
    white-space: nowrap;
    border: none;
}

.list td a:hover {
    color: blue;
    display: block;
    font-size: 10px;
    text-decoration: underline;
    width: 100%;
    white-space: nowrap;
    border: none;
}

/* tableToggle */

.tableToggle th a:hover, .tableToggle tr a:hover {
    text-decoration: underline;
}

/* PAGINATION */

.paginateButtons {
    background: #fff url(images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-top: 0;
    color: #666;
    font-size: 10px;
    overflow: hidden;
    padding: 10px 3px;
}

.paginateButtons a {
    background: #fff;
    border: 1px solid #ccc;
    border-color: #ccc #aaa #aaa #ccc;
    color: #666;
    margin: 0 3px;
    padding: 2px 6px;
}

.paginateButtons span {
    padding: 2px 3px;
}

/* DIALOG */

.dialog table {
    padding: 5px 0;
}

.prop {
    padding: 5px;
}

.prop .name {
    text-align: left;
    width: 15%;
    white-space: nowrap;
}

.prop .value {
    text-align: left;
    width: 85%;
}

/* ACTION BUTTONS */

.buttons {
    background: #fff url(images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    color: #666;
    font-size: 10px;
    margin-top: 0px;
    overflow: hidden;
    padding: 0;
}

.buttons input {
    background: #fff;
    border: 0;
    color: #333;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    margin-left: 3px;
    overflow: visible;
    padding: 2px 6px;
}

.buttons input.search {
	margin-top:0px;
    background: transparent 5px 50% no-repeat;
    padding-left: 3px;
    padding-right:28px;
    font-size: 12px;
}

.buttons input.delete {
    background: transparent url(images/skin/database_delete.png) 5px 50% no-repeat;
    padding-left: 28px;
}

.buttons input.edit {
    background: transparent url(images/skin/database_edit.png) 5px 50% no-repeat;
    padding-left: 28px;
}

.buttons input.save {
    background: transparent url(images/skin/database_save.png) 5px 50% no-repeat;
    padding-left: 28px;
}

.buttons input.cancel {
    background: transparent url(images/skin/database_cancel.png) 5px 50% no-repeat;
    padding-left: 28px;
}

.buttons input.next {
    background: transparent url(images/skin/next_arrow.PNG) 5px 50% no-repeat;
    padding-left: 28px;
}

.buttons input.previous {
    background: transparent url(images/skin/prev_arrow.PNG) 5px 50% no-repeat;
    padding-left: 28px;
}

input.search {
	margin-top:0px;
    background: #fff url(images/skin/shadow.jpg) bottom repeat-x;
    padding-left: 3px;
    padding-right:28px;
    border: 1px solid #ccc;
    border-bottom:1px solid #777;
    border-right:1px solid #777;
    color: #444;
    font-size: 13px;
    margin-top: 0px;
    overflow: hidden;
    padding: 1px 1px 1px 1px;
}

/* ---------------------------------------- Generif */

div#generifs, div#gtbl {
	margin: 0 1em;
	vertical-align: top;
	text-align: left;
}

caption {
	position: relative;
	caption-side: top;
	font-size: 90%;
}

div#gtbl {
	margin-top: 1em;
}

div#gtbl table
{
	/* Bizarre Gecko problem: scrolls H if width = 100% */
 	width: 99%;
 	border-collapse: collapse;
}

div.generifs {
	margin: 0 1em 1em;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-top: solid 1px #eee;
	padding: 0.5em;
	background-color: #ccc;
}

div.generifs a {
	padding: 0px 5px;
	font-size: 90%;
}

div#gtbl a {
	float: right;
	padding-top: 10px;
}

div#gtbl td a img {
	border: 0;
	padding: 3px;
	margin-top: 0.5em;
	margin-left: 0.5em;
}

div#gtbl table tr:hover {

}

div#gtbl table tr td {
	padding: 4px;
	padding-right: 0px;
	vertical-align: top;
	border: 0;
}

div#gtbl table tr td.col1 {
	padding-top: 0px;
}

div#gtbl table tr td.col2 {
	text-align: right;
}

div#gtbl table tr td a {
	padding: 0; margin: 0;
	border:none;
}

div#gtbl {
	border: solid 1px #ccc;
	max-height: 300px;
	overflow: auto;
}

div#gtbl table tr td {
	vertical-align: top;
	font-size: 80%;
}

tr#gtb1odd1 {
	background-color:#f0f8ff;
}

/* ---------------------------------------- End Generif */

img {
	border:0;
    outline: hidden;
}

a img {
	border:0;
}

div.topsearchbox {
	border: solid 0px #ccc;
	float:left;
}

div.topsearchbox table {
    border: 0px solid #ccc;
    width: 100%;
}

table.searchbox {
    border-collapse:collapse;
    width: 100%;
    border:0px solid #ccc;
}

table.searchbox td {
    padding: 0px 3px;
    text-align: left;
    vertical-align: middle;
}

table.snoborder {
    border-collapse:collapse;
    width: 100%;
    border:0px solid #ccc;
}

table.snoborder tr {
    border-bottom:0px solid #ccc;
}

table.snoborder td {
    border-bottom:0px solid #ccc;
    font: 12px verdana, arial, helvetica, sans-serif;
}

table.trborderbottom {
    border-collapse:collapse;
    width: 100%;
    border:0px solid #ccc;
}


table.trborderbottom td {
    border-bottom:0px solid #ccc;
    font: 12px verdana, arial, helvetica, sans-serif;
}

table.trborderbottom td.bottom {
    border-bottom:1px solid #ccc;
    font: 12px verdana, arial, helvetica, sans-serif;
}

table.rnoborder {
    border-collapse:collapse;
    width: 100%;
    border:0px solid #ccc;
}

table.rnoborder tr {
    border-bottom:0px solid #ccc;
}

table.rnoborder td {
    border-bottom:0px solid #ccc;
    padding:1px 0px 2px 0px;
    font: 11px verdana, arial, helvetica, sans-serif;
}

table.detail {
    border-collapse:collapse;
    width: 100%;
    border:1px solid #ccc;
     font: 10px verdana, arial, helvetica, sans-serif;
}

table.detail td {
	 font: 10px verdana, arial, helvetica, sans-serif;
     padding: 5px 3px;
     text-align: left;
     vertical-align: top;
     border-bottom:1px solid #ccc;
}

table.detail td.name {
	font-weight:bold;
	background-color:#eee;
}

table.detail td.value {

}

div.topall {
	padding-top:4px;
	background: #fafafa url(images/skin/shadow30.jpg);
}

#topbar {
	height:24px;
	padding-left:3px;
	font-size:11px;
	padding-top:6px !important;
	float:left;
}

#topuser {
	height:24px;
	padding: 0px 4px 0px;
	padding-bottom:2px !important;
	font-size:11px;
	padding-top:6px !important;
}

.toplink1{
	padding-left:1px;
	margin-right:.73em;
	vertical-align:bottom;
	font-weight:bold;
}

a.toplink1{
	color:#00c !important;
	vertical-align:bottom;
	font-weight: bold;
	background: #fafafa url(images/skin/shadow30.jpg);
}

.gbhblank{
	border-top:1px solid #c9d7f1;
	font-size:1px;
	height:0;
	position:absolute;
	top:30px;
	width:100%;
	background: #fafafa url(images/skin/shadow30.jpg);
}

.bluet{
	border-top:1px solid #36c;
	border-bottom:0px solid #ccc;
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
}

.tabblue{
	background:#dfe8f6;
	color:#000;
	padding:5px 1px 4px;
}

table.jftdh3 {
	vertical-align:middle;
	padding:0 0 0 0;
	margin:0 0 0 0 ;
}

table.jubfilter {
	margin-top:5px;
	border-top:0px solid #ccc;
	border-left:0px solid #ccc;
}

table.jubfilter th{
	margin:1px 0 0 0;
	background:#dfe8f6;
	padding-left:5px;
}

table.jubfiltersection {
	border-top:1px solid #dfe8f6;
	border-left:1px solid #dfe8f6;
	border-right:1px solid #dfe8f6;
}

table.jubfiltersection td {
	vertical-align:middle;
	font-weight:bold;
	white-space:nowrap;
	border-bottom:1px solid #dfe8f6;
}


table.jubfilter td {
	font-size:12px;

	margin:1px 1px 1px 1px;
	padding:2px 2px 2px 2px;
	border-right:0px solid #dfe8f6;
	vertical-align:middle;
}

table.jubfilter td.titlebar {
    background:#dfe8f6;
    border-bottom:0px solid #538d4e;
    padding:2px 2px 5px 2px;
    font-weight:bold;
    color:#666;
}

table.jubfilter td.title {
	font-size:12px;
    font-weight:bold;
    line-height:normal;
    border-bottom:1px solid #dfe8f6;
}

table.jubfilter td.selection {
	font-size:12px;
    line-height:normal;
    border-bottom:1px solid #dfe8f6;
}

table.jubsummary {
	margin:2px 2px 2px 2px;
	padding:2px 5px 2px 5px;
	border:1px solid #538d4e;
}

table.jubsummary th {
	background:#dfe8f6;
	font-weight:bold;
	color:#000;
	border:1px solid #538d4e;
	padding:2px 0px 5px 5px;
}

table.jubsummary td {
	border:1px solid #538d4e;
	padding:2px 0px 5px 5px;
}

.tabs {
    background-image:url(images/tabs.gif ) !important;
    color:#ff0000;
}

.clinicalTrialgovTab {
    background-image:url(images/clinicaltrials.png ) !important;
    color:#ff0000;
}
.pictorTab {
    background-image:url(images/pictor.png ) !important;
    color:#ff0000;
}

.resnetTab {
    background-image:url(images/pathway.png ) !important;
    color:#ff0000;
}

.genegoTab {
    background-image:url(images/genego.png ) !important;
    color:#ff0000;
}

.expTab {
    background-image:url(images/ebi.png ) !important;
    color:#ff0000;
}
.profTab {
    background-image:url(images/dana-farber.png ) !important;
    color:#ff0000;
}

.docTab {
    background-image:url(images/folder_doc.png ) !important;
    color:#ff0000;
}

.jubTab {
    background-image:url(images/jubilant.png ) !important;
    color:#ff0000;
}

.add-filter {
    background-image:url(images/filter.gif ) !important;
    color:#ff0000;
}

select.jubselect {
	width:120px;
}

.folderopen {
	background-image:url(images/folder-plus.gif);
}

.folderclose {
	background-image:url(images/folder-minus.gif);
}

.feedbackbutton {
	background-image:url(images/feedback.png) !important;
}

/* ExtJS customizations */

.ext-ie .x-form-text {
	position:static !important;
}

.x-tab-strip span.x-tab-strip-text {
   	font: 12px verdana, arial, helvetica, sans-serif;
	color:#538d4e;
}

.x-tab-strip-active span.x-tab-strip-text {
   	font: 12px verdana, arial, helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
}

.x-panel-body {
	overflow: auto;
	border: 0px;
}

.x-grid3-cell-inner, .x-grid3-hd-inner {
	white-space:normal !important;
}

.x-grid3-row-alt {
	background: #e8e8e8;
}

.x-grid3-header-offset {
	width: auto !important;
}

.dashboardBtn {
    background-image:url(images/information.png ) !important;
    color:#ff0000;
}

.filter {
    padding: 0px 10px 0px 10px;
}

.filtersBtn {
    background-image:url(images/filter.gif ) !important;
    color:#ff0000;
}
.teaBtn {
    background-image:url(images/analysis.png ) !important;
    color:#ff0000;
}
.studyBtn {
    background-image:url(images/study_tree.png ) !important;
    color:#ff0000;
}
.summaryBtn {
    background-image:url(images/grid.png ) !important;
    color:#ff0000;
}

.heatmapBtn {
    background-image:url(images/pert_chart.png ) !important;
    color:#ff0000;
}

.exportSummaryBtn {
    background-image:url(images/excel.png ) !important;
    color:#ff0000;
}

.exportResNetBtn {
    background-image:url(images/download.png ) !important;
    color:#ff0000;
}

.contextHelpBtn {
	background-image:url(images/help/helpicon_gray.jpg ) !important;
	color:#ff0000;	
}

.feedbackBtn {
    background-image:url(images/feedback.png ) !important;
    color:#ff0000;
}

.blankNode {
    background-image: none !important;
    width: 0px !important;
}



/* searchresults.css */
.CategoryDiv {border:0px;}
.SectionHead{font-size:11pt;color:#999999;margin:5px 0 8px;font-weight:bold;padding-left:5px}
.SectionHead a{text-decoration:none;color:#0000cc;cursor:pointer}
.CategoryHeader{font-weight:bold;text-transform:lowercase;padding-bottom:5px}
.CategoryHeader a{text-decoration:none;color:#0000cc;cursor:pointer}
#categories{position:relative;z-index:1}
#categories a:hover{text-decoration:underline}
.CategoryAllStudies{margin:5px 0}
.CategorySwatch{width:10px;height:10px;background-color: #c8df8e;}
.CategoryTable {border:0px; }
.CategoryTable tbody td{padding-bottom:2px;overflow:hidden;white-space:nowrap}
.CategoryTable a{margin:0 3px;text-decoration:none;color:#0000cc;cursor:pointer}
.CategoryTable a:hover{text-decoration:underline}
.CategorySelected{color:#000000 !important}
.CategorySelected{text-decoration:none !important}
.CatN{border-left:solid 2px #c0c0c0;padding-left:10px}
#studyHead{background:#f5f5f5;padding:7px 0px 5px 5px}
.StudyLinks{position:relative}
.StudyFilterSwitch{white-space:nowrap}
.StudyFilterSwitch a{color:#0000cc;cursor:pointer;text-decoration:underline}
.FilterSwitch{position:absolute;bottom:4px;right:4px}
.FilterSwitch a{color:#0000cc;cursor:pointer;text-decoration:underline}
.FilterSubmit{padding:0 5px}
.studyFilterBox{margin:1px 0;background:#fafafa}
#studyFilterHead{font-weight:bold;padding-left:10px;}
#studyFilterText{width:400px}
.SelectedLinks{color:#000000;font-size:9pt;font-weight:bold}
.SelectedLinks a{font-family:'Arial';font-size:9pt;text-decoration:none;color:#000000;cursor:pointer}
.SelectedLinks a:hover{text-decoration:underline}
.HomeCount{min-width:4em;margin-right:4px;display:-moz-inline-block;display:-moz-inline-box;display:inline-block}
.NormalLink{font-family:'Arial';font-size:9pt;color:#000000}
.NormalLink a{font-family:'Arial';font-size:9pt;text-decoration:none;color:#538d4e;cursor:pointer}
.NormalLink a:hover{text-decoration:underline}
.search-term{color:#0000aa;font-weight:bold}
.ExternalLink {vertical-align:top}

/* searchcombox and picklist */
.x-border-panel { background: #ffffff; }
#categories div, #editcategories div { line-height: 14px; }
#categories.categories-gray div, #editcategories.categories-gray div { background: #eeeeee !important; }
#categories-label, #editcategories-label { font-size: 11px; }
#categories-view .x-view-item, #editcategories-view .x-view-item { font-size: 10px; color: #000000; }
#categories-view .x-view-over, #editcategories-view .x-view-over { cursor: pointer; }
#categories-view .x-view-selected, #editcategories-view .x-view-selected { font-size: 12px; font-weight: bold; color: #006dba; text-transform: uppercase; }
.category-all {color:#006dba;}
.category-compound {color:#660099;} /* purple */
.category-disease {color:#cc0099;} /* magenta */
.category-gene {color:#468528;} /* green */
.category-genesig {color:#330099;} /* green */
.category-genelist {color:#0066B3;} /* green */
.category-pathway {color:#0033CC;} /* blue */
.category-study {color:#006B8E;} /* cyan */
.category-trial {color:#0099cc;} /* cyan */
.category-text {color:#999900;} /* olive */

/* editfilterswindow */
.search-item {font:normal 11px tahoma, arial, helvetica, sans-serif;padding:3px 10px 3px 10px;border:1px solid #fff;border-bottom:1px solid #eeeeee;white-space:normal;color:#505050;}
.search-item h3 {font:inherit;font-weight:bold;color:#202020;}
.search-item span {font-size:10px;}

.filter-item {color:#505050;font-weight:normal; font-size: 12px}
.filter-item-compound {color:#660099;font-weight:bold;} /* purple */
.filter-item-disease {color:#cc0099;font-weight:bold;} /* magenta */
.filter-item-gene {color:#468528;font-weight:bold;} /* green */
.filter-item-genesig {color:#330099;font-weight:bold;} /* violet */
.filter-item-genelist {color:#0066B3;font-weight:bold;} /* violet */
.filter-item-pathway {color:#0033CC;font-weight:bold;} /* blue */
.filter-item-study {color:#006B8E;font-weight:bold;} /* cyan */
.filter-item-text {color:#999900;font-weight:bold;} /* olive */
.filter-item-trial {color:#0099cc;font-weight:bold;} /* cyan */
.filter-item-remove {font-size:8px;color:#a00000;}
.filter-item-remove img {vertical-align:sub;padding-left:2px;}
.filter-divider span {background-repeat:repeat-x;display:block;text-align:center;vertical-align:middle;padding: 5px 0px 5px 0px;}
.filter-divider-or span {background:url(images/graybar.gif);background-position:center left;}
.filter-divider-and span {background:url(images/graybar.gif);background-position:center left;}
.filter-divider p {background:#ffffff;padding: 0px 5px 0px 5px;display:inline;}
.filter-divider-or p {color:#505050;}
.filter-divider-and p {color:#505050;}

/* Disable translucent background in window. */
.x-window {background-color:#cccccc !important;}

/* Clear default table width so that buttons display correctly in window. */
.x-panel-btns-right table {
	width: 0;
}

.x-date-picker table {
	width: 0;
}



.x-form-field-wrap .x-form-add-trigger {
	background-image:url(images/trigger-add.gif);
	cursor:pointer;
}

.x-panel-bbar table { width: auto; } /* Correctly format PagingToolbar table */

/* genecard.css */
.Title {font-size:11pt;font-weight:bold;padding:5px 5px 5px 5px}
.Subtitle {font-size:8pt;font-weight:bold;padding:0px 5px 5px 5px}
#SummaryHeader {height:30px;padding:5px 10px 5px 10px;background-color:#dfe8f6}
.SummaryHeader {font-size:10pt;font-weight:bold;vertical-align:middle}
.SummaryTable {border:0px;padding:5px 5px 5px 5px}
.Label {font-weight:bold}
.CopyrightLink {padding:10px 5px 5px 5px;color:#000000}
.CopyrightLink a{font-family:'Arial';font-size:9pt;text-decoration:none;color:#538d4e;cursor:pointer}
.CopyrightLink a:hover{text-decoration:underline}
td.prop, td.name {line-height: normal;}

.searchcombobox-disabled {
	color: #000000 !important;
	background-image:url(js/ext/resources/images/default/grid/loading.gif) !important;
	background-repeat:no-repeat; background-position:left center;
	padding-left:20px !important;
}
.picklist-disabled { background-color: #ffffff !important; color:#000000 !important; }


table.jobstatus {
	background-color:#fff;
	 font:12px tahoma, arial, helvetica, sans-serif;
}

.utilities-div {
    position:absolute;
    width:100px;
    top:0;
    right:0;
    height:24px;
    z-index:100;
}


/*********** LAYOUT ***********/

html {
  overflow: hidden;
}

body {
  overflow: hidden;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

#side-scroll {    
  padding: 0;
  margin: 0;
  position: absolute;    
  top: 352px;
  left: 0px;
  bottom: 0px;
  overflow: auto;    
  width: 300px;     
}

#search-div{
  padding: 0;
  margin: 0;
  position: absolute;    
  top: 30px;
  left: 0px;
  height:60px;
  overflow: auto;    
  width: 300px;    
}

#active-search-div
{
font-size: 11px;
    height: 196px;
    left: 0;
    margin: 0;
    overflow: auto;
    padding: 5px 0 5px 5px;
    position: absolute;
    top: 119px;
    width: 295px;
}


#main {
  padding: 0;
  margin: 0;
  position: absolute;    
  top: 58px;
  left: 300px;
  right: 0;
  bottom: 0;
  overflow: auto;
  border-left:1px solid #cfcfcf;
}

#title-search-div{
    position: absolute;
    top: 55px;
    left: 0px;
    height:27px;
    overflow: hide;
    width: 299px;
}
#title-filter{
  position: absolute;    
  top: 325px;
  left: 0px;
  height:25px;
  overflow: hide;    
  width: 299px;    
}

#results-div{
	margin-bottom:20px;
}


/********* END LAYOUT *********/

.title{
	  color:#333;
	  padding:0;
	  margin:0;
	  font-size:11px;
	  font-weight:bold;
	  padding-left:0.5em;
	  padding-top:0.4em;
	  
		
}

.textsmall {
    font-size: 8pt;
}

.x-panel-header
{
	margin:0;
	padding:0;
}

.results-table
{
	 background-color:#F0F8FF;
	 width:100%;
}

.search-img {
    background-image: url(plugins/transmart-gwas-16.2/images/search_button_up.png) !important;
}
.parent-filter {
	background-image: url(plugins/transmart-gwas-16.2/images/down_arrow.PNG) !important;
    background-repeat:no-repeat;
    background-position:right top;
    font-size:1.125em;
    border-bottom-style:solid;
    border-width:thin;       
}

#resultsPanel {
	border-left:1px solid #8b8b8b;
	
}


#searchFilterPanel{
	border-right:1px solid #d0d0d0;
	font-size:11px;
}

.category_join{
	display:block;
	color: #5e5e5e;
	margin:0;
	padding:0;
	margin-top:0.5em;
	margin-bottom:0.4em;

}

.category_label{
	
	color:#868686;
	padding-bottom: 0.2em;
    font-weight: bold;
    white-space:nowrap;
}
	
.spacer{
	
	color:#868686;
	}
	
	
.h_line
{
	padding:0;
	margin:0;
	border:0;
	font-size:1px;
	width: 85%;
	height:1px;
	border-top:1px solid #e1e1e1;
    margin-left: 5px;
    padding-bottom: 1px;
    display: inline-block;
   
}

.term
{
		margin-top:0.3em;
		/*white-space:nowrap;*/
		line-height: 1.4em;
}


.term-remove img a:hover {
	text-decoration:none;
	}
	
	
#SearchFilterPanel #ext-gen20
{
	height:100% !important;
}

.ui-autocomplete-loading { 
	background: white url(plugins/transmart-gwas-16.2/images/loader-small.gif) right center no-repeat;
	}

#search-categories {
    font-size: 10px;
    height: 24px;
    left: 150px;
    margin-top: 3px;
    position: fixed;
    width: 90px;
}

#search-ac {
    left: 310px;
    margin-top: 1px;
    padding-top: 3px;
    position: fixed;
    width: 165px;
}

#toggle-btn {
    background-repeat:no-repeat;
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    position:absolute;
    height: 20px;
    left: 0px;
    margin-top: 2px;
    width: 20px;
}


/* These two classes are to toggle the arrows back and forth for the slider pane */
.toggle-icon-left {
	background-image: url("plugins/transmart-gwas-16.2/images/small_arrow_left.png") !important;  
}

.toggle-icon-right {
	background-image: url(plugins/transmart-gwas-16.2/images/small_arrow_right.png) !important;	
}

#gwas-filter-div {
	
	height:100%;
	overflow:auto;
	}

.filtertypebox {
    border-radius: 3px;
    padding: 4px;
    margin-bottom: 8px;
    margin-right: 5px;
}

.filtertypetitle {
    font-weight: bold;
    font-size: 10px;
    position: relative;
    top: -4px;
    left: -2px;
}

.filtertypebox.analysis { background-color: #EEEEFF; border: 1px solid #CCCCFF; }
.filtertypebox.data { background-color: #FFEEEE; border: 1px solid #FFCCCC; }

/***************************************************/
/********** Override dynatree CSS rules ************/
/***************************************************/

.dynatree-container{
	
	overflow-x:hidden;
	padding:0;
	border:0;
	font-family:Verdana,Helvetica,Arial;
	font-size:11px;
}
ul.dynatree-container
{
	padding:0;
	border:0;
	overflow-x:hidden;
	border-collapse:collapse;
}



ul.dynatree-container li{
	background-image:none;
	padding:0;
	width:100%;
}

ul.dynatree-container a{
	padding:0;
	margin:0;
}


span.dynatree-folder a {
	font-weight: normal;
	font-size:1em;
	background-color:#ffffff;
	width:100%;
	padding-top:0.6em;
	padding-bottom:0.6em;
	border:0;
	border-bottom:1px solid #efefef;
	color:#000;
}

ul.dynatree-container span.dynatree-expanded a {
	background-color:#DFEFFD;
	color:#000;
	font-weight:normal;
}

ul.dynatree-container li ul span.dynatree-selected a, 
ul.dynatree-container li ul span.dynatree-partsel a
{
	font-weight:bold;
	color:#000;
}

ul.dynatree-container li ul span.zero-selected a
{
	color:#A8A8A8;
	font-weight:normal !important;
}

ul.dynatree-container a:hover{

	border-bottom:1px solid #efefef;
}

ul.dynatree-container ul li a:hover{

	border:0;
}

ul.dynatree-container a:focus {
    outline:none;
}


ul.dynatree-container li span.dynatree-active a {
	background-color:#fff !important;
	color:#000;

}

ul.dynatree-container li span.dynatree-expanded a{
	background-color:#DFEFFD !important;
	color:#000;
	background-image: url(plugins/transmart-gwas-16.2/images/up_arrow_small.png) !important;
    background-position: 268px 10px;
    background-repeat: no-repeat;
	}
	
	
	
ul.dynatree-container li span.dynatree-selected a,
ul.dynatree-container li span.dynatree-partsel a{
	font-weight:bold !important;
}



ul.dynatree-container li ul li a{
    background-color: transparent !important;

	}


ul.dynatree-container a:focus, span.dynatree-focused a:link {
    background-color: transparent !important;
}

ul.dynatree-container li ul li span.dynatree-active a
{
	background-color:transparent !important;
	
}

span.dynatree-active a {
	color:#000 !important;
	}
	
span.dynatree-folder a{
	color:#000;
	background-image: url(plugins/transmart-gwas-16.2/images/right_arrow_big.PNG) !important;
    background-position: 268px 10px;
    background-repeat: no-repeat;
    font-weight: normal !important;
}

span.dynatree-folder span.dynatree-expander {
	display:none;
}

ul.dynatree-container  a {
 color:#4a4a4a;
 font-weight:normal;
 
}


span.dynatree-selected a{
	color:#000;
	font-style:normal;
	font-weight:bold;
}


span.dynatree-folder a{

	padding-left:0.6em;	
	
}

ul.dynatree-container li {


	background-color: #F0F8FF;
}

ul.dynatree-container li ul li{	
    background-attachment: scroll;
    background-color: transparent;
	background-image: url("plugins/transmart-gwas-16.2/css/jquery/skin/vline.gif");
    background-position: 0 0;
    background-repeat: repeat-y;
    padding-top:1px;
    padding-bottom:1px;

}

/***************************************************/
/********** END dynatree CSS rules *****************/
/***************************************************/

.search-results-table
{
	padding-left:10px;
	padding-right:10px;
}

.search-result-info
{
    color: #555555;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
    
}


#IEwarningBox
{
	border: 1px solid;
	margin-top: 10px;
	padding: 10px;
	color: #9F6000;
	background-color: #FEEFB3;
	width: 475px;
	margin-left: auto;
	margin-right: auto;
		
}

#IEwarningBox a{
	
	font-weight:normal;
	color:#555;
	
}

.result-trial-odd, .result-trial-even
{
	padding:10px;
	border-bottom:1px solid #ccc;
	background-color:#F4F4F4;
}
.result-trial-even
{
	background-color:#F0F8FF;
}

.result-trial-name
{
	color: #339933;
	 padding-left: 3px;
}

.result-analysis-label
{
	display:block;
	padding-top:10px;
	padding-left:23px;
	padding-bottom: 5px;
}

.result-analysis{
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-weight: normal;
    margin-left: 25px;
    margin-right:23px;
    margin-top: -1px;

}

.result-analysis a, .result-analysis a:visited{
	font-weight: normal;
}

.result-analysis :hover{
	background-color:#FFFFCC;	
	}

.x-form-empty-field
{
	font-style: italic;
}

.analysis-table
{
	width:100%;

}
.analysis-table td
{
	vertical-align:middle;
	text-align:left;
	padding:6px;
	
}

.td-link{
	cursor:pointer;
	}

.analysis-table td:hover{
	
	}
	
.analysis_holder {
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #999;
    margin-bottom: 8px;
    margin-top: 0;
    overflow: auto;
    padding: 5px;
    width: 100%;
    box-shadow: 1px 1px 10px #CCCCCC;
    border-right:1px solid #CCCCCC;
}
.analysis_spacer{
	margin-left:25px;
	margin-right:35px;
}


.active-analysis
{
    background-color: #DFEFFD;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    border-right:1px solid #CCCCCC;
    margin-top:8px;
    box-shadow: 1px 1px 10px #CCCCCC;
}

.heatmapControls{
    background-color: #EEEEEE;
    border: 1px solid #DFDFDF;
    margin-right:2px;
    padding:3px;
    width: 175px;
    margin-bottom:4px;
    position:absolute;
    right: 0;
    border-top:0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.heatmapControls td {
	padding:3px;
    font-size: 11px;
}

.boxplotControls_holder
{
    display:inline;
}

.boxplotControls{
    background-color: #EEEEEE;
    border: 1px solid #DFDFDF;
    margin-right:2px;
    padding:3px;
    width: 250px;
    margin-bottom:4px;
    position:absolute;
    right: 0;
}

.probeSelectionDD{
	width:180px;
}
.numericInput{
	width:35px;
}

.boxplotControls td {
    padding:3px;
    font-size: 11px;
    vertical-align: middle;
}


.heatmap_analysis{
    margin-top: 0;
    overflow: auto;
    padding-top: 6px;
    width: 100%;

}

.analysis_holder .ui-tabs .ui-tabs-panel{
	padding:0;
	font-style:normal;
}

.legend{
	border-bottom: 1px solid #CCC;
padding-bottom: 10px;
margin-top:-4px;

}

.legend p{
	display:inline;
	font-size:11px;	
	color:#888;
	line-height:16px;
}

.legend .cohort{
	border: 1px solid #777;
	color:#000;
    display: inline-block;
    margin: 2px;
    padding: 2px;
    text-align: center;
    width: 25px;
}

p.legend_probe {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}

.cohort_table{
	clear:both;
}

.cohort_table td{
	vertical-align: middle;
	padding-bottom:3px;
}




.boxplot_analysis{
    overflow: auto;
    width: 100%;
}



#probesPerPage{
	
	padding:0;
	font-size:10px;
	border:1px solid #555;
	
	}

#searchResultOptions{
	background-color:#eee;
	border:1px solid #ccc;
	border-top:0;
	padding:6px;
	width:220px;
	display: inline;
	margin-top: 31px;
	position:absolute;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

#searchResultOptions_btn{

	display: inline;
	position: absolute;
		cursor:pointer; 
		width:55px;
}

#feedBack{
    position: fixed;
    bottom: 20px;
    right: 0px;
    float: right;
    background-color: #003366; 
    display: block;
    height:40px;
    width:140px;
    color: #ffffff;
    border: 4px solid #2a66a2;
}

#searchResultOptions_btn a{
	color:#000;
	font-weight: normal;
	text-decoration: none;
}

#searchResultOptions_holder{
	display:inline;
	position:absolute;
}

#searchResultOptions ul {
	
	list-style-type: none;
}

#searchResultOptions ul li {
	padding:3px;
}

.heatmapControls_holder
{
	display:inline;
}



.menuOptList{
	position:absolute;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.menuOptList ul li{
	
	display:block;
	padding:3px;
	background-color:#eee;
	border:1px solid #ccc;
	font-size:11px;
	border-top:0;	
	
}

.menuOptList ul li:hover{
cursor: pointer;
background-color: #DFDFDF;
	
	}

.messageBox{
	padding-top: 10px;
	padding-bottom: 10px;
	width: 350px;
	margin: auto;
	margin-bottom:15px;
	border: 1px solid #CCC;
	background-color: #FFC;
}
.messageBox p{
	font-size:11px;
	text-align:left;
	padding: 10px;
}
	
#cbShowSignificantResults{
	
	
}



#menu_bar{
	height: 30px;
	width: 100%;
	background-color: #EFEFEF;
	border-bottom: 1px solid #BBB;
	position: fixed;
	top: 27px;
	z-index: 1;
	border-left: 1px solid #CFCFCF;
	margin-left: -1px;
	box-shadow: 1px 1px 6px #CCCCCC;
}

#menu_bar p{
	display: inline;
	padding:8px;
}
.toolbar-item{
display: inline-block;
border-right: 1px solid #CCC;
font-size: 11px;
padding-left: 8px;
padding-right: 8px;
margin-top: 8px;

}
.toolbar-item:hover{
cursor: pointer;
background-color: #DFDFDF;
padding: 8px;
margin: 0;
border-left: 1px solid #CCC;
margin-left: -1px;
}

.vis-toolBar{
	
	/*float:right; Why?! */
	margin-top:-1px;
}

.vis-toolbar-item{
display: inline-block;
font-size: 11px;
padding-left: 8px;
padding-right: 8px;
border: 1px solid #CCC;
background-color: #EEE;
padding-top: 2px;
padding-bottom: 2px;
}
.vis-toolbar-item:hover{
cursor: pointer;
color:#000;
background-color: #dfdfdf;
}


.highlight{

color: black;
font-weight:bold;
/*
padding: 1px;
background-color: #FF6;
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
*/
}

.diseaseHierarchy {
    padding-left: 16px;
    background-image: url('plugins/transmart-gwas-16.2/images/elbow.png');
    background-repeat: no-repeat;
    background-position: 4px 0px;
}


/* Custom CSS for jQuery tabs used in analysis */
.analysis-tabs { background: transparent; border: none; }
.analysis-tabs .ui-widget-header { background: transparent; border: none; border-bottom: 1px solid #c0c0c0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.analysis-tabs ul .ui-state-default { background: transparent; border: none; }
.analysis-tabs ul .ui-state-active { background: transparent url(plugins/transmart-gwas-16.2/images/uiTabsArrow.png) no-repeat bottom center; border: none; }
.analysis-tabs ul .ui-state-default a { color: #c0c0c0; }
.analysis-tabs ul .ui-state-active a { color: #1b74b3; }
/* End tab CSS */



/* Custom CSS for pagination control*/
	div.pagination {
		padding: 3px;
		margin: 3px;
		text-align:center;
		font-style:normal;
		font-size:0.8em;
	}
	
	div.pagination a {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #333;
		font-style:normal;
	}
	div.pagination a:hover, div.digg a:active {
		border: 1px solid #1B74B3;

		color: #000;
	}
	div.pagination span.current {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #333;
		
		font-weight: bold;
		background-color: #1B74B3;
		color: #fff;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #ccc;
		color: #ccc;
	}


/* Patchy fixes for JQuery UI below here */

.dataTable {
    margin: 8px 0px;
    font-size: 8px;
    border-right: 1px solid #DDF;  
}

.dataTable th {
     font-weight: bold;
     padding: 4px;
     min-width: 80px;
     text-align: center;
     font-size: 10px;
     background-color: #BFCFFD;
     background-image: none;
}

.dataTable td {
     padding: 5px;
     border-left: 1px solid #DDF;
     border-bottom: 1px solid #DDF;
     font-size: 10px;   
}

.dataTable tr.odd {
    background-color: #EFFFFD;
}

.dataTables_length {
     float: left;
     margin-right: 64px;   
}

a.paginate_disabled_previous, a.paginate_disabled_next {
    border: 1px solid #CCC;
    padding: 4px;
    color: #CCC;
    margin: 0px 8px;
}

.paginate_enabled_previous, .paginate_enabled_next, .linkbutton {
    border: 1px solid #AAF;
    padding: 4px;
    color: #000;
    margin: 0px 8px;
    cursor: pointer;
}

.linkbutton {
	font-size: 8pt;	
}

.dataTables_info {
    float: left;
}

.dataTables_paginate {
	min-height: 30px;	
}

.dataTables_wrapper {
	font-size: 9pt;
}

/* VERY cheap fix for left/right selection box issue! */
div.ui-multiselect div.selected {
	float: right;	
}

div.available ul.available li {
    white-space: nowrap;   
}

div.selected ul.selected li {
    white-space: nowrap;   
}

/* Override multiselect dimensions and icons */
select.multiselect {
	width: 96%; height: 94%
}

.ui-multiselect .ui-icon-arrowthick-2-n-s.ui-icon {
    background-image: none;
}

.ui-autocomplete .ui-menu-item a {
	font-size: 8pt;	
	z-index:1000;
}

#table-results-div {
    padding: 0 8px;
}

.ajaxloading, #table-results-div.ajaxloading {
	background-image: url('plugins/transmart-gwas-16.2/images/loader-large.gif') !important;
	background-repeat: no-repeat !important;
	background-position: 50% 50% !important;
	min-height: 64px;
}
div.errorbox {
    background-color: #FCC;
    border: 1px solid #F88;
    background-image: url('plugins/transmart-gwas-16.2/images/exclamation.png');
    background-repeat: no-repeat;
    background-position: 8px 50%;
    padding: 8px 8px 8px 32px;
    font-size: 10pt;
}

div.infobox {
    background-color: #BFCFFD;
    border: 1px solid #88F;
    background-image: url('plugins/transmart-gwas-16.2/images/information.png');
    background-repeat: no-repeat;
    background-position: 8px 50%;
    padding: 8px 8px 8px 32px;
    font-size: 10pt;
    margin: 4px;
}

pre.errorstacktrace {
    font-size: 8pt;
    background-color: #EEE;
}

.note p {
	margin: 3pt;
}

/** For CSS shared between the browse view and reskinned Dataset Explorer. **/

body {
	font: 13px 'Helvetica',arial,clean,sans-serif	
}

table.menuDetail th.menuBar{
    background:none;
    background-image: none;
    background-color: #EDEEF6;  
}


table.menuDetail th.menuLink a:link, th.menuLink a:visited {
    font-size: 11px;
    color: #515BA2 !important; /* Sorry */
}

.rdc-h2 {
    color: #515BA2;
    font-size: 174%;
    margin: 20px 0;
}

.rdc-h3 {
    color: #515BA2;
    font-size: 152%;
    margin: 10px 0;
}

.rdc-h4 {
    color: #515BA2;
    font-size: 129%;
    margin: 10px 0;
}

/* Top level menu */

.header-div {
	background:none;
    background-image: none;
    color: #EDEEF6;
	background-color: #EDEEF6;
}

#logocutout {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999;
	cursor: pointer;
}

table.menuDetail {
    padding: 0px 0px;
    border: 0 none;
}

table.menuDetail th.menuBar {
   	font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;     
	line-height: 15px;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-weight: bold;
    padding: 0px 0px;
}

table.menuDetail th {
	background: transparent;	
}

table.menuDetail th.menuLink {
	padding: 1px 15px;
    color: #ddd;
    border-right: none;
    font-weight: bold;
}

table.menuDetail th.menuLink a {
	text-decoration: none;	
}

table.menuDetail th.menuLink a:hover {
    cursor: pointer;
	font-size: 11px;    
	text-decoration: underline;
}

table.menuDetail th.menuVisited {
	padding: 1px 15px;
    color: #ADAEB6;
    font-size: 10pt;
    font-weight: bold;
    background: none;
    border: none;
}

#search-div{
  padding: 6px;
  margin: 24px 10px 4px 0;
  overflow: hidden;
  position: absolute;
  width: 300px;
  top: -28px;
  left: 120px;
}

#search-div table {
	width: 100%	
}

#search-categories {
    font-size: 99%;
    height: 20px;
    width: 130px;
}

#search-ac {
    padding: 2px;
    height: 14px;
    width: 160px;
}

.ui-autocomplete .ui-menu-item a {
	font-size: 8pt;	
}

/* end top level menu */

/* Sidebar */

.andor {
	width: 37px;
	height: 13px;
	display: inline-block;
	cursor: pointer;
}

.andor.and {
	background-image: url('images/logicand.png');
}

.andor.or {
	background-image: url('images/logicor.png');
}

#box-search, #program-explorer {
    margin: 10px 8px 8px 8px;
    border-radius: 8px;
    border: #0000FF;
    box-shadow: #DDD 11px 11px 8px -7px;
}

#box-search {
    margin-bottom: 0px;
}

#active-search-div
{
	font-size: 11px;
    min-height: 64px;
    margin: 0;
    overflow: auto;
    padding: 5px 0 5px 20px;
    background: #FFFFFF;
}

.boxcontent {
	position: relative;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;	
}

.boxtitle, #navigateTermsPanel .x-panel-header {
  height:27px;
  line-height: 15px;
  overflow: hidden;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
  border-top: 1px solid #888;
  position: relative;
}
.boxtitle .title {
  color: white;
}
.boxtitle a {
  color: white;
}

.category_join{
	display:block;
	color: #5e5e5e;
	margin:0;
	padding:0;
	margin-left:-1.5em;
	margin-top:0.5em;
	margin-bottom:0.4em;

}

.category_label{
	
	color:#868686;
	padding-bottom: 0.2em;
    margin-left: -10px;
    font-weight: bold;
    white-space:nowrap;
}
	
.spacer{
	
	color:#BBB;
	}
	
	
.h_line
{
	padding:0;
	margin:0;
	border:0;
	font-size:1px;
	width: 85%;
	height:1px;
	border-top:1px solid #e1e1e1;
    margin-left: 5px;
    padding-bottom: 1px;
    display: inline-block;
   
}

.term
{
	margin-top:0.3em;
	line-height: 1.4em;
}


.term-remove img a:hover {
	text-decoration:none;
}

#title-filter{
  height:25px;
  overflow: hidden;
}

.title, #navigateTermsPanel .x-panel-header-text{
	  color:#333;
	  padding:0;
	  margin:0;
	  font-size:11px;
	  font-weight:bold;
	  padding-left:0.5em;
	  padding-top:0.5em;
}

.greybutton {
    color: #000055;
	background-color: #F4F4F4;
	border: 1px solid #DDD;
	cursor: pointer;
	border-radius: 2px;
	font-size: 8pt;
	padding: 2px;
}

.greybutton.buttonicon {
	padding-left: 24px;
	background-repeat: no-repeat;
	background-position: 4px 50%;	
}

.greybutton.buttonloading {
	padding-left: 24px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url('images/ajax-loader-flat.gif');
}

.greybutton.addprogram { background-image: url('images/addprogram.png'); }
.greybutton.addstudy { background-image: url('images/addstudy.png'); }
.greybutton.addassay { background-image: url('images/addassay.png'); }
.greybutton.addfolder { background-image: url('images/addfolder.png'); }
.greybutton.addanalysis { background-image: url('images/addanalysis.png'); }
.greybutton.close { background-image: url('images/small_cross.png'); }
.greybutton.deletefolder { background-image: url('images/bin_closed.png'); }
.greybutton.deleteprogram { background-image: url('images/bin_closed.png'); }
.greybutton.deletestudy { background-image: url('images/bin_closed.png'); }
.greybutton.uploadfiles { background-image: url('images/text.png'); } 

.greybutton.disabled {
	cursor: default;
	color: #AAA;
}


#filterbutton {
	position: absolute;
	right: 50px;
	bottom: 5px;
	padding: 0px 4px;
	height: 15px;
	line-height: 15px;
}

#filterbutton img {
	max-height: 10px;
}

#clearbutton {
	position: absolute;
	right: 10px;
	bottom: 5px;
	padding: 0px 4px;
	height: 15px;
	line-height: 15px;
}

#clearbutton a {
	text-decoration: none;
	color: #000055;
}

#cartbutton {
	position: relative;
    width: 105px;
	padding: 0px 4px;
}

#cartcount {
	position: absolute;
	left: 9px;
	top: -1px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	width: 20px;
	color: #586;
}

.filtertitle {
	padding: 4px 0px 4px 24px;
	background-color: #FFFFFF;
	background-image: url('images/down_arrow_small2.png');
	background-repeat: no-repeat;
	background-position: 8px 50%;
	cursor: pointer;
	border-top: 1px solid #EEE;
	font-weight: bold;
}

.filteritem {
	padding: 4px 0px 4px 32px;
	cursor: pointer;
}

.filteritem:hover,.filtertitle.hover {
	background-color: #F4F4FF;	
}

.filteritem.selected {
	background-color: #F0F0FF;	
}

.ui-widget-header, #navigateTermsPanel .x-panel-header {
    color: white;
	border:none;
	background:none;
	background-image: none;
	background-color: #515BA2;
	font-family: 'Helvetica',arial,clean,sans-serif;
}

#subsets_wrapper .ui-buttonset .ui-button {
    margin-right: 0;
}

.ui-dialog-title {
	color: white;	
}

#navigateTermsPanel {
	margin: 8px 8px 8px 8px;
	box-shadow: #DDD 11px 11px 8px -7px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

#navigateTermsPanel .searchResultNode a {
	font-weight: bold;	
}

#navigateTermsPanel .locked a span {
	color: #AAA;	
}

#navigateTermsPanel .defaultPathNode {
	background-color: #FEEEF8;	
}

#navigateTermsPanel .x-panel-header-text{
	color: white;
}

#navigateTermsPanel .x-panel-header {
	height: 18px;
}

#navigateTermsPanel .x-panel-body {
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;	
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

#navigateTermsPanel a {
	font-weight: normal;	
}

.x-layout-split {
	z-index: 1;	
}

#sidebartoggle {
	position:absolute;
	left:0px;
	top: 3px;
	z-index: 999;
	background-image: url('images/lefttab-left.png');
	width: 22px;
	height: 22px;
	cursor: pointer;
}

.ui-autocomplete-loading { 
	background: white url(images/loader-small.gif) right center no-repeat;
}

#noAnalyzeResults {
	font-size: 8pt;
	margin: 8px;
}

.messagebox {
	border: 1px solid #CBCCD6;
	padding: 8px;
	background: #EDEEF8;
	margin: 8px;
	border-radius: 2px;
	display: inline-block;
}

.description {
	line-height:16px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
	text-align: justify;	
}

textarea#description, textarea#longDescription, input#description, input#longDescription {
	font-size: 9pt;
}

.overlay {
	position: absolute;
	border: 8px solid #DDDEE6;
	border-radius: 16px;
	box-shadow: #DDD 11px 11px 8px -7px;
	background: white;
	overflow: auto;
}

#exportOverlay {
	top: 10%;
	left: 10%;
	width: 80%;
	height: 80%;
}

#editMetadataOverlay {
	top: 10%;
	left: 20%;
	width: 60%;
	height: 80%;
}

#createFolderOverlay {
	top: 10%;
	left: 20%;
	width: 60%;
	height: 80%;
}

#createProgramOverlay {
	top: 10%;
	left: 20%;
	width: 60%;
	height: 80%;
}

#createStudyOverlay {
	top: 10%;
	left: 20%;
	width: 60%;
	height: 80%;
}

#createAssayOverlay {
	top: 10%;
	left: 20%;
	width: 60%;
	height: 80%;
}

#createAnalysisOverlay {
	top: 10%;
	left: 20%;
	width: 60%;
	height: 80%;
}

#uploadFilesOverlay {
  top: 10%;
  left: 20%;
  width: 60%;
  height: 80%;
} 

#filter-browser {
	font-size: 8pt;
	font-family: Verdana, Arial, sans-serif;
	top: 50px;
	left: 300px;
	width: 300px;
	height: 500px;
}

#search-explain {
	font-size: 8pt;
	font-family: Verdana, Arial, sans-serif;
	position: absolute;
	right: 20px;
	width: 600px;
	height: 90%;
	top: 5%;
	display: block;
	color: black;
}

.exporttable td {
	padding: 4px;
	border-bottom: 1px solid #DDD;	
}

.editmetadata {
	cursor: pointer;
}

.x-tree-node-icon.studyicon { background-image: url('images/foldertypes/study.png') !important; }

.x-tree-node-icon.programicon { background-image: url('images/foldertypes/program.png') !important; }

.x-tree-node { font: 11px Verdana, Arial, sans-serif}

.ajaxloading {
	background-image: url('images/loader-large.gif') !important;
	background-repeat: no-repeat !important;
	background-position: 50% 50% !important;
	min-height: 128px;
}

/* hidden overlay div, display with visibility toggle (note: if you need to edit review with Jeff or Jeremy!!) */
.overlay {
    display: none;
    position: absolute;
    background-color: white;
    padding: 4px;
    max-width: 90%;
    max-height: 90%;
}

/* hidden overlay div, display with visibility toggle (let window size to content)*/
.overlayAutoSize {  
    display: none;
    position: absolute;
    background-color: white;
    padding: 4px;
    border: 4px solid #6E6E6E;
    overflow: auto; 
    z-index:2001;
}

/* background overlay */    
.backgroundOverlay {
    display: none;
    position: fixed;
    background-color: #F2F2F2;
    top: 0%;
    left: 0%;
    width: 100%;
    height:auto !important; /* real browsers */
    height:100%; /* IE6: treaded as min-height*/
    min-height:100%; /* real browsers */
    z-index:1001;
    -moz-opacity: 0.90;
    opacity: 0.90;
    filter: alpha(opacity=90);
}

/* Catch-all for making IE look slightly less stupid */
*:focus {
	outline:none;	
}

.link {
	text-decoration: underline;
	color: #282;	
}

.breaker {
	clear: both;	
}