<!-- 
 
   file: /site-style/gsc/xstyle.css
    rev: 23 Oct 99
  owner: M Krzywinski

   desc: Genome Sequence Center Style Sheet 
	 for Mac/X based browsers

	 This is the site-wide style for the GSC for browsers used 
	 from Mac and X browsers. The style sheet for PCs is pcstyle.css. 
	 The difference between these are the font sizes. Typically, 
 	 sizes need to be 2-3 points larger for Macs and X browsers.

edited by Hans Greberg for the Peter Wall project.
-->

<!-- Default text properties -->

body {
	font-family      : arial, helvetica, verdana,sans-serif;
	font-style       : normal;
	font-weight      : normal;
	font-size   	 : 12px;
	background-color : white;
	color            : #000;
}

td,th {
	font-family      : arial, helvetica, verdana,sans-serif;
	font-style       : normal;
	font-weight      : normal;
	font-size   	 : 13px;
	color            : #000;
}
ul,li {
	font-family      : arial, helvetica, verdana,sans-serif;
	font-style       : normal;
	font-weight      : normal;
	font-size   	 : 12px;
	color            : #000;
}

p {
	font-family      : arial, helvetica, verdana,sans-serif;
	font-style       : normal;
	font-weight      : normal;
	font-size   	 : 12px;
	color            : #000;
}

a:link,a:active,a:visited {text-decoration:none;}


pre {
}

.headtable {
	font-family      : arial, helvetica, verdana,sans-serif;
	font-style       : normal;
	font-weight      : normal;
	font-size   	 : 12px;
	color            : #000;
}

<!-- Common text markups -->

b   { font-weight : bold;    }
i   { font-family : Times ; font-style  : italic;  }
pre { font-family : Courier; } <!-- for computer commands and variables  -->
tt  {       color : #f66;    } <!-- useful for comment text inside <pre> -->

<!-- Form elements -->
form {
	font-family      : arial, helvetica, verdana,sans-serif;
	font-style       : normal;
	font-weight      : normal;
	background-color : white;
	color      	 : #009;
	font-size   	 : 12px;
}


select {
	font-family      : arial, helvetica, verdana,sans-serif;
	font-style       : normal;
	font-weight      : normal;
	background-color : white;
	color      	 : #000;
	font-size   	 : 12px;
}

input {
	font-family      : arial, helvetica, verdana,sans-serif;
	font-style       : normal;
	font-weight      : normal;
	background-color : white;
	color      	 : #000;
	font-size   	 : 12px;
}

<!-- Table elements -->

table {
	background-color : white;
	color     	  : #000;
}

<!-- Classes -->

.comp {

	font-family : Courier;
	font-style  : normal;
	font-weight : normal;
	font-size   : 12px;
	color       : #000;

}

.indent {
	margin-left : 0.5in;
}

span {

}

<!-- Headings -->

h1 {
	font-family : arial, helvetica, verdana,sans-serif;
	font-size   : 16px;
	font-style  : normal;
	font-weight : bold;	
	color       : #990000;
}

h2 {
	font-family : arial, helvetica, verdana,sans-serif;
	font-size   : 14px;
	font-style  : normal;
	font-weight : bold;	
	color       : #000066;
}

h3 {
	font-family : arial, helvetica, verdana,sans-serif;
	font-size   : 12px;
	font-style  : normal;
	font-weight : bold;	
	color       : #000066;
}

h4 {
	font-family : arial, helvetica, verdana,sans-serif;
	font-size   : 12px;
	font-style  : normal;
	font-weight : bold;	
	color       : #990000;
}

h5 {
	font-family : arial, helvetica, verdana,sans-serif;
	font-size   : 10px;
	font-style  : normal;
	font-weight : normal;	
	margin-left : 0.2in;
	color       : #000;
}

h6 {
	font-family : arial, helvetica, verdana,sans-serif;
	font-size   : 10px;
	font-style  : italic;
	font-weight : normal;	
	margin-left : 0.2in;
	color       : #000;
}

<!-- Absolute sizing -->

.vlarge  {  font-size   : 16pt;  }
.large   {  font-size   : 14pt;  }
.small   {  font-size   : 9pt;  }
.vsmall  {  font-size   : 8pt;   }

<!-- Bold absolute sizing -->

.vlargeb  {  font-size   : 16pt; font-weight : bold;	 }
.largeb   {  font-size   : 14pt; font-weight : bold;	 }
.smallb   {  font-size   : 9pt;  font-weight : bold;	}
.vsmallb  {  font-size   : 8pt;  font-weight : bold;	 }

<!-- Relative sizing -->

.vlarger  {  font-size   : 140%;  }
.larger   {  font-size   : 120%;  }
.smaller  {  font-size   :  80%;  }
.vsmaller {  font-size   :  60%;  }

<!-- Special text -->
.smallwhite {
	font-family : arial, helvetica, verdana,sans-serif;
	font-size   :  12px;
	font-style  : normal;
	font-weight : normal;	
	color       : #FFFFFF;
}
.smallblue {
	font-family : arial, helvetica, verdana,sans-serif;
	font-size   :  12px;
	font-style  : normal;
	font-weight : normal;	
	color       : #0000FF;
}
.bigwhite {
	font-family : arial, helvetica, verdana,sans-serif;
	font-size   :  14px;
	font-style  : normal;
	font-weight : normal;	
	color       : #FFFFFF;
}
.biggerwhite {
	font-family : arial, helvetica, verdana,sans-serif;
	font-size   :  16px;
	font-style  : normal;
	font-weight : normal;	
	color       : #FFFFFF;
}
.biggerwhiteb {
	font-family : arial, helvetica, verdana,sans-serif;
	font-size   :  16px;
	font-style  : normal;
	font-weight : bold;	
	color       : #FFFFFF;
}


.text2 { font-size:10px}

.BoldItalic {
	font-family: arial, helvetica, verdana,sans-serif;;
        font-style: italic;}

.form1
{BORDER-BOTTOM: ridge 1px;BORDER-TOP: ridge 1px;FONT-SIZE: 12px;}
.form2
{BORDER-BOTTOM: ridge 1px; BORDER-BOTTOM-COLOR: 003366; BORDER-BOTTOM-STYLE: ridge;BORDER-LEFT: ridge 1px; BORDER-LEFT-COLOR: 003366; BORDER-LEFT-STYLE: solid; BORDER-RIGHT: ridge 1px; BORDER-RIGHT-COLOR: 003366; BORDER-RIGHT-STYLE: solid; BORDER-TOP: ridge 1px; BORDER-TOP-COLOR: 003366; BORDER-TOP-STYLE: solid; WIDTH: 125px; FONT-FAMILY: arial, helvetica, verdana,sans-serif; FONT-SIZE: 12px; COLOR: #003366}

