h1, h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000;
	/*margin-top:30px;*/
}


a { color: #448;
text-decoration:none;
}
a:hover {
cursor:pointer;
}
a:active, a:focus {
outline: 0;
}

body, pre, p, ul, li, input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
input, select {
  font-size: 9pt;
}
body {
/*padding-right:10px;*/
margin-top:20px;
margin-left:20px;
margin-right:20px;
/*background-image: url(../images/wordshot1.png);*/
/*background-repeat: no-repeat;*/
}


table.layout, table.layout tbody td {
  margin:0;
  padding:0;
  border:0;
  border-spacing:0;
  border-collapse:collapse;
}


/* buttons using tables : */
/* 1) common cellspacing, background/borders etc :*/
table.button_sgl_table, table.button_sgl_table tbody td, table.button_grp_table_border, table.button_grp_table_border tbody td, table.button_grp_no_border, table.button_grp_no_border tbody td, table.button_grp_cell_border, table.button_grp_cell_border tbody td {
  margin:0;
  border-spacing:1px;
  border-collapse:separate;
  border:1px solid transparent; /*#f7f7f8; NB same as background*/
  background-color: #f7f7f8;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  text-align:center;
  background-position:0% 0%;

}
table.button_sgl_table tbody td, table.button_grp_table_border tbody td, table.button_grp_no_border tbody td, table.button_grp_cell_border tbody td {
  border:1px solid transparent; /* i.e. table backgrnd shines through*/
  background-color: transparent;
}

/* 2) hover: */
table.button_grp_table_border td:hover, table.button_grp_no_border td:hover, table.button_grp_cell_border td:hover {

  background-image:url(./images/buttbkg_36.gif);
  background-position:0% 100%;
  background-repeat:repeat-x;
  border:1px solid #aaa; /*#f4dfec;;*/
  cursor:pointer;
}
table.button_grp_no_border td:hover {

  background-image:url(./images/buttbkg_36.gif);
  background-position:0% 100%;
  background-repeat:repeat-x;
  border:1px solid #f4dfec;
  cursor:pointer;
}
table.button_sgl_table:hover {

  background-image:url(./images/buttbkg_36.gif);
  background-repeat:repeat-x;
  background-position:0% 100%;
  cursor:pointer;
}

/* 3) table border only */
table.button_sgl_table, table.button_grp_table_border {
  border:1px solid #aaa;
}
/* 4) cell border */
table.button_grp_cell_border {
  border-spacing:4px;
  background-color: transparent;
} 
table.button_grp_cell_border tbody td {
  border:1px solid #aaa;
  background-color: #f7f7f8;
}

table.hideborders {
  border-color:transparent;
}
table.hideborders:hover {
  border-color:#aaa;
}
table.hidebackground {
  background-color:transparent;
}

/* IUCr footer */

form.search input,
form.search textarea , form.search select{
 background-color: #fff;
}

form.search {
 padding: 0px;
 margin: 0px;
}

form.search input,
form.search textarea, form.search select {
border: 1px solid #bbb;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top: 0.2em;
font-size:8pt;
outline:0!important;
outline-style:none!important;

}

form.search select {
 color: #666;
 
}



form.search input:focus, form.search input:hover,
form.search textarea:focus, form.search textarea:hover,
  form.search select:focus, form.search select:hover {
-webkit-box-shadow: 0 0 2px 2px #fff;
-moz-box-shadow: 0 0 2px 2px #fff;
 box-shadow: 0 0 2px 2px #fff;
 outline:0!important;
 outline-style:none!important;
-moz-outline-style:none;
}

form.search input:active,
form.search textarea:active, form.search select:active {
 outline:0!important;
 outline-style:none!important;
 -moz-outline-style:none;
}

#footer_search_div {
border:  1px solid #aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;

padding: 0px;
margin: 0px;
min-width: 500px;
    -moz-box-shadow: 3px 3px 10px #aaa; /*x-offset y-offset radius colour */
    -webkit-box-shadow: 3px 3px 10px #aaa;
    box-shadow: 3px 3px 10px #aaa;
    background:#eee;
border-radius: 5px;
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#fff));
background: -moz-linear-gradient(-90deg, #ccc, #fff);
/*background-image:url('./bk.png');*/
/* background-repeat:repeat-x;    */

}

