@charset "utf-8";
/* 	Stylesheet SIC - Student Investment Competition *
 *	17-3-2011 - © Dirk-Jan Smit     */
 
@import url("css/reset.css");
@import url("css/typography.css");
@import url("css/tables.css");
@import url("css/jquery.tabs.css");

html {
	height:100%;
	margin:0;
	padding:0;
}
body {
	height:100%;
	margin:0;
	padding:0;
	background:url(images/bg_body.gif) repeat-y center top;
}

/* default */


img.floatRight {
	float:right;
	margin:0 0 10px 10px;
}
input, select, textarea {
	background:#F9F9F9;
	border-color:#D9D9D9;
	border-style:solid;
	border-width:2px 1px 1px;
	-moz-border-radius:3px;
	color:#333;
	padding:3px;
	margin:2px 0;
}
textarea {
	width:400px;
	height:150px;
}
.note {
	background-color:#ffdddd;
	padding:10px;
	border-bottom:1px solid #ffaaaa;
}
.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:#07a4a8;
	color:#07a4a8;
	height:5px;
	border:none;
	margin:0 0 5px;
	padding:0 0 5px;
}
hr.small {
	background-color:#07a4a8;
	color:#07a4a8;
	height:1px;
	border:none;
	margin:0 0 5px;
	padding:0 0 5px;
}
.TitleBak {
	color:#444;
	font-size:24px;
	margin:0 0 5px;
	padding:0;
	font-weight:normal;
	line-height:1em;
}
.Title {
	color:#444;
	font-size:24px;
	margin:0 0 5px;
	padding:0;
	font-weight:normal;
	line-height:1em;
	
	-
}
.sRight {
	display:none;
}

/****** Buttons ***************************************/

/****** Buttons ***************************************/

.ButtonForm, .ButtonLink, .OURLINK {	
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	background:#027789 -moz-linear-gradient(90deg, #027789, #07a4a8) repeat-x;
	background:#027789 -webkit-gradient(linear, 0 0, 0 100%, from(#07a4a8), to(#027789)) repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#07a4a8', endColorstr='#027789');
	zoom:1;
	white-space:nowrap;
	border:none;
	cursor:pointer;
	color: #FFFFFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 5px 5px 5px 0;
	padding: 4px 6px;	
}
.ButtonForm:hover, .ButtonLink:hover, .OURLINK:hover {
	color:#fff;
	background:#006170 -moz-linear-gradient(90deg, #006170, #07989c) repeat-x;
	background:#006170 -webkit-gradient(linear, 0 0, 0 100%, from(#07989c), to(#006170)) repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#07989c', endColorstr='#006170');
}
.button_link {
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	background:#027789 -moz-linear-gradient(90deg, #027789, #07a4a8) repeat-x;
	background:#027789 -webkit-gradient(linear, 0 0, 0 100%, from(#07a4a8), to(#027789)) repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#07a4a8', endColorstr='#027789');
	zoom:1;
	display:block;
	white-space:nowrap;
	border:none;
	cursor:pointer;
	color: #FFFFFF;
	font: bold 16px Arial, Helvetica, sans-serif;
	margin: 5px 0;
	padding: 10px;
	width:150px;
	text-align:center;
}
.button_link:hover {
	color:#FFFFFF !important;
	background:#006170 -moz-linear-gradient(90deg, #006170, #07989c) repeat-x;
	background:#006170 -webkit-gradient(linear, 0 0, 0 100%, from(#07989c), to(#006170)) repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#07989c', endColorstr='#006170');
	zoom:1;
}

/*default*/

/* remove borders */

.bt, .br, .bb, .bl {
	margin:0;
	padding:0;
	border:none;
}
/* layout blocks */

