/* CSS Document */

@import url("sturdza_extra.css");

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Main Styles*/
body {
margin:0;
padding:0;
font-size:12px;
color:#333;
line-height:15px;
font-family:Arial, Helvetica, sans-serif;
background:#C8C8C8 url(../images/bg.png) repeat-x;
}

b { font-size:100%; font-weight:bold; color:#000000; }
em { color:#222222; }
img { border:0; }
p { margin:0 0 15px 0; line-height:20px; }
h1 { font-size:14px; margin:0 0 14px 0; padding:0; font-weight:bold; }
h2 { font-size:12px; margin:0 0 12px 0; padding:0; font-weight:bold; }

strong{
font-weight:bold;
}
a, a:visited, a:link { color:#666666; text-decoration:underline; }

a:hover { color:#333333; text-decoration:none; }

/* CSS for Splash Page */

#splashpage {
width: 1034px;
padding: 50px 0 0 0;
margin: 0 auto;
height: 700px;
background: url(../images/splash/content_bg.png);
_background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='public/images/splash/content_bg.png') ;
background-repeat:repeat-y;
}

#splashpage-content {
padding:151px 0 17px 175px;
}

#logo{
float:left;
margin-left:175px;
margin-bottom:20px;
}

#splash_banner{
float:left;
margin-left:17px;
margin-bottom:30px;
display:inline;
}

#splash_footer{
float:left;
margin-left:175px;
margin-top:40px;
display:inline;
}

#enter{
text-decoration:none;
font-size:18px;
color:#d1d1d2;
position:relative;
}

#enter:hover{
color:#666666;
}

#enter_arrow{
font-size:18px;
color:#d1d1d2;
}

#bottom{
width:1034px;
height:25px;
background: url(../images/splash/content_bottom.png) no-repeat;
_background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='public/images/splash/content_bottom.png');
margin: 0 auto;
}

#main_bottom{
width:1034px;
height:25px;
background: url(../images/main_bottom.png) no-repeat;
_background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='public/images/splash/main_bottom.png');
margin: 0 auto;
}

#footerwrap{
width: 1034px;
padding-left:100px;
margin: 0 auto;
color:#333;
}
/* CSS for Normal Page */

#maincontainer {
width: 1034px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color:#FFFFFF;
background: url(../images/splash/content_bg.png);
_background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='public/images/splash/content_bg.png') ;
background-repeat:repeat-y;
overflow: auto;
}


#fund_managment{
float:left;
display:inline;
margin-left:37px;
}

#banque_baring{
float:right;
display:inline;
margin-right:37px;
}

#topsection {
background: #FFFFFF url(../images/banner_bg.png) no-repeat;
height: 152px; /*Height of top section*/
text-align:right;
float:left;
margin-left:17px;
display:inline;
}

#flash_header{
float:left;
margin-top:7px;
width:730px;
}

#main_logo{
float:left;
margin-top:7px;
margin-right:37px;
margin-left:20px;
}

#ticker{
float:left;
display:inline;
width:980px;
background: #FFFFFF url(../images/ticker_bg.png) repeat-x;
margin-left:17px;
height:55px;
line-height:55px;
padding-left:20px;
}

#news{
font-size:16px;
display:none;
position:relative;
}

#news a{
text-decoration:none;
background: url(../images/news_text.png) repeat-x; /* IE6 hack for fading text */
}

.news_item{
width:650px;
height:30px;
line-height:30px;
background: #FFFFFF url(../images/ticker_bg.png) repeat-x;
border:1px solid #eaeaea;
padding-left:10px;
margin-top:15px;
}

#news_form {
width:640px;
background: #FFFFFF;
border:1px solid #eaeaea;
margin-top:15px;
padding:10px;
display:none;
}

#news_form ul{
list-style:none;
margin:0;
padding:0;
}

#news_form  label{
text-align:left;
width:90px;
margin-right:0;
}

.input_txt{
width:500px;
}

#contentwrapper{
width:1000px;
margin-left:17px;
position:relative;
float:left;
background: url(../images/static_colour_white.gif) repeat-y top left;
}

