/*
============================================================
SCENOMICS.CSS
============================================================

[$gecreëerde	:	20 Augustus 2009 				]
[$auteur	      :	verborgen          			]
[$privacy	   :	NA                      	]
[$herziening	:	geen						      ]

Reserved * r_rLegal 

Auteursrecht van Scenomics LLC 2000-2011.
Alle rechten voorbehouden.

============================================================
*/

@media screen 
{
    
e:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code,p {}
address { font-style:normal }

html 
{
font-family: Arial, Helvetica, Sans-Serif, Monospace;
color:#808080;
padding:0px;
margin:0px;
}

#dark
{
border-top:8px solid Gray;
/*background-image:url('../content/main_background.png');*/
background-repeat:repeat-x;
margin:0px;
padding:0px;
padding-bottom:32px;
background-color:White;
}

br{display:block;}

pre{margin:0px; padding:0px;}

div.slide
{
background-color:#FFF;
padding-top: 0px;
padding-bottom:0px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
width:1000px;
background-position: top left;
border:0px solid red;
}

h1,h2,h3,h4,p,span,ul,ol,li,td,tr,#logo,.copyright {
line-height:180%;
text-align:left;
background-color:inherit;
/*color: Black;*/
color:rgb(64,64,64);
font-size:90%;
font-family: Arial;
}

li { line-height:1.4em; font-size:10.5pt;}

span { font-size:inherit;font-family:Verdana; line-height:inherit;} 

b { font-size:100%;} 
table ul { font-size:10pt;} 
li div ul li { font-size:110%;} 
li div ul li { font-size:110%;} 
ol li ul li { font-size:110%;} 
ol li p { font-size:100%; margin-top:16px;} 

#blockmodel li { line-height:150%; background-position: 0.5em; }

a,a:visited,a:active,a:hover {
text-decoration:underline;
font-weight:400;
line-height:inherit;
margin-right: 0px;
padding:2px;
margin:0px;
}

a {
color:#80809b;
background-color:Transparent;
}

a:visited 
{
color:#80809b;
background-color:Transparent;
}

a:active {
color:red;
}

a:hover {
color:White;
background-color: silver;
text-decoration:none;
}

#topnavigationspa a{
color:White;
background-color:Transparent;
text-decoration:none;
}

li.nav a:visited {
color:#80809b;
background-color:Transparent;
}

#topnavigationspa a:hover {
color:White;
background-color: Red;
}

li.nav a, li.nav a:visited, li.nav a:hover {
font-size:100%;
}

span.nohover a 
{
background-color:Transparent;
text-decoration:none;
height:125px;
}

span.nohover a:hover
{
background-color:Transparent;
text-decoration:none;
height:125px;
border-bottom:8px solid Gray;
}

a img {
border:0px;
padding:2px;
background-color: Silver;
text-decoration:none;
}

a:hover img{
border:0px;
padding:2px;
background-color: red;
text-decoration:none;
}

.silver {
color:Silver;
}

.image {
border:none;
padding:0;
}

.imageblock,.imageinline, .imagegallery {
border:1px;
background-color:White;
margin-top:8px;
margin-bottom:16px;
border-color:rgb(200,200,225);
border-style:solid;
padding:8px;
display: block;
font-family: Arial, Times New Roman, MS Sans Serif;
}

.imagegallery {width: 500px; height: 276px;}

.imageinline, .noborder {
display:inline;
background-color:#2F4C57;
}

.noborder {border: 0px; padding: 0px;}

h1,h2,h3,h4,.h1,.h2,.h3,.h4,.downloadtext {
color:rgb(64,64,64);
font-size:180%;
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
margin-left: 0px;
}

h1 {
letter-spacing: -2px;
color:rgb(64,64,64);
border-top: 1px dotted silver;
}

h2,.h2 {
font-size:120%;
letter-spacing: -1px;
color:rgb(64,64,64);
}