.siteWrapper {
	width:960px;
	background:#fff;
}
.StyleTopHeader {
	width:960px;
	height:130px;
	/*background:url(images/bg_horizontal.gif) repeat-x left bottom;*/
	border-bottom:5px solid #D4D4D4;
}	
.menu {
	width:200px;
	padding-top:10px;
}
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_footer.gif) no-repeat top center;
	padding:35px 15px 15px;
}
.bn p {
	text-align:center;
	margin:0;
}
/* .StyleTopHeader */
div#leaderboard {
	width:930px;;
	padding:10px 0;
	margin:0;
	background:url(images/bg_horizontal.gif) repeat-x left bottom;	
	text-align:center;
}
div#logos {
	width:258px;
	float:left;
	display:inline;
	height:130px;
}
.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 div.logo_slide {
	height:87px;
	width:258px;
	display:block;
	overflow:hidden;
	float:left;
}
.StyleTopHeader div#partners {
    float: left;
    margin: 0 0 0 25px;
    width: 330px;
}
.StyleTopHeader div#partners h1 {
    display: block;
    float: left;
    font: bold 20px Arial,Helvetica,sans-serif;
    height: 40px;
    margin: 7px 0 10px;
}
.StyleTopHeader div#partners h1 a {
	color:#027789;
	text-decoration:none;
}
.StyleTopHeader div#partners h1 a:hover {
	color:#444;
}
/* menu */
.menu h4 {
	color:#4444;
	font-size:16px;
	margin:0;
	padding:0;
	font-weight:bold;
}
.menu ul {
	margin:10px 10px 10px 0;
	padding:0;
	list-style:none;
}
.menu ul li {
	margin:0;
	padding:0;
}
.menu ul li a {
	background:transparent url(images/arrow-lightgreen-transparent.gif) no-repeat scroll 1px 0.7em;
	border-bottom:1px solid #D4D4D4;
	color:#027789;
	text-decoration:none;
	padding:3px 10px;
	font-size:12px;
	margin:0;
	display:block;
}	
.menu ul li a:hover {
	background:#07a4a8 url(images/arrow-lightgreen-transparent.gif) no-repeat scroll 1px 0.7em;
	color:#fff;
}
.menu_bottom {
	height:100%;
	background-color:#fff;
	padding:10px;
}
/* homepage */

div#home_content {
	width :750px;
}
div#home_left {
	width:390px;
	margin-right:20px;
	float:left;
	display:inline;
}
div#home_right {
	width :336px;
	float :right;
	display :inline;
}
div#stand-portfno {
	height:335px;
	overflow:hidden;
}
div#stand-portfyes {
	height:310px;
	overflow:hidden;
}
div#leagues-portfno {
	height:300px;
	overflow:hidden;
}
div#leagues-portfyes {
	height:380px;
	overflow:hidden;
}
div#instrumenten {
	height:210px;
	overflow:hidden;
}


table.video_table tr td a {
	font-size:11px;
	line-height:1em;
}
table.video_table tr td img {
	margin-bottom:3px;
}
div#market_comment {
	background-color :#c8f0ed;
	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 :336px;
	padding-bottom :10px;
}
div#koersen div {
	margin :5px 0;
}
div#koersen div table tr td {
	font-size:11px;
}
div#koersen h2 {
	margin :5px 0;
}
div#koers_grafiek {
	width :165px;
	margin-right :6px;
	float :left;
}
div#koers_indices {
	width :165px;
	float :left;
}
div#koers_stijgers {
	width :165px;
	margin-right :6px;
	float :left;
}
div#koers_dalers {
	width :165px;
	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_Popup {
	padding:10px;
	margin:10px;
	background-color:#fff;
}
.content_note {
	padding : 3px;
	font-size : 10px;
	border-bottom : #D3D0D0 1px solid;
	background-color :#f3f3f3;
	margin :0 auto;
}
.content_noteR {
	font-size: 12px;
	line-height: 18px;
	margin:0;
}
.content_noteR, .content_note, .content_note font {
    font-size: 12px !important;
}
.content_note .Title {
    font: bold 16px Arial,Helvetica,sans-serif;
}
.kader {
	border-bottom:#D3D0D0 1px solid;
	background-color:#f3f3f3;
	padding:5px;
	margin:10px 0;
}
/* inlogpagina */
div#inlog_left {
    display: inline;
    float: left;
    margin-right: 20px;
    width: 470px;
}
div#inlog_right {
	width :250px;
	float :right;
	display :inline;
}
/* KOERSEN */
.TextKoersNeutral {
	color :#333;
}
.TextKoersUp {
	color :#009900;
}
.TextKoersDown {
	color :#ff0000;
}
/* Personal Dashboard */