#legalwrapper{
width:1000px;
margin-left:17px;
position:relative;
}

#contentcolumn{
width:474px;
float:left;
margin-left:20px;
padding-top:27px;
}

/* CSS for pages with one column in them */
/* Will be used with Administrator and static pages for example */
#contentcolumn-2col {
width:690px;
float:left;
margin-left:20px;
margin-top:27px;
}

/* CSS for pages with one large column in */
/* Probably only used for the Disclaimer page */
/* Navigation div (#leftcolumn) should be removed upon use of this one */
#contentcolumn-1col {
width:960px;
float:left;
margin-left:20px;
margin-top:20px;
}

#leftcolumn{
float: left;
width:250px;
background:#E5E5E5 url(../images/left_column.png) top left repeat-y;
padding-left:20px;
padding-bottom:20px;
}

#rightcolumn{
float: left;
width: 216px; /*Width of right column*/
padding:10px;
background:#fff url(../images/news_bg.png) top left repeat-x;
font-size:11px;
}

#rightwrap{
float: left;
width: 216px; /*Width of right column*/
height:440px;
overflow:hidden;
}

#rightcolumn h2 {
padding:0 0 0 5px;
margin:0 0 5px 0;
font-size:14px;
line-height: 21px;
text-align:left;
font-weight:bold;
font-size:12px;
}

#rightcolumn h3 {
padding:0;
margin:0 0 5px 0;
font-size:12px;
line-height: 20px;
text-align:left;
font-weight:bold;
}

#footer{
width: 1034px;
padding-left:100px;
margin: 0 auto;
color:#333;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.innertube-content {
margin: 0 10px 0 0; /*Margins for inner DIV inside each column (to provide padding)*/
}

/*.innertube-content ul { margin-left:20px; padding:0 0 0 12px; list-style: url(../images/icon_list.gif) }*/

.innertube-content li { margin-bottom: 15px; padding-left:12px; line-height:20px;}

.nippon{
	background:  url(../images/nippon_growth_bullet.gif) no-repeat top left;
	background-position:0 6px;
}

.evarich{
	background:  url(../images/evarich_bullet.gif) no-repeat top left;
	background-position:0 6px;
}

.global_innovation{
	background:  url(../images/emerging_europe_bullet.gif) no-repeat top left;
	background-position:0 6px;
}

.blue_star{
	background:  url(../images/blue_star_bullet.gif) no-repeat top left;
	background-position:0 6px;
}

.anaconda{
	background:  url(../images/anaconda_bullet.gif) no-repeat top left;
	background-position:0 6px;
}

.china_panda{
	background:  url(../images/china_panda_bullet.gif) no-repeat top left;
	background-position:0 6px;
}

.euro_bond{
	background:  url(../images/euro_bond_bullet.gif) no-repeat top left;
	background-position:0 6px;
}

.nippon_growth_uctis{
	background:  url(../images/nippon_growth_uctis_bullet.gif) no-repeat top left;
	background-position:0 6px;
}

.emerging_europe{
	background:  url(../images/emerging_europe_bullet.gif) no-repeat top left;
	background-position:0 6px;
}

.europe_value{
	background:  url(../images/europe_value_bullet.gif) no-repeat top left;
	background-position:0 6px;
}

.global_opportunities{
	background:  url(../images/global_opportunities_bullet.gif) no-repeat top left;
	background-position:0 6px;
}

.us_growth{
	background:  url(../images/us_growth_bullet.gif) no-repeat top left;
	background-position:0 6px;
}

/* Menu Navigation */
/* Modified Arrow Green Vertical Menu */
/* http://www.dynamicdrive.com/style/csslibrary/item/arrow_green_vertical_menu/ */

.sturdzanavigation {
	width: 235px; /*width of menu*/
	border: 0;
	float:left;
	margin-top:15px;
}

.sturdzanavigation ul{
	list-style-type: none;
	margin-bottom:20px;
	padding: 0;
}
	
.sturdzanavigation li a{
	font: 12px Arial, Helvetica, sans-serif;
	display: block;
	border-bottom:1px dotted #666;
  	height: 25px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 0 0 0 10px;
	margin: 2px 0 0 0;
	line-height: 25px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;	
}	
	
