/* 
	3.14 Financial CSS
	last update 2005-11-16
*/

* {
	margin: 0px;
        padding: 0px;
        font-family: Verdana;
        font-size: small;
}

/* for centering page */
/* because evil iexplorer do not worry about "margin: 0 auto" in div#page :-( */
body {
	text-align: center;
	background: #7C7B7E;
	padding-top: 0px;
	padding-bottom: 16px;
}

/* no default underline for links */
a {
	text-decoration: none;
	color: #0e5283;
}

a:hover {
	text-decoration: underline;
}

/* we want images with no border */
img {
	border: 0px;
}

/* default paragraphs & headers */
h1, h2, h3, h4, h5, p {
	margin: 0.5em 0em;
}

/* common form styles */
textarea, select, input {
	border: 1px solid #9D9C9D;
	padding: 0.2em 0.4em;
}

/* text aligns */
.c {
	text-align: center;
}

.r {
	text-align: right;
}

/* square lists */
ul.square {
	list-style-type: square;
}

ul.square li {
	margin-left: 1.5em;
	margin-bottom: 0.5em;
	font-size: 90%;
}

ul.square li.none {
	list-style-type: none;
}

ul.square li.sep {
	list-style-type: none;
	margin-left: 32px;
	margin-top: 16px;
	width: 108px;
	height: 4px;
	background: url(/img/COMMON-pointsep.gif) no-repeat;
}

/* right list */
ul.disc {
	list-style-position: outside; 
	list-style-type: disc;
	width: 160px;	
}
ul.disc li {
	margin-left: 1.5em;
	margin-bottom: 0.5em;
	font-size: 90%;
}

/* center list */
ul.discc {
	list-style-position: outside;
	list-style-type: disc;
	/* width: 160px;	*/
}
ul.discc li {
	margin-left: 2.2em; 
	margin-bottom: 0.5em;
	font-size: 90%;
}


/* child sublists in iexplorer have unwanted margin */
ul.childie {
	_position: relative;
	_top: -1em;
}

/* main container */
div#page {
	width: 760px;
	margin: 0px auto;
	text-align: left;
	border: 1px solid #7C7B7E;
	background: url(/img/COMMON-mainbg.gif) repeat-y;
}

/* fast links at top (sitemap, contact, extranet, language) */
div#fastlinks {
	width: 100%;
	height: 1.3em;
	background: #7C7B7E;
	color: #d4d4d4;
	text-align: right;
	padding: 0.4em 0em;
	font-family: Tahoma, Arial;
	color: #c4c4c4;
}

div#fastlinks a {
	font-family: Tahoma, Arial;
	color: #f4f4f4;
	padding: 0.1em 0.2em;
	text-decoration: none;
	margin-bottom: 4px;
	border: 1px solid #7c7b7e;
	-moz-border-radius: 2px;
}

div#fastlinks a:hover {
	background: #8c8b8e;
	border: 1px solid #8c8b8e;
}

/* top page (main logo, lang selection, sitemap...) */
div#topheader {
	width: 100%;
	height: 52px;
	background: #fff url(/img/COMMON-roundtop.gif) no-repeat;
}

/* clicking on top logo returns to homepage */
div#topheader a#linklogo {
	float: left;
	display: block;
	width: 230px;
	height: 43px;
	background: #fff url(/img/COMMON-toplogo314.gif) no-repeat;
	margin-left: 6px;
	margin-top: 6px;
}

/* lang image rollover link */
div#topheader img#toplang {
	float: right;
	margin-top: 16px;
	margin-right: 26px;
}


/* banner in header */
div#header {
	width: 100%;
	height: 193px;
}

/* left graphic resource in header */
div#header img {
	float: left;
}

/* language rollover begins */
ul#roll_lang {
	float: left;
	list-style-type: none;
	position: relative;
	left: 512px;
	top: -53px;
	display: none;
	font-family: Verdana;
	font-size: 11px;
}

ul#roll_lang li {
	font-family: Verdana;
	font-size: 11px;
}

ul#roll_lang li a, ul#roll_lang li span {
	color: #000;
	border: 1px solid #2A2724;
	border-top: 0px;
	text-align: center;
	display: block;
	background: #f4f4f4;
	width: 80px;
	height: 16px;
	padding: 2px 0px;
	font-family: Tahoma, Arial;
	font-size: 12px;
}

ul#roll_lang li a.first, ul#roll_lang li span.first {
	border-top: 1px solid #2A2724;
}

ul#roll_lang li a:hover {
	color: #ff6600;
	background: #e4e4e4;
	text-decoration: none;
	background: #ff6200;
	background: #d4d4d4;
	color: #000;	
}

