@CHARSET "UTF-8";

/*	fixes for browser bugs */

/* ie does not support position:fixed
   position this element manually */
* html #feedback {
	position:absolute !important;
	top:expression(document.body.scrollTop + "px"); 
	right:0px;
}

.layout-table {
	width: 100%;	
}

/* general layout */

body {
	margin:0 auto;
	padding:0px 1em 1em 0em;
	text-align:center;
	background-color:#fbfbfb;
}

table {
	width: 100%;	
}

/* header */

td.header {
	width:100%;	
	text-align:left;
}

*.header-mainTitle
{
	Font-weight: bold;
  	font-size: 40px;
}

*.header-subTitle 
{
  	font-weight: bold;
  	font-size: 20px;
}


/* tree */

.main-tree {
	padding:0.5em 1em 0.5em 0em;
}

.main-tree-content {
	width:19em;
}

.main-tree table {
	width:auto;
	text-align:left;	
}

*.treemenu-menuItem
{
	cursor: pointer;
	color: blue;
	white-space: normal;
}

*.treemenu-disabledMenuItem
{
	color: grey;
}

*.treemenu-selectedMenuItem
{
	color: blue;
	font-weight: bold;
}


/* main forms */

.formcontent {
	width:100%;	
}

.control-buttons {
	margin-left:-1em;
	margin-right:-1em;
	margin-bottom:-1em;
	padding:0.2em;
	background-color:#ddd;	
	border:1px solid #bbb;
	margin-top:1em;
	text-align: right;
}

/* data tables */

table.datatable {
	background-color:#f4f4f4;
	border:1px solid #bbb;
	width: 100%;
}

table.datatable td {
	padding:0.1em 0.2em;
	overflow:hidden;
}


table.datatable td.table-cell {
	cursor: pointer;
	display: block;
}

table.datatable-grid td {
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
}

table.datatable-grid tr {
	height: 1.4em;	
}

table.datatable td.bottom-navigation{
	border:1px solid #bbb;
	background-color:#e5e5e5;
	text-align:center;
}

table.datatable td.top-navigation {
	border:1px solid #bbb;
	background-color:#e5e5e5;
	text-align:right;	
}

table.datatable td.column-title, table.datatable tr.header {
	padding:0.2em 0.5em;	
	background-color:#ddd;
	border-top:1px solid #bbb;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
}

table.datatable td.column-action {
	background-color:#ddd;
}

table.datatable td.column-action button {
	width:7em;
}

table.datatable span.table-header {
	font-weight: bold;
}

table.datatable-grid td.filter {
	background-color: #eeeeee;
	border-bottom: 1px solid #dddddd;
	padding: 0px 0px 5px 0px;
	height: 0;
}

table.datatable-grid tr.filter {
	height: 0;	
}

table.datatable-grid div.filter {
	padding: 3px;
}

*.scrollingButtons span {
	padding-left: 10px;
	padding-right: 10px;
}

*.scrollingButtons button {
	margin: 1px;
}

*.table-cell {
	cursor: pointer;
	display:block;
}

*.table-expander-text {
	text-decoration: underline;
}



/* groups and headers */

fieldset {
	border:1px solid #bbb;
	margin:1em 0em 0em;
	padding:0.5em 1em 1em 1em !important;
}

fieldset fieldset {
	border:0px;
	margin:1em 0em 0em 1em;
	padding:0.5em 1em 1em 0em !important;
}

fieldset legend {
	font-size:130%;
	font-weight:bold;
	margin-left:0em !important;
}

fieldset fieldset legend {
	font-size:105%;
}

fieldset fieldset fieldset legend {
	font-size:95%;
}

/* forms */

table.datatable td.form-label-area {
	width:12em;
	padding-right:0.5em;
	text-align:right !important;
	background-color: #e5e5e5;
}

table.datatable td.form-value-area input {
	width: 94%;
}

.form-label {
	padding-right:0px !important;
	margin-right:0px !important;	
	white-space : nowrap;
}

.form-label span {
	font-weight:bold;	
}

.form-field, .filter-field {
	width:96%;
	margin:0px 0%;
	padding:0px;
}

.form-field.textfield {
	width:94%;	
}

