/* zircroq custom code changes to zircon and extra for internal croquet html */
/* code to allow included html divide the available column into 2  or 3 */

.fullwidth{
    float:left;
    width:100%}
    
.halfwidthR{
    width:47%;
    margin-left:1.99%;
    float: left}
    
.halfwidthL{
    
    float:left;
    width:49.1%}
    
.thirdwidthfirst
{float:left;
margin-left:0%;
width:32.5%;
}    
.thirdwidth, .thirdwidth2
{float:left;
margin-left:0.99%;
width:32.5%;
}
.thirdwidth2
{ background-color: $blue_sky_pale; 
}


table.boxtable { width: 100%; padding: 0px; border: 1px solid #000000;}

table.boxtable td { border: 1px solid; vertical-align: middle; padding: 0.5em; }

table.boxtable th { border: 1px solid; vertical-align: middle; padding: 0.5em; }

table.boxtable tr.hcap th {color:blue ; text-align:right }

table.boxtable tr.special td { border-bottom: 1px solid #ff0000;  }


table.smalltable {
  width: 300px;
  border: 1px blue solid;
  text-align: center;

}

table.smalltable, th, td {
  border: 1px double blue;
  margin: 3px;
  text-align: center;
}

.tileMe li {
    display: block;
    float: left;
}
.tile { display: block;
	padding-right: 20px;
	width: 160px;
	height: 160px;}

.albumpage img{ 
  border-radius: 50%;
  opacity: 1;
}

.albumpage img:hover { 
  opacity: 0.6;
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
/* Table formatting for croquet scores results grid*/
.team-matches tbody>tr:nth-child(odd)>td,.team-matches tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.team-matches tbody tr:hover>td,.team-matches tbody tr:hover>th{background-color:#f5f5f5}.team-matches td,.team-matches th,.team-matches table{border:solid 1px #999}.team-matches .team{padding:10px}.team-matches .a{text-align:right}.team-matches .b{text-align:left}.team-matches .winner{font-weight:bold}.team-matches table.scores,.team-matches .score{border:0;padding:0}.team-matches .scores{text-align:center}.team-matches .score{text-align:center;width:3em}.team-matches .hyphen{width:1em}