.sturdzanavigation li a:link, .sturdzanavigation li a:visited {
	color: #333;
	text-decoration: none;
}

.sturdzanavigation li a:hover{
	color: #333;
	background-position: 100% -20px;
	text-decoration: none;
}

.sturdzanavigation li a.selected{
	color: #fff;
	text-decoration: none;
	background:#999;
}

.toggle_container {
display:none;
text-decoration:none;
}

.toggle_container li {
	list-style-type: none;	
}	


.trigger {
	font: 12px Arial, Helvetica, sans-serif;
	display: block;
	border-bottom:1px dotted #666;
  	height: 25px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 0 0 0 10px;
	margin: 2px 0 0 0;
	line-height: 25px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	background: url(../images/nav_bullet.gif) no-repeat left;
}	

.trigger a{
	text-decoration: none;
}

.active{
display:block;
background: url(../images/nav_bullet_down.gif) no-repeat left;
}

.remove{
display:block;
}

/* Administration Styles */
/* Still to come */

fieldset {
padding: 15px 12px 10px 12px;
font-weight:normal;
margin-bottom:12px;
border: 1px solid #999999;
}

legend {
font-size: 12px;
font-weight:bold;
color:#000000;
}
  
label {
float:left;
width:160px;
margin:0 20px 0 10px;
padding-top:0.2em;
text-align:right;
font-weight:normal;
}

/* Added as a class to labels with input checkboxes and long text */
label.long {
width:350px;
}

/* Turns the stars (*) red! */
.highlight {
color:#FF2025;
font-weight:bold;
padding: 0 3px;
font-size: 14px;
}

input.submitbutton {
border: 1px solid #999999;
margin-right:10px;
line-height:16px;
padding:3px 7px;
font-size: 12px;
background-color:#e7e7e7;
color:#000000;
}

/* Used for disclaimers etc. */
p.small {
font-size:10px;
padding: 0 30px;
}

/* Textarea Formatting */

textarea, input {
background-color: #fcfcfc;
border: 1px #7f9db9 solid;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding: 2px;
}

textarea {
width:99%;
height:250px;
}

textarea b {
font-weight:bold;
}

textarea i {
font-weight:normal;
font-weight:lighter;
}

/* Text classes to be added in the formatting of the text for administrators */

.text-normal {
font-size:12px;
color:#000000;
line-height:15px;
font-family:Arial, Helvetica, sans-serif;
}

.text-small {
font-size:10px;
color:#000000;
line-height:13px;
font-family:Arial, Helvetica, sans-serif;
}

.text-header {
font-size:12px;
color:#000000;
margin:0 0 14px 0;
padding:0;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

#tinymce{
background:#fff;
}

.delete_news{
float:right;
}

.delete_news a{
text-decoration:none;
color:#FF0000;
}

.delete_news a:hover{
text-decoration:none;
color:#222;
}

.edit_news{
float:left;
margin-right:10px;
}

.edit_news a{
text-decoration:none;
color:#009900;
}

.edit_news a:hover{
text-decoration:none;
color:#222;
}

.options{
float:right;
margin-right:10px;
}

input[disabled]{
background:#ccc;
}

#funds_scroller{
float:left;
margin-left:230px;
margin-top:-80px;
font-weight:bold;
display:inline;
font-size:14px;
}

#fund_name{
float:left;
display:none;
margin-left:10px;
}

#page_title{
float:left;
display:inline;
width:980px;
background: #FFFFFF url(../images/ticker_bg.png) repeat-x;
margin-left:17px;
height:55px;
line-height:55px;
padding-left:20px;
}

#title_text{
float:left;
display:inline;
margin-left:270px;
}

#title_text h1{
font-family:"Myriad Pro", Arial, Helvetica ;
font-weight:normal;
font-size:20px;
color:#666;
margin-bottom:0;
}

#fund_colour{
float:left;
display:inline;
width:1000px;
margin-left:17px;
height:3px;
padding:0;
}