/* ------------------------------------------------------------
	Cascading style sheets
	AusGBC.org - The Australian GBC database site
	(c) 2018 by Cadder
	All rights reserved
------------------------------------------------------------
	General
------------------------------------------------------------ */

/* Photo frames (and some other places) have a custom font :) */
@font-face {
	font-family: 'Chalkduster';
	src: url('/css/Chalkduster.ttf');
	src: url('/css/Chalkduster.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
	}
/*
@font-face {
    font-family: 'gnuolane';
    src: url('gnuolane_rg-webfont.eot');
    src: url('gnuolane_rg-webfont.eot?#iefix') format('embedded-opentype'),
    url('gnuolane_rg-webfont.woff') format('woff'),
    url('gnuolane_rg-webfont.ttf') format('truetype'),
    url('gnuolane_rg-webfont.svg#gnuolane_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
* {padding:0;margin:0;}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family:trebuchet, arial, helvetica, sans-serif;
	margin: 0px auto;
	padding: 0;
	background: #fff url(/img/tile_s_blk.jpg) repeat;
	color:#000;
	text-align:left;
}
body {font-size:62.5%;} /* for IE/Win */
html>body {font-size:16px;} /* for everything else */

img {border:0;}

/* Headers */
h1 {
   font-family: Chalkduster, sans-serif;
   font-size:30px;
	 font-weight:normal;
	 color: #030;
}
h2 {
   font-family: Chalkduster, sans-serif;
   font-size:20px;
	 font-weight:normal;
	 color: #030;
}
h3 {
   font-family: Chalkduster, sans-serif;
   font-size:16px;
	 font-weight:normal;
	 color: #030;
}

h4, h5, h6 {font-size:2.0em;}

.header {
	width: 960px; /* 960px is considered optimum for mobile devices: site fit nicely in both 1024px and 1366px wide screens. 960 is divisible by 2, 3, 4, 5, 6, 8, 10, 12, and 15. */
	margin: 5px;
	text-align: center;
  background: #fff /*url(/img/tile_s_blk.jpg) repeat*/;
  align-items: center;
}

/* Links */

a {color:#008800;text-decoration:none;}
a, a:focus, a.active {outline:none;}

a:hover {color:#363;text-decoration:underline;}
a.highlight {color:#203f51;} /* section colour*/

/* Paragraphs */

p {font-size:14px;}
p.small {font-size:12px;}
p.error {font-size:12px;font-style:italic;color:#d00;}
p.no-results {padding-bottom:80px;}
p.meta {margin-bottom:0;font-weight:bold;} /* can appear above headers */

pre {font-size:1.3em;line-height:1.7em;margin-bottom:15px;}

fieldset {padding:7px;}
legend {padding:0 4px;}
select, input {margin:1px;}

textarea {font-family:"lucida grande", verdana, arial, sans-serif;line-height:22px;font-size:11px;border:1px solid #333;padding:3px;}

input[type=button], input[type=submit], input[type=reset] {
  background-color: #FECD33;
  border: 1px solid #030;
  border-radius:4px;
  color: #030;
  padding: 6px 10px 6px 10px;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  margin: 4px 2px;
  cursor: pointer;
}
.button:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

del { /* contrived double strike-through. https://stackoverflow.com/questions/6395890/how-to-double-strikeout-a-text-in-html */
    text-decoration: none;
    position: relative;
}
del:after {
    content: ' ';
    font-size: inherit;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: 40%;
    bottom: 40%;
    border-top: 1px solid #030;
    border-bottom: 1px solid #030;
}

.clear {clear:both;}
.clearfix:after {content: ".";clear: both;height: 0;visibility: hidden;display: block;}
.clearfix {display: inline-block; /* Fixes IE/Mac */ }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ------------------------------------------------------------
	Layout
------------------------------------------------------------ */

.wrapper {margin:0 auto;width:960px;text-align:left;padding:0;background:#fff;} /* 960px is considered optimum for mobile devices: site fit nicely in both 1024px and 1366px wide screens. 960 is divisible by 2, 3, 4, 5, 6, 8, 10, 12, and 15.

/* ------------------------------------------------------------
	header
------------------------------------------------------------ */
/*! nothing special */

/* ------------------------------------------------------------
	Footer
------------------------------------------------------------ */
	.footer {padding:15px 5px 10px 5px;margin:0px;margin-top:5px;background: #fff url(/img/tile_s_red.jpg) repeat-x;border:1px solid #bbb;}
	.footer p {font-size:10px;color:#000;font-family:Chalkduster, sans-serif;margin:1px;line-height:1.4em;text-align:justify;}
	.footer a {color:#070;font-family:Chalkduster, sans-serif;text-decoration:none;font-weight:bold;}
	.footer a:hover {color:#000;text-decoration:underline;}

/* ------------------------------------------------------------ */
/*! Nav Menu styles */

/* ------------------------------------------------------------
	Menu/Nav Bar
------------------------------------------------------------ */
.nav {
   font-size:14px;
   font-family:trebuchet, arial, helvetica, sans-serif;
   width: 100%;
   height: 40px;
   background-color: #363;
   color: #EFEFEF;
}

.navlogin {
   font-size:14px;
   font-family:trebuchet, arial, helvetica, sans-serif;
   width: 100%;
   height: 40px;
   background-color: #363;
   color: #fff;
}

.navloginmsg {
   font-size:12px;
   font-family:trebuchet, arial, helvetica, sans-serif;
   width: 100%;
   height: 30px;
   background-color: #363;
   color: #ffc;
   text-align: right;
   padding: 1px 4px 2px 4px;
}

.navloginmsg a {color:#FECD33;text-decoration:none;}

.navloginmsg a:hover {color:#FECD33;text-decoration:underline;}

.menu {
   right: 100px;
   height: 100%;
   list-style-type: none;
   margin: 0;
   padding: 0;
   font-family: Chalkduster, sans-serif;
   font-size:14px;
}
.menu li {
   width: 136px;	/*960px divided by 7 menu items, plus a few px for borders & padding */
   height: 40px;
   text-align: center;
   float: left;
   border-right: thin solid #DFDFDF;
}

.menu li a {
   display: block;
   padding: 10px;
   background-color: #363;
   color: #EFEFEF;
   text-decoration: none;
}

.menu li a:hover {
   color: #FFFFFF;
   background-color: #229C11;
}

.menu li a.active {
   background-color: #409F40;
}

/*! Miscellaneous styles */
.center {
   text-align: center;
}

.headbar {
	  background-color: #FECD33;
	  border: thin solid #030;
	  padding: 10px;
	  font-size: 20px;
	  /* font-weight: bold; */
	  color: #030;
	  text-align: center;
	  font-family: Chalkduster, sans-serif;
}

.subheadbar {
	  background-color: #FECD33;
	  border: 1px solid #030;
	  padding: 3px;
	  font-size: 14px;
	  /* font-weight: bold; */
	  color: #030;
	  text-align: center;
	  font-family: Chalkduster, sans-serif;
}

/* Photo frame Style */

.photo {
	  background-color: #fff;
	  border: 2px solid #030;
			box-shadow: 0 8px 20px 0 rgba(0,0,0,0.19);
	  padding-top:12px!important;
	  padding-left:12px!important;
	  padding-bottom:20px!important;
	  padding-right:12px!important;
	  vertical-align: top!important;
	  align-content: center;
	  font-family: Chalkduster, sans-serif;
	  color:#363;
}

/* ------------------------------------------------------------ */
/*! invisible framing table style */
.frametable {
   width:auto;
	 border:0px;
	 border-spacing:4px;
}

.frametable tr {
}

.frametable td {
	 padding:0px;
	 vertical-align:top;
}

/* ------------------------------------------------------------ */
/* Info Table styles */
.table-striped {
   border-collapse: collapse; /* cells share borders */
   border: 1px solid #030;
}

.table-striped tr {
   border: 1px solid #aba;
}

.table-striped tr:nth-child(odd) {
   background-color: #ded;
}

.table-striped td {
	 padding: 2px 4px;
}

.table-striped th {
   background-color: #363;
   color: #FFFFFF;
	 padding: 2px 10px;
	 border-width: 0px;
   text-align: left;
}

.table-striped .footnote {
	  font-size: 12px;
	  font-style: italic;
	  color: #030;
	  text-align: right;
}

.table-striped tfoot td {
	  background-color: #fff;
	  border: thin solid #aba;
	  padding: 2px;
	  font-size: 11px;
	  font-style: italic;
	  color: #030;
	  text-align: right;
}

.table-striped .spacer {
			background-color: #363;
			padding: 0;
			height: 1px;
}

/* rotated tabl header properties */

th.rotate {
  /* Something you can count on */
  height: 140px;
  white-space: nowrap;
}

th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(25px, 51px)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  width: 30px;
}
th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}

/* table-hover properties */

.table-hover tr:hover {
   background-color: #ffc;
}

.table-hover a {
   color: #060;
   text-decoration: none;
}

.table-hover a:hover {
   color: #363;
   text-decoration:underline;
}

/* -----------------------------------*/
/* Info Table form element properties */

.table-striped input[type=text], input[type=password], input[type=date] {
  border: 1px solid #ccc;
	background-color: #fff;
  padding: 2px 3px;
  box-sizing: border-box;
  color: #030;
	height: 20px;
  cursor: pointer;
}
/*
.table-striped .changed input[type=text], input[type=password], input[type=date] {
	background-color: #ffc;
  color: #d00;
}
*/

.table-striped textarea {
  border: 1px solid #ccc;
	background-color: #fff;
  padding: 2px 3px;
  box-sizing: border-box;
  color: #030;
	height: 60px;
  width: 100%;
  border-radius: 4px;
  resize: none;
}

.table-striped select {
  width: 100%;
  padding: 16px 20px;
  border: none;
  border-radius: 0;
  background-color: #eee;
}

/* ------------------------------------------------------------ */
/*! Table sorter Styles */

.tablesorter .header,
.tablesorter .tablesorter-header {
	background-image:url("/img/sort_none.png");
	background-position: center left;
	background-repeat: no-repeat;
	cursor: pointer;
	white-space: normal;
	padding: 4px 20px 4px 20px;
}
.tablesorter thead .headerSortUp,
.tablesorter thead .tablesorter-headerSortUp,
.tablesorter thead .tablesorter-headerAsc {
	background-image:url("/img/sort_up.png");
	border-bottom: #FECD33 2px solid;
}
.tablesorter thead .headerSortDown,
.tablesorter thead .tablesorter-headerSortDown,
.tablesorter thead .tablesorter-headerDesc {
	background-image:url("/img/sort_down.png");
		border-bottom: #FECD33 2px solid;
}
.tablesorter thead .sorter-false {
	background-image: none;
	cursor: default;
	padding: 4px;
}
.tablesorter-filter-row td {
	 background: #eee;
	 line-height: normal;
	 text-align: center; /* center the input */
	 -webkit-transition: line-height 0.1s ease;
	 -moz-transition: line-height 0.1s ease;
	 -o-transition: line-height 0.1s ease;
	 transition: line-height 0.1s ease;
}
   /* optional disabled input styling */
.tablesorter-filter-row .disabled {
	 opacity: 0.5;
	 filter:opacity:50;
	 cursor: not-allowed;
}

   /* hidden filter row */
.tablesorter-filter-row.hideme td {
	 /*** *********************************************** ***/
	 /*** change this padding to modify the thickness     ***/
	 /*** of the closed filter row (height = padding x 2) ***/
	 padding: 2px;
	 /*** *********************************************** ***/
	 margin: 0;
	 line-height: 0;
	 cursor: pointer;
}
   .tablesorter-filter-row.hideme * {
	 height: 1px;
	 min-height: 0;
	 border: 0;
	 padding: 0;
	 margin: 0;
	 /* don't use visibility: hidden because it disables tabbing */
	 opacity: 0;
	 filter:opacity:0;
}

   /* filters */
.tablesorter-filter {
	 width: 95%;
	 height: inherit;
	 margin: 4px;
	 padding: 4px;
	 background-color: #fff;
	 border: 1px solid #bbb;
	 color: #333;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	 -webkit-transition: height 0.1s ease;
	 -moz-transition: height 0.1s ease;
	 -o-transition: height 0.1s ease;
	 transition: height 0.1s ease;
}