.main-table {
    background-color: #FFFFFF;
    border-top: #EEEEEE solid 1px;
    border-bottom: #EEEEEE solid 1px;
    border-left: #EEEEEE solid 1px;
    border-right: #EEEEEE solid 1px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

ul #groups_analysis_form {
	list-style:none;

}

th {  border:1px solid black; border-collapse:collapse; text-align:left; padding: 5px;}



.error {
    font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 1.5;
	color: red;
}

.h2 {
	font-family: Tahome, Arial, Helvetica, sans-serif;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;

}
.title-small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.title-bottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
}
.small-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.button {
		background-color: #e8e8e8;
        cursor: pointer;
        border: 1px solid #999999;
        font-family: Tahoma, Helvetica, sans-serif;
        font-size: 13px;

        height: 22px;
}
.input {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #666666;
        background-color: #f8f8f8;
        border: 1px solid #e8e8e8;
        border-top-color: #b7b7b7;
        border-left-color: #d0d0d0;
        margin: -1px 0px -1px 0px;
        padding: 3px;
		height: 22px;
}

.input_pdb {
        font-family: Courier, Tahoma, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #666666;
        background-color: #f8f8f8;
        border: 1px solid #e8e8e8;
        border-top-color: #b7b7b7;
        border-left-color: #d0d0d0;
        margin: -1px 0px -1px 0px;
        padding: 3px;
		height: 22px;
}

.area {
        scrollbar-3dlight-color: #F0F0EE;
        scrollbar-arrow-color: #666666;
        scrollbar-base-color: #F0F0EE;
        scrollbar-darkshadow-color: #d0d0d0;
        scrollbar-face-color: #E0E0DD;
        scrollbar-highlight-color: #F0F0EE;
        scrollbar-shadow-color: #F0F0EE;
        scrollbar-track-color: #F5F5F5;
        border: 1px solid #e8e8e8;
        border-top-color: #b7b7b7;
        border-left-color: #d0d0d0;
        font-family: Courier, Tahoma, Helvetica, sans-serif;
        font-size: 13px;
        color: #666666;
        padding: 2px;
        background-color: #f8f8f8;
}
.area1 {
		scrollbar-3dlight-color: #F0F0EE;
        scrollbar-arrow-color: #676662;
        scrollbar-base-color: #F0F0EE;
        scrollbar-darkshadow-color: #d0d0d0;
        scrollbar-face-color: #E0E0DD;
        scrollbar-highlight-color: #F0F0EE;
        scrollbar-shadow-color: #F0F0EE;
        scrollbar-track-color: #F5F5F5;
        border: 1px solid #e8e8e8;
        border-top-color: #b7b7b7;
        border-left-color: #d0d0d0;
        font-family: Tahoma, Helvetica, sans-serif;
        font-size: 12px;
        color: #666666;
        padding: 2px;
        background-color: #F5F5F5;
}

.area2 {
		scrollbar-3dlight-color: #F0F0EE;
        scrollbar-arrow-color: #676662;
        scrollbar-base-color: #F0F0EE;
        scrollbar-darkshadow-color: #d0d0d0;
        scrollbar-face-color: #E0E0DD;
        scrollbar-highlight-color: #F0F0EE;
        scrollbar-shadow-color: #F0F0EE;
        scrollbar-track-color: #F5F5F5;
        border: 1px solid #e8e8e8;
        border-top-color: #b7b7b7;
        border-left-color: #d0d0d0;
        font-family: Tahoma, Helvetica, sans-serif;
        font-size: 12px;
        color: #666666;
        padding: 2px;
        background-color: #FFFFFF;
}


.style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #333333; font-weight: bold; }
.area11 {scrollbar-3dlight-color: #F0F0EE;
        scrollbar-arrow-color: #676662;
        scrollbar-base-color: #F0F0EE;
        scrollbar-darkshadow-color: #d0d0d0;
        scrollbar-face-color: #E0E0DD;
        scrollbar-highlight-color: #F0F0EE;
        scrollbar-shadow-color: #F0F0EE;
        scrollbar-track-color: #F5F5F5;
        border: 1px solid #e8e8e8;
        border-top-color: #b7b7b7;
        border-left-color: #d0d0d0;
        font-family: Tahoma, Helvetica, sans-serif;
        font-size: 12px;
        color: #666666;
        padding: 2px;
        background-color: #F5F5F5;
}
.table_header_left {
        background-color: #F8F8F8;
        border-top: #eeeeee solid 1px;
        border-bottom: #eeeeee solid 1px;
        border-left: #eeeeee solid 1px;
}
.table_header_center {
        background-color: #F8F8F8;
        border-top: #eeeeee solid 1px;
        border-bottom: #eeeeee solid 1px;
}
.table_header_right {
    background-color: #F8F8F8;
    border-top: #eeeeee solid 1px;
    border-bottom: #eeeeee solid 1px;
    border-right: #eeeeee solid 1px;
}
.table_header_all {
        background-color: #F8F8F8;
        border-top: #eeeeee solid 1px;
        border-bottom: #eeeeee solid 1px;
        border-left: #eeeeee solid 1px;
	border-right: #eeeeee solid 1px;
}