h2.inputlabel {
color:silver; 
border: 0px;
font-size:95%;
letter-spacing: -1px;
}

h3,.h3 {
font-size:120%;
font-weight: bolder;
}

h4,.h4 {
font-size:100%;
font-weight:400;
}

p {
margin-top:2px;
margin-bottom:16px;
line-height: 1.25em;
}

span, b, em { line-height: 1.25em; }

span.figure {
font-size: 90%;
font-family: Tahoma, Garamond, Times New Roman, Arial, MS Sans Serif; 
}

i {
font-style:italic;
color:Teal;
}

b {
font-weight:700;
}

li.nav 
{
display: inline;
line-height: normal;
font-family: Verdana;
font-size: 90%;
}

li.no_border 
{
border-right: none;
}

#facts h2, .col h2, h2.useraccountheader
{
border-top: 8px solid #a6c7d2;
}

#facts p, .col p
{
line-height:1.5em;
letter-spacing: -0.001em;
}

#facts li, .col li
{
list-style-type:none;
list-style-image:none;
}

#facts ul, .col ul
{
margin-left:0px;
padding-left:0px;
}

#slides
{
background-color:rgb(238,238,238);
margin-left:0px;
padding-top:8px;
padding-left:8px;
background-image:url('../content/light_blue_bar_modern_lower.png');
background-repeat:repeat-x;
height:82px;
margin-top:48px;
}

#slides li { background-color:Transparent; color:White;}

#slides li a{ color:White;}

#slides li a:hover{ color:White;}

div.greengradient 
{
background-image:url('../content/smooth_green_gradient.png');
background-repeat:repeat-x;
height:64px;
margin-bottom:32px;
}

.italics, .parameter {
font-style:italic;
color: Teal;
font-weight:500;
}

.parameter{
padding-right:32px;
}

.underline {
text-decoration:underline;
}

.newcode {
font-family:Courier New;
color:Red;
}

.scriptfont {
font-style:normal;
font-variant:normal;
font-weight:400;
text-transform:none;
font: 80.1% Courier New, Monaco,"Andale Mono","Lucida Console","Bitstream Vera Sans Mono","Courier New",monospace,serif;
color:#404040;
border:0;
border-color:#ebebeb;
margin:0;
padding:0;
line-height: normal;
}

ul 
{    
list-style-image:url('../content/list_bullet.png');
margin:16px 0 16px 16px;
padding:0;
}

ol {
list-style-type:decimal;
color:#404040;
margin:16px 0 16px 16px;
margin-right:0px;
margin-left:24px;
padding-left:0px;
}

ul.tabled_ul {
list-style-type:square;
margin: 0px;
margin-top:0;
margin-bottom:0px;
margin-left: 16px;
}

ul.tabled_ul li { line-height: normal; margin-top:4px; margin-bottom:4px; }

li.bullet {
list-style-type:square;
}

#nobullets { border: 1px solid silver; padding:32px; margin:0px; border-left:0px; border-right:0px;}
#nobullets li { margin-bottom:8px; background-color:Transparent}
#nobullets ul { margin-top: 8px; margin-bottom:8px;}
#nobullets ul li { list-style-image:none; margin-top:8px; margin-bottom:8px;}
#nobullets ul li.name { list-style-image:url('../content/dash_bullet.png');}

li.blank {
list-style-image: none;
list-style-type: none;
margin-top: 16px;
margin-bottom: 16px;
padding-bottom:8px;
border-left: 8px solid #CAD4BB;
padding-left: 16px;
}

div.none, div.encapsulate_list, div.throw_exception, div.encapsulate_list
{
margin-top: 16px;
padding-top:8px;
padding-bottom:8px;
border-left: 8px solid #FF9C01;
padding-left: 16px;
margin-bottom: 16px;
width: 90%;
display:block;
}

