/* andreas03.css */

body{
margin:0;
padding: 0;
font-family: tahoma,verdana,helvetica,sans-serif;
font-size:1em;
background: url(img/headerbg.png) repeat-x scroll center top transparent;
background-color: #e9e9e9;
color:#505050;
}

#thetop{
margin:0;
}

#leftad{
position:fixed;
float:left;
left: 0px;
margin: 0 10px;
}

#rightad{
position:fixed;
right: 0px;
float:right;
margin: 0 10px;
}

#header {
    color: white;
    position: relative;
}
#contact {
	font-size: 1.5em;
	font-weight: bold;
	color: black;
	text-align: center;
}
#container{
width:1000px;
margin:0 auto;
padding:0;
color:#222;
}

#wcontainer{
width:1000px;
margin:0 auto;
padding:0;
background: url(img/headerbg.png) repeat-x scroll center top transparent;
color:#222;
}

#note1 {
    margin: 0px auto;
    width: 30%;
    text-align: center;
    padding: 15px;
    background:#eee url(img/th_r.png) repeat-x;
    color: white;
    }

#note1 a {
    text-decoration: none;
    color: white;
}

.notebox {
    margin: 0px auto 15px auto;
    text-align: center;
    padding:20px 20px 20px 20px !important;
    background:#eee url(img/th_r.png) repeat-x;
    color:white;
    border: 0;
    text-decoration:none;
}

a{
text-decoration:none;
color:#1772D8;
}

a.nohilite {
text-decoration:none;
color:white;
}

a:hover{
text-decoration:underline;
}

a img{
border:0;
}

p{
margin:0 0 15px 0;
line-height:1.2em;
}

#main li{
line-height:1.2em;
/* padding:0 0 10px 0; */
}

ul.expanded li{
padding:0 0 10px 0;
}

#main p,#sidebar p{
padding:0 0 0 10px;
}

#logo{
float:left;
width:309px;
margin:0 20px 0 0;
padding:0 0 0 0;
text-align:center;
overflow:auto;
color:#CC0000;
}

#w3clogo{
float:left;
width:100px;
margin:0 20px 0 0;
padding:0 0 5px 0;
text-align:center;
overflow:auto;
color:#CC0000;
}

#copyright{
margin: 0 auto 0 auto ;
}

#logo h1{
margin:10px 5px 1px 5px;
letter-spacing:-3px;
}

#logo a{
color:#26a;
text-decoration:none;
}

#logo a:hover{
color:#69e;
}

#tagline{
text-align:center;
font-size:1.2em;
}

#intro {
width: 180px;
float: right;
margin: 15px 0 0;
}

#intro p{
font-size: 0.8em;
line-height: 0.8em;
margin: 10px 0 10px;
}

#intro.lineHeight p{
line-height:1.5em;
}

#intro2 {
width: 500px;
position: absolute;
bottom: 0;
right: 0;
margin: 15px 0 0;
}

#intro2 p.ctitle {
    text-align: center;
}

#main{
float:left;
width:750px;
margin-right:20px;
padding-left:10px;
padding-right:10px;
padding-top:0;
padding-bottom:0;
background:#E9E9E9;
}

#wmain{
float:left;
width:820px;
margin-right:20px;
padding:0;
}

#wwmain{
float:left;
width:940px;
margin:0 auto 5px auto;
padding: 10px 20px 0px 20px;
background: white;
}

#wwfooter{
float:left;
width:940px;
margin:0 auto 5px auto;
padding: 20px 20px 0px 20px;
background: white;
text-align: center;
font-size: 0.9em;
}

table.bbar {
    width: 900px;
    height: 80px;
    border: none;
    margin: 0 auto 0 auto;
}
table.bbar td {
    vertical-align: middle;
    background: url(/images/blue-bar.png);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}

table.bbar td img {
    margin-top: 3px;
}

.shortlist{
float:left;
width:365px;
margin:0 10px 0 0;
padding:0;
}

.shortlist li{
padding:0 0 3px 0;
}

.greenSubmit {
    display: block;
    background: url(/images/green_button.png);
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto 0 auto;
    width: 300px;
    height: 50px;
    font-size: 1.2em;
}

