/**
 * fs_text.css
 * -----------
 *
 * This css file attempts to unify typography styling over multiple browsers.
 * Please read the formatting rules if you wish to modify the content of this
 * file in any way. Overiding any of these rules may require !important to be
 * used directly proceeding the value for the given attribute e.g
 *    a {
 *      text-decoration:none !important;
 *      }
 *
 * Formatting rules:
 * ------------------
 * 1) All rules must have one space after them before the {
 * 2) Ending } must be tab indented and on a newline
 * 3) Multiple selectors per rule are to be separated by a newline
 *    e.g
 *    a,
 *    a:hover {
 *      }
 * 4) Rules must be specified on new lines
 * 5) Try to minimize file size by using shortcut attributes and values
 * 6) Use em units for all font sizing (except in the body tag, use percentage)
 * 7) Try to group like rules. Font properties, margins & paddings, etc.
 *
 **/

body {
    margin:0;
    padding:0;
    font-size:76%; /* global font size, changing this will affect all font sizing */
	font-family:verdana, arial, helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:top left;
	width:100%;
	}

p {
    font-family:arial, helvetica, sans-serif;
    font-size:1em;
    margin:1.2em 0 1.2em 0;
    }

a {
    text-decoration:underline; /* Ensure underlining */
    font-weight:bold;
	}

h1 {
	font-size:2em;
    font-weight:bold;
    margin-top:0; /* Force these to be zero always */
    margin-bottom:0;
    }

h2 {
	font-size:1.7em;
	font-weight:normal;
	margin:1.2em 0 1.2em 0; /* Common to all headings */
    }

h3 {
	font-size:1.4em;
    font-weight:normal;
    margin:1.2em 0 1.2em 0;
    }

h4 {
	font-size:1.2em;
    font-weight:bold;
    margin:1.2em 0 1.2em 0;
    }

h5 {
	font-size:1.0em;
    font-weight:bold;
    margin:1.2em 0 1.2em 0;
    }

h6 {
	font-size:.8em;
    font-weight:bold;
	margin:1.2em 0 1.2em 0;
    }

img {
    border:0; /* Turn off image borders incase image is inside an anchor */
    }

ol,
ul,
li {
	font-size:1.0em;
	line-height:1.8em;
	margin-top:0.2em;
	margin-bottom:0.1em;
	}

dl,
dd,
dt {
    font-size:1.0em;
    line-height:1.8em;
    margin-top:0.2em;
    margin-bottom:0.1em;
    }

dt {
    font-weight:bold;
    }

pre {
    font-size:1.0em;
    font-family:courier, monospace;
    }

blockquote {
    font-size:1.0em;
    }

del,
ins {
    color:#f00; /* A red colour for page markup */
    }

hr {
	color:#000;
	height:1px;
	background-color:#000;
	border:0px;
	}

table {
    width:100%;
    margin:1.2em 0 1.2em 0;
    padding:0;
	border-collapse:collapse;
	border:1px solid #000;
	text-align:left;
	caption-side:bottom;
	font-size:1em;
    }

th {
    background-color:#000;
    color:white;
    text-align:left;
    line-height:1.8em;
    }

tr {
    padding:0;
    margin:0;
	}

td {
	border:1px solid #000;
	line-height:1.8em;
	vertical-align:top;
    }

caption {
    font-size:.8em;
    text-align:left;
	}

/* Form elements */

form {
	display:block;
	position:relative;
	overflow:hidden;
	}

form br {
    clear:both;
    height:0;
    margin:0;
    padding:0;
    line-height:0;
    }

label {
    font-size:1em;
    font-weight:bold;
    float:left;
	width:25%;
	margin:.2em 0 .2em 0;
	padding-right:1em;
	text-align:right;
	line-height:1.8em;
	}

input,
select {
    position:relative;
	margin:.2em 0 .2em 0;
	/* 
	*** Removal Requested ***
	font-size:1.2em;
 	margin:.2em 0 .2em 0;
    vertical-align:50%;
    line-height:1.8em;
	max-width:50%;
	*/
    text-align:left;
    width:auto;
    }

textarea {
	/* 
	*** Removal Requested ***
	max-width:50%;
	*/
	}

select {
	/* 
	*** Removal Requested ***
    max-width:50%;
	*/
    }

input.left{
	text-align:left;
	width:auto;
	}

fieldset {
    position:relative; /* For IE */
    display:block; /* For IE */
	border:1px solid #999;
	padding:.4em;
	margin:.4em .4em .4em .4em;
	}

legend {
	/* removed - causing problems in safari. values could not be reset */
	/* position:relative;
    display:inline; */
	font-size:1.2em;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:left;
	width:auto !important;
	}

/* radioGroup fieldset */
fieldset.fs_radioGroup label {
	width:75%;
	float:right;
	text-align:left;
	text-indent:1.5em;
	}

fieldset.fs_radioGroup input {
	display:block;
	float:right;
	text-align:right;
	width:auto !important;
	}

input.fs_button {
	line-height:1.2em;
	width:auto;
	text-align:center;
	}

input.right {
	float:right;
	}

input.fluid {
	max-width:50%;
	}
    
/* Validation related */

form {
	position:relative;
	height:1%;
	}

/*
form span.required {
	color:#f00;
	font-size:.8em;
	line-height:1.8em;
    vertical-align:top;
    }
*/

form span.help {
	color:#00f;
	font-size:1em;
	line-height:1.8em;
	vertical-align:50%;
    }

form div.error {
	border:1px dashed #f00;
	margin:0;
	padding:.2em;
	position:relative;
	display:block;
	}

form span.error {
	color:#f00;
	font-size:1em;
	line-height:1.8em;
	display:block;
	height:1em;
	padding:0;
	padding-left:1em;
	vertical-align:50%;
	text-align:center;
    }
