@charset "UTF-8";
/* St Andrews Badminton style sheet */

body {
    font-family: Verdana, sans-serif;
	font-size: 0.75em;
    margin-left: 0em;
    margin-right: 0em;
    margin-top: 0em;
    margin-bottom: 0em;
    padding-left: 0em;
}

td {
    font-family: Verdana, sans-serif;
	font-size: 10pt;
	vertical-align: top;
}

img {
	border: 0em;
}

h3 {
	text-align: center;
}

A:hover {
    color: red
}

/* .class selectors */
.TableHeading {
    font-family : Verdana, sans-serif;
	font-size : 10pt;
    vertical-align : top;
    border : 0; 
    background : url(images/Background.jpg);
}

.TableNormal {
    font-family : Verdana, sans-serif;
	font-size : 10pt;
    vertical-align : top;
	text-align : justify;
    border : 0; 
}

.TableButtons {
    border : 0; 
    margin : 0;
	letter-spacing : 0;
	padding : 0
}

.Table {
    font-family : Verdana, sans-serif;
	font-size : 10pt;
    vertical-align : top;
	text-align : justify;
	width : 100%;
}

.TableRowHead {
    background : url(images/Background.jpg);
}

.TableRowHeadNarrow {
    background : url(images/Background.jpg);
	width : 7%;
}

.TableFemale {
    background : #FBEAFB;
}

.TableFemaleCentre {
    background : #FBEAFB;
    text-align : center;
}

.Centre {
    text-align : center;
}

.Right {
    text-align : right;
}

.Nowrap {
	white-space : nowrap;
}

.Middle {
    vertical-align : middle;
	display : inline-block;
}

.Footer {
    font-size : 0.75em;
}

.FooterNowrap {
    font-size : 0.75em;
	white-space : nowrap;
}

.Hidden {
    display : none;
}

.Error {
    color : red;
}

.BorderBottom {
    border-bottom : thin solid Black;
}

.BorderRight {
    border-right : thin solid Black;
}

.BorderBR {
    border-bottom : thin solid Black;
    border-right : thin solid Black;
}

.Title {
	font-size : 30pt;
	text-align : center;
}

.ImageLeft {
	font-size : 8pt;
	text-align : left;
}

.ImageRight {
	font-size : 8pt;
	text-align : right;
}

.Entry {
	vertical-align : bottom
}

.VerticalLine {
        background-color : Black;
		width : 1
}

/* input form */
/* #id selectors */
fieldset {
    display: block;
    margin: 0 0 1em 0;
    border: 0 solid #FFFFFF;
    border-top: 0.1em solid #000000;
    padding: 0 1em 1em 1em;
}

#resultForm label, #resultForm table, #resultForm ul {
    clear: both;
    float: left;
    display: block;
/*	width: 20em;	*/	/* If input fields declared outside labels, can vertically align labels with width */
    margin-top: 1em;
	font-size: 1em;	/* Otherwise table fields are larger */
}

/* below needed if input fields are declared outside labels, but check boxes don't layout properly
#resultForm input {
    position: absolute;
    top: 1em;
    left: 2em;
    display: block;
}

/* #resultForm input[type=checkbox] ??? */

/* Normal screen */
.wrapper {
    position: relative;
    float: left;
    left: 0%;		/* needed for 3 columns */
    width: 100%; 	/* needed for 3 columns */
}
.col1of2 {
    position: relative;
    float: left;
    left: 0%;
    width: 49%;
}
.col2of2 {
    position: relative;
    float: right;
    right: 0%;		
    width: 51%;		
}
.col1of3 {
    position: relative;
    float: left;
    left: 0.50%;
    width: 32%;
}
.col2of3 {
    position: relative;
    float: left;
    left: 1.50%;
    width: 21%;
}
.col3of3 {
    position: relative;
    float: right;
    right: 0.50%;
    width: 44%;
}

/* Mobile handheld */
@media all and (max-width: 699px) {
.wrapper {
    position: static;
    float: none;
    left: auto;
    width: auto;	
}
.col1of2 {
    position: static;
    float: none;
    left: auto;
    width: auto;	
}
.col2of2 {
    position: static;
    float: none;
    right: auto;
    width: auto;	
}
.col1of3 {
    position: static;
    float: none;
    left: auto;
    width: auto;	
}
.col2of3 {
    position: static;
    float: none;
    left: auto;
    width: auto;	
}
.col3of3 {
    position: static;
    float: none;
    right: auto;
    width: auto;	
}
.NormHide {
	display: inline;
}