@charset "utf-8";
/* 	Stylesheet Virtual Trader  *
 *	23-07-2009 - Dirk-Jan Smit     */
 
@import url("css/jquery.tabs.css");

body {
	margin:0;
	padding:0;
	background:#fff url(images/bg_body.gif) repeat-x;
	color:#666;
	font-family:Arial, sans-serif;
	font-size:12px;
	line-height:1.35em;
}
/* default */

h1, h2, h3, h4, h5, h6, p, pre, blockquote, dl, address {
	margin: 1em 0;
	padding: 0;
	line-height:1.5em;
	color:#333;
}
td {
	color: #333;
	line-height: 1.35em;
	font-size: 12px;
	font-family:Arial, sans-serif;
	margin:0;
	padding:0;
}
img {
	border:none;
}
img.floatRight {
	float:right;
	margin:0 0 10px 10px;
}
a {
	color:#57577C;
	zoom:1; /* fixes extra padding IE-bug */
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:underline;
}
strong {
	color:#333;
}
p {
	line-height:1.5em;
	margin:0;
	padding:5px 0 15px;
}
p.justify {
	text-align:justify;
}
ul {
	line-height:1.5em;
}
hr {
	 background-color:#E4E4E4; 
	 color:#E4E4E4; 
	 height:5px; 
	 margin:5px 0 !important; 
	 margin:-2px 0; 
	 border:none; 
	 border-top:1px solid #E4E4E4; 
	 padding:0; 
	 clear:both; 
	 width:100%;
}
input, select, textarea {
	border:1px solid #aaa;
	border-bottom:2px solid #aaa;
	padding:2px;
	margin:1px 0;
}
.clear {
	clear:both;
}
.center {
	text-align:center;
}
.note {
	background-color:#ffdddd;
	padding:10px;
	border-bottom:1px solid #ffaaaa;
}
.small {
	font-size:0.9em;
	padding:0 0 5px;
}
.mb10 {
	margin-bottom:10px;
}
.loginLeft {
	float:left;
}
.loginLeft a {
	text-decoration:none;
}
.loginRight {
	float:right;
	text-align:right;
}
.TextSubHeader {
	font-size:13px;
	font-weight:bold;
}
.TextDatePadding {
	padding-right:5px;
}
.TextItemInfo {
	font-size:10px;
}
.Select {
	font-size: 9px;
}
hr.big {
	background-color:#57577C;
	color:#57577C;
	height:5px;
	border:none;
	margin:0 0 5px;
	padding:0 0 5px;
}
hr.small {
	background-color:#CFDEF2;
	color:#CFDEF2;
	height:1px;
	border:none;
	margin:0 0 5px;
	padding:0 0 5px;
}
.TitleBak {
	font:bold 25px/32px Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	color:#333;
}
.Title {
	font:bold 25px/32px Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	color:#333;
}
.sRight {
	display:none;
}
tr.head td, tr.headerKoersenTR td {
	font-weight:bold;
	color:#000;
}
tr.row0 {
	background-color:#fff;
}
tr.row1 {
	background-color:#fff;
}
td.item a {
	border-bottom:none;
}
td.item a:hover {
	border-bottom:none;
}
td.item {
	padding:2px 5px 1px 0;
	overflow:hidden;
}
/****** Buttons ***************************************/


.ButtonForm, .ButtonLink, .OURLINK {
	background:#BBBBBB -moz-linear-gradient(90deg, #BBBBBB, white) repeat-x;
	background:#BBBBBB -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#BBBBBB)) repeat-x;
 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#BBBBBB');
	border:1px solid #ccc !important;
	padding:4px 12px;
	zoom:1;
	white-space:nowrap;
	color:#333333 !important;
	margin:5px 5px 5px 0;
	font-weight:bold;
	font-size:12px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
	width:100px;
	text-align:center;
	cursor:pointer;
	text-shadow:0 1px #FFFFFF;
}
.ButtonForm:hover, .ButtonLink:hover, .OURLINK:hover {
	background-color:#FFFFFF;
	color:#666666 !important;
	border:1px solid #AAAAAA !important;
}
/*a.ButtonLink:link, a.ButtonLink:visited {*/

