/************************************************************
Target: Screen
Author: Martijn Schornagel - Momono Ontwerpwerk - www.momono.nl
Copyright: 2005-2011 WatchMouse
Copyright: WatchMouse
************************************************************/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Lucida Grande", Verdana, Arial;
	font-size: 11px;
	line-height: 16px;
	background-color: #CD3301;
	height: 100%;
	color: #666666;
	padding-bottom: 30px;
}
#left {
	background-image: url(/images/spi/left.jpg);
	width: 94px;
	background-color: #FFFFFF;
	height: 460px;
	position: absolute;
}
#container {
	background-image: url(/images/spi/bg-container.jpg);
	background-repeat: no-repeat;
	width: 767px;
	position: relative;
	margin-left: 94px;
}
#holder {
	background-image: url(/images/spi/body-bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
#header {
	height: 110px;
	width: 760px;
	position: relative;
}
#home {
	height: 90px;
	width: 330px;
}
#home a {
	height: 90px;
	width: 330px;
	background-image: url(/images/spi/btn-home.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -4000px;
	display: block;
}
#home a:hover {
	background-position: right top;
}
#menu {
	height: 93px;
	background-color: transparent;
	position: absolute;
	top: 0px;
	right: 0px;
}
#content {
	padding-left: 20px;
	margin-top: 40px;
	margin-right: 7px;
	background-color: #FFFFFF;
	padding-right: 20px;
}
#leftcontent {
	width: 530px;
	float: left;
}
#rightcontent {
	width: 160px;
	float: right;
	margin-left: 30px;
}
.clear {
	clear: both;
}
#footer
{
	background-image: url(/images/spi/bg-footer.jpg);
	background-repeat: no-repeat;
	background-color: #CD3301;
	height: 50px;
	z-index: 90;
	padding-top: 50px;
	padding-left: 115px;
	color: #FFFFFF;
	font-size: 10px;
}
#ads {
	background-color: #FFFFFF;
	padding: 8px;
	border: 1px dotted #CCCCCC;
}
#crumbs {
	margin-bottom: 15px;
	color: #CC3300;
	line-height: 20px;
	background-image: url(/images/spi/bg-breadcrumbs.gif);
	height: 20px;
	background-repeat: no-repeat;
	font-weight: bold;
	padding-left: 10px;
	width: 520px;
}
#content #crumbs a {
	color: #424242;
	font-size: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#content #crumbs a:hover {
	color: #CC3300;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.graph {
	width: 530px;
	margin-bottom: 20px;
}
.legenda {
	background-color: #FFFFFF;
	padding: 5px;
	margin-top: 10px;
	border: 1px dotted #CCCCCC;
	overflow: auto;
}
.legenda-1 {
	background-image: url(/images/spi/legenda-1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	margin-bottom: 0px;
	font-size: 10px;
	font-family: "Lucida Grande", Verdana, Arial;
	font-weight: normal;
	color: #999999;
	float: left;
	margin-right: 20px;
}
.legenda-2 {
	background-image: url(/images/spi/legenda-2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	margin-bottom: 0px;
	font-size: 11px;
	font-family: "Lucida Grande", Verdana, Arial;
	font-weight: normal;
	color: #999999;
	float: left;
	margin-right: 20px;
}
.legenda-3 {
	background-image: url(/images/spi/legenda-3.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	margin-bottom: 0px;
	font-size: 11px;
	font-family: "Lucida Grande", Verdana, Arial;
	font-weight: normal;
	color: #999999;
	float: left;
	margin-right: 20px;
}
.legenda-4 {
	background-image: url(/images/spi/legenda-4.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	margin-bottom: 0px;
	font-size: 11px;
	font-family: "Lucida Grande", Verdana, Arial;
	font-weight: normal;
	color: #999999;
	float: left;
	margin-right: 20px;
}


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

* Menu

************************************************************/
#menu ul {
}
#menu ul li {
	float: left;
	height: 93px;
	width: 90px;
	list-style-image: none;
	list-style-type: none;
	margin-left: 1px;
}
#menu ul li a {
	background-image: url(/images/spi/menu.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	height: 23px;
	width: 85px;
	display: block;
	color: #FF3300;
	text-decoration: none;
	padding-left: 5px;
	padding-top: 70px;
	font-weight: bold;
	font-size: 10px;
}
#menu ul li a:hover {
	background-image: url(/images/spi/menu.gif);
	background-repeat: no-repeat;
	background-position: -90px bottom;
	color: #CCCCCC;
	background-color: #333333;
}
#menu ul li a#selected {
	background-image: url(/images/spi/menu.gif);
	background-repeat: no-repeat;
	background-position: -90px bottom;
	color: #CCCCCC;
	background-color: #333333;
}

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

* Typografie

************************************************************/
#header h1 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: normal;
	color: #CD3301;
	letter-spacing: 1px;
	width: 320px;
	position: absolute;
	left: 11px;
	bottom: 0px;
}
#content h1 {
	color: #424242;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 20px;
	margin-bottom: 15px;
}
h2 {
	color: #CD3301;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 16px;
	margin-bottom: 10px;
}
h3 {
	color: #FFCC00;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	line-height: 26px;
	height: 26px;
	letter-spacing: 2px;
}
#content h5 {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 15px;
}
#content h5 a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding: 3px;
	color: #AD2A00;
	text-decoration: none;
	background-color: #FFAA14;
}
#content h5 a:hover {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC3300;
}
#rightcontent .rightlink {
	height: 20px;
	width: 160px;
	line-height: 20px;
	margin-bottom: 10px;
}
#rightcontent .rightlink a {
	display: block;
	: 20px;
	background-image: url(/images/spi/btn-right.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
	font-weight: bold;
	color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-size: 10px;
}
#rightcontent .rightlink a:hover {
	color: #333333;
	background-position: right top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#leftcontent ul {
	margin-bottom: 15px;
	list-style-image: none;
	list-style-type: none;
}
#leftcontent ul li {
	background-image: url(/images/spi/standard-bullit.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 8px;
}
p {
	padding-bottom: 20px;
}
p.intro {
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	color: #666666;
	padding: 6px;
	margin-bottom: 20px;
}
#content a {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CD3301;
	color: #333333;
	text-decoration: none;
}
#content a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	color: #FF880A;
}

