/* 
 *     Document   : css.css
 *     Description: User interface stylesheet for ACPFG Bioinformatics websites
 */

body 
{ 
    font-family: Arial, Verdana, Helvetica;
    font-size: 76%;
    background-color: #FFFFFF;
    color: #000000;
    padding-top: 80px;
    background-image: url('../images/headerbg.gif');
    background-position: top left;
    background-repeat: repeat-x;
}

/*
#sitehelp 
{ 
    font-family: Arial, Verdana, Helvetica;
    font-size: 76%;
    background-color: #FFFFFF;
    color: #000000;
}
*/

#mainTable
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

#geneTable
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    border: solid black 2px;
}

#resTable
{
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    border: solid black 2px;
}

.reg
{
    width: 100px;
}

#regionTable
{
    width: 100%;
    text-align: center;
}

#outPut
{
    width: 0px;
    height: 0px;
    visibility: none;
}

#picWindow
{
    border: none;
}

#picControl
{
    border: none;
}

#picWTable
{
    border-top: solid black 1px;
}
.imButton
{
    border: 3px solid #feb601;
    width: 400px;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    color: #000000;
    background-color: #feb601;
}

.imButton:hover 
{
    color: #FFFFFF;
    cursor: default;
}

.zoom
{
    text-align: center;
}

#z1
{
    border: 3px solid #feb601;
    height: 12px;
    background-color: #feb601;
    cursor: default;
}

#z2
{
    border: 3px solid #feb601;
    height: 18px;
    background-color: #feb601;
    cursor: default;
}

#z3
{
    border: 3px solid #feb601;
    height: 24px;
    background-color: #feb601;
    cursor: default;
}

#z4
{
    border: 3px solid black;
    height: 30px;
    background-color: #feb601;
    cursor: default;
}

#z5
{
    border: 3px solid #feb601;
    height: 36px;
    background-color: #feb601;
    cursor: default;
}

#z6
{
    border: 3px solid #feb601;
    height: 42px;
    background-color: #feb601;
    cursor: default;
}

#z7
{
    border: 3px solid #feb601;
    height: 48px;
    background-color: #feb601;
    cursor: default;
}

#z8
{
    border: 3px solid #feb601;
    height: 54px;
    background-color: #feb601;
    cursor: default;
}

#siteheader 
{
    position: absolute;
    height: 80px;
    left: 0;
    top:  0;
    right: 0;
    _width: 100%;
}

#sitefooter 
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.8em;
}

h1 
{
    color: #FFFFFF;
    font-size: 2.6em;
    z-index: 60;
    text-align: right;
    top: 20px;
    right: 10px;
    position: absolute;
}

#mainHeader
{
    font-size: 1.9em;
    font-weight: bold;
}

.faqSection
{
    font-size: 1.5em;
}

#subHeader
{
    font-size: 1.2em;
}

.errorMsg
{
    text-align: center;
    color: red;
}

.steps
{
    font-size: 1.8em;
    font-weight: bold;

}

.spacer
{
    width: 80px;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
}

.instruct
{
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 2px;
}

.boxes
{
    border: 2px solid #feb601;
    width: 800px;
}

.boxesNormal
{
    border: 2px solid #feb601;
}

/* button styles */

#advButton 
{
    border: 3px solid #feb601;
    width: 400px;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    color: #000000;
    background-color: #feb601;
}

#advButton:hover 
{
    color: #FFFFFF;
    cursor: default;
}

input.subButton 
{
    font-family: Arial, Verdana, Helvetica;
    border: 2px solid #feb601;
    width: 320px;
    font-size: 2em;
    font-weight: bold;
    color: #000000;
    text-align: center;
    vertical-align: middle;
    background-color: #feb601;
}

input.subButton:hover 
{
    color: #FFFFFF;
}

input.subButtonSmall 
{
    font-family: Arial, Verdana, Helvetica;
    border: 2px solid #feb601;
    width: 160px;
    font-size: 1.2em;
    font-weight: bold;
    color: #000000;
    text-align: center;
    vertical-align: middle;
    background-color: #feb601;
}

input.subButtonSmall:hover 
{
    color: #FFFFFF;
}

input.resButton 
{
    font-family: Arial, Verdana, Helvetica;
    border: 2px solid #feb601;
    width: 160px;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    color: #000000;
    background-color: #feb601;
}

input.resButton:hover 
{
    color: #FFFFFF;
}

/* the advanced options td */
#advanced
{
    visibility: collapse;
}

.expander {
    position: relative; 
    width: 20px; 
    height: 20px; 
    border-right: 2px solid black;
}

.expander img {
    border: 0;
}