form.search label {
  font-size:8pt;
position:absolute;
margin:5px 0 5px 5px;
color: #666;
} 


form.search input.search_button {
  border-style:none;
  border:0;
  padding:0;
  margin:0;
  
  border:1px solid #aaa;
  background-color:#f7f7f8;
  padding:3px;
  padding-top:4px;
  padding-bottom:4px;
  color: #666;
/*  
 height:24px;
  width:24px;
  color:transparent;
  background-image: url(./pdcifplot/find.png);
  background-repeat:no-repeat;
background-position:center; 
text-indent: -1000em; 
*/   
   outline: 0; 
  outline-style: none;
  -moz-outline-style:none;
    outline-width: 0;
    text-decoration: none;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
form.search input.search_button:hover {
  -webkit-box-shadow: 0 0 2px 2px #fff;
-moz-box-shadow: 0 0 2px 2px #fff;
 box-shadow: 0 0 2px 2px #fff;
  cursor:pointer;
}
form.search a {
  color:#666;
}
form.search a:hover {
  color:#448;
}

form.search table {
  width:auto;
}
::-moz-focus-inner {
  border: 0;
  outline:0;
  outline-style: none;
  -moz-outline-style:none;
}

/* expandable side menu */

.buttonslist {
overflow:auto;
background-image:url(./images/gbkg.png);
  background-position:100% 0%;
  background-repeat:repeat-x;
  background-color:#ffffff;
  padding:5px;
  padding-top:0px;
  border:1px solid #aaa;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  margin:0;
}

table#buttonsmenu  {
  margin:0;
  padding:0;
  width:auto;
  border:0;
  
}
#buttonsmenu td
{
  padding:1px;
  /*vertical-align:middle; wont work if cell is originally hidden*/
}
.buttonborder, .buttonhideborder {
  border:1px solid #aaa;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  text-align:center;
  background-position:0% 0%;
}
.buttonhideborder {
  border:1px solid transparent;
}
.buttonborder:hover, .buttonhideborder:hover {
  background-image:url(./images/buttbkg_36.gif);
  background-position:0% 100%;
  background-repeat:repeat-x;
  border:1px solid #aaa; /*#f4dfec;;*/
  cursor:pointer;
}

.hidden {
 display:none;
}
.fixedleft {
padding:5px;
position:fixed;
left:10px;
max-width:300px;
}
.actag_bbar {
  background-image:url(./images/gbkg.png);
}
.actac_bbar {
  background-image:url(./images/cbkg.png);
}
.actae_bbar {
 background-image:url(./images/ebkg.png); 
}
.page {
  border:1px solid #aaa;
padding-top:40px;
padding-left:30px;
padding-right:30px;
padding-bottom:40px;
background:#ffffff;
}
.shadow {
    -moz-box-shadow: 3px 3px 10px #aaa; /*x-offset y-offset radius colour */
    -webkit-box-shadow: 3px 3px 10px #aaa;
    box-shadow: 3px 3px 10px #aaa;
    
}
.shortshadow {
    -moz-box-shadow: 3px 3px 5px #aaa; /*x-offset y-offset radius colour */
    -webkit-box-shadow: 3px 3px 5px #aaa;
    box-shadow: 3px 3px 5px #aaa;
    
}

.rounded {
  border-radius: 5px;
}
/* 'checkbox' text input */
.tickbox {
  margin:1px;
  border:1px solid #aaa;
  width:14px;
  /*height:14px;*/
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  color:transparent;
  text-indent: -1000em; /* hides the text */
  cursor:pointer;
}
.checked {
  background-image:url(./images/checkmark_12.png);
  background-repeat:no-repeat;
  background-position:center;
  
}
.unchecked {
  background-image:url(./images/empty.png);
  background-repeat:no-repeat;
  background-position:center;
  
}

.hover {
  cursor:pointer;
}
.hoverg:hover {
  background-image:url(./images/gbkg.png);
  cursor:pointer;
}
.hoverc:hover {
 background-image:url(./images/cbkg.png); 
 cursor:pointer;
}
.hovere:hover {
 background-image:url(./images/ebkg.png);
 cursor:pointer;
}