/*********************************************************************************
 Title:        Genome.css
 Description:  Stylesheet for genome.tugraz.at
 ---------------------------------------------------------------------------------
 Copyright:    Copyright (c) 2002
 Organisation: Institute of Biomedical Engineering, Graz University of Technology
 Author:       Alexander Sturn (alexander.sturn@tugraz.at)
 Version:      1.0
 Date:         05 November 2002
/********************************************************************************/


/********************************************************************************
 General html elements
/********************************************************************************/

h1,h2,h3,h4,h5,h6,p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i { font-family:Arial, Helvetica, sans-serif; }

h1 { font-size:26px; margin-bottom:18px; }

h2 { font-size:21px; margin-bottom:18px; }

h2.sh2 { font-size:21px; }

h3,h3.xmp,h3.xpl,h3.inf,h3.tip,h3.akt { font-size:16px; }

h4 { font-size:13px; }

h5 { font-size:11px; }

h6 { font-size:8px; }

p,ul,ol,li,div,td,th,address,blockquote { font-size:12px; }

li { margin-top:3px; }

pre { font-family:Courier New,Courier; font-size:13px; color:#0000C0; }

code,kbd,tt { font-family:Courier New,Courier; color:#0000C0; }

var { font-style:normal; color:#0000C0; }

blockquote,cite { font-style:italic; }

.xmpcode { border-width:10px; border-style:solid; border-color:#EEEEEE; background-color:#FFFFE0; }

.code { background-color:#FFFFE0; }

.tabxpl { background-color:#E4EEFF; }

.doc { background-color:#EEEEEE; }

.nav { background-color:#FFEEDD; }

.qbar { background-color:#FFFFE0; font-size:13px; font-family:Arial,sans-serif; }

.blue { color:#0000C0; }

pre.normal { color:#000000; }

a:link { color:#AA5522; text-decoration:underline; }

a:visited { color:#772200; text-decoration:underline; }

a:active { color:#000000; text-decoration:none; }

a.an { text-decoration:none; }

.unicode { font-size:15px; font-family:Arial Unicode MS,Arial,sans-serif }

ins { color:#009900; font-weight:bold; text-decoration:none; }

del { color:#990000; font-weight:bold; text-decoration:line-through; }

.text { font-family:Arial, Helvetica, sans-serif; font-size:12px; }

/********************************************************************************
 Horizontal line
/********************************************************************************/

hr {
   color:rgb(205,205,205);
   height:1px;
   text-align:left;
}

/********************************************************************************
 Links
/********************************************************************************/

A.NormalLink {
   color:#227D91;
   text-decoration:underline;
}

A.NormalLink:visited {
   color:#227D91;
   text-decoration:underline;
}

A.NormalLink:hover {
   color:#FF6600;
}

A.MenuLink {
   width:100%;
   color:black;
   text-decoration:none;
}

A.MenuLink:visited {
   color:black;
   text-decoration:none;
}

A.MenuLink:hover {
   color:#000080;
}

A.SubMenuLink {
   width:100%;
   color:black;
   text-decoration:none;
}

A.SubMenuLink:visited {
   color:black;
   text-decoration:none;
}

A.SubMenuLink:hover {
   color:magenta;
}



/********************************************************************************
 Headline menu link
/********************************************************************************/

A.HeadlineLink {
   border-top-width:1px;
   border-top-style:solid;
   border-top-color:white;
   border-left-width:1px;
   border-left-style:solid;
   border-left-color:white;
   border-bottom-width:1px;
   border-bottom-style:solid;
   border-bottom-color:white;
   border-right-width:1px;
   border-right-style:solid;
   border-right-color:white;
   font-size:11px;
   color:#4B5864;
   text-decoration:none;
}

A.HeadlineLink:visited {
   color:#4B5864;
   text-decoration:none;
}

A.HeadlineLink:hover {
   border-top-width:1px;
   border-top-style:solid;
   border-top-color:#7BA0DA;
   border-left-width:1px;
   border-left-style:solid;
   border-left-color:#7BA0DA;
   border-bottom-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#7BA0DA;
   border-right-width:1px;
   border-right-style:solid;
   border-right-color:#7BA0DA;
   color:#000080;
   font-weight:bold;
   background:#E2EAF7;
}

/********************************************************************************
 Display link
/********************************************************************************/

A.DisplayLink {
   border-top-width:1px;
   border-top-style:solid;
   border-top-color:white;
   border-left-width:1px;
   border-left-style:solid;
   border-left-color:white;
   border-bottom-width:1px;
   border-bottom-style:solid;
   border-bottom-color:white;
   border-right-width:1px;
   border-right-style:solid;
   border-right-color:white;
   font-size:11px;
   color:#000000;
   text-decoration:none;
}

A.DisplayLink:visited {
   color:#000000;
   text-decoration:none;
}

A.DisplayLink:hover {
   border-top-width:1px;
   border-top-style:solid;
   border-top-color:#7BA0DA;
   border-left-width:1px;
   border-left-style:solid;
   border-left-color:#7BA0DA;
   border-bottom-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#7BA0DA;
   border-right-width:1px;
   border-right-style:solid;
   border-right-color:#7BA0DA;
   color:#000080;
   font-size:11px;
   background:#E2EAF7;
}


/********************************************************************************
 Top menu link
/********************************************************************************/

A.TopMenuLink {
   /*border-top-width:1px;
   border-top-style:solid;
   border-top-color:#808080;
   border-left-width:1px;
   border-left-style:solid;
   border-left-color:#808080;
   border-bottom-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#808080;
   border-right-width:1px;
   border-right-style:solid;
   border-right-color:#808080;
   */
   font-weight:bold;
   color:white;
   text-decoration:none;
}

A.TopMenuLink:visited {
   color:white;
   text-decoration:none;
}

A.TopMenuLink:hover {
/* border-top-width:1px;
   border-top-style:solid;
   border-top-color:white;
   border-left-width:1px;
   border-left-style:solid;
   border-left-color:white;
   border-bottom-width:1px;
   border-bottom-style:solid;
   border-bottom-color:white;
   border-right-width:1px;
   border-right-style:solid;
   border-right-color:white;
   border-top-width:1px;
   border-top-style:solid;
   border-top-color:black;
   border-left-width:1px;
   border-left-style:solid;
   border-left-color:black;
   border-bottom-width:1px;
   border-bottom-style:solid;
   border-bottom-color:black;
   border-right-width:1px;
   border-right-style:solid;
   border-right-color:black;*/
   color: #6BBC9C;
   font-weight: bold;

}


/*********************************************************************************
 Calender
/********************************************************************************/

.CALENDRIER {
   font-weight:bold;
   font-size:11px;
   color:#FFFFFF;
}

A.CALENDRIER {
   width:100%;
   color:black;
   text-decoration:none;
}

A.CALENDRIER:visited {
   color:black;
   text-decoration:none;
}

A.CALENDRIER:hover {
   color:magenta;
}

.CalendarHead {
   background-color:rgb(150,155,165);
   font-size:11px;
   font-weight:bold;
   color:white;
}


/*********************************************************************************
 3D Table
/********************************************************************************/

.PageTable {
   width:800px;
/* background-color:rgb(235,235,235);   */
}


/********************************************************************************
 3D Table
/********************************************************************************/

.Table3D { background-color:rgb(150,167,180); }

A.Table3DHeadLink {
   color:#4B5864;
   text-decoration:none;
}

A.Table3DHeadLink:visited {
   color:#4B5864;
   text-decoration:none;
}

A.Table3DHeadLink:hover {
   color:#316AC5;
}

.Table3DHead {
   padding-top:3px;
   padding-left:5px;
   padding-bottom:3px;
   padding-right:5px;
   border-top-width:1px;
   border-top-style:solid;
   border-top-color:rgb(245,245,245);
   border-left-width:1px;
   border-left-style:solid;
   border-left-color:rgb(245,245,245);
   border-bottom-width:1px;
   border-bottom-style:solid;
   border-bottom-color:rgb(228,228,228);
   border-right-width:1px;
   border-right-style:solid;
   border-right-color:rgb(230,230,230);
   background-color:rgb(235,235,235);
   font-weight:bold;
   color:#4B5864;
}

.Table3DCellOdd {
   padding-top:3px;
   padding-left:5px;
   padding-bottom:3px;
   padding-right:5px;
   border-bottom-width:1px;
   border-bottom-style:solid;
   border-bottom-color:rgb(228,228,228);
   border-right-width:1px;
   border-right-style:solid;
   border-right-color:rgb(230,230,230);
   background-color:rgb(255,255,255);
}

.Table3DCellEven {
   padding-top:3px;
   padding-left:5px;
   padding-bottom:3px;
   padding-right:5px;
   border-bottom-width:1px;
   border-bottom-style:solid;
   border-bottom-color:rgb(228,228,228);
   border-right-width:1px;
   border-right-style:solid;
   border-right-color:rgb(230,230,230);
   background-color:rgb(250,250,250);
}

/********************************************************************************
 Standard table
/********************************************************************************/

.StandardTable {
   border:5px solid white;
   background-color:rgb(205,205,205);
/* background-color:#316AC5; */
   border-spacing:1px;
}

.StandardTableHead {
   padding-top:3px;
   padding-left:5px;
   padding-bottom:3px;
   padding-right:5px;
   background-color:rgb(235,235,235);
/* background-color:#C6D6EF;   */
   font-weight:bold;
   color:#4B5864;
/* color:#000080;*/

}

.StandardTableHeadDark {
   padding-top:3px;
   padding-left:5px;
   padding-bottom:3px;
   padding-right:5px;
   background-color:rgb(150,155,165);
   font-weight:bold;
   color:white;
}

.StandardTableCellOdd {
   height:25px;
   padding-top:3px;
   padding-left:5px;
   padding-bottom:3px;
   padding-right:5px;
   background-color:rgb(255,255,255);
}

.StandardTableCellEven {
   height:25px;
   padding-top:3px;
   padding-left:5px;
   padding-bottom:3px;
   padding-right:5px;
   background-color:rgb(250,250,250);
}

/********************************************************************************
 Tab pane
/********************************************************************************/

.TabPane {
   border:5px solid white;
   background-color:rgb(205,205,205);
   border-spacing:0px;
}

.TabPaneHeadActive {
   width:50%;
   padding-top:3px;
   padding-left:5px;
   padding-bottom:3px;
   padding-right:5px;
   border-top-width:1px;
   border-top-style:solid;
   border-top-color:#316AC5;
   border-left-width:1px;
   border-left-style:solid;
   border-left-color:#316AC5;
   border-right-width:1px;
   border-right-style:solid;
   border-right-color:#316AC5;
   background-color:#C6D6EF;
   font-weight:bold;
   color:#000080;
}

.TabPaneHeadInactive {
   width:50%;
   padding-top:3px;
   padding-left:5px;
   padding-bottom:3px;
   padding-right:5px;
   border-top-width:1px;
   border-top-style:solid;
   border-top-color:rgb(205,205,205);
   border-left-width:1px;
   border-left-style:solid;
   border-left-color:rgb(205,205,205);
   border-right-width:1px;
   border-right-style:solid;
   border-right-color:rgb(205,205,205);
   background-color:rgb(255,255,255);
   background-color:rgb(235,235,235);
   font-weight:bold;
   color:#4B5864;
}

.TabPaneHeadSpacer {
   width:10px;
   min-width:10px;
   background-color:#FFFFFF;
   font-weight:bold;
   color:#4B5864;
}

.TabPaneCell {
   padding-top:3px;
   padding-left:5px;
   padding-bottom:3px;
   padding-right:5px;
   border-top-width:1px;
   border-top-style:solid;
   border-top-color:#316AC5;
   border-left-width:1px;
   border-left-style:solid;
   border-left-color:#316AC5;
   border-right-width:1px;
   border-right-style:solid;
   border-right-color:#316AC5;
   border-bottom-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#316AC5;
   background-color:rgb(255,255,255);
}

.TabPaneActiveLink {
   font-weight:bold;
   color:#000080;
}

A.TabPaneActiveLink {
   color:#000080;
   text-decoration:none;
}

A.TabPaneActiveLink:visited {
   color:#000080;
   text-decoration:none;
}

A.TabPaneActiveLink:hover {
   color:#316AC5;
}

.TabPaneInactiveLink {
   font-weight:bold;
   color:#4B5864;
}

A.TabPaneInactiveLink {
   color:#4B5864;
   text-decoration:none;
}

A.TabPaneInactiveLink:visited {
   color:#4B5864;
   text-decoration:none;
}

A.TabPaneInactiveLink:hover {
   color:#316AC5;
}


/********************************************************************************
 Headline table
/********************************************************************************/

.HeadlineTable {
   border-bottom-width:1px;
   border-bottom-style:solid;
   border-bottom-color:rgb(205,205,205);
   color:#808080;
}

/********************************************************************************
 Bottom table
/********************************************************************************/

.BottomTable {
   width:1000px;
   border-top-width:1px;
   border-top-style:solid;
   border-top-color:rgb(205,205,205);
   color:#808080;
}

/********************************************************************************
 Notice table
/********************************************************************************/

.NoticeTableCell {
   padding-bottom:7px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:bold;
   font-size:11px;
}

/********************************************************************************
 Main menu table
/********************************************************************************/

.MenuTable {
   border-right-width:1px;
   border-right-style:solid;
   border-right-color:rgb(205,205,205);
   height: 20px;
}

.MenuTableHead {
   overflow:hidden;
   padding-top:3px;
   padding-left:5px;
   padding-bottom:3px;
   padding-right:3px;
   background-color:rgb(235,235,235);
   text-decoration:none;
   font-weight:bold;
   font-size:11px;
   color:black;
}

.MenuTableSubMenuHead {
   padding-top:3px;
   padding-left:3px;
   padding-bottom:3px;
   padding-right:3px;
   background-color:rgb(255,255,255);
   font-weight:bold;
   font-size:11px;
   color:black;
}

.MenuTableSubMenuCell {
   padding-top:3px;
   padding-left:16px;
   padding-bottom:3px;
   padding-right:3px;
   border-top-width:1px;
   border-top-style:solid;
   border-top-color:rgb(205,205,205);
   background-color:rgb(255,255,255);
   font-size:11px;
   color:black;
}

/********************************************************************************
 Form field headlines
/********************************************************************************/

.FormTable {
/*   border:10 solid red;*/
}

.FormHead {
   height:22;
   padding-top:0px;
   padding-left:5px;
   padding-bottom:0px;
   padding-right:5px;
   border:1px solid #7F9DB9;
/*   border:1px solid rgb(205,205,205); */
   background-color:rgb(235,235,235);
   font-weight:bold;
   color:#4B5864;
/*   color:#000000;*/
   font-size:11px;
}

.FormHeadLarge {
   padding-top:5px;
   padding-left:5px;
   padding-bottom:0px;
   padding-right:5px;
   border:1px solid #7F9DB9;
   background-color:rgb(235,235,235);
   font-weight:bold;
   color:#4B5864;
   font-size:11px;
}

.FormHeadRequired {
   height:22;
   padding-top:0px;
   padding-left:5px;
   padding-bottom:0px;
   padding-right:5px;
   border:1px solid #FF00FF;
/*   border:1px solid rgb(205,205,205); */
   background-color:rgb(235,235,235);
   font-weight:bold;
   color:#4B5864;
   font-size:11px;
}

.FormHeadLargeRequired {
   padding-top:5px;
   padding-left:5px;
   padding-bottom:0px;
   padding-right:5px;
   border:1px solid #FF00FF;
   background-color:rgb(235,235,235);
   font-weight:bold;
   color:#4B5864;
   font-size:11px;
}


.FormCell {
/*   border:1px solid #7F9DB9; */
   padding-top:0px;
   padding-left:0px;
   padding-bottom:0px;
   padding-right:0px;
   width:0%;
}

.FormCellRequired {
/*   border:1px solid #7F9DB9; */
   padding-top:0px;
   padding-left:0px;
   padding-bottom:0px;
   padding-right:0px;
   width:0%;
}


.FormSpacer {
   width:5px;
}

.FormButton {
/* text-align:right;*/
}



/********************************************************************************
 Forlularfelder
/********************************************************************************/

input {
/*   height:25px;*/
/*   padding-top:0px;
   padding-left:0px;
   padding-bottom:0px;
   padding-right:0px;*/
/*   margin:0px;*/
/*   border:1px solid #7F9DB9; */
}


select, textarea {
   color:#000000;
   border:1px solid #7F9DB9;
}


.TextField {
   width:200px;
   height:25px;
   padding-top:3px;
   padding-left:5px;
   padding-bottom:2px;
   padding-right:0px;
   color:#000000;
   border:1px solid #7F9DB9;
}

.TextFieldLarge {
   width:400px;
   height:25px;
   padding-top:3px;
   padding-left:5px;
   padding-bottom:2px;
   padding-right:0px;
   color:#000000;
   border:1px solid #7F9DB9;
}

.TextFieldRequiredLarge {
   width:400px;
   height:25px;
   padding-top:3px;
   padding-left:5px;
   padding-bottom:2px;
   padding-right:0px;
   color:#000000;
   border:1px solid #FF00FF;
}

.TextFieldDisabledLarge {
   width:400px;
   height:25px;
   padding-top:3px;
   padding-left:5px;
   padding-bottom:2px;
   padding-right:0px;
   color:#B0B0B0;
   border:1px solid rgb(200,200,200);
}

.TextFieldDisabled {
   width:200px;
   height:25px;
   padding-top:3px;
   padding-left:5px;
   padding-bottom:2px;
   padding-right:0px;
   color:#B0B0B0;
   border:1px solid rgb(200,200,200);
}


.TextFieldRequiredDisabled {
   width:200px;
   height:25px;
   padding-top:3px;
   padding-left:5px;
   padding-bottom:2px;
   padding-right:0px;
   color:#B0B0B0;
/* border:1px solid #FF00FF;*/
   border:1px solid rgb(200,200,200);
}

.TextFieldRequired {
   width:200px;
   height:25px;
   padding-top:3px;
   padding-left:5px;
   padding-bottom:2px;
   padding-right:0px;
   color:#000000;
   border:1px solid #FF00FF;
}

.TextArea {
   width:400px;
   padding-top:3px;
   padding-left:5px;
   padding-bottom:2px;
   padding-right:0px;
   color:#000000;
   border:1px solid #7F9DB9;
}

.TextAreaSmall {
   width:200px;
   padding-top:3px;
   padding-left:5px;
   padding-bottom:2px;
   padding-right:0px;
   color:#000000;
   border:1px solid #7F9DB9;
}


.TextAreaRequired {
   width:400px;
   padding-top:3px;
   padding-left:5px;
   padding-bottom:2px;
   padding-right:0px;
   color:#000000;
   border:1px solid #FF00FF;
}

.TextAreaRequiredSmall {
   width:200px;
   padding-top:3px;
   padding-left:5px;
   padding-bottom:2px;
   padding-right:0px;
   color:#000000;
   border:1px solid #FF00FF;
}

.FileRequiredLarge {
   width:400px;
   height:25px;
   padding-top:3px;
   padding-left:5px;
   padding-bottom:2px;
   padding-right:0px;
   color:#000000;
}


.ComboBox {
   width:200px;
   height:25px;
   padding-top:3px;
   padding-left:5px;
   padding-bottom:2px;
   padding-right:0px;
   color:#000000;
   border:1px solid #7F9DB9;
}

.ComboBoxRequired {
   width:200px;
   height:25px;
   padding-top:3px;
   padding-left:5px;
   padding-bottom:2px;
   padding-right:0px;
   color:#000000;
   border:1px solid #FF00FF;
}



.Button {
/* border:1px solid #7F9DB9;
   background:#E2EAF7;*/
}

.reportClassTable {  background-color: #CC99FF; border: 3px #000000 solid; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #000000}
.reportClassCell { border-bottom-style:solid; border-bottom-color:rgb(228,228,228); border-right-style:solid; border-right-color:rgb(230,230,230); ; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; border: none}
.reportTgv {  font-family: Arial, Helvetica, sans-serif; color: #CC0033; font-size: 9px}
.reportVOCell {  font-family: Arial, Helvetica, sans-serif; background-color: #FF9999; font-weight: bold}
.reportAttCell {  background-color: #FFCC99; font-family: Arial, Helvetica, sans-serif; font-weight: bold}
.reportAssCell {  background-color: #FF99CC; font-family: Arial, Helvetica, sans-serif; font-weight: bold}
.reportDepCell {  background-color: #FFCCCC; font-family: Arial, Helvetica, sans-serif; font-weight: bold}
.reportOpCell {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: #CCFF99}