.dataviewlowpaddiv {
    width: 90%;
    height: 400px;
	overflow: scroll;
    margin-left: auto;
    margin-right: auto;
    border-width: 1px;
    border-spacing: 0px;
    border-style: solid;
    border-color: black;
    border-collapse: collapse;
}

.dataviewlowpad {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-width: 1px;
    border-spacing: 0px;
    border-style: solid;
    border-color: black;
    border-collapse: collapse;

}

.dataviewlowpadheader {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-width: 2px;
    border-spacing: 0px;
    border-style: solid;
    border-color: black;
    border-collapse: collapse;
}

.dataviewlowpad td {
    vertical-align: top;
    border-width: 1px;
    padding: 3px;
    border-style: inset;
    border-color: black; 
}

.dataviewlowpadheader h2 {
    font-family: Arial, Verdana, Helvetica;
    font-size: 1.4em;
    text-align: center;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}

.dataviewlabelNowidth {
    font-weight: bold;
}

.searchPriRef {
/* The main heading in ContigBean.java relies on this having no width specified...*/
    font-weight: bold;
    text-decoration: underline;
}

span.sequence {
    font-family: "Courier New", Courier, Monaco, monospace;
}

.dataview {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-width: 1px;
    border-spacing: 0px;
    border-style: solid;
    border-color: black;
    border-collapse: collapse;

}

.dataview td {
    vertical-align: top;
    border-width: 1px;
    padding: 10px;
    border-style: inset;
    border-color: black; 
}

/***********************************************************************
************************************************************************
**
**  help.css
**
**  css file for the help pages
**  created: 24/09/07
**
************************************************************************
***********************************************************************/


/* the main table which contains the entire help page
   change here to change the width of all text on the help page
   that is all that is needed to be changed here */

#mainHelpTable
{
    text-align:left;
	width: 800px; 
	margin-left: auto; 
	margin-right: auto;
    font-family: Arial, Verdana, Helvetica;
	font-size: 12pt;
}

/* the top header for the help page */

.mainHelpHeader
{	
	text-align: center;
    font-family: Arial, Verdana, Helvetica;
	font-weight: bold;
	font-size: 35pt;
}


/* css for the table of contents */

.helpContents
{
	text-align: left;
    font-family: Arial, Verdana, Helvetica;
	font-size: 15pt;
	color: black;

}
/* for each section, ex: alignment, summary etc
   use this span to make bold */

.helpSection
{
	text-align: left;
	font-weight: bold;
	font-size: 24px;
    font-family: Arial, Verdana, Helvetica;
}

/* within each section, use this span for any headings */

.helpHeader
{
	font-weight: bold;
	font-size: 18px;
    font-family: Arial, Verdana, Helvetica;
}


/***********************************************************************
************************************************************************
**
**  Individual section css settings
**  
************************************************************************
***********************************************************************/

/***********************************************************************
**  for image section
***********************************************************************/

/* this is for the red boxes used on the image images*/

.helpImageBox
{
	text-align: left;
	padding: 3px;
	border: solid red 3px;
	vertical-align: top;
}


/***********************************************************************
***********************************************************************/

/***********************************************************************
************************************************************************
**
**  faq.css
**
**  css file for the faq pages
**  created: 24/09/07
**
************************************************************************
***********************************************************************/

/***********************************************************************
************************************************************************
**
**  Page wide css settings
**  
************************************************************************
***********************************************************************/

/* the main table which contains the entire faq page
   change here to change the width of all text on the faq page
   that is all that is needed to be changed here */

#mainfaqTable
{
	width: 95%; 
	margin-left: auto; 
	margin-right: auto;
	font-family: "Geneva";
	font-size: 12pt;
}

/* the top header for the faq page */

.mainFaqHeader
{	
	text-align: center;
	font-family: "Helvetica";
	font-weight: bold;
	font-size: 35pt;
}


/* css for the table of contents */

.faqContents
{
	text-align: left;
	font-family: "Geneva";
	font-size: 15pt;
	color: black;

}
/* for each section, ex: alignment, summary etc
   use this span to make bold */

.faqSection
{
	text-align: left;
	font-weight: bold;
	font-size: 24px;
	font-family: "helvetica";
}

/* within each section, use this span for any headings */

.faqHeader
{
	font-weight: bold;
	font-size: 18px;
	font-family: "helvetica";
}

/* some for the admin pages */

.adminsearchview {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-width: 1px;
    border-spacing: 0px;
    border-style: solid;
    border-color: black;
    border-collapse: collapse;

}

.adminsearchview td {
    vertical-align: top;
    border-width: 1px;
    padding-left: 10px;
    padding-right: 10px;
    border-style: none;

}

.adminsearchviewlabel {
    font-weight: bold;
    width: 200px;
}