.introstyle, .headerstyle{
display:block;
margin:10px 0 10px 0;
padding:5px 20px 5px 20px;
background:#62ad1b url(img/header_green.png) repeat-x;
color:white;
border: 0;
text-decoration:none;
}

.icon {
    vertical-align: middle;
    height: 30px;
    width: 30px;
}

.headerwicon {
display:block;
margin:0 0 10px 0;
padding:5px 20px 5px 5px;
background:#62ad1b url(img/header_green.png) repeat-x;
color:white;
border: 0;
text-decoration:none;
vertical-align: middle;
}

.inset {
padding: 5px 20px 5px 20px;
background: white;
}

.headerright{
background:#eee url(img/th_t.png) no-repeat scroll right center;
}

.headerbg {
float:left;
background:#eee url(img/th.png) repeat-x;
width:90%;
}
.headerbg span {
float:right;
background:#eee url(img/th_t.png) no-repeat scroll right center;
width:10%;
}

.headerstyle a{
	text-decoration:none;
	color:white;
}

.listheader {
    background: #eee url(/img/th.png) repeat-x scroll 0 0;
}
.listheader {
    color: white;
}
.inner {
margin 0;
padding 0;
}
.indent {
        margin-top:  0.2em;
        margin-left: 5%;
}

#sidebar{
width:180px;
float:right;
margin-top:10px;
font-size:1em;
line-height:1.3em;
}

#sidebar p{
font-size:0.9em;
}

.sidelink{
display:block;
width:155px;
margin:3px 10px 2px 0;
padding:5px 0 5px 8px;
font-size:1.0em;
font-weight:bold;
text-align:left;
background:#eee url(img/gradient1.png) repeat-x;
color:#62ad1b;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
}

.sidelink2{
display:block;
width:140px;
margin:3px 10px 2px 15px;
padding:5px 0 5px 8px;
font-size:0.8em;
font-weight:bold;
text-align:left;
background:#eee url(img/gradient1.png) repeat-x;
color:#26c;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
}

.sidelink2:hover,.sidelink:hover,.menuheader{
background:#fff url(img/gradient2.png) repeat-x;
color:#62ad1b;
border-top:1px solid #ddd;
border-right:1px solid #888;
border-bottom:1px solid #888;
border-left:1px solid #ddd;
text-decoration:none;
}

#wfooter{
margin:0 auto 20px auto;
width:940px;
background: white;
padding:0 0 5px 0;
font-size:0.9em;
color:#505050;
text-align:center;
}
#footer{
margin:0 auto 20px auto;
width:900px;
background: white;
padding:0 0 5px 0;
font-size:0.9em;
color:#505050;
text-align:center;
}

h1,h2,h3,h4{
margin:0 0 10px 0;
font-weight:normal;
color:black;
}

h1{
font-size:2.8em;
}

h2{
margin:10px 0 4px 0;
font-size:1.5em;
}

h3{
margin:20px 0 8px 0;
font-size:1.2em;
}

h4{
margin:10px 0 5px 0;
font-size:1.1em;
}

.clear{
clear:both;
margin:0;
}

.right{
text-align:right;
}

.center{
text-align:center;
}

.internallink{
font-size:0.9em;
text-align:center;
}

.block{
padding:20px;
background:#eee;
color:#222;
border:2px solid #ddd;
}

.credit{
color:#888;
}

.hide{
display:none;
}

/* Original open source design by Andreas Viklund - http://andreasviklund.com
Released through OSWD.org */

#intro p.title {
    font-size: 190%;
    line-height: 1em;
    color: #cc0000;
}

.leader {
color: #3A79BF;
}

table.atm_dataTable tr.header td {
	border-top: 1px solid #3d3f3d !important;
    border-right: 1px solid white !important ;
    border-left: 1px solid white !important ;
    text-align: left ;
}

table.atm_dataTable tr.header th {
	border-top: 1px solid #3d3f3d !important;
    text-align: center;
}

table.atm_dataTable tr.header td.left,
table.atm_dataTable tr.header th.left {
	border-left: 1px solid #3d3f3d !important;
}