div#scoreblok {
	width :336px;
    height: 128px;
    margin: 2px 0 0;
	background-color :#fff;
	float :right;
	display :inline;
	overflow :hidden;
}
/* personalDashboardNoPortf */
div#scoreblok form {
	width :336px;
	margin :5px 0 0 0;
}
div#scoreblok form fieldset.login_form {
	background:#efefef -moz-linear-gradient(90deg, #efefef, #fefefe) repeat-x;
	background:#efefef -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#efefef)) repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#efefef');
	border:2px solid #D4D4D4;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
    height: 111px;
    margin: 0;
    padding: 10px 10px 0;
}
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;
	padding:0;
}
div#scoreblok form fieldset.login_form ol li {
	list-style :none;
	margin:0 0 7px;
	padding:0;
	text-align :left;
	clear:both;
}
div#scoreblok form fieldset.login_form ol li label {
	display:inline-block;
	float:left;
	margin:3px 0;
	padding:0;
	width:110px;
	font-size:12px;
}
div#scoreblok form fieldset.login_form ol li input {
	background:#F9F9F9;
	border-color:#D9D9D9;
	border-style:solid;
	border-width:2px 1px 1px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#333;
	padding:3px;
	margin:0 0 5px 0;
	width:200px;
	font-size:12px;
	float:right;
}
div#scoreblok form div.loginform_footer {
	margin :0;
	padding:0;
}
div#scoreblok form div.loginform_footer input {
	color :#333;
	margin:0 0 0 15px;
	padding:2px 10px 3px;
	font-size:11px;
	background :#F9F9F9;
	border:none;
	border-color:#D9D9D9;
	border-style:solid;
	border-width:2px 1px 1px;
	-moz-border-radius:3px;
	cursor:pointer;
}
div#scoreblok form div.loginform_footer a {
    color: #027789;
    display: block;
    float: left;
    font: bold 12px Arial,Helvetica,sans-serif;
    margin: 5px 15px 0 0;
    padding: 0;
}
div#scoreblok form div.loginform_footer a:hover {
    color: #07A4A8;
	border:none;
}
/* personalDashboard */
div#scoreblok div#dashboard {
	background:#efefef -moz-linear-gradient(90deg, #efefef, #fefefe) repeat-x;
	background:#efefef -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#efefef)) repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#efefef');
	border:2px solid #D4D4D4;
	margin:5px 0 0;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
    height: 111px; 
    padding: 10px 10px 0;
}
div#portfName {
	width :355px;
	margin :3px 0 2px 0;
	border-bottom :1px solid #D3D0D0;
	background :#c8f0ed;
}
div#portfName strong {
	color :#07a4a8;
}
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 :12px;
	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 8px;
	font-size:12px;
	margin:0;
	display:block;
	-moz-border-radius:3px;
}
div#dashboard ul li a:hover {
	background:#c8f0ed 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:110px;
	height:105px;
	float :left;
	display :inline;
	background:url(images/bg_vertical.gif) repeat-y right top;
	margin-right:5px;
}
div.klassement {
	width:90px;
	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#globale-stand {
	height:330px;
	overflow:hidden;
}
div#scholenstrijd {
	height:330px;
	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/EOC10/images/twitter_icon.jpg) no-repeat 0 2px;
	padding:0 0 0 24px;
}
div.twtr-hd, div.twtr-ft {
	display:none;
}
.twtr-widget .twtr-tweet {
	background-color:#f5f5f5;
}
div.twtr-widget .twtr-tweet div.twtr-tweet-wrap {
	padding:6px 5px 6px 0;
}
div.twtr-bd {
	background-color:#f5f5f5;
	border:1px dotted #D3D0D0;
	margin:5px 0 10px;
}

/* FACEBOOK */
h2.facebook {
	background:url(http://img.iex.nl/_VT/roularta/_images/facebook_icon.jpg) no-repeat 0 2px;
	padding:0 0 0 24px;
}
h2.facebook a {
	color:#444;
}
.fan_box .connections {
	height:75px;
}