/*
 * Saxo Trader 'Normal' style -  by Mark Robinson
 *
 * IMPORTANT: This design is not a template. You may not reproduce it elsewhere
 * without written permission from the authors. However, feel free to study the
 * CSS and use techniques you learn from it elsewhere.
 *
 * Author     Mark Robinson <mark@m-robinson.co.uk>
 * Version    SVN: $Id:$
 * Copyright  Copyright (C) 2005, Mark Robinson
 * Since      0.9.0 (2005-12-17)
 */

 
html {background-color: #fff; color: #000; font-size: 100%; margin: 0; padding: 0;}
body {font: 0.8em/1.0em "trebuchet ms",tahoma,arial,helvetica,sans-serif; margin: 0; padding: 0; text-align: left;}

h1, h2, h3, h4, caption, legend {clear: both; font-family: arial,helvetica,sans-serif;}

h1 {font-size: 170%; margin: 0.6em 0 0.2em; padding: 0 3px;}
h2 {font-size: 150%; margin: 0.6em 0 0.2em; padding: 0 3px;}
h3 {font-size: 120%; margin: 0.6em 0 0.2em; padding: 0 3px;}
h4 {font-size: 110%; margin: 0.6em 0 0.2em; padding: 0 3px;}
h5 {font-size: 115%; margin: 0.6em 0 0.2em; padding: 0 1px; color: #036;}

.xxp {margin: 0 6px; padding: 0.1em 0;}


a img {border: 0;}

a.link-external {}
a.link-email {background: url(../images/icons/link_external_7x7.png) 100% 50% no-repeat; padding-right: 10px;}

a.external {background: url(../images/icons/link_external_7x7.png) 100% 50% no-repeat; padding-right: 10px;}
a.rss {background: url(../images/icons/rss_8x8.png) 0% 50% no-repeat; padding-left: 11px;}
a {color: #369;}
a:visited {color:#69c;}
a:hover {color:#f00;}



.skipper {display: none;}

/* Structure */

#container {margin: 90px auto 2.0em; padding: 0; width: 95%;}
#header {Xborder-bottom: 8px solid #369; height: 59px; margin: 0; padding: 0;}
#footer {margin: 0.1em 0 0; padding: 0;}
#main {margin: 0 auto; padding: 0;}
#content {margin: 0 200px 0 0; padding: 0; text-align: center;}

#navigation { display: none; margin: 0 auto; padding: 0; text-align: left; width: 766px;}



#header { display: none; xbackground: #369 url(../ximages/bg_header_768x128.jpg) 0% 0% repeat-x; xborder: 1px solid #666; xborder-bottom: 0; text-align: left;}
#header h1 {margin: 0; padding: 0;}
#header h1 a {background: #eee; background-image: url(images/sitelogo.png); display: block; height: 91px; xleft: 0px; margin: 100px 0 0 4px; overflow: hidden; position: absolute; top: 0px; text-decoration: none; width: 230px; z-index: 999;}
#header h1 a span {display: block; padding-top: 10em;}

#footer {color: #666; margin: 0.1em auto 2.0em; padding: 0; text-align: left;}
#footer p {line-height: 1.1em; margin: 0; padding: 0;}
#footer a {xborder-bottom: 1px solid #ddd; color: #666; text-decoration: none;}
#footer a:hover {border-bottom: 1px solid #999; color: #333; xtext-decoration: underline;}

#footer ul.coding, #footer ul.menu {margin: 0.3em auto; padding: 0;}

#footer ul.menu {float: left;}
#footer ul.coding {float: right;}

#footer ul.menu li {display: inline; padding: 0 0.5em 0 0;}
#footer ul.coding li {display: inline; padding: 0 0 0 0.5em;}


p.copyright {clear: both;}


#content {background: #fff url(X../images/side1.jpg) 0px 0% repeat-y; border-bottom: 8px solid #036; font-size: 110%; line-height: 1.4em; padding: 0 0 0.5em 0; text-align: left;}
body.plates #content {border-bottom-color: #468; border-top-color: #468;}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {font-family: arial,helvetica,sans-serif;}
#content h1 {font-size: 2.0em; margin: 0; padding: 0.6em 0 0.3em;}

#content h2 {xdisplay: none; background: #036; border-bottom: 2px solid #eee; color: #fff; font-size: 1.5em; margin: 0.3em 0; padding: 0.3em 0; text-align: center;}

#content h3 {font-size: 1.3em; margin: 0; padding: 0.6em 0 0.3em;}
#content p {margin: 0 0.6em; padding: 0.3em 0;}
#content caption {margin: 1.0em auto 0; padding: 0.3em 0; text-align: left; width: 100%;}
#content table {background: #ccc; border: 2px solid #246; border-collapse: collapse; margin: 0 auto 1.5em; padding: 0; width: 100%;}
#content th {background: #246; border-bottom: 1px solid #000; color: #fff; margin: 0; padding: 0.2em 0.3em;}
#content td {border-bottom: 1px solid #ddd; margin: 0; padding: 0.2em 0.3em;}
#content tr.o td {background: #eee;}
#content tr.e td {background: #fff;}

#content div.title {background: url(../images/icons/icon_dummy_32x32.png) 0% 50% no-repeat; margin: 0.5em 0.2em; padding: 0 0 0 40px;}
#content div.title h1 {font-size: 180%; margin: 0; padding: 0.4em 0 0.2em;}
#content div.title p {font-weight: 600; margin: 0; padding: 0;}



.legacy {display: none;}
.simple {display: none;}

.clear {clear: both;}


#xcontent div.box {background: #fff; xborder: 1px solid #f8f8f8; Xborder-top: 5px solid #eee; float: left; height: 7.0em; xmargin: 10px 1px 10px 18px; padding: 0 0 0.5em 0; width: 354px;}
#xcontent div.box {width: 313px;}
#content div.box-half h3 {font-size: 110%; xmargin: 2px 0 0 72px; padding: 0.1em 0;}
#content div.box-half h3 a {border-bottom: 1px solid #bcd; color: #006; text-decoration: none;}
#content div.box-half h3 a:hover {border-bottom: 1px solid #bcd; color: #36c; text-decoration: none;}
#content div.box-half h3 a:hover img {border: 5px solid #fc0; margin: 1px 8px 4px 1px;}
#content div.box-half p {color: #333; font-size: 90%; line-height: 1.3em; margin: 0 10px 0 72px;}
#content div.box-half img {background: #fff; border: 1px solid #ccc; float: left; margin: 5px 12px 8px 5px; padding: 2px;}
#content div.box-half:hover {background: #def; xborder: 1px solid #369; Xborder-top: 5px solid #369;}
#xcontent div.box-half:hover img {border: 5px solid #fc0; margin: 1px 8px 4px 1px;}
#content div.box-half ul {	margin: 0 0 0 70px;	list-style: square;}
#content div.box-half ul li {	margin: 0;}
* html #content div.box-half ul {margin: 0 0 0 110px;}

#content div.box-half {background: #fff; xborder: 1px solid #f8f8f8; Xborder-top: 5px solid #eee; float: left; xheight: 90px; xmargin: 10px 1px 10px 18px; padding: 0 0 1.0em 0; width: 354px;}
#content div.box-half {width: 50%;}


#content div.intro {background: url(images/saxo_vtr.png) 100% 0% no-repeat; margin: 0; padding: 0 0 1.0em;}
#content div.intro h1 {margin: 0 313px 0 0; padding: 0.5em 0 0.5em 0;}
#content div.intro p {margin: 0 313px 0 0; padding: 0.6em 15px 0 10px;}

#other-sites {	font-size: 80%;	margin: 90px 10px 0 0;	position: absolute;	right: 0px;	top: 0px;	width: 200px;}
#other-sites h1 {	background: #036;	color: #fff;	padding: 0.5em 0;	text-align: center;}
#other-sites div {	border: 1px solid #000;	margin: 7px 0;	padding: 4px; text-align: center;}
#other-sites div.o {	background: #eee;}
#other-sites div.e {	background: #ddd;}

#other-sites div img {	border: 2px solid #000;	height: 60px;	width: 180px;}
#other-sites div p {	font-size: 10px;	margin: 0;	text-align: left;}


#family-bar, #ads {	position: absolute;	top:  0px;}#ads {	background: #eee;	border-bottom: 1px solid #999;	padding: 1.8em 0 0.5em 0;	z-index: 100;}

#family-bar {background: #036; border-bottom: 1px solid #000; clear: both; color: #69c; z-index: 200;}
#family-bar tr td { font-family: tahoma,arial,helvetica,sans-serif; font-size: 85%; padding: 0.1em 0.4em 0.2em;}
#family-bar a {color: #abc; text-decoration: none;}
#family-bar a:visited {color: #9ab;}
#family-bar a:hover {color: #fff; text-decoration: underline;}
#family-bar a:active {color: #fff;}