/****** Headers voor alle onderdelen op homepage ******/

.HeaderKoersen td , .HeaderStijgersDalers td, .HeaderWatchlist td, .HeaderMarkten td, .HeaderForums td, .HeaderForumsTR td {
	font-size:13px;
	font-weight:bold;
	border:none;
	padding:3px 0 5px 0;
	background:url(images/bg_horizontal.gif) repeat-x bottom left;
}
.headerPortefeuilles {
	background:url(images/bg_horizontal.gif) repeat-x bottom left;
}
.headerPortefeuilles td {
	padding:3px 0;
	font-weight:bold;
	font-size:13px;
	color:#000;
	margin:0 0 5px 0;
}
/****** Alt rows **************************************

/****** Alt rows **************************************/

/*default*/
.AltRow {
	background-color:#fff;
	border-bottom:1px solid #D3D0D0;
}
.AltRow td, .Row td {
	padding:3px 0;
}
.AltRow td, .AltRowMember td, .AltRowForums td {
	padding:3px 0;
}
.Row td, .RowMember td, .RowForums td {
	padding:3px 0;
}
.AltRowWatchlist {
	background-color: #fff;
	border-bottom:1px solid #D3D0D0;
}
.altRowForums, .RowForums {
	background:url(images/bg_horizontal.gif) repeat-x left bottom
}
.RowNieuws td, .RowForums td, .AltRowNieuws td, .altRowForums td {
	padding:3px 0 10px;
}
.RowForums table td, .AltRowForums table td {
	padding-bottom:5px;
}
.AltRowKoersen {
	background-color: #fff;
	border-bottom:1px solid #D3D0D0;
}
.AltRowVermogenspitch {
	background-color: #fff;
	border-bottom:1px solid #D3D0D0;
}
.AltRowTechnischeAnalyse, .AltRowFundamenteel, .AltRowInsiderTrades, .AltRowHomeRubrieken, .AltRowGoudentak, .AltRowCommunityCall {
	background-color: #fff;
	border-bottom:1px solid #D3D0D0;
}
.AltRowPortfolio {
	background-color: #fff;
	border-bottom:1px solid #D3D0D0;
}
.RowPortfolio td, .altRowPortfolio td {
	padding:4px 5px 4px 0;
}
.RowKoersen {
	background-color: #fff;
	border-bottom:1px solid #D3D0D0;
}
.AltRowStijgersDalers {
	background-color: #fff;
	border-bottom:1px solid #D3D0D0;
}
.AltRowMainTable {
	background-color: #fff;
	border-bottom:1px solid #D3D0D0;
}
.AltRowColumns, .RowColumns {
	background-color: #FFFFFF;
	border-bottom:1px solid #D3D0D0;
	FONT-SIZE: 11PX;
}
/* headers */

h1 {
	font:bold 25px/32px Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	color:#333;
}
h2 {
	color:#333333;
	font-family:Arial,sans-serif;
	font-size:17px;
	font-weight:bold;
	line-height:1em;
	margin:15px 0 10px;
	padding:0;
}
h2 a {
	color:#333;
	text-decoration:none;
}
h3 {
	font-family:Arial,sans-serif;
	font-size:13px;
	color:#333;
	margin:0 0 2px;
}
h3 a {
	text-decoration:none;
}
.mt0 {
    margin-top: 0;
    padding-top: 0;
}
/* remove borders */

.bt, .br, .bb, .bl {
	margin:0;
	padding:0;
	border:none;
}
/* layout blocks */