div.note {
border-left:1px;
border-right:1px;
border-top:1px;
border-bottom:1px;
background-color:#FFF;
width:auto;
text-indent:0;
border-color:#b4b4b4;
border-style:solid;
margin:16px 0 16px 16px;
padding:16px;
}

div.sourcecode {
background-color:#F6F4F4;
width:auto;
text-indent:0;
margin-top:16px;
margin-bottom:16px;
padding:8px;
border: 1px solid gray;
}

div.invisible {
width:900px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

#downloadbutton {
background-image:url('../content/download_button_drop_shadow_blue.jpg'); 
}

#downloadbutton:hover p{
color:Red;
}

.system {
text-align:center;
font-size:0.8em;
margin:0;
padding:0;
}

#navloginform, #searchform {
padding:0px;
margin:0px;
margin-top:-2px;
}

input.inputfield, input.userinputfield {
border:1px solid Gray;
margin:0px;
width:128px;
height:16px;
margin-top:0px;
font-family:Verdana;
font-size:8pt;
vertical-align:top;
padding-top:3px;
padding-bottom:2px;
background-color:#e2e6e7;
}

input.userinputfield { 
width: 255px;
background-image:url('/content/search.png');
background-position:top left;
background-repeat:no-repeat;
background-color:#f5f5f5;
padding-left:4px;
}

input.nicebutton {
border:1px solid Gray;
margin:0px;
width:64px;
height:23px;
margin-top:0px;
font-family:Verdana;
font-size:8pt;
padding:0px;
margin-bottom:3px;
/*background-image:url('/content/login_button.png');*/
}

#register .nicebutton {
   width: 20em;
   padding: 0px;
}

#register .inputfield {
   padding-left: 0px;
   padding-right: 0px;
   width: 20em;
}

table {
border-collapse:collapse;
width:100%;
padding: 8px;
font-size:110%;
}

tr.tabletop td {
border-top:1px solid #E6EDCD;
border-bottom:1px solid #E6EDCD;
background-image:url('../content/tangerine_gradient.png');
background-repeat: repeat-x;
}

tr.separator {
background-color:#B8E1F0;
}

td {
border-bottom:1px solid #F2F4EE;
padding:4px;
}

td:first-child {
width:190px;
}

td+td {
border-left:1px solid #F2F4EE;
text-align:left;
}

tr td.toc2
{
background-repeat: no-repeat;
background-position: 0.5em;
list-style-type: none;
margin-left: -24px;
line-height:2em;
text-align:left;
background-color:inherit;
font-family: Arial, Helvetica, Sans-Serif, Monospace;
font-size: 100%;
}

li.scenomics, li.products, li.community, li.help, li.helpclean, li.searchaccount, li.searchlink, li.search
li.login, li.secure, li.logout, li.useraccountname, li.searchicon, li.rightspanav, li.rightspanavclean, li.solospanav
{
padding:0px;
margin:0px;
list-style-image:none;
background-color:Transparent;
font-family:Verdana;
font-size:80%;
border:0px solid red;
display:inline;
}

li.nav, #topnavigationspa li.scenomics
{
float:left;
text-align:center;
padding-right:16px;
padding-left:0px;
margin-left:0px;
border-right: 1px solid rgb(225,225,255);
}

li.nav, #topnavigationspa li.products, #topnavigationspa li.community
{
float:left;
text-align:center;
padding-top:0px;
padding-left:16px;
padding-right:16px;
border-right: 1px solid rgb(225,225,255);
}

li.nav, #topnavigationspa li.help, li.helpclean
{
float:left;
text-align:center;
padding-top:0px;
padding-left:16px;
padding-right:16px;
border-right: 1px solid rgb(225,225,255);
}

li.nav, #topnavigationspa li.helpclean
{
border-right: 0px solid rgb(225,225,255);
}

li.nav, #topnavigationspa li.searchaccount
{
float:left;
text-align:center;
padding-left:12px;
border:0px solid red;
}

