/*********************************************************************************
 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-family:Verdana, Arial, Helvetica, sans-serif; font-size:26px; margin-bottom:18px; color:#000099; font-weight:bold;}

h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:21px; margin-bottom:18px; color:#000099;}

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

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

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:#0000FF; text-decoration:none; }

a:visited { color:#0000FF; text-decoration:none; }

a:active { color:#0000FF; 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:black;
   text-decoration:none;
}

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

A.NormalLink:hover {
   color:cyan;
}

A.MenuTLink {
   width:100%;
   color:white;
   text-decoration:none;
}

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

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

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

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

A.SubMenuLink:hover {
   color:cyan;
}

A.PaperLink {
   color:#0000FF;
   text-decoration:none;
}


A.PaperLink:visited {
   color:#0000FF;
   text-decoration:none;
}

A.PaperLink:hover {
   color:magenta;
}

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

A.AuthorLink:hover {
   color:black;
}

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

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

A.TextLink:hover {
   color:blue;
}

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

A.ImportantLink:visited {
   color:magenta;
   text-decoration:none;
}

A.ImportantLink:hover {
   color:red;
}

A.ImportantLink {
   color:magenta;
   text-decoration:none;
}


/********************************************************************************
 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-weight:bold;
   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-size:12px;
   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:black;
}


/*********************************************************************************
 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:100%;
/* 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:1px;
   padding-left:5px;
   padding-bottom:1px;
   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:10px;
   padding-left:10px;
   padding-bottom:10px;
   padding-right:10px;
   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:100%;
   border-top-width:1px;
   border-top-style:solid;
   border-top-color:rgb(205,205,205);
}

a.BottomTableLink:link {
   color:#003366;
   text-decoration:none;
}
a.BottomTableLink:visited {
   color:#666666;
   text-decoration:none;
}


a.BottomTableLink:hover {
   color:magenta;
   text-decoration:none;
}

.BottomTableText {
   font-family:Arial,Helvetica,sans-serif;
   font-size:12px;
   color:#666666;
   line-height:12px;
}



/********************************************************************************
 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);
   
}

.MenuTableHead {
   overflow:hidden;
   background-color:#333366;
   text-decoration:none;
   font-weight:bold;
   font-size:11px;
   color:white;
}

.MenuTableSubMenuHead {
   background-color:#0050A0;
   font-weight:bold;
   font-size:11px;
   color:black;
}

.MenuTableSubMenuCell {
   background-color:#0050A0;
   font-weight:bold;
   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;*/
}