/* every page */

body {
	background-image: url("bg1.gif");
	margin: 0 0.5em 0.5em 0.5em;
}

a {
  text-decoration: none;
  white-space: nowrap;
}

.aw {
  white-space: normal;
}

/* superscript and subscript above one another */ 

supb {display: inline-block}
.supb sub {position: relative; display: inline-block; top: 0.2em}
.supb sup {position: relative; display: inline-block; left: -0.5em; margin-right: -0.5em;}

/* small subscript for extension symbols : . wr o */

.subsml {font-size: 60%; position: relative; top: 0.1em;}
.supsml {font-size: 60%; position: relative; top: -0.2em;}

/* normal subgroup sign spacing, show/hide button style spacing, subgroup colors */

.nsgp {font-size:60%; position: relative; top:-0.2em; padding: 0 0.15em;}
.nsgpn {font-size:60%; position: relative; top:-0.2em; padding: 0 0.15em 0 0.5em;}
.nSg {color: #B18;}
.nSg a {color: #B18;}
.cSg {color: #2020F0;}
.cSg a {color: #2020F0;}
.sSg {color: black;}
.sSg a {color: black;}

/* pre-formatted with spacing for show/hide Magma/Gap code */

.pre {font-size:0.8em; margin: 0 0; padding:0; 
	  display: inline-block; white-space: normal;}

/* show/hide - standard show block with padding */

.shs  {display:none;  padding: 0 2em;}
.shsd {display:block; padding: 0 2em}
.shsd td {vertical-align: text-top;}

.shl  {color: #006030;}

.serdiv {min-width: 7em;}

.series td {vertical-align: text-top; padding:0 1em 0 0}

/* buttons for copying Magma/GAP code */

.copytext {
	background-color: #EEE;
	color: #666;
	font-size: 60%;
	position: relative;
	top: -0.1em;
  box-shadow: 1px 1px 1px #AAA;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;  
  -webkit-border-radius: 0.8em;
  border: 0;
}	

.copytooltip {
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  width: 5em;
  background-color: green;
  color: white;
  text-align: center;
  padding: 0.3em 0.5em;
  border: solid 1px black;    
  border-radius: 0.5em;
  -moz-border-radius: 0.5em;  
  -webkit-border-radius: 0.5em;
}

/* wikipedia links */

.wiki {color: black}

/* order not in DB style */

.notinDB {color: #BBB}

/* subgroup lattice */

#subdesc{display: block;min-height: 4em;}
.svs{font-size: 50%; color:#AAA; background: url("bg1.gif"); 
	 position: relative; top:0.2em; padding: 0.1em;}
.svd{position:relative; display: inline-block;}
.svd svg{position: relative;}
.svd path{stroke-width: 0.05; stroke: #AAA;}
.svd div{position: absolute; min-width: 5em; text-align: center; font-size: 1em}
.svd div a{
	 color: black; 
	 vertical-align: middle; 
	 text-decoration: none; 
	 background: url("bg1.gif"); 
	 padding: 0;   
	 border-radius: 0.3em;
  -moz-border-radius: 0.3em;  
  -webkit-border-radius: 0.3em;
}
div.nSg a{color: #B18;}
div.cSg a{color: #2020F0;}

/* Button table on top - new */

div.bbg{
  background-color: #ffefd0; 
  background-color: #8CD; 
  border: 1px solid #7BC; 
	margin: 0em -2em 0 -2em;
	padding: 0.15em 2em 0.2em 2em; 
}

.btab a
{
   width: 100%;  
   text-align:center;
   vertical-align: text-top;
   display: inline-block;   
   height: 1.3em;
   line-height: 1.3em;
   margin: 0;
   padding: 0;
   color: #FFFFFF;    /* 000 */
   background-color: #4AC;     /* 9CF */
   border: solid #39B 0.04em;  /* 8BE */
   box-shadow: 0.08em 0.12em 0.05em #057;   /* 049 */
   border-radius: 0.3em;
   -moz-border-radius: 0.3em;   
   -webkit-border-radius: 0.3em;
	 font-family: Arial, Helvetica, sans-serif; 
   font-weight: normal;
   font-size: 90%;
}

div.btab {
  min-width: 21em;
  display: inline-block;
  margin: 0em -0.5em 0em 0.2em;
  padding: 0em 0.3em 0 0;  
  height: 1.4em;
}
div.btab div {display: inline-block;} 
div.btab1{width: 19%}
div.btab2{width: 37%}
div.btab3{width: 21%}
div.btab4{width: 28%}
div.btab5{width: 5%}
div.btab6{width: 8.25%}
	
/* Button table on top - old */

.btable    {border-collapse:collapse; width: 98%}
.btable tr {}
.btable td 
{
   vertical-align: middle;
	 white-space: nowrap; 
	 padding:0vmin 0vmin 0.5vmin 0.9vmin;  
   line-height: 1.5vmin;
}
.btable a
{
   vertical-align: middle;
	 text-align: center; 
}
a.btable
{
   display: inline-block;
   width: 100%;       
   height: 1.5vmin; 
   margin: 0;
   padding: 0.7vmin 0.1vmin 0.7vmin 0.1vmin;
   color: #FFFFFF;    /* 000 */
   background-color: #4AC;     /* 9CF */
   border-radius: 1vmin;
   -moz-border-radius: 1vmin;   
   -webkit-border-radius: 1vmin;
   border: solid #39B 0.2vmin;  /* 8BE */
   box-shadow: 0.3vmin 0.3vmin 0.3vmin #06A;   /* 049 */
	 font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 2.3vmin;
}

/* main list of groups */ 

div.gnfloat{
	width: 30%; 
	display: inline-block; 
	clear: right; 
	float: right;
}
div.gnfloat a{
  white-space: normal;
}

table.gptable    {width: 100%; table-layout: fixed; columns:6; border-collapse:collapse}
table.gptable th {font-weight: normal; text-align: left; color: #ca8; overflow: hidden; position: relative; top:0.3em;}
table.gptable th a {color: #ca8;}
table.gptable tr {}
table.gptable td {overflow: hidden; text-align: left; word-break: keep-all; padding:1px;}

table.headtable    {width: 100%; border-collapse:collapse}
table.headtable tr {}
table.headtable td {font-weight: normal; text-align: center; word-break: keep-all; padding:1px;}

h3.gpsep{
  width: 70%; 
  text-align: center;
  border-bottom: 2px solid #e8d0b0; 
  line-height: 0em;
  margin: 0.5em 0em -1.5em 0; 
  color: #ca8;
  font-size: 75%;
  position: relative;
  top: 0em;
} 

h3.gpsep span { 
  padding:0 5px; 
  background: url("bg1.gif");
}

h3.bigheader{
  width: 70%; 
  text-align: right;
  border-bottom: 2px solid #800; 
  line-height: 0em;
  margin: 1em 0 2em 0; 
  color: #800;
  font-size: 1.3em;
} 

h3.bigheader span { 
  padding:0 15px; 
  background: url("bg1.gif");
}

center.gps{
  width: 100%; 
  float:left; 
  border-bottom: 2px solid #e8d0b0; 
  line-height: 0em; 
  margin: 0.5em 0; 
  color: #ca8;
}

span.gps{
	color: #ca8; 
	padding:0 10px; 
	background: url('bg1.gif'); 
	position:relative; 
	top: 0.7em; 
	font-weight: bold;
}

.groupbox,.groupboxb {margin: 1.5em 0 0 0;}
.groupbox a,.groupboxb a{
	display: inline-block;
	text-align: center;
	min-width: 3em;
	padding: 0.3em;
}
.groupboxb a{min-width: 5em;}

/* individual groups */ 

nav {  /* floating list on the right */
  float: right;
  max-width: 30%;
  margin: 0.3em 0.5em 0 0;
  padding: 0 0 0 0.5em; 
  border-left: 1px solid #AFBFCF;
  border-radius: 0px;
  -moz-border-radius: 0px;    
  -webkit-border-radius: 0px;
}

nav hr {margin: 3px 10px; color: #AFBFCF;}

nav ul {
  	text-align: center;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
			
nav ul a {
    text-decoration: none;
}

/* matrices */ 

.matrix {
    display: inline-block;
    position: relative;
}
.matrix:before, .matrix:after {
    content: "";
    position: absolute;
    top: 0px;
    border: 1px solid #000;
    width: 3px;
    height: 100%;
}
.matrix:before {
    left: 0px;
    top: 0px;
    border-right: 0px;
}
.matrix:after {
    right: 0px;
    top: 0px;
    border-left: 0px;
}
.matrix td {
    padding: 0px 2px;    
    text-align: right;
}

/* list of links on top */

.linklist td{
  vertical-align: text-top;
  padding: 0 15px 0 0;    
}

/* headers for groups in standard.html */

.stdgroup
{
	background-color: #def;
}

/* conjugacy classes */

table.classes{
   text-align: center;
}

/* galois polynomials */

table.galpoly{
	
}
table.galpoly th,td{
	font-weight: normal;
	text-align: left;
	padding: 0 1em;
}

/* display data, e.g. example which extensions are valid  */

table.tdisp{}
table.tdisp td {padding:0 40px}

table.tdisp20{}
table.tdisp20 td {padding:0 20px}

/* character list */

table.charlist{
   text-align: center;
}
table.charlist td {
	 padding:0 4px;
   white-space: nowrap;
}

/* character table */

.chartable {
    display: inline-block;
    position: relative;
    border-collapse: collapse;
}
.chartable td {
    padding: 0px 3px;    
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
}
.bl {
	border-left: thin solid #777;
}
.bb {
	border-bottom: thin solid #777;
}
.bbl {
	border-left:   thin solid #777;
	border-bottom: thin solid #777;
}

/* fractions */

span.frac {
  position: relative; 
	top: 0.2em; 
  display: inline-block;
  font-size: 70%;
  text-align: center;
}
span.frac > sup {
  display: block;
  border-bottom: 1px solid;
  font: inherit;
}
span.frac > span {
  display: none;
}
span.frac > sub {
  display: block;
  font: inherit;
}

/* individual pages header */ 

span.logo img {
  position: relative;
	float: right;
  margin: 0 10px 0 20px;
	border: 0px;
	width: 93px;
	height: 75px;
}

div.hdrback{
  min-width: 355px;
  min-height: 85px;
}

.gphddiv{
	background-color: #e8f0f8; 
	background-color: #f0f0f0; 
	background-color: #f9f9ff; 
	padding: 10px 20px 10px 20px;
	margin: 0 0 25px 0;
	border: 1px solid #cdd;
	border: 1px solid #d0d0d0;
	float:left;
  border-radius: 0.5em;
  -moz-border-radius: 0.5em;  
  -webkit-border-radius: 0.5em;
}

.gphdstyle{
  margin: 0 0 0.5em 0;
}

.gpordstyle{
	font-weight:normal; 
	font-size:90%; 
	white-space:nowrap;
}

.gpdescstyle{
	margin: 0; 
	font-weight:normal;
}

/* search box */

div.hdrsrch{
	padding: 0 0 0 0; 
	margin: 0em 1em 0 0;
	float:right;
}

#search-form 
{
  overflow: hidden;
  padding: 3px 0 3px 0;
  margin: 0.1em 0 0 0.5em;
  width: 220px;
}

#search-text 
{
  background-color: #fff;
  -webkit-border-radius: 5px 5px;
  -moz-border-radius: 5px 5px;
  border-radius:  5px 5px;
  height: 20.2px;
  font-size: 16px;
  color: #000;
  border: 1px solid #39b;
  padding: 1px 15px;
  float: left;
  width: 180px;
}

#search-button {
  position: absolute; 
  float: right;
  margin: 0 0 0 -9px;
  height: 24px;
  width: 40px;
  font-size: 15px;
  color: #fff;
  border-left: 1px solid #EDC;
  border-right: 1px solid #39B;
  border-top: 1px solid #39B;
  border-bottom: 1px solid #39B;
  background-color:#4ac;
  border-radius: 0px 5px 5px 0px;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  cursor: pointer;
}

#suggest{
  border: solid 1px #39B; 
  display: inline-block;
  visibility: hidden; 
  position:absolute; 
  background-color: #f8fbff;
  z-index: 10;
  margin: 30px 0 0 10px;
  border-radius: 5px 5px 8px 8px;
  -moz-border-radius: 5px 5px 8px 8px;
  -webkit-border-radius: 5px 5px 8px 8px;
}

#suggest table{
  min-width: 239px;
  border-collapse:collapse; 
	margin: 3px 1px;
}

#suggest tr:hover{background-color: #E4E4FC;}
#suggest tr.unchoosable:hover{background-color: #f8fbff;}
#suggest td{padding: 0 0.5em;}
#suggest td a{display: inline-block; width: 100%;}
.highl{background-color: #e0FFe0;}
.help, .help tr.highl, #suggest .help tr:hover{background-color: #f0FFf0;}
#suggest .help td a{display: inline;}
.errmsg{display: block; padding: 0.5em 1em; color: #B00000;}

/* Invisible box for unicode character support check */

.check{
  position: absolute;
  visibility: hidden;
  height: auto;
  width: auto;
  white-space: nowrap;
  font-size: 200%;
}