li.nav, #topnavigationspa li.searchlink
{
float:left;
text-align:center;
padding-left:12px;
border:0px solid red;
list-style-image:none;
}

li.nav, #topnavigationspa li.search
{
float:left;
text-align:center;
padding-left:12px;
border:0px solid red;
list-style-image:none;
float:right;
margin-right:12px;
color:White;
}

li.nav, #topnavigationspa li.searchaccount
{
float:left;
text-align:center;
padding-left:12px;
border:0px solid red;
list-style-image:none;
float:left;
margin-left:208px;
margin-right:12px;
color:White;
}

#topnavigationspa li.login
{
padding:0px;
border-right:0px;
color:White;
float:left;
margin-left:255px;
display:inline;
border:0px solid red;
}

#topnavigationspa li.secure
{
padding:0px;
margin-left:4px;
border-right:0px;
color:White;
float:left;
display:inline;
border:0px solid red;
}

#topnavigationspa li.logout, #contactitemslist li.logout
{
padding:0px;
border-right:0px;
color:White;
float:right;
vertical-align:top;
height:20px;
margin-top:-1px;
margin-left:16px;
}

#topnavigationspa li.useraccountname
{
padding:0px;
margin:0px;
border-right:0px;
color:White;
float:left;
margin-right:12px;
}

div.topmasterspa, div.lowmasterspa
{
background-color:#3A3337;
height:48px;
width:1000px;
margin-left:auto;
margin-right:auto;
padding:0px;
background-image:url('/content/silver_modern_bar_summer.png');
background-position:top left;
margin-bottom:48px;
}

div.lowmasterspa
{
margin-top:34px;
background-image:url('/content/light_blue_bar_modern_lower.png');
}

ul.lownavigationspa
{
padding-top:34px;
}

#topnavigationspa
{
margin:0px;
padding:0px;	            
background-color:Transparent;
padding-top:16px;
padding-left:32px;
border:0px solid black;
height:48px;
}

div.landingback
{
background-image:url('/content/lower_splash_spa.png');
background-repeat:no-repeat;
width:1000px;
height:600px;
margin-top:48px;
padding-top:16px;
background-position:top left;
}

h1.landinghead
{
font-size:250%;
text-align:center;
padding-right:32px;
color:#d5372b;
}

div.landingback div.left-div, div.landingback div.middle-div, div.landingback div.right-div
{
background-image:none;
}

p.slidenav
{
text-align:left;
padding-top:12px;
padding-left:8px;
background-color:white;
font-family:Verdana;
font-size:80%;
}

div.leftblock
{
float:left;
width:49%;
height:350px;
}

div.rightblock
{
float:right;
width:49%;
height:350px;
}

ul.hierarchysnippet li
{
font-family:Verdana;
font-size:90%;
}

div.platformfigurecontainer
{
text-align:justify;
width:75%;
margin-bottom:16px;
}

ul.first
{
border-left:8px solid silver;
padding-left:32px;
margin-left:0px;
width:100%;
}

div.platformfigurecontainer img, div.platformfigurecontainer pre
{
border-left:8px solid silver;
padding-left:16px;
font-size:9pt;
}

ul.secondary
{
margin:0px;
padding:0px;
padding-left:16px;
padding-bottom:16px;
border-bottom:8px solid #d5372b;
margin-bottom:32px;
}

div.magazine { padding:0px;margin:0px;}
div.magazine p { font-family:Georgia; }
div.magazine ul li { font-family:Verdana;font-size:9pt;}
div.magazine ol li { font-family:Verdana;font-size:9pt;}
div.magazine ul li ul li { font-family:Verdana;}
div.magazine ol li span, div.magazine ul li span { font-family:Verdana;}
div.magazinecontent {width:950px;margin-left:auto;margin-right:auto;margin-bottom:32px;}
div.uppermagazinelinks { border-top:8px solid #28a6cf;border-bottom:1px dotted #28a6cf;margin-top:32px;padding-bottom:2px;margin-bottom:32px;}
div.lowermagazinelinks { border-bottom:8px solid #28a6cf;border-top:1px dotted #28a6cf;margin-top:32px;}
div.uppermagazinelinks ul, div.lowermagazinelinks ul {margin:0px;margin-top:4px;margin-bottom:4px;margin-left:4px;}

div.uppermagazinelinks ul li:first-child, div.lowermagazinelinks ul li:first-child {
padding-left:6px;
}

div.uppermagazinelinks ul li, div.lowermagazinelinks ul li {
display:inline-block;
width:18px;
margin:0px;
padding:0px;
margin-right:4px;
border-right:1px solid silver;
padding-right:4px;
}

div.uppermagazinelinks ul li a, div.lowermagazinelinks ul li a {
text-align:center;
display:inline-block;
border:0px solid red;
margin:0px;
padding:0px;
font-family:Verdana;
font-size:8pt;
text-decoration:none;
Color:Navy;
width:16px;
border:0px solid Red;
}

div.uppermagazinelinks ul li a:hover, div.lowermagazinelinks ul li a:hover {background-color:Red;}

div.platformfigurecontainer p
{
font-size:70%;
color:Gray;
font-family:Verdana;
line-height:normal;
}

h1.landinghead span { font-size:inherit; font-family:Arial; }

#left { float: left; width: 640px; padding: 0px; margin: 0px; margin-bottom:16px; background-color:Transparent;}
#left p { margin: 0 0 15px; }
#right { width: 300px; float: right; background-color:Transparent;}

#logo { float: left; width: 400px; margin: 0 0 7px; }
#logo p { color:silver;}
	#header_top { background: url(../images/top_bar.png) no-repeat top right; border-right: 2px solid #fff; color: #454545; padding: 10px 0 0 7px; clear: both; margin: 0 0 0px 0; height: 52px;}
	#header_top p { padding: 0; margin: 0; }
	
	#header_bottom { background: #575a6a url(/content/top_bar.png) no-repeat top right; color: #EBEBEB; padding: 20px 240px 20px 10px; clear: both; border-left: 2px solid #fff; border-right: 2px solid #fff; margin: 0 0 1px 0; height: 90px; }
	#header_bottom h2 { color: #464647; width: 250px; margin: 0 0 10px; background: ;
}
	#header_bottom p { color: #464647; }
		#header_bottom ul { float: left; padding: 12px 0px 0 0; margin: 0 0 0px 0; }			
			#header_bottom ul li { list-style-type: none; display: inline;  font-weight: bold; }
			#header_bottom ul li a { padding-left: 0px; background: transparent no-repeat center left; margin-right: 5px; color: #C40000; }
			#header_bottom ul li a:hover { padding-left: 7px; background: #FFF url(../images/bullet.gif) no-repeat center left; margin-right: 5px; color: #808080; }

	#slogan { clear: left; margin: 0; padding: 5px 0 0 0; }
	#slogan p {color:#bee6ea;}

#bg {background-image:url('/content/bg.gif');background-repeat:repeat-x;height:32px;margin-bottom:8px;}

/*  COLUMNS (1/3) */
#columncontainer { margin:0px;padding:0px;margin-top:32px;}
.col { border-bottom:1px dotted silver; float: left; width: 313px; background: white; min-height:170px; padding: 0px !important; padding: 15px 15px 2px; margin: 0 30px 35px 0; text-align: justify;}
.col.last { margin-right: 0; width: 314px;}
.col p { margin: 0 0 15px; font-family:Verdana; font-size:9pt;}
.col a { font-family:Verdana; font-size:9pt;}
.more { float: left; position: relative; margin: 0 0 0 -21px; background: url(../images/more.gif) no-repeat; padding: 11px 21px 6px; color: #fff; font-size: .9em; font-weight: bold; }

.line { clear: both; margin: 0 0 10px; border-bottom: 1px dotted #ccc;}
    
/* footer */
#footer { clear: both; font-size: 1em; padding: 9px 0 10px; border-top: 48px solid #1b718d; font-size: 10pt; }
#footer a { margin: 0 15px 0 0; border-bottom: 0px dotted #ccc; color:gray; }
#footer a:hover { color:Gray; }
#footer p { font-family: Verdana; color:Gray; }
#links { float: right; }

.fourth { float: left; width: 220px; padding: 0px; height: 200px; margin: 0 15px 16px 0; border: 1px solid #ddd; font-size: .84em; background-color:White;padding-top:0px; padding-top:0px;padding-bottom:0px;}
.fourth p { margin: 0; font-size:9pt; font-family:Georgia;}
.fourth.last { margin: 0;}
.fourth, .fourth.last { padding:8px;}
.fourth h2, .fourth.last h2{ text-align:left;}
div.fourth img { margin-left:auto;margin-right:auto;display:block;}
div.linkbar .fourth { height:auto; margin-bottom:32px;}
div.gallery .fourth { height:156px; background-color:Transparent;}

div.linkbar { margin-bottom:16px;padding:0px;}
div.linkbar ul { margin:0px; padding:0; list-style-type:none; }
div.linkbar ul li { margin:0;margin-left:16px;padding:0; padding:0px; list-style-image:url('/content/matrix_node_bullet.png'); font-family:Arial; font-size:9.25pt; margin-bottom:0px;padding-left:5px;}
div.linkbar ul li.none { margin:0;padding:0; padding:3px; list-style-type: none; font-family:Arial; border:0px solid silver; margin-bottom:8px;}
div.linkbar ul li a{ text-decoration:none;color:#59919b;}

.feed
{
   padding: 0px !important;
}

.feedtitle
{
   display: block; background-color: #2176de; color: #f0f0f0;
   padding: 4px;
   padding-left: 8px;
   font-size: small;
}

table.userdetails { border:0px; margin-bottom:64px;}
table.userdetails td { background-color:Transparent; border-top:1px dotted silver;border-bottom:1px dotted silver; }
table.userdetails td.title { font-family: Georgia; font-weight:bold; font-size:9pt; padding-top:5px;padding-bottom:5px; border-top:0px;}

#contactitems{ border-top:8px solid #28a6cf;border-bottom:1px dotted #28a6cf;min-height:40px;padding:0px;margin-bottom:16px;background-color:rgb(250,250,255);}
#contactitems #contactitemslist {float:right;margin:0px;margin-top:8px;height:22px;margin-right:12px;border:1px solid red;margin-bottom:16px;}

#accountdetails {float:right;height:40px;margin:0px;border:0px solid gray;display:block;}
#accountdetails li{
    text-align: left;
    float: left;
    list-style: none;
    padding: 3px 10px 3px 10px;
    margin: 5px;
    border: 0px solid #CCC;
    font-size:9pt;
    height:22px;
}

#accountdetails li.email, #accountdetails li.joindate { margin-top:10px;font-size:8pt;font-family:Verdana;}

span.error { font-family:Verdana;font-size:100%;color:Red;}
span.exclaim { float:right; font-size:400%; color:White;}

#videoframe { 
height:300px;
width:500px;overflow:hidden;
padding:0px;
padding-left:56px;
padding-right:52px;
padding-top:22px;
padding-bottom:22px;
margin:0px;
border-left:16px solid #a6c7d2;
border-right:16px solid #a6c7d2;
}

#videoframeupper {background-image:url('/content/video_player_background_upper.png');background-position:top left;background-repeat:no-repeat;height:48px;}
#videoframelower {background-image:url('/content/video_player_background_lower.png');background-position:top left;background-repeat:no-repeat;height:48px;}
div.videodescription { border-top:1px dotted silver;border-bottom:1px dotted silver;margin-top:32px;}

}