﻿@import "/css/layout.css";
@import "/css/features.css";
@import "/css/tables.css";
@import "/css/additional.css";
@import "/css/tables.css";
@import "/css/forms.css";

/*----------------~~== XHTML 1.0 Elemental Styles ==~~------------------*/
/*======================================================================*/
/*============================""**''**""================================*/

*
{
    margin: 0;
    padding: 0;
}

html
{
	font: normal normal normal 76%/1em Arial, Helvetica, sans-serif;
}

body
{
	margin: 0px;
	padding: 0px;
	
	background: #f5f5f5 url(/img/body-background.gif) repeat-x scroll top;
	
	text-align: center;
}

/* Headindgs
---------------------------------------------------
-------------------------------------------------*/

h1
{
	margin: 0;
	padding: 1.5em 0.1em 1em 0.1em;
	
	color: #444;
	font: normal normal lighter 1.6em/1em Arial, Helvetica, sans-serif;
}

h2
{
	margin: 1.5em 0 0.4em 0;
	padding: 0.3em 0.1em;
	color: #333;
	border-bottom: 1px solid #ddd;
	font: normal normal normal 1.2em/1em Arial, Helvetica, sans-serif;
	
	clear: both;
}

h3
{
	margin: 0 2em;
	padding: 0;
	
	color: #444;
	font: normal normal bold 1em/1em Arial, Helvetica, sans-serif;
}

h4
{
    color: #666;
	line-height: 1.8em;
}

/* Paragraphs, Links, 
---------------------------------------------------
-------------------------------------------------*/

p
{
	margin: 0 0 1em 0;
	padding: 0;
	
	color: #555;
	line-height: 1.5em;
}

a, a:link
{
	margin: 0;
	padding: 0;
	
	color: #36c;
	text-decoration: underline;
}
a:visited
{
	color: #369;
}
a:hover
{
	background-color: #36c;
	color: #fff;
	text-decoration: none;
}
a:active
{
	
}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited
{
    text-decoration: none;
}

address
{
	margin: 0 2em 1em 2em;
	padding: 0;
	
	color: #555;
	line-height: 1.5em;
	font-style: normal;
}

em
{
	font-style: italic;
}

strong
{
	color: #666;
	font-weight: bold;
}

blockquote
{
	margin: 0 0em 1em 0em;
	padding: 0;

    background-color: #f5f5f5;

	line-height: 1.5em;
	text-align: justify;
}
blockquote p
{
    margin: 0 2em 1em 2em;
    color: #777;
}

img
{
    border: none;
}

.help-text
{
    color: #666;
    font-size: 0.9em;
}

.terms-and-conditions
{
    padding: 1em;
    height: 200px;
    overflow: scroll;
    color: #333;
    border: 1px solid #ccc;
    
    font-family: Courier, "Courier New", Monospace; 
}


/* List Styles
-------------------------------------------------
-----------------------------------------------*/

ul
{
	margin: 0.5em 0 2em 0;
	padding: 0;
}

ul li, ul li ul li, dl dd ul li
{
	margin: 0.5em 2em;
	padding: 0 0 0 0;
	
	list-style-image: url(/img/bullit.gif);
	list-style-position: outside;
	list-style-type: none;
	
	color: #555;
	line-height: 1.5em;
}

ul li ul li
{
	list-style-image: url(/img/bullit-2nd.gif);
}

ul.titled li
{
    width: 32.5%;
}

ol
{
    margin: 0.5em 0 2em 0;
	padding: 0;
}

ol li
{
    margin: 0.5em 2em;
	padding: 0 0 0 0;
	
	list-style-image: none;
	list-style-position: outside;
	list-style-type: decimal;
	
	color: #555;
	line-height: 1.5em;
}

dl
{
    margin: 0;
    padding: 0;
    width: 330px;
    float: left;
}
dl.fullwidth
{
    width: 100%;
}
dt
{
    margin: 0;
    padding: 0;
    
    font-weight: bold;
    line-height: 1.5em;
}
dd
{
    margin: 0 0 1em 0;
    padding: 0;
    
    color: #555;
    line-height: 1.5em;
}

li h3
{
    margin: 0px;
}


ul.icon-list-32
{
    list-style-image: none;
    width: auto;
    overflow: auto;
}
ul.icon-list-32 li
{
    margin: 8px 0;
    padding: 0 52px;
    background: transparent none no-repeat scroll 10px 50%;
    line-height: 32px;
    list-style: none;
    float: left;
    clear: left;
}
ul.icon-list-32 li.pdf
{
    background-image: url(/img/icon_32x32_pdf.gif);
}

ul.icon-list-16
{
    list-style: none;
}
ul.icon-list-16 li
{
    margin: 8px 0;
    padding: 0 32px;
    background: transparent none no-repeat scroll 10px 50%;
    line-height: 20px;
    list-style: none;
    float: left;
    width: 225px;
}
ul.icon-list-16 li.pdf
{
    background-image: url(/img/icon_16x16_pdf.gif);
}


/* Classes
-------------------------------------------------
-----------------------------------------------*/

.info
{
    color: #f00;
}

.pass
{
    color: #999;
}

.warning
{
    color: #0f0;
}

.fail
{
    color: #f00;
}