.siteWrapper {
	width:960px;
	background:#fff;
	border-top:5px solid #57577C;
	border-bottom:5px solid #57577C;
}
.StyleTopHeader {
	width:960px;
	height:130px;
	/*background:url(images/bg_horizontal.gif) repeat-x left bottom;*/
	border-bottom:5px solid #57577C;
}
.menu {
	width:200px;
	border-top:10px solid #fff;
	border-bottom:10px solid #fff;
	background:transparent url(images/bg_vertical.gif) repeat-y right top;
}
div#skyscraper {
	text-align:center;
	padding:15px 0;
}
.content_MainHome {
	width:750px;
	padding:10px 0 10px 10px;
}
.content_Main {
	width :750px;
	padding:10px 0 10px 10px;
}
/* footer */
.bn {
	background:url(images/bg_horizontal.gif) repeat-x left top;
	padding:20px 0 0;
}
.bn p {
	padding-bottom:20px;
}
/* .StyleTopHeader */
div#leaderboard {
	width:960px;
	padding:10px 0;
	margin:0;
	background:url(images/bg_horizontal.gif) repeat-x left bottom;	
	text-align:center;
}
div.StyleTopHeaderLeft {
	width:605px;
	height:130px;
	float:left;
	display:inline;
}
div.StyleTopHeaderLeft div.faceblock {
	width:605px;
	height:50px;
	margin:5px 0;
}
div.StyleTopHeaderLeft div#logos {
	width:605px;
	height:90px;
}
.StyleTopHeader div#logos a#IEXpresenteert {
	background:#FFFFFF url(images/iex_nl_presenteert.jpg) no-repeat;
	height:20px;
	margin:7px 0 5px;
	width:153px;
	display:block;
}
.StyleTopHeader div#logos a#scholenstrijd_logo {
	background:#FFFFFF url(images/scholenstrijd_logo.jpg) no-repeat;
	height:33px;
	width:400px;
	display:block;
}
/* menu */
.menu h4 {
	color:#333;
	font-size:17px;
	font-family:Arial, sans-serif;
	margin:0 15px 5px 0;
	padding:0;
	font-weight:bold;
}
.menu ul {
	margin:0 15px 10px 0;
	padding:0;
	list-style:none;
	line-height:1.3em;
}
.menu ul li {
	margin:0;
	padding:0;
}
.menu ul li a {
	background:transparent url(images/arrow-transparent.gif) no-repeat 2px 0.6em;
	color:#666;
	text-decoration:none;
	padding:2px 0 2px 10px;
	font-size:12px;
	margin:0;
	display:block;
	-moz-border-radius:4px;
}
.menu ul li a:hover {
	background:#f1f6fc url(images/arrow-transparent.gif) no-repeat 2px 0.6em;
	color:#333;
}
.menu_bottom {
	height:100%;
	background-color:#fff;
	text-align:center;
}
/* homepage */