#footer a {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B22D00;
	color: #FFFFFF;
	text-decoration: none;
	padding-bottom: 1px;
	margin-right: 2px;
	margin-left: 2px;
}
#footer a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	color: #CD3301;
	border-bottom-color: #741B00;
}

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

* Styling data

************************************************************/
.rounded-bg {
	background-image: url(/images/spi/list-bg.gif);
	background-repeat: no-repeat;
}
.orangenr {
	color: #CD3301;
}
.red {
	background-image: url(/images/spi/arrow-red.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	color: #CD3301;
	padding-left: 25px;
}
.green {
	background-image: url(/images/spi/arrow-green.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	color: #CD3301;
	padding-left: 25px;
}
.black {
	background-image: url(/images/spi/arrow-black.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	color: #CD3301;
	padding-left: 25px;
}
.outline {
	background-image: url(/images/spi/arrow-outline.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	color: #CD3301;
	padding-left: 25px;
}
#data {
	margin-top: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
}
#data ol {
	list-style-position: outside;
	color: #999999;
}
#data ol li {
	line-height: 18px;
	height: 18px;
	padding-left: 4px;
	list-style-type: decimal;
}
#data ol li a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	left: 75px;
}
#data ol li a:hover {
	color: #CD3301;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#data .nodata{
	left: 50px;
}

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

* Newsletter

************************************************************/
#newsletter {
	background-image: url(/images/spi/bg-newsletter.gif);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#newsletter p {
	font-size: 10px;
	font-weight: bold;
	color: #CC3300;
	margin-bottom: 0px;
	line-height: 13px;
	padding: 8px;
}
#rightlist {
	background-image: url(/images/spi/bg-rightlist.gif);
	background-repeat: no-repeat;
	margin-bottom: 20px;
	background-color: #EEEEEE;
	padding: 0px;
	font-size: 10px;
}
#rightlist p {
	padding: 0px;
	font-weight: bold;
	margin-top: 4px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
	line-height: 12px;
	color: #CC3300;
}
#rightlist ul {
	padding: 0px;
	margin: 0px;
}
#rightlist ul li {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D9D9D9;
	line-height: 14px;
	list-style-image: none;
	list-style-type: none;
}
#rightlist ul li a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #666666;
	display: block;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 6px;
	margin: 0px;
	height: 100%;
}
#rightlist ul li a:hover {
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #E5E5E5;
	color: #333333;
}
#newsletter img {
	float: left;
}
#input {
	margin: 0px;
	background-image: url(/images/spi/bottom-newsletter.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ECECEC;
}
.inputfield {
	width: 136px;
	margin-bottom: 15px;
	font-size: 11px;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 2px;
}
#signup {
	background-color: #CC3300;
	border: 1px solid #333333;
	color: #FFCF00;
	font-size: 11px;
	font-weight: bold;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
}
#signup:hover {
	color: #333333;
	background-color: #FDCC00;
}

.tabledata {

	margin-bottom: 20px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #CCCCCC;

}

.tabledata td {

	padding-top: 3px;

	padding-bottom: 3px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

	padding-right: 2px;

	padding-left: 2px;

}

.tablehead {

	font-weight: bold;

	color: #333333;

}

.green-txt {

	color: #339900;

}

#content .green-txt a {

	color: #339900;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #666666;

}

.orange-txt {

	color: #FF9900;

}

#content .orange-txt a {

	color: #FF9900;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #666666;

}

.red-txt {

	color: #CC0000;

}

#content .red-txt a {

	color: #CC0000;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #666666;

}

.grey-bg {

	background-color: #F0F0F0;

}

#content .green-txt a:hover, 

#content .orange-txt a:hover, 

#content .red-txt a:hover {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #666666;

}
.right {
	text-align: right;
}
.center {
	text-align: center;
}

.error {
	color:#CD3301;
	font-family:"Trebuchet MS",Verdana,sans-serif;
	font-size:16px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:10px;
	
	text-align:center;
}


/* NEW STUFF */


#rightcontent .rightlist_island {
	background-image: url(/images/spi/bg-rightlist.gif);
	background-repeat: no-repeat;
	margin-bottom: 20px;
	background-color: #EEEEEE;
	padding: 0px;
	font-size: 10px;
}
#rightcontent .rightlist_island p {
	padding: 0px;
	font-weight: bold;
	margin-top: 4px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
	line-height: 12px;
	color: #CC3300;
}
#rightcontent .rightlist_island ul {
	padding: 0px;
	margin: 0px;
}
#rightcontent .rightlist_island ul li {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D9D9D9;
	line-height: 14px;
	list-style-image: none;
	list-style-type: none;
}
#rightcontent .rightlist_island ul li a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #666666;
	display: block;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 6px;
	margin: 0px;
	height: 100%;
}
#rightcontent .rightlist_island ul li a:hover {
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #E5E5E5;
	color: #333333;
}