.edit-invalid {
	background-color:#f5baaa;
}

.message-error {
	border:1px solid #ee0000;
	background-color:#f5baaa;
}

.message-info {
	border:1px solid #00bb00;
	background-color:#baf5ba;
}

.message-info, .message-error {
	margin:0.5em;
	padding:0.5em;
	text-align:center !important;
}

.message-info img, .message-error img {
	padding-right:0.5em;
}

.message-info div, .message-error div {
	text-align:center !important;
	margin-top:0.5em;
}


table.date-field {
	width:96%;	
	max-width:8em;
}

table.date-field .textfield {
	width:93%;	
}

table.date-field td {
	border-width:0px;	
}

.code-area, .log-area {
	display:block;
	overflow:auto;
	text-align:left;
	width:40em;
	max-height:20em;	
	border:1px solid #bbb;
	padding:0.2em;
}

.code-area, .log-area, .ntfield {
	font-family:monospace;
}

/* links */

.datatable .general-clickable-text{
	font-weight:bold;
}

*.general-clickable-text {
	color : blue;
	cursor: pointer;
}

*.link span {
	cursor: pointer;
	display:block;
}

*.link {
	color: blue;
}

*.text-link {
	cursor: pointer;
	color: blue;
	text-decoration: underline;
}

/* login form */

.create-account {
	text-align:right !important;
	padding:0.2em 0px;
}

/* drug resistance table */

table.resistance-legend {
	width: auto;
	margin-top: 10px;
}

table.resistance-legend td.item {
	display:block;
	text-align:center;
	padding:0em 0.2em;
	border:1px solid #bbb;
}

table.datatable-resistance td.resistance-cell {
	border:1px solid #bbb;
}

table.datatable-resistance td.form-label-area {
	width:4% !important;	
}


table.datatable-resistance td.resistance-cell span {
	display:block;
	text-align:center;
	padding:0em 0.2em;
}

table.datatable-resistance td.resistance-remarks {
	background-color:#e5e5e5;
	color:#000;
}

table.datatable-resistance td.resistance-cell span.mutations {
	font-family:monospace;
}

/* viral isolate evolution */

table.viral-isolate-table td {
	border:1px solid #bbb;
	padding-top:0.2em;
	padding-bottom:0.2em;
}


/* old css */


*.dialog-image
{
	margin-left: 5px;
  	margin-right: 5px;
  	margin-left: 5px;
  	margin-right: 5px;
}

*.viral-isolate-fasta-label {
	color: blue;
}



/* tabbed panes */

.tabbedpane {
	width: 100%;
}

.tabbedpane .tabstack {
	border: 1px solid rgb(102, 102, 102);
	background-color: rgb(225, 225, 225);
}

.dialog .tabstack {
	border-left: 0px solid rgb(102, 102, 102);
	border-right: 0px solid rgb(102, 102, 102);
	border-bottom: 0px solid rgb(102, 102, 102);
}

.tabbedpane .tabmenu td {
	padding-top:0.5em !important;
}

.tabbedpane .tab {
	border-top: 1px solid rgb(140, 140, 140);
	margin: 0.2em 0px 0px;
	padding-bottom:0.5em;
	background-color: rgb(255, 255, 255);
}

.dialog .tab {
	background-color: rgb(235, 235, 235);
}

.tabbedpane .tabmenu span {
	text-decoration:none !important;
	color: #000 !important;
}

.tabbedpane .tabmenu .item, .tabbedpane .tabmenu .itemselected {
	padding:0px;
	margin:0px;
	border:0px;
	display:inline;
	height:1.4em;
	float:left;
	margin-top:0.5em;
}

.tabbedpane .tabmenu .item span, .tabbedpane .tabmenu .itemselected span{
	border-top: 1px solid rgb(102, 102, 102);
	border-left: 1px solid rgb(102, 102, 102);
	border-right: 1px solid rgb(102, 102, 102);
	display:inline;
	margin-right:0.2em !important;
	height:1.2em;
	padding: 0.2em 0.3em;
	line-height:1.2em;
	margin-bottom:-1px !important;
	position:relative;
	bottom:0px;
	left:0px;
}


.tabbedpane .tabmenu .item span {
	background-color:rgb(205,205,205);
	margin-top:0.25em !important;
}

.tabbedpane .tabmenu .itemselected span {
	font-weight:bold;
	background-color:rgb(225,225,225);
	border-top: 0.3em solid rgb(102, 102, 102);
	border-bottom:1px solid rgb(225,225,225);
}

.tabbedpane .tabmenu {
	vertical-align: bottom;
	width:100%;
}

.tabbedpane .tabmenu td {
	padding-left:0.2em;
	padding-top:0.2em;
}



/* button panels */

.buttonpanel {
	padding: 0.15em;	
}

.buttonpanel .separator {
	padding:0px 0.2em;
}

.flatbuttonpanel button {
	margin-left:-1px;
	margin-right:0px;
	background-color: transparent;
	border:0px solid transparent;
	padding:2px 3px;
	overflow:visible;
}

.flatbuttonpanel button:disabled {
	opacity:0.3;
	filter:alpha(opacity=30);
    color:#000;
	background-color:transparent;
}

.flatbuttonpanel button:hover, .flatbuttonpanel button:focus, .flatbuttonpanel button.hover {
	border:1px solid rgb(180, 180, 180);
	background-color:rgb(225, 225, 225);
	padding:1px 2px;
}

.defaultbuttonpanel button {
	margin-left:4px;
	margin-right:4px;
}

/* dialog windows */

.dialog, .MODAL_FLOATING_FORE table {
	border: 1px solid rgb(64, 64, 64);
	background-color: rgb(235, 235, 235);
	margin:0.3em;
}

.dialog .dialogtitle, .MODAL_FLOATING_FORE .dialog-title-container{
	text-align:center !important;
	font-weight:bold;
	background-color: rgb(128, 128, 255);
	padding:0.15em;
	border-bottom: 1px solid rgb(102, 102, 102);
}

.dialog .dialogcontent, .MODAL_FLOATING_FORE .dialog-message{
	padding:0.3em;
	display:block;
}

.dialog .dialogcontent .buttonpanel{
	text-align:right !important;
}

.unfocusArea {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#fff;	
	opacity:0.5;
	z-index:200
}

.fixed {
	position:fixed;
}

.modalDialog {
	position:relative;
	top:0px;
	left:0px;
	z-index:201;	
	border:1px solid #555;
	background-color: rgb(235, 235, 235);
	z-index:202;
}

/* status bar */

.statusbar {
	background-color: rgb(235,235,235);	
	border-top: 1px solid rgb(180,180,180);
	padding: 0.1em 0.3em;
	font-size:95%;
}

.statusbar .statustext {
	width:80%;	
	text-align:left;
}

.statusbar .warning {
	display:block;
}

.statusbar .buttonpanel {
	padding:0px;
	float:right;
}





/* progress bar */

.progressbar {
	height:1.4em;
	border:1px solid rgb(180,180,180);
}

.progressbar div {
	background-color:#6ec81e;
	height:100%;
	width:100%;	
}

.progresstext {
	position:relative;
	top:-1.3em;
	left:0.5em;
	display:block;
	height:0px;
}

.datefield input, table.datatable td.form-value-area .datefield input {
	width: 12ex;
}

.datefield img {
	vertical-align: -3px;	
	margin-left: 3px;
}

table.Wt-cal-table td, td.Wt-cal-header, td.Wt-cal-header:hover, td.Wt-cal-oom, td.Wt-cal-oom:hover {
	border: 1px solid #E0E0E0;
}

form.upload-form input{
	width: auto;
}

table.datatable td.navigation{
	text-align: right;
}

.regadb-error {
        padding: 10px;
}

table.form-custom-grid > tbody > tr > td {
	border-top: 1px solid #bbb;
	border-right: 1px dashed #bbb;
	padding: 0.5em;
}

table.isolate-table .header{
	cursor: auto;
	border-bottom:1px solid #bbb;
}

table.isolate-table {
	cursor: pointer;
}

table.isolate-table td{
	border-left:1px solid #bbb;
}

table.isolate-table span{
	display: block;
}

.phylotree {
    background-color: #EEEEEE;
}

.chart-date-limit{
	width: auto;
	border: 1px solid silver;
}
.chart-date-limit td{
	padding: 0.5em;
}