.table_row_left{
	border-bottom: #eeeeee solid 1px;
	border-left: #eeeeee solid 1px;
}
.table_row_center{
	border-bottom: #eeeeee solid 1px;
}

.table_row_right{
	border-bottom: #eeeeee solid 1px;
	border-right: #eeeeee solid 1px;
}

.table_row_all{
	border-left: #eeeeee solid 1px;
	border-bottom: #eeeeee solid 1px;
	border-right: #eeeeee solid 1px;
}

.table tr {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.table2 tr {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.datarow2 {
	    background-color: #ccffff;
}

.table tr.hover {
	    background-color: #ffffdd;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.table_field_column tr{
	    background-color: #f8f8f8;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
}

.table_list td{
  padding: 3px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#hintbox{position:absolute; top: 0; background-color: lightyellow; width: 150px; padding: 3px; border:1px solid black; font:normal 11px Verdana; line-height:18px; z-index:100; border-right: 1px solid black; border-bottom: 1px solid black; visibility: hidden; }


.menu-header {
	background-color: #F8F8F8;

	font-weight: bold;
}


/*RESULTS TARGET PAGE STYLE */
.results {
    font-family: Verdana, Times New Roman, sans-serif, Tahoma, Helvetica;
    font-size: 10px;
    color: #000000;
}

.result {
	width: 235px;
}
.result h3 {
    font-size: 18px;
	display: inline;
	padding: 0;
	font-weight: bold;
	color: black;
}
.result img {
	border: none;
}
.result span {
	display: block;
}
.result td {
	padding: 0;
    border: 1px solid #666666;
}
.results_target {
    background: url(images/button_grad.gif) #fff repeat-x; cursor: pointer; color: #666666;
    width:186px;
	text-align: center;
}
.results_charts a {
	display: block;
	margin: 1px;
}
.results_charts {
        display: block;
        background: url(images/button_grad.gif) #fff repeat-x; cursor: pointer; color: #666666;
}
.table_results a:hover {
    color: red;
}

.table_results, .table_results tr {
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    /*color: #0d0d1d;*/
    color: #0d0d1d;
    border: 1px solid #0d0d1d;
    border-collapse: collapse;
}

.table_results td {
    border: 1px solid #0d0d1d;
    padding-left: 5px;
    padding-right: 5px;
}

.table_results_header, .table_results_header td, .table_results_header table.td {
    border: 0px;
    padding: 1px;
    background-color: #e8e8e8;
    bgcolor: #e8e8e8;
}

.cl {
    background:#eeefff ! important;
}
.rw, .rw td {
color: red;
    background: #fff000 ! important;
}

.rwgray, .rwgray td {
color: red;
    background: #e8e8e8 ! important;
}

.results td {
    border: 1px solid #666666;
}

.res_img_status {
    /*position: relative;
    left: 5px;
    top: 5px;*/
    border: 0px;
    vertical-align:left;
}

/* Tabs */

.tab-s, .tab-u, .tab-g, .tab-r {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.tab-s:hover, .tab-u:hover, .tab-g:hover, .tab-r:hover {
	text-decoration: underline;
	color: red;
}

.tab-s {
	color: #0066CC;
}

.tab-u {
	color: #FFFFFF;
}

.tab-g {
	color: #666666;
}

.tab-r {
	color: #CC0000;
}

.tab-n {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.tab-n:hover {
	text-decoration: underline;
}

/*******************/
.chb_txt {
    color:black;
    font-size: 12px;
    valign:middle;
}

/********************/
.table_mdplot, .table_mdplot tr {
    /*background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    */
    color: #0d0d1d;

    border: 1px solid #0d0d1d;
    border-collapse: collapse;
}

.table_mdplot td {

    border: 1px solid #0d0d1d;
    margin: 0px;
    padding-left: 5px;
    padding-right: 5px;



	font-size: 10px;

	line-height: 10px;
	/*
	align:center;
	border-spacing: 0px;
	border-width: 0px;
	border: 0px;
	border: outset 0px;
	border: inset 0px;
	*/


}

.table_refine_results a:hover {
    color: red;
}

.table_refine_results, .table_refine_results tr {
    /*background-color: #ffffff;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    /*color: #0d0d1d;*/
    color: #0d0d1d;
    border: 1px solid #0d0d1d;
    border-collapse: collapse;
}

.table_refine_results td {
    border: 1px solid #0d0d1d;
    margin: 0px;
    font-size: 10px;
    line-height: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.table_refine_results_header, .table_refine_results_header td, .table_refine_results_header table.td {
    border: 0px;
    padding: 1px;
    background-color: #e8e8e8;
    bgcolor: #e8e8e8;
}

.ms0 {
    /*background-color: #009900;*/
    background-color: rgb(0, 180, 0);

}
.ms1 {
    background-color: rgb(0, 235, 0);
}
.ms2 {
    background-color: rgb(100, 255, 100);
}
.ms3 {
    background-color: rgb(180, 255, 180);
}

.ms4 {
    background-color: rgb(235, 255, 235);
}

.ms5 {
    background-color: rgb(128, 64, 0);
}

.ms6 {
    background-color: rgb(191, 96, 0);
}

.ms7 {
    background-color: rgb(255, 128, 0);
}

.ms8 {
    background-color: rgb(255, 159, 64);
}

.ms9 {
    background-color: rgb(255, 191, 128);
}

.ms10 {
    background-color: rgb(255, 223, 191);
}

.msd {
    background-color: rgb(210, 255, 210);
}

/*
.ms0 {
    background-color: #339900;

}
.ms1 {
    background-color: #009900;
}
.ms2 {
    background-color: #00CC00;
}

.ms3 {
    background-color: #00CC33;
}
.ms4 {
    background-color: #00FF00;
}
.ms5 {
    background-color: #00FF33;
}
.ms6 {
    background-color: #00FF66;
}
.ms7 {
    background-color: #33FF99;
}

.ms8 {
    background-color: #66FF99;
}

.ms9 {
    background-color: #99FF99;
}

.ms10 {
    background-color: #99FFCC;
}

.ms11 {
    background-color: #CCFFCC;
}

.ms12 {
    background-color: #CCFFFF;
}


.ms13 {
    background-color: #99FFFF;
}

.ms14 {
    background-color: #66FFFF;
}

.ms15 {
    background-color: #33FFFF;
}


.ms16 {
    background-color: #00FFFF;
}


.ms16 {
    background-color: #00CCFF;
}

*/

ul.targetsnav {
	margin: 0 auto;
	list-style: none;
	border:0px;
	padding:0px;
	margin-bottom:20px;
}

ul.targetsnav li {
	margin: 0 auto;
	display:inline;
	padding:4px;
}

ul.targetsnav li.type {
	color:#FF0000;
}


ul.targetsnav li a {
	text-decoration:none;
	font-size:14px;
	padding:5px;
	border:1px solid #FAFAFA;
}

ul.targetsnav li a:hover, ul.targetsnav li a.selected{
	color:white;
	background-color:#ACACAC;
	border:1px solid #A0A0A0;
}
ul.targetsnav {
	width:850px;
	height:28px;
	padding:5px;
	padding-top:20px;
	background-color:#FAFAFA;
	border:1px solid #ACACAC;
}

/* begin css tabs */

#tabnav ul { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0em 1em 0em; /* set margins as desired */
font: bold 12px  serif; /* set font as desired */
border-bottom: 1px solid #5d5d5d;/* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

#tabnav ul li, ul li a { /* do not change */
display: inline; /* do not change */
}

#tabnav ul li a {
padding: 3px 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #5d5d5d; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #F0F0F0; /* set unselected tab background color as desired */
color: #006699; /* set unselected tab link color as desired */
margin-right: -3px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
    border-top-right-radius: 5px;
    border-top-left-radius: 0px;
}

#tabnav ul li a:hover { /* settings for hover effect */
background-color: #fff; /* set desired hover color */
color: #AA0000;
position: relative;
text-decoration: underline;
}

#tabnav ul li.active { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

#tabnav ul li.active a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #006699; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

#tabnav ul li.unselectable { /* settings for deaf tab link */
padding: 3px 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #5d5d5d; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #F0F0F0; /* set unselected tab background color as desired */
color: #A0A0A0; /* set unselected tab link color as desired */
margin-right: -3px; /* set additional spacing between tabs as desired */
text-decoration: none;
position: relative;
border-bottom: none;
    border-top-right-radius: 5px;
    border-top-left-radius: 0px;
}

#tabnav ul li.unselectable a {
background-color: #F0F0F0;
color: #A0A0A0;
text-decoration: none;
}

#tabnav ul li.unselectable a:hover {
background-color: #F0F0F0;
color: #A0A0A0;
text-decoration: none;
}
/* end css tabs */