div#home_content {
	width :750px;
}
.button_link {
	background:#E9E9E9 -moz-linear-gradient(90deg, #E9E9E9, white) repeat-x;
	background:#E9E9E9 -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E9E9E9)) repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#E9E9E9');
	border:1px solid #ccc !important;
	padding:10px;
	zoom:1;
	display:block;
	white-space:nowrap;
	color:#333333 !important;
	font-weight:bold;
	font-size:16px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05);
	width:150px;
	text-align:center;
	text-decoration:none;
}
.button_link:hover {
	border:1px solid #ccc !important;
	color:#333333 !important;
	background:#E9E9E9 -moz-linear-gradient(90deg, white, #E9E9E9) repeat-x;
	background:#E9E9E9 -webkit-gradient(linear, 0 0, 0 100%, from(#E9E9E9), to(white)) repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='white');
	zoom:1;
	text-decoration:none;
}
div#home_left {
	width :380px;
	margin-right :15px;
	float :left;
	display :inline;
}
div#home_right {
	background:url(images/bg_vertical.gif) repeat-y left top;
	width :340px;
	padding-left :15px;
	float :right;
	display :inline;
}
table.video_table tr td a {
	font-size:0.9em;
	line-height:1em;
}
table.video_table tr td img {
	margin-bottom:3px;
}
h2.right_top {
	margin-top:0;
}
div#market_comment {
	background-color :#f1f6fc;
	width :355px;
	border-bottom :#D3D0D0 1px solid;
}
div#market_comment a {
	border-bottom:none;
}
div#market_comment p {
	margin :0;
	padding :3px;
}
div#koersen {
	width :355px;
	padding-bottom :10px;
}
div#koersen div {
	margin :5px 0;
}
div#koersen h2 {
	margin :5px 0;
}
div#koers_grafiek {
	width :175px;
	padding-right :5px;
	float :left;
}
div#koers_indices {
	width :175px;
	float :left;
}
div#koers_stijgers {
	width :175px;
	padding-right :5px;
	float :left;
}
div#koers_dalers {
	width :175px;
	float :left;
}
div#home_footer {
	width :750px;
	clear :both;
	padding :10px 0;
}
ul#prijzen-lijst {
	list-style :none;
	margin :auto 0;
	padding :0;
}
ul#prijzen-lijst li {
	display :block;
	float :left;
	margin :0 3px;
}
.content_note {
	padding : 3px;
	font-size : 10px;
	border-bottom : #D3D0D0 1px solid;
	background-color :#f1f6fc;
	margin :0 auto;
}
.content_note .Title {
	font-size:18px;
}
.content_noteR, .content_note, .content_note font {
	font-size:11px !important;
}
.content_noteR {
	line-height: 14px;
	margin:10px 0;
}
/* inlogpagina */
div#inlog_left {
	width :430px;
	margin-right :10px;
	float :left;
	display :inline;
}
div#inlog_right {
	width :290px;
	background:url(images/bg_vertical.gif) repeat-y left top;
	padding-left :15px;
	float :right;
	display :inline;
}
/* KOERSEN */
.TextKoersNeutral {
	color :#333;
}
.TextKoersUp {
	color :#009900;
}
.TextKoersDown {
	color :#ff0000;
}
/* Personal Dashboard */