/* language rollover ends */

/* topmenu headers begins */

ul#tpm li {
	list-style-type: none;
	float: left;
	width: 80px;
	height: 20px;
	margin: 2px 3px;
	position: relative;
	top: 16px;
	text-align: center;
	display: block;
}

ul#tpm li.long {
	width: 120px;
}

ul#tpm li a, ul#tpm li span {
	display: block;
	color: #000;
	font-family: Tahoma, Arial;
	font-size: 12px;
	text-align: center;	
	padding: 2px;
	width: 76px;
	height: 16px;
	border: 1px solid #fff;
	font-weight: bold;
	color: #2A2724;
}

ul#tpm li a.long, ul#tpm li span.long {
	width: 186px;
}

ul#tpm li a:hover {
	text-decoration: none;
	background: #d4d4d4;
	border: 1px solid #2A2724;
}

/* topmenu headers ends */

/* rollover menus begins */

ul#sbm1, ul#sbm2, ul#sbm3, ul#sbm4 {
	float: left;
	list-style-type: none;
	position: relative;
	display: none;
	font-family: Tahoma, Arial;
	font-size: 12px;
	top: -10px;
}

/* relative positions of submenus */
ul#sbm1 {
	left: 72px;
	_left: 78px;
}

ul#sbm2 {
	left: 158px;
	_left: 166px;
}

ul#sbm3 {
	left: 244px;
	_left: 254px;
}

ul#sbm4 {
	left: 330px;
	_left: 342px;
}

/* rollover submenus widths */
ul#sbm1 li a, ul#sbm1 li span {
	width: 150px;
}

ul#sbm2 li a, ul#sbm2 li span {
	width: 160px;
}

ul#sbm3 li a, ul#sbm3 li span {
	width: 160px;
}

ul#sbm4 li a, ul#sbm4 li span {
	width: 200px;
}

ul#sbm1 li a, ul#sbm1 li span,
ul#sbm2 li a, ul#sbm2 li span,
ul#sbm3 li a, ul#sbm3 li span,
ul#sbm4 li a, ul#sbm4 li span {
	color: #000;
	border: 1px solid #2A2724;
	border-top: 0px;
	text-align: left;
	display: block;
	background: #f4f4f4;
	height: 16px;
	padding: 2px 6px;
	font-family: Tahoma, Arial;
	font-size: 12px;
}

ul#sbm1 li a.first, ul#sbm1 li span.first,
ul#sbm2 li a.first, ul#sbm2 li span.first,
ul#sbm3 li a.first, ul#sbm3 li span.first,
ul#sbm4 li a.first, ul#sbm4 li span.first {
	border-top: 1px solid #2A2724;
}

ul#sbm1 li a:hover, ul#sbm2 li a:hover, ul#sbm3 li a:hover, ul#sbm4 li a:hover {
	text-decoration: none;
	color: #ff6600;
	background: #e4e4e4;
	background: #ff6200;
	color: #000;
	background: #d4d4d4;
}

/* rollover menus ends */

/* three columns before header, in future, search, navigation bar... */

div#subheader {
	background: #e4e4e4 url(/img/COMMON-subbarbg.gif);
	width: 100%;
	height: 29px;
	border-bottom: 1px solid #9D9C9D;
}

div#sb1, div#sb2, div#sb3 {
	height: 29px;
	float: left;
}

div#sb1 * {
	font-family: Arial;
	font-size: 12px;
}

div#sb1 {
	width: 166px;
}

div#sb1 input.searchwords {
	width: 96px;
	width: 143px;
	margin-top: 5px;
	margin-left: 5px;
	padding: 1px;
	border: 1px solid #9D9C9D;
}

div#sb1 a {
	color: #333;
	font-weight: bold;
	position: relative;
	top: 1px;
	_top: -1px;
}

div#sb1 a:hover {
	text-decoration: none;
}

div#sb1 img.arrow {
	position: relative;
	top: 2px;
	_top: 0px;
}

/* navigation bar will be here */
div#sb2 {
	width: 419px;
	padding-top: 7px;
	height: 22px;
	padding-left: 24px;
	width: 395px;
	color: #000;
	font-family: Tahoma, Arial;
	font-size: 12px;
}

div#sb2 a, div#sb2 span {
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

div#sb2 a:hover {
	color: #ff6600;
}

div#sb3 {
	width: 173px;
	_width: 170px;
}

div#sb3 span {
	color: #435f2c;
	font-family: Arial;
	font-weight: bold;
	font-size: 17px;
	float: right;
	margin-right: 8px;
	margin-top: 5px;
}

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

/* main block (contains left, center & right contents) */
div#main {
	overflow: hidden;
	clear: both;
	background: url(/img/COMMON-mainbg.gif) repeat-y;
}

