@import url(interim.css);		/* <- to be removed once the redesign is finished */
@import url(navigation.css?u=2);	/* <- main navigation, breadcrumb, tabs and treelist (?u=1 for cashe issue)*/
@import url(resources.css?u=7);		/* <- resource center used in navigation and front page */
@import url(front2.css);		/* <- introduction page specifics */
@import url(specialrules.css?u=1); 	/* <- CSS used only on a few pages (?u=1 for cashe issue) */

/* /////////////////////////////////////////////////////////////////////
This is the main css file. 

- general reset rules
- link colors
- lists
- headlines
- text
- teasers
- FAQ
-
-
- banner, sidebar and generic
- dropshadows and image placements
- colourcodings and sectionheaders (the vertical logotypes)
- Form elements

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

body {
	background-color:#FFF; 
	color:#3D3C3B;
	font-family: "Trebuchet MS", Geneva, Arial, sans-serif; /*"Lucida Grande","Lucida Sans Unicode" */
	font-size:76%;
	min-width:770px; /* not supported by IE */
	
	/*
	position:relative; width:1000px;
	*/
}

/* 	general reset rules. Theory found here: http://leftjustified.net/journal/2004/10/19/global-ws-reset */
* {	margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { 
	margin:1em 0; line-height:1.25em; font-size:1em; 
}
table, td, th { font-size:1em; }
li, dd {  margin-left:1.5em; line-height:1.25em;}
fieldset { padding: .5em; }

/* end general reset rules */



/* Links
////////////////////////////////////////////////////////////////// */

td {vertical-align:top;} /* this should perhaps rather be in the imterim... */


a:link 		{color:#0E4073;}
a:visited	{color:#5E85A9;}
a:hover		{color:#E7691F;}

/* return-to-top-links ...*/
a.toplink { margin:0; text-decoration:none; float:right;}

a.pdf {background:no-repeat url(/img/icons/pdf.gif) 0 0; padding-left:20px; display:block; min-height:18px;}

/* Lists. many things are set in the generic reset rules...
////////////////////////////////////////////////////////////////// */

/* Ordered Lists */
ol { margin-left:2em; }
ol li { margin-bottom:0.5em;}


ol.compact li, 
ul.compact li { margin-bottom:0;}

ul ul.compact { margin-top:0.25em;}

ul li 	{ 
	list-style-type:square;
	margin-bottom:0.5em;
}

ul.links li, ul li.links {
	list-style-type:none; 
	list-style-image:url(common/li_links.gif);
}

.links a {text-decoration:none;}

ul li.anchor {
	list-style-type:none; 
	list-style-image:url(common/li_arrowdown.gif);
}
ul li.anchor a {text-decoration:none;}

/*  "Benefits" was the class for the former used beige boxes on intro pages, now replaced by checkboxes for consistency...
ul.benefits { background-color:#F7F7F0; border:1px solid #D7D7D0; }	
ul.benefits li { list-style:none; margin:0; padding:5px 6px; border:1px solid #edede6; border-width:0px 1px 1px 1px; }
 */
ul.check, ul.benefits {
	list-style-image:url(/img/icons/icon_checkbox.gif);
	margin-bottom:1.5em;
}
ul.check ul { margin:0.5em 0; font-size:0.85em;}
ul.check li, ul.benefits li {
	padding:0 5px; 
	margin-left:24px;
	font-size:1.15em;
}
p.benefits {
	padding:0 5px; 
	font-size:1.15em;
}

* html ul.check li, 
* html ul.benefits li {
	margin-left:16px;
}
ul.check li li {  
	font-size:1em; margin-bottom:0.25em;
}

.check a, .check a:visited, .benefits  a, .benefits a:visited {
	text-decoration:none; 
	border-bottom:1px dotted #CCC;
}
.check a:hover .benefits a:hover {background-color:#F7F7F0;}

/* icon-lists */
ul.icons {margin-left:0; padding-left:0;}
ul.icons li {list-style-type:none;}
ul.icons li a img { border:0; vertical-align:middle; margin-right:6px;}
ul.icons li a {text-decoration:none; font-weight:bold; }
ul.icons li a:hover {background-color:#F7F7F0;}

/* progress list (for account signup, wizards etc.) */
ol.progress {}
ol.progress li {}


/* simple is a plain list without bullets. Ideal for links lists. */
ul.simple {
	margin:0.5em 0 0; 
}
ul.simple li {
	list-style:none; 
	margin-left:0; margin-bottom:0.25em;
	background-repeat:no-repeat; 
	background-position:0 50%;
}
ul.simple li a, ul.simple li a:visited { 
	text-decoration:none; 
	color:#333;
	height:1%; /* for IE5.0 to not collapse side-padding */
}
ul.simple li a:hover {color:#E7691F;}

/* icon variations */
ul.simple li.subscribe a, ul.simple li.profile a, ul.simple li.logout a, ul.simple li.link a {
	padding-left:15px; 
}
ul.simple li.subscribe	{ background-image:url(/img/icons/icon_subscribe.gif); }
ul.simple li.profile	{ background-image:url(/img/icons/icon_profile.gif); }
ul.simple li.logout		{ background-image:url(/img/icons/icon_logout.gif); }
ul.simple li.link		{ background-image:url(common/li_links.gif); }
ul.simple li.pdf { 
	padding:2px 0 5px 20px; 
	background:no-repeat url(/img/icons/pdf.gif) 0 0;
}

ul.inline li {display:inline; list-style-type:none; margin:0; padding:0;}


/* Headlines
////////////////////////////////////////////////////////////////// */

h1, h2, h3, h4, h5, h6 {
	margin:0.5em 0; 
	line-height:1.25em; /*1em;*/
	color:#172D47;
	font-weight:bold;
}

h1 {
	margin-top:0;
	line-height:1em;
	font-size:2.3em; 
}

h2 { 
	font-size:1.6em;
} 
h3 { 
	font-size:1.35em;
}

h4 { 
	font-size:1em;
	text-transform:uppercase;
}
#related h4 { margin-bottom:0.25em; }

h5 {
	font-size:0.8em;
	text-transform:uppercase; 
}

h6 {
	font-size:0.8em;
}

/* Text
////////////////////////////////////////////////////////////////// */

p {
	margin-top:0.5em;
}

.intro {
	font-size:1.15em;
	line-height:1.4em;
	margin-right:1.5em;
}

.disclaimer {
	color:#999;
	PADDING-LEFT: 3px;
	font-size: 9px
}
.legend {
	font-weight:bold;
	font-style:italic;
	color:#666;
}

blockquote {
	margin: 0.5em 3em 1.5em 0em;
	background: url(common/quotation.gif) no-repeat 0 0;
	padding-left: 25px;
}
blockquote cite {
	display:block;
	color:#666;
}


/* currently not yet used */
.pullquote {
	margin:0 0 0.25em 1em; padding:0.25em 0.5em;
	border:1px solid #edede6;
	font-size: 1.25em; line-height:1.25em;
	float:right; text-align: left;
	width:16em;
	color: #666;	
}


/* TEASERS a.k.a. Definition lists
////////////////////////////////////////////////////////////////// */

dt {
	margin:0; font-weight:bold;
	font-size:1.35em;
	clear:left; /* !!! */
}
.box dt {font-size:1em;margin-bottom:0; margin-top:0.25em;}
dl.banners dt a, dl.banners dt a:visited {text-decoration:none; }
.box p {margin-bottom:1em;}

dt a, h1 a, h2 a, h3 a, h4 a {
	color:#0E4073;	
	border-bottom:1px dotted #D7D7D1;
	text-decoration:none;
/*
	border-bottom:1px solid #D7D7D1;
	\border-bottom:0px;
	bo\rder-bottom:1px dotted #D7D7D1;
	text-decoration:none;
	\text-decoration:underline;
	tex\t-decoration:none;
*/
}

dt a:visited, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {
	color:#5E85A9;
	border-bottom-color: #D2DBE5;
	text-decoration:none;
	\text-decoration:underline;
	tex\t-decoration:none;
}

dt a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	color:#E7691F;
	border-bottom-color:#E7691F;
	text-decoration:none;
}


/* FAQ
////////////////////////////////////////////////////////////////// */

dl.faq { 
	margin-top:0.5em; max-width:60em;
}

dl.faq dt { 
	border-top:1px solid #edede6;	
	margin:0.25em 0.25em 0.5em 0; 
	padding:0.25em 0 0;
	font-weight:bold;
	font-size:16px;
}

dl.faq dd {
	padding:0.5em 2em 0;
	margin-bottom:1em;
}

dl.faq dt.clear { display:none;}

	


/* Sidebar download banners BCA 2004-07-06
////////////////////////////////////////////////////////////////// */
.sidebar {
	width:200px; 
	padding-bottom:10px; 
	background:transparent no-repeat url(/img/banners/sidebar/sidebar-bottom.gif) left bottom; }
.sidebar-top {
	padding-left:5px; 
	background:transparent no-repeat url(/img/banners/sidebar/sidebar-top.gif) left top;
	min-height:15px; /* for mozilla, if top is empty */ } 
* html .sidebar-top { height:15px;} /* for IE */

.sidebar-content {
	padding-left:5px; 
	background:transparent repeat-y url(/img/banners/sidebar/sidebar-bg.gif) 0 0;
}

.sidebar img {border:0;}
.sidebar a:hover img { -moz-opacity:0.6; filter:alpha(opacity=50); }
.sidebar a, .sidebar a:visited {display:block;}	

/* for future link-lists... */
.sidebar ul {margin:0; padding:0; padding-left:20px;}
.sidebar ul.links li {margin:0; padding:4px 0 6px; }
.sidebar ul.links li a, .sidebar ul.links li a:visited { display:inline; font-size:12px;}
.sidebar ul.links li p {
	color:#AAA; font-size:11px; padding-right:5px; line-height:12px; margin-bottom:0; margin-top:3px;
}


/* Banners, for related column etc.

openaccount
downloaddemo
globe
////////////////////////////////////////////////////////////////// */

.banner a.banner {
	width:100%; /* for IE5.0 */
	position:relative;
	display:block; 
	border:1px solid #D7D7D1; 
	color:#172D47; 
	text-decoration:none; 
	font-size:0.89em;
	line-height:1.2em;
	padding:10px;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:100% 100%;
}
.banner a.banner/**/ {width:auto;} /*reset for others than IE5.0*/
.banner a.banner:hover { border-color:#0E4073; color:#5E85A9; background-color:#FFF;}

.banner a.banner.globe, .banner a.banner.globe:visited {
	background-color:#CCD2D8;
	background-image:url(banner/banner_lightglobe.gif);
	background-position:0 0;
	border-color:#B1B9C2;
}
.banner a.banner.globe:hover {
	background-color:#CCD2D8;
	border-color:#0E4073;
}

.banner img {border:0; margin:0;padding:0;}

.banner a.banner.openaccount, .banner a.banner.openaccount:visited {
	text-align:right;
	border:1px solid #112839;
	background:#0E4073 no-repeat url(/img/banners/icon_openaccount.gif) 3px 4px;
	padding:15px 10px; padding-left:60px;
	color:#FFF;
	font-weight:bold;
}
.banner a.banner.downloaddemo, .banner a.banner.downloaddemo:visited {
	text-align:right;
	border:1px solid #112839;
	background:#0E4073 no-repeat url(/img/banners/icon_downloaddemo.gif) 3px 4px;
	padding:15px 10px; padding-left:60px;
	color:#FFF;
	font-weight:bold;
}

.banner a.banner.openaccount:hover, .banner a.banner.downloaddemo:hover, 
.banner a.dark:hover {
	background-color:#275381; background-position:4px 5px;
	border:1px solid #112839;
	color:#869FB9;
}
.banner a.dark {
	border:1px solid #112839;
	background:#0E4073;
	padding:10px;
	color:#FFF;
	line-height:1.5em;
	font-weight:bold;
}


/* Drop shadows for photos and blocks... etcF6F3EC
////////////////////////////////////////////////////////////////// */

div.applet.right, .right.div.applet { 
	float:right;
	margin: 0 0 1em 1em; 
}

div.applet {
	border: 1px solid #BBB;
	margin: 0 1em 1em 0; 
	padding: 4px;
	overflow: visible;
	background-color:#FFF;	
}

div.applet:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .applet {
	height:1%;
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=120,color=#cccccc,strength=3);  
}
/* End hide from IE-mac */

div.applet h4 {
	margin:1px 1px 0 1px;
	padding:5px 2px 2px; 
	background-color:#F7F7F0; 
	border:1px solid #E6E6E0;
	border-bottom:1px solid #888;
	color:#333;	
	margin-bottom:0px;
}
div.applet div {
	padding:0 1px 0px 1px; 
	background-color:#E6E6E0;
}


.photowrap {
	display:block;
	position:relative; z-index: 1;
	height: 100px;
	overflow: hidden;
	background-color:#F7F7F0;
	background-repeat: no-repeat; background-position:top right;	
	margin-bottom: 1em; 
}
.right {float:right; margin-left:10px; }
.photowrap img 			{ position:absolute; z-index:2;}
.photowrap img.right 	{ right:0px; }
.photowrap img.left 	{ left:0px; }

.frame {
	background: url(temp/shadow.gif) bottom right no-repeat;
	float: right;
	margin: 0 0 1em 1em; padding: 0;
	overflow:visible;
	position:relative;
}
* html .frame,
* html img.teaser, object.teaser { filter: progid:DXImageTransform.Microsoft.Shadow(direction=120,color=#cccccc,strength=3); }

.frame img {
	padding: 4px;
	background-color: #FFF;
	border: 1px solid #BBB;
	display: block;
}

img.frame, img.teaser, object.teaser {
	display:block;
	float:right;
	line-height:1.25em;
	margin: 10px 0 1em 10px;
	padding:4px;
	background:#FFF;
	border:1px solid #BBB;
}

a:hover img.teaser { border-color:#333 !important; }

div.frame {
	background: url(temp/shadow.gif) bottom right no-repeat;
	float: left;
	margin: 0 1em 1em 0; padding: 0;
	overflow:visible;
	position:relative;
}

img.teaser, .frame.left { float:left; margin:0.25em 10px 0.15em 0; }





/* Layout tables, columns and rows...
////////////////////////////////////////////////////////////////// */
table { margin:0; padding:0;}

td.column {vertical-align:top;}

table.row { margin-right:-11px; margin-left:-11px;}
td.column { margin:0; padding:0 10px; }
tr.line td { border-bottom:1px solid #edede6;}
tr.line td td { border-bottom:none; } /* don't auto-add bottomlines on all nestled tables! */
td.column.line { border-right:1px solid #edede6; }


hr { 
	height:1px; border:0; 
	margin:0.5em 0; padding:0; 
	clear:both; float:none; 
	color:#edede6; background-color:#edede6;
}
* html hr { margin:0; }


/* Overall site layout (Page > Main & Related
////////////////////////////////////////////////////////////////// */

table#page {
	margin:0px; padding:0px; width:100%; border:0;
}
div#page { 
	/* set max width on the frontpage. Not understood by IE6. */
	max-width: 1000px;
}

div#main {
	padding:1em 1% 2em 20px;
	vertical-align:top;
	width:auto;
	\width:100%;
	w\idth:auto;
}
/* 	uncomment this fix for IE6 if the site renders in quirks mode, which it REALLY shouldn't...
	* html div#main { width:100%; }
*/

td#main {
	vertical-align:top;
	padding:20px 20px 2em 20px;
	background-color:#FFF;
}

td#related {
	vertical-align:top;
	width:200px;
	padding:10px 10px;
	background:#F7F7F0; /* repeat url(common/bg_related.gif);*/
	border-left:1px solid #E7E7E0;
}


/* Table styles
////////////////////////////////////////////////////////////////// */
table th {
	text-align:inherit;
}
/* 	table class="info" is currently used for most data purposes.
	aim to create semantically meaningful derivates of this class
*/
table.info {
	margin-bottom:1.25em;
	border:1px solid #edede6; border-width:1px 1px 0 0;

}

table.info tr td, table.info tr th {
	padding:1px 4px;
	border-bottom:1px solid #edede6;
	border-left:1px solid #edede6;
}

table.info tr.head th, table.info thead th {
	border-bottom:1px solid #D7D7D0;
	background:#283D55 repeat-x url(common/gradientgreybackground.gif) left top;
}

tr.highlight td {background-color:#F7F7F0;}
tr.highlight td.highlight {font-weight:bold;}


/* Header and logo
////////////////////////////////////////////////////////////////// */

#header {
	position:relative;
	height:104px;
	top:0px;
	background:#283D55 repeat-x url(common/header_gradient.gif) left top;
	/*margin-bottom:24px; if we're putting the top menu in the bottom... */
}

#logo {
	background:transparent no-repeat url(common/header_globe.gif) left top;
	width:220px;
	height:80px;
	position:absolute;
	left:0px; top:0px;
	font-size:18px;
}

#logo a, #logo a:visited {
	display:block;
	position:relative;
	margin:0; padding:0;
	cursor:hand; border:0;
	width:71px; height:52px;
	left:20px; top:14px;
	overflow:hidden;
	text-decoration:none;
	font-size:16px;
	color:#FFF;
	}

#logo span {
	margin:0; padding:0;
	display:block;
	position:absolute;
	left:0px; top:0px;
	width:71px;height:52px;
	background:no-repeat url(common/saxobank_white.gif) left top;
	}

div.regions {position: absolute; top:34px; left:110px; color: #57677a;}
div.regions, div.regions ul, div.regions ul li, div.regions ul li a, div.regions ul li a:hover {background-color: transparent; }
div.regions ul li {display:inline; list-style-type:none; margin:0; padding:0;}
div.regions ul li a {text-decoration:none; color:#b7bcc1; font-size:11px;}
div.regions ul li a:hover {color:#fff;}

#banner {
	margin:0; padding:0;
	font-size:11px;
	color:#FFF;
	position:absolute;
	top:0; right:0;
}
#banner a, #banner a:visited { text-decoration:none; background-color:#182E48; color:#B3BECA; margin:0; padding:0; display:block;border:1px solid #172D47; border-color:#112839 #172D47 #172D47 #112839;}
#banner a strong {color:#FFF; font-size:14px;}
#banner a em { color:#677D95;}
#banner a:hover {border:1px solid #677D95; color:#FFF;}
#banner a img {margin:0; padding:0; border:0;}

/* Footer + footer elements
////////////////////////////////////////////////////////////////// */
#footer {
	font-size:11px;
	text-align:left;
	padding:1em 0px 1em 20px;
	background:#EDEDE6 repeat-x url(nav/footer_bg.gif) left top;
	color:#999;
}
* html footer { float:none; }

#footer p {
	margin:0; padding:0; padding-right:2em;
	font-size:11px; line-height:12px;
}
#footer a:link, #footer a:visited {
	color:#999; text-decoration:none;
}
#footer .nav, #footer a.nav:link,#footer a.nav:visited {
	padding:2px 1em;
	border-left:1px solid #edede6;
}
#footer span.nav.first, #footer a.nav.first:link, #footer a.nav.first:visited {
	border-left:none; padding-left:0px;
}
#footer a:hover { background-color:#edede6; color:#999; }
#footer em/* */ { display:none; } /* pad IE5, hide from others */
#footer hr { display:none; }


/* Contact
////////////////////////////////////////////////////////////////// */

div.contact {
	margin-bottom:1em;
	padding:0 10px;
	background-color:#F0F5F7;
	color:#717F8F;
	border:1px solid #BFC6CD;
}

div.contactbox {
	margin:0;
	width:95%;
	background-color:#F7F7F0;
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=120,color=#cccccc,strength=2)
	}

.contact h3, .contact h4 {
	margin:5px 0; 
	color:#003C70;
	text-transform:uppercase;
}

.contactbox h4 { 
	font-size:1.25em; 
	color:#FFFFFF;
	padding:0 5px 0 38px
}

.contact p  { 
	margin:5px 0 10px;
	font-weight:normal;
}

.contactbox p {
	margin:5px;
	}

.sidebar {
	width:200px; 
	padding-bottom:10px; 
	background:transparent no-repeat url(/img/banners/sidebar/sidebar-bottom.gif) left bottom; }
.sidebar-top {
	padding-left:5px; 
	background:transparent no-repeat url(/img/banners/sidebar/sidebar-top.gif) left top;
	min-height:15px; /* for mozilla, if top is empty */ } 
* html .sidebar-top { height:15px;} /* for IE */

.sidebar-content {
	padding-left:5px; 
	background:transparent repeat-y url(/img/banners/sidebar/sidebar-bg.gif) 0 0;
	}

.box {
	padding:10px;
	float:none;
	background-color:#FFF; 
	clear:both;
	margin-bottom:1em;
	background:#F7F7F0; /* repeat url(common/bg_related.gif);*/
	border:1px solid #D7D7D0;
}
.box.right {
	float:right;
	clear:none;
	width:auto;
}
.box.right ul {margin-bottom:0;}

.sidebox {
	float:right;
	width:200px;
}
html>body .sidebox { float:none }

.box * {
	margin-top:0em;
}

.contacthead
{
	background: no-repeat url(/img/icons/icon_contactus.gif) left top;
	background-color: #162C46;
	border:1px solid #162C46;
	height:32px;
	border-bottom:0;
}
.contactbody
{
	border:1px solid #D7D7D0;
}

/* Color codings
////////////////////////////////////////////////////////////////// */

#campaign h3 a, #campaign h3 a:visited { border-color:#FFF; }
#campaign h3 a:hover { border-color:#F90; }

.fx, .fx a, .fx a:visited,
.forex, .forex a, .forex a:visited {color:#1D6B4A;}

.stocks, .stocks a, .stocks a:visited	{color:#BE2F26;}
.cfds, .cfds a, .cfds a:visited	{color:#BE2F26;}
.futures, .futures a, .futures a:visited {color:#505693;}
.funds, .funds a, .funds a:visited {color:#DFA539;}
.about, .about a, .about a:visited {color:#004678;}
.bonds, .bonds a, .bonds a:visited {color:#84827F;}


/* Sectionheaders, eg. vertical lines + product logos...
////////////////////////////////////////////////////////////////// */

#sectionheader {display:none;}

.metafunds td#main 			{ border-right:3px solid #DFA539; background:transparent no-repeat url(products/vtext_funds.gif) 100% 20px;}
.metaforex td#main 			{ border-right:3px solid #1D6B4A; background:transparent no-repeat url(products/vtext_forex.gif) 100% 20px;}
.metacfds td#main 			{ border-right:3px solid #BD2F26; background:transparent no-repeat url(products/vtext_cfds.gif) 100% 20px;}
.metafutures td#main 		{ border-right:3px solid #505693; background:transparent no-repeat url(products/vtext_futures.gif) 100% 20px;}
.metabonds td#main 			{ border-right:3px solid #84827F; background:transparent no-repeat url(products/vtext_bonds.gif) 100% 20px;}
.metasaxominitrader td#main { border-right:3px solid #388F6C; background:transparent no-repeat url(products/vtext_saxominitrader.gif) 100% 20px;}
.metasaxotrader td#main 	{ border-right:3px solid #005AAB; background:transparent no-repeat url(products/vtext_saxotrader.gif) 100% 20px;}


/* Form elements
////////////////////////////////////////////////////////////////// */
form {margin:0; padding:0;}
#Form1>input {margin:0;} /* removes nasty whitespace in mozilla caused by __viewstate */

.btn { /* for submit buttons etc. */
	background-color:#D7D7D1;
	color:#6d6c6b;
	font-size: 12px; 
	font-weight:bold;
	margin:0; padding:0.25em;
	margin-right:10px;
	border:2px solid #FFF; 
	font-family: "Trebuchet ms", arial, sans-serif; 
}
input.btn.submit { 
	color: #fff; 
	background: #BD2F26;
	border:3px double #661914;
}

.formbox label { 
	display: block; 
	margin-bottom:2px;
}

.formbox { 
	padding:10px; 
	background:#F7F7F0;
	border:1px solid #D7D7D0;
}
/* \*/ * html .formbox { height:1%; } /* holly hack to avoid text from disappearing */


div.radio  { margin-top: 10px }

fieldset.radio { margin-top:5px; padding:5px; border:1px solid #e7e7e0;}

label.checkbox  { margin:0 0; display: inline; vertical-align: middle; cursor:pointer;}
label.radio { display: inline; margin:0 5px; vertical-align: middle; line-height:20px; cursor:pointer;}
input.radio { background: transparent;  vertical-align: middle;  }

.formbox div.row { 
	margin-bottom: 10px;
}

.formbox select { 
	width: 96% 
}
input.text { width:96%; }

.errorbox, .statusbox {  
	background-color:#FFFFD7;
	color:#661914;
	border:1px solid #BD2F26; 
	padding:5px 9px; 
	margin-bottom:5px;
	position:relative;
}
.errorbox td { background-color:transparent;} 
.errorbox ul { margin-bottom:0;}
.errormsg { color:#BD2F26; font-weight:bold; padding:0 2px;}

.notebox {
	margin:0.25em 0 0.5em;
	border:1px solid #cbcbc7;
	padding:5px;
	background:#FFF;
	color:#610;
}

/* Accessibility...
////////////////////////////////////////////////////////////////// */

applet {z-index:1;}
.iframeShim  { /*styles for the WCH iframe for Mozilla */
	position:absolute; left:0; top:0; width:auto; height:auto; 
	z-index:5010; border:none; background: url("nav/shadow.png");
}

.skip, .hide { display:none;}
.clear { margin:0; padding:0; clear:both; height:0px; line-height:0px; }