div#scoreblok {
	width :355px;
	height :125px;
	margin :2px 0;
	background-color :#fff;
	float :right;
	display :inline;
	overflow :hidden;
}
/* personalDashboardNoPortf */
div#scoreblok form {
	width :355px;
	margin :5px 0 0 0;
}
div#scoreblok form fieldset.login_form {
	border:5px solid #CFDEF2;
	margin:0;
	padding:5px 10px;
	-moz-border-radius:5px;
}
div#scoreblok form fieldset.login_form legend {
	font-family :Arial, sans-serif;
	font-size :1.5em;
	font-weight :normal;
	line-height :normal;
	color :#333;
	padding :0 2px 0 10px;
}
div#scoreblok form fieldset.login_form ol {
	margin:0 0 5px;
	padding:0 0 2px;
	background:url(images/bg_horizontal.gif) repeat-x left bottom;
}
div#scoreblok form fieldset.login_form ol li {
	list-style :none;
	margin :3px 0 0;
	padding :0;
	text-align :left;
}
div#scoreblok form fieldset.login_form ol li label {
	display:inline-block;
	margin:5px 0;
	width:80px;
	font-size:0.9em;
	padding-left:10px;
	background:transparent url(images/arrow-transparent.gif) no-repeat 0px 0.6em;
}
div#scoreblok form fieldset.login_form ol li input {
	background:#F6F6F6;
	border-color:#D9D9D9;
	border-style:solid;
	border-width:2px 1px 1px;
	color:#333;
	margin:0 0 5px 0;
	padding:3px;
	width:225px;
	font-size:0.9em;
	height:22px;
	-moz-border-radius:3px;
}
div#scoreblok form p {
	margin :0;
	padding:0 0 2px 0;
}
div#scoreblok form p input {
	color :#333;
	margin:0 0 0 15px;
	padding:2px 10px 3px;
	font-size:0.9em;
	background :#F6F6F6;
	border:none;
	border-color:#D9D9D9;
	border-style:solid;
	border-width:2px 1px 1px;
	-moz-border-radius:3px;
	cursor:pointer;
}
div#scoreblok form p a {
	color :#333;
	margin:0 5px 0 0;
	padding:3px 10px;
	font-size:0.9em;
	border-bottom:1px solid #d9d9d9;
}
div#scoreblok form p a:hover {
	border-bottom:1px solid #FFFFFF;
}
/* personalDashboard */
div#scoreblok div#dashboard {
	border:5px solid #CFDEF2;
	margin:0;
	padding:5px 10px;
	-moz-border-radius:5px;
	height:105px;
}
div#portfName {
	width :355px;
	margin :3px 0 2px 0;
	border-bottom :1px solid #D3D0D0;
	background :#f1f6fc;
}
div#portfName strong {
	color :#57577C;
}
div.portfName_left {
	width :255px;
	float :left;
}
div.portfName_left p {
	margin :0;
	padding :1px 3px;
}
div.portfName_right {
	width :99px;
	float :right;
	text-align:left;
}
div.portfName_right a {
	display :block;
	margin :0;
	padding :1px 3px;
	color :#FF0000;
}
div#dashboard h2 {
	font-size :1.2em;
	margin:0 0 5px;
	padding:0;
	border:none;
}
div#dashboard h3 {
	font-size :0.9em;
	margin :0;
	padding:2px 0;
}
div#dashboard ul {
	margin:0;
	padding:0 5px 0 0;
	list-style:none;
	line-height:1.3em;
}
div#dashboard ul li {
	margin :0;
	padding :0;
	list-style :none;
}
div#dashboard ul li a {
	background:transparent url(images/arrow-transparent.gif) no-repeat 2px 0.7em;
	color:#666;
	text-decoration:none;
	padding:2px 0 2px 10px;
	font-size:0.9em;
	margin:0;
	display:block;
	-moz-border-radius:3px;
}
div#dashboard ul li a:hover {
	background:#f1f6fc url(images/arrow-transparent.gif) no-repeat 2px 0.7em;
	color:#333;
}
div#dashboard ul li a.logout {
	color:#ff0000;
}
div#dashboard ul li a.logout:hover {
	background:#FFC4C4 url(images/arrow-transparent.gif) no-repeat 2px 0.7em;
	color:#ff0000;
}
div.portefeuille {
	width:120px;
	height:105px;
	float :left;
	display :inline;
	background:url(images/bg_vertical.gif) repeat-y right top;
	margin-right:5px;
}
div.klassement {
	width:95px;
	height:105px;
	margin:0 5px;
	float:left;
	display:inline;
	background:url(images/bg_vertical.gif) repeat-y right top;
}
div.rendement {
	width:90px;
	height:105px;
	margin-left:5px;
	float:left;
	display:inline;
}

/* rectangle */
div#rectangle {
	float:right;
	margin:0 0 10px 10px;
}

/* TABS */
div.tabs-container table { 
	margin-bottom:0;
}
div#globale-stand, div#risico-rendement, div#scholenstrijd, div#laatste-transacties, div#populaire-stukken {
	width:340px;
	overflow:hidden;
}
div#scholenstrijd {
	height:350px;
	overflow:hidden;
}
div#laatste-transacties .altRowPortfolio td.item, 
div#populaire-stukken .altRowPortfolio td.item,
div#laatste-transacties .RowPortfolio td.item, 
div#populaire-stukken .RowPortfolio td.item {
	padding:0 5px 4px 0;
}

/* TWITTER */
h2.twitter {
	background:url(http://img.iex.nl/_VT/RBSSlimste/_images/twitter_icon.jpg) no-repeat 0 2px;
	padding:0 0 2px 24px;
}
div.twtr-hd, div.twtr-ft {
	display:none;
}
.twtr-widget .twtr-tweet {
	background-color:#F1F6FC;
}
div.twtr-widget .twtr-tweet div.twtr-tweet-wrap {
	padding:6px 5px 6px 0;
}
div.twtr-bd {
	background-color:#F1F6FC;
	border-bottom:1px solid #CFDEF2;
	border-top:1px solid #CFDEF2;
	margin:5px 0 10px;
}