table.atm_dataTable tr.header th.tleft {
    text-align: left !important;
}

table.atm_dataTable tr.header td.right,
table.atm_dataTable tr.header > th:last-child ,
table.atm_dataTable tr.header th.right {
	border-right: 1px solid #3d3f3d !important;
}

table.atm_dataTable tfoot td,
table.atm_dataTable tfoot th {
    vertical-align: top !important;
}

table.atm_dataTable tr.header th a:link,
table.atm_dataTable tr.header td a:link {
    color: white;
}

table.atm_dataTable {
	page-break-before: auto;
    border-collapse: collapse;
	border: 1px solid #3d3f3d;
	font-size: 0.75em;
}

table.atm_dataTable tr {
	border: 1px solid #3d3f3d;
	background-color: white;
}

table.atm_dataTable tr.header {
    background-color: #3d3f3d;
	border: 1px solid #3d3f3d !important;
    border-spacing: 2px;
    padding: 2px;
    color: white;
}
table.atm_dataTable tr th {
    vertical-align: bottom;
    background-color: #3d3f3d;
	border: 1px solid white;
    border-spacing: 2px;
    padding: 2px;
    color: white;
}

table.atm_dataTable tr td {
    vertical-align: top;
	border: 1px solid #3d3f3d;
    border-spacing: 2px;
    padding: 2px;
}

table.description {
	page-break-before: auto;
    border-collapse: collapse;
	font-size: 0.8em;
    border-spacing: 0px;
}

table.description tbody {
    background: white;
    border: none;
    border-spacing: 0;
}

table.description tr {
}

tr.dgap {
    background: #e9e9e9;
    border: none;
    height: 20px;
}
    
table.description tr th {
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    padding: 5px;
}

table.description tr td {
    padding: 5px;
    vertical-align: top;
    background: #e9e9e9;
    border-top: none;
    border-bottom: none;
	border-right: 3px solid white;
}
    
table.needs {
    border-collapse: collapse;
	font-size: 0.8em;
    border-spacing: 0px;
    background: white;
    border: none;
    border-color: white;
}

tbody.needs {
    background: white;
    border: none;
    border-color: white;
    border-spacing: 0px;
}

td.rightcol {
    border-right: none !important;
}

table.needs tr td {
    padding: 5px;
    vertical-align: top;
    background: white;
    border-top: none;
    border-bottom: none;
	border-right: 2px solid #e9e9e9;
}
    
tr.ngap, td.ngap {
    border-color: white;
    border: none !important;
    height: 20px;
}


ul.nav {
    list-style-type: none;
    }

.nav li {
    float: left ;
    background-image: url(/images/navtab.png) ;
    background-repeat: no-repeat;
    background-position: left ;
    width: 136px;
    margin-right: 5px;
    height: 32px;
    text-align: center;
    line-height: 2em;
}
.nav a {
    text-decoration: none;
    color: white ;
}

div.bottomnav {
    margin: 0 auto 0 auto ;
}

ul.bottomnav {
    list-style-type: none;
    }

.bottomnav li { display: inline}

.bottomnav ul li a
{
text-decoration: none;
border-right: 1px dashed #000;
padding-left: 0.5em;
padding-right: 0.75em;
}

a.last {
    border: none !important;
}

.nonav {
    color: gray !important;
}
.nav a {
    text-decoration: none;
    color: white ;
}
.smaller{
    font-size: 0.8em;
}
.descriptions {
    font-size: 0.8em;
}

.headernobg{
    margin-top: 5px;
    margin-bottom: 0px;
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
    color:#62ad1b;
}

.subtitle {
    text-align: center;
    font-size: 1.2em;
}
.trialNarrow {
    display: block;
    margin-bottom: 5px;
    padding:2px 2px 2px 2px;
    text-align: center;
    width: 155px;
    border-style: solid;
    border-width: 3px;
    border-color:#62ad1b ;
    background: #b8bcb5;
}
.trialNarrow p {
    padding: 0 0 0 3px !important;
    margin-bottom: 5px !important;
}