/* css rules from html files from Michal */

.tabset-dropdown > .nav-tabs {
  display: inline-table;
  max-height: 500px;
  min-height: 44px;
  overflow-y: auto;
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.tabset-dropdown > .nav-tabs > li.active:before {
  content: "";
  font-family: 'Glyphicons Halflings';
  display: inline-block;
  padding: 10px;
  border-right: 1px solid #ddd;
}

.tabset-dropdown > .nav-tabs.nav-tabs-open > li.active:before {
  content: "&#xe258;";
  border: none;
}

.tabset-dropdown > .nav-tabs.nav-tabs-open:before {
  content: "";
  font-family: 'Glyphicons Halflings';
  display: inline-block;
  padding: 10px;
  border-right: 1px solid #ddd;
}

.tabset-dropdown > .nav-tabs > li.active {
  display: block;
}

.tabset-dropdown > .nav-tabs > li > a,
.tabset-dropdown > .nav-tabs > li > a:focus,
.tabset-dropdown > .nav-tabs > li > a:hover {
  border: none;
  display: inline-block;
  border-radius: 4px;
  background-color: transparent;
}

.tabset-dropdown > .nav-tabs.nav-tabs-open > li {
  display: block;
  float: none;
}

.tabset-dropdown > .nav-tabs > li {
  display: none;
}
/* css rules from html files from Michal - END*/

