/******************************************************************************

   Title: common.css

   This document is the copyright and property of Tim Mathias.
   It must not be copied (in whole or in part) used for manufacture or
   otherwise disclosed without prior written consent. Any copies of this
   document made by any method must also include a copy of this Legend,
   © Tim Mathias 2006 All rights reserved.

   **************************
   *     Change History     *
   **************************

   Version  Author          Date        Description
   -------  --------------  ----------  ---------------------------------------

         1  Tim Mathias     24-11-2005  Original.

         2  Tim Mathias     24-06-2006  Changed colours.

******************************************************************************/

*
{
    font-family: "Segoe UI" , Verdana, Tahoma, "Trebuchet MS" , Arial, sans-serif;
    line-height: 1.5em;
}
html
{
    background: #000040;
    overflow-y: scroll;
}
body
{
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 80%;
}
a:link, a:visited
{
    color: #000080;
    text-decoration: underline;
}
a:hover
{
    color: #00c;
    text-decoration: underline;
}
form
{
    border: 0;
    margin: 0;
    padding: 0;
}
img
{
    border: 0;
    margin: 0;
    padding: 0;
}
input, select, textarea
{
    font-size: 1em;
    line-height: normal;
}
input, textarea
{
    padding: 2px;
}
td
{
    text-align: left;
    vertical-align: top;
}
h1
{
    color: #008;
    font-size: 1.8em;
    margin-top: 0;
    text-align: center;
}
h2
{
    color: #008;
    border-bottom: 2px solid #008;
    font-size: 1.6em;
    margin-top: 0;
}
h2 a, h2 a:link, h2 a:visited
{
    display: block;
    text-decoration: none;
}
h3
{
    margin-top: 0;
    font-size: 1.4em;
}
h4
{
    margin-top: 0;
    font-size: 1.2em;
}
ul
{
    list-style-image: url(../images/tick.png);
}
li
{
    margin-bottom: 0.5em;
}
/******************************************************************************
	Container
*/
#container
{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
/******************************************************************************
	Header
*/
#header
{
    background-color: #fff;
    padding: 2px 0px;
    text-align: left;
}
#header table
{
    border-collapse: collapse;
    border-spacing: 0;
    margin: auto;
}
#header #td_logo
{
    width: 1px;
}
#header #td_strapline
{
    font-style: italic;
    font-weight: bold;
    padding-left: 10px;
    text-align: center;
    vertical-align: middle;
}
#header #td_paypal
{
    padding-left: 10px;
    text-align: center;
    vertical-align: middle;
}
/******************************************************************************
	Footer
*/
#footer
{
    background: url(../images/footer2.png) repeat-x;
    color: #888;
    height: 40px;
    margin: auto;
    padding: 5px 0px;
    white-space: nowrap;
    width: 588px;
}
#footer #copyright
{
    text-align: center;
    vertical-align: middle;
    width: 88%;
}
#footer #paypal
{
    text-align: center;
    vertical-align: middle;
    width: 12%;
}
#footer a
{
    color: #888;
}
/******************************************************************************
	Common Navigation Bar
*/
.nav_bar_common
{
    background: #fff;
    margin: auto;
    padding: 1em 0 0;
}
.nav_bar_common table
{
    margin: auto;
    padding: 0;
}
.nav_bar_common td
{
    font-weight: bold;
    margin: 0;
    padding: 0px 2px;
    text-align: center;
    white-space: nowrap;
}
.nav_bar_common a
{
    background: #44f;
    display: block;
    height: 1em;
    margin: 0px;
    padding: 5px 10px;
    position: relative;
}
.nav_bar_common a, .nav_bar_common a:link, .nav_bar_common a:visited
{
    color: #fff;
    text-decoration: none;
}
.nav_bar_common a .lt
{
    background: url(../images/lt.png) no-repeat left top;
    font-size: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 10px;
    height: 10px;
}
.nav_bar_common a .rt
{
    background: url(../images/rt.png) no-repeat right top;
    font-size: 0px;
    position: absolute;
    right: -1px;
    top: 0px;
    width: 10px;
    height: 10px;
}
.nav_bar_common a span
{
    cursor: pointer;
}
.nav_bar_common a, .nav_bar_common a:link, .nav_bar_common a:visited, .nav_bar_common a:hover
{
    background: #44f;
    color: #fff;
    display: block;
    height: 1em;
    margin: 0px;
    padding: 5px 10px;
    position: relative;
    text-decoration: none;
}
.nav_bar_common a:hover
{
    background: #00c;
    color: #fff;
}
.nav_bar_common a.a_current, .nav_bar_common a.a_current:link, .nav_bar_common a.a_current:visited
{
    background: #008;
    color: #fff;
}
.nav_bar_common a:hover .lt
{
    background: url(../images/lt_hover.png) no-repeat left top;
    font-size: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 10px;
    height: 10px;
}
.nav_bar_common a:hover .rt
{
    background: url(../images/rt_hover.png) no-repeat right top;
    font-size: 0px;
    position: absolute;
    right: -1px;
    top: 0px;
    width: 10px;
    height: 10px;
}
.nav_bar_common a.a_current .lt, .nav_bar_common a.a_current:hover .lt
{
    background: url(../images/lt_current.png) no-repeat left top;
    font-size: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 10px;
    height: 10px;
}
.nav_bar_common a.a_current .rt, .nav_bar_common a.a_current:hover .rt
{
    background: url(../images/rt_current.png) no-repeat right top;
    font-size: 0px;
    position: absolute;
    right: -1px;
    top: 0px;
    width: 10px;
    height: 10px;
}
.spacer
{
    background: #000080 url(../images/fade_spacer.png) bottom repeat-x;
    border-top: 15px solid #000080;
    font-size: 0pt;
    height: 7px;
}
/******************************************************************************
	Page Content
*/
#content
{
    background: #fff;
    margin: 10px auto 0px auto;
    padding: 10px;
    width: 150mm;
}
.box1
{
    margin: 10px;
    padding: 5px;
    width: 60mm;
}
.box2
{
    margin-bottom: 10px;
    padding: 5px;
}
table.box2
{
    width: 100%;
}
.box2 .h
{
    font-weight: bold;
    padding-bottom: 10px;
}
.box1 h1, .box1 h2, .box1 h3, .box1 h4, .box2 h1, .box2 h2, .box2 h3, .box2 h4
{
    margin-top: 0;
}
.fl
{
    float: left;
    margin: 10px;
}
.fr
{
    float: right;
    margin: 10px;
}
.c
{
    margin-left: auto;
    margin-right: auto;
}
/******************************************************************************
	Portfolio
*/
.tbl_portfolio td
{
    background: url(../images/fade_blue.png) repeat-x left top;
    padding-top: 10px;
    padding-bottom: 20px;
}
/******************************************************************************
	Contact Information
*/
#contact_form
{
    background: #bdf;
    border: 2px solid #00c;
    border-collapse: separate;
    border-spacing: 5px;
    margin: auto;
    margin-bottom: 2em;
}
#contact_form td
{
    vertical-align: middle;
    white-space: nowrap;
}
#contact_form h2
{
    border: none;
    margin-top: 0;
}
#contact_form #server_feedback
{
    color: #f00;
    font-weight: bold;
}
#contact_form input.contact_data, #contact_form textarea.contact_data
{
    background: #fff url(../images/bg_input_normal.png) repeat-x bottom;
    border: 1px solid #00c;
    margin: 1px;
}
#contact_form input.contact_data_highlight, #contact_form textarea.contact_data_highlight
{
    background: #fff url(../images/bg_input_highlight.png) repeat-x top;
    border: 2px solid #00c;
    margin: 0px;
}
#contact_form label
{
    display: block;
    font-weight: bold;
    color: #000;
}
#contact_form label.error
{
    font-weight: bold;
    color: #f00;
}
#contact_form label:hover
{
    background: #fff;
}
#contact_form label.disabled:hover
{
    background: none;
}
#contact_form input.disabled
{
    background: #eee;
    border: 1px solid #888;
    color: GrayText;
}
#contact_details
{
    border-collapse: collapse;
    border-spacing: 0;
    border: 0px solid #00c;
    width: 100%;
}
#contact_details td
{
    padding: 5px;
}
#contact_details #img_0001
{
}
.not_sent
{
    color: #f00;
    font-weight: bold;
}
/******************************************************************************
	Terms and Conditions
*/
.terms
{
    text-align: justify;
}
.terms li
{
    margin-bottom: 1em;
}
/******************************************************************************
	Accessibility
*/
.header_blind
{
    display: none;
}
.acc_skip_to_content:link, .acc_skip_to_content:visited
{
    background: #eee;
    color: #000;
    display: block;
    padding: 5px;
    text-align: right;
    text-decoration: none;
}
.acc_skip_to_content:hover
{
    text-decoration: underline;
}
/******************************************************************************
	National Tinnitus Week
*/
.ntw
{
    margin: 10px auto;
    width: 150mm;
}
.ntw td
{
    text-align: center;
    white-space: normal;
}
.ntw h2
{
    color: #00f;
}
/******************************************************************************
	Downloads
*/
.b
{
    font-weight: bold;
}