/* left block */
div#left {
	overflow: hidden;
	width: 166px;
	float: left;
	background: #f4f4f4;
}

div#left h2 {
	text-align: center;
	color: #333;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

div#left h2 img {
	margin-left: 0.5em;
}

div#left ul li {
	margin-right: 0.5em;
	font-size: 90%;
}

/* left bottom separator */
div#left div.lbsp {
	width: 100%;
	height: 26px; 
}

div#left h3 {
	margin: 1em 1em;
	font-family: Verdana;
	font-weight: bold;
}
/* graphic resource at bottom left column */
div#left div#bottomleft {
	width: 100%;
	height: 29px;
	background: url(/img/COMMON-bottomleft.gif) no-repeat;
}

/* main (center) block */
div#center {
	overflow: hidden;
	width: 419px;
	float: left;
	text-align: left;
	background: #f4f4f4 url(/img/COMMON-bottomcenter.gif) no-repeat;
	background-position: 0px 228px;
	border-left: 1px solid #9D9C9D;
}

div#center h2 {
	text-align: left;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	margin: 0.85em;
}

/* margin for paragraphs in center section */
div#center p {
	margin: 1em;
	font-size: 0.9em;
}

/* intro paragraph in default page */
div#center p#center_intro {
	padding-left: 14px;
	margin-left: 24px;
	margin-top: 32px;
	width: 340px;
	background: url(/img/COMMON-bullet-grey.gif) no-repeat;
	background-position: 0 6px;
}

/* footer logo in default page */
div#center img#center_bottom_logo {
	display: block;
	margin-top: 24px;
	margin-left: 92px;
}
/* footer background at center in default page */
div#center div#center_bottom_bg {
	background: url(/img/COMMON-bottomcenter.gif) no-repeat;
	width: 420;
	height: 27px;
}

/* left column (why choose us, list container) in default page */
div#center div#default_c1 {
	margin-left: 8px;
	_margin-left: 4px;
	float: left;
	width: 49%;
}

/* right column (Introducing our Company, list container) in default page */
div#center div#default_c2 {
	float: left;
	width: 49%;
}

/* footer column (hot news, list container) in default page */
div#center div#default_c3 {
	clear: both;
	width: 98%;
}

/* right block */
div#right {
	overflow: hidden;
	float: left;
	width: 174px;
}

/* margin for paragraphs in right section */
div#right p {
	margin: 1em;
	font-size: 0.9em;
}
/*
div#right ul{
	list-style-type: disc;
}
*/

div#right ul li {
	margin: 0em 2em;
	font-size: 77%;
	list-style-type: disc;
}


/* arrow */
div#right a#clientaccess img {
	margin-left: 0.5em;
	margin-right: 1em;
}

div#right h2.header {
	border-bottom: 1px solid #9D9C9D;
	border-left: 1px solid #9D9C9D;
	border-top: 1px solid #9D9C9D;
	border-right: 0px;
	text-align: right;
	padding-right: 8px;
	background: #e4e4e4;
	color: #435f2c;
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	margin-top: -1px;
}

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

/* pre footer block */
div#pre_footer {
	clear: both;
	width: 100%;
	height: 25px;
	background: #93A595 url(/img/COMMON-bottomcenter.gif) no-repeat;
	background-position: 167px -28px;
}

/* footer blocks */
div#footer {
	clear: both;
	width: 100%;
	height: 30px;
	background: #f4f4f4 url(/img/COMMON-bottomcenter.gif) no-repeat;
	background-position: 167px -54px;
}

/* text in footer block (copyright...) */
div#footer p {
	font-family: Arial;
	font-size: 12px;
	margin: 0px 12px;
	padding-top: 6px;
	_padding-top: 3px;
	_font-size: small;
	_margin: 0px 20px;
	_margin: 4px;
}

div#footer p a {
	font-size: 12px;
	_font-size: small;
}

/* round footer */
div#rfooter {
	clear: both;
	background: #7c7b7e url(/img/COMMON-roundfooter.gif) no-repeat;
	width: 100%;
	height: 10px;
}

/* for apache customized page errors */
h2.errorapache {
	font-weight: normal;
	font-size: 22px;
	text-align: center;
}

p.errorapache {
	margin: 0.2em;
	padding: 0em 2em;
}


div#login {
	width: 80%;
	margin-left: 32px;
}

div#login input {
	border: 1px solid #9D9C9D;
	padding: 0.2em 0.4em;
	_position: relative;
	_top: 0.3em;
}

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

/* status message of delivered email in contact web form */
h3.emailstatus {
	text-align: center;
}