/*
Theme Name: MobileMetrics
Theme URI: http://www.MobileMetrics.nl/
Description: <a href="http://www.MobileMetrics.nl/">MobileMetrics</a>.
Version: 1.5
Author: Rapidsugar
Author URI: www.rapidsugar.nl
Tags: black, white, custom header, fixed width, two columns, widgets
*/
.hidden {display:none;}

body { background: url(images/body_bg.gif);
	background-repeat:repeat-x; 
	background-color:#000000;}
#footer {margin:0 auto;
	width:922px;
	text-align:center;}	

/* HEADER 
-------------------------*/
#header {
	margin:0 auto;
	width:922px;
	height:100%;
	overflow:hidden;
	background-color:#FFFFFF;
	padding:20px 20px 0 20px;}
#logo {float:left;}
#JoinBar {
	float:right;
	width:301px;
	height:100%;}
#JoinBar img {float:right; position:relative; border:0;}
#JoinBar #iconBar {position:relative; float:right;}					/* see also ie7.css #iconBar h5 */
.controlBar1 #iconBar, .metricReport #iconBar {float:left; margin-left:10px;}
.icon {float:left;position:relative; margin:0 0 5px 5px;}

#intro {
	margin: 0;
	margin-top:20px;
	width:923px;
	height:218px;
	position:relative;
	background:url(library/animatie_header.gif) left no-repeat;
	background-color:#000000;}	
.introBox {
	float:right;
	width:249px;
	height:179px;
	background-color:#dedede;
	top:10px;
	right:10px;
	padding:10px;
	position:absolute;
	}	
#Flashintro {float:left; position:absolute; width:620px; height:218px; left:0;}

	
	
/* MENU   ( see also ie7.css for #menu span & .menuL )
-------------------------*/
#menu {	
	position: relative; float:left; width:923px; height:30px; background-color:#999999; overflow:hidden;}
#menu ul {padding: 0; margin: 0; list-style: none;}
#menu li {display: inline; float:left; z-index:10;}
#menu li a:hover {background-position: left -30px;}
#menu li a { 
	position:relative; 
	display:inline-block;
	background:url(images/menu_bg_knop.gif) repeat-x;	
	padding:5px 20px 0 20px;
	margin:0 0 0 1px ;
	height:25px;
	color:#FFFFFF; 
	font-size:14px;}
#menu span {
	display:inline-block;
	position:absolute;
	background:url(images/menu_bg_knop.gif) repeat-x;	
	margin:0 0 0 1px;
	height:30px;
	width:100%;
	z-index:0;}
#menu .btn1 { 															
	display:inline-block;
	background:url(images/menu_bg_knop.gif) repeat-x;	
	padding:5px 20px 0 20px;
	margin:0 0 0 1px ;
	height:25px;
	color:#FFFFFF; 
	font-size:14px;}	


.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	color:#000000}
.nav-previous {float:left; margin:10px 0;}
.nav-next {float:right; margin:10px 0;}
	
/* SEARCH  
-------------------------*/	
#formulier_search {
	background:url(images/menu_bg.gif) right;
	padding:5px 10px 0 20px;
	margin:0;
	height:25px;
	width:281px;
	position:absolute;
	right:0;
	z-index:100;
	}
#searchform {float:right;}
#searchform #s {float:left; width:200px; margin-left:10px; height:14px; }
#searchsubmit {float:right;}
	
	

/* CONTENT body
-------------------------*/
#content {
	margin:0 auto;
	width:922px;
	height:100%;
	overflow:hidden;
	background-color:#FFFFFF;
	padding:0 20px 20px 20px;}
#contentBody {
	float:left;
	width:622px;}

	

/* METRICS (posts)
-------------------------*/
.metricReport {
	float:left;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	width:620px;
	position:relative;
	background:#FFF;
	}
.storytitle, .storydate, .storycontent, .homecontent {margin:6px 10px 6px 10px; padding:0;}
.feedback {padding:0; font-size:10px; margin:0 0 10px 10px; display:block;}
.metricReport #iconBar {display:block; margin:0 0 0 10px;}			

.metricReport ul {margin:0; padding:0 0 0 10px; font-size:12px;}	
.storycontent img {padding:0 10px 0 10px;}
.homecontent img {padding:0 0 0 10px;}
.homecontent .article2pdf_link { visibility:hidden; width:1px; height:1px;}

.subreportL, .subreportR {width:300px; height:182px;}
.subreportL {float:left; background: #d7d7d7;}	
.subreportR {float:right; background: #d7d7d7;}	
	


/* SHAREreport CONTACT pagina     ( see also ie7.css for .contactInput )
-------------------------*/
.shareReport {
	float:left;
	border:0;
	width:622px;
	position:relative; 
	background:#cccccc;}
.shareReport .article2pdf_link { visibility:hidden; width:1px; height:1px;}
.shareReport .mmf-response-output {float:left; width:580px; text-align:center; margin:0; padding:0;}

input, textarea, select {border:0;}

#contactForm .divider 	{width:100%; float:left; height:1px; background-color:#999; margin:10px 0 10px 0;}
#contactForm .colomn 	{width:100%;}
#contactForm .row1 		{width:205px; float:left}
#contactForm .row2 		{width:365px; float:left;}
#contactForm .row4, .row5 		{width:365px; float:right;} 

#contactForm .contactText {font-family:Verdana, Geneva, sans-serif; font-size:12px; margin:0; padding:0;}
#contactForm .contactInput {width:230px; border:0; margin:2px 0 2px 0; float:right;} 							/* see also ie7.css */
#contactForm .contactTextarea {width:355px; border:0; float:right; padding:5px; margin:5px;}
#contactForm .contactSubmit { float:right;
	background:url(images/shareReport_contact_submit.gif); 
	width:85px; 
	height:34px;
	font-family:Arial, Helvetica, sans-serif; 
	color:#FFFFFF; 
	font-size:18px;
	margin-bottom:10px;}
	


/* COMMENTS 
-----------------------*/
.commentReport {padding:10px; background:#CCC;}
.commentReport img {float:right;}	
.commentReport ol {list-style-type:none;}	
.commentReport li {background:#f8f8f8;
	width:500px;
	padding:10px;
	margin-bottom:10px;}
.commentReport textarea{width:500px;
	margin:10px 20px 0 35px;}
.commentReport #submit {
	margin:20px 0 10px 35px;}



/* SIDEBAR ( see ie7.css for .inputcornerL )
--------------------------*/
#sideBar {float:right; width:281px;}
#sideBar ul {margin:0; padding:10px; list-style:none;}
.controlBar1, .controlBar2 {height:100%; overflow:hidden; }
.controlBar1 {background: #f8f8f8;}
.controlBar2 {background: #d7d7d7;}
.controlBar2 p {margin:10px 10px 5px 10px; position:relative;}

.controlBar1 ul {margin:10px 0 10px 0; padding-left:10px; list-style:none;}
.controlBar1 li	{font-size:12px;}
.controlerInput {width:177px; margin:0; padding:5px 0 4px 0; }

#FormCallMe, #FormSubscribe {padding:0 10px 10px 10px; margin:0;}	


#intiatedList {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 281px;
  height: 234px;
  position: relative;
}
#intiatedList span {
  display: none;
  position: absolute;
}
#intiatedList a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#intiatedList a:hover {
  background-position: left bottom;
}
#intiatedList a:hover span {
  display: block;
}
#intiatedList .logo_AFL {
  width: 281px;
  text-align:left;
  height: 78px;
  background:url(images/AFL_logo.jpg) no-repeat;
  left: 0px;
  top: 0px;
}
#intiatedList .logo_RS {
  width: 281px;
  text-align:left;
  height: 78px;
  background:url(images/RS_logo.jpg) no-repeat;
  left: 0px;
  top: 156px;
}
#intiatedList .logo_NET {
  width: 281px;
  text-align:left;
  height: 78px;
  background:url(images/NET_logo.jpg) no-repeat;
  left: 0px;
  top: 78px;
}



/* READMORE btn 
-------------------------*/
.more {height:20px;}
.more a {font-size:12px; color:#000; font-weight:bold; margin: 0 0 0 5px; vertical-align:top; height:20px;}
.more span {
	float:left; 
	padding:0 5px 0 0; 
	width:21px; 
	height:16px; 
	background:url(images/Metric_ReadMore.png) bottom no-repeat; 
	background-position:bottom; 
	border:0px; }
.subreportL .more, .subreportR .more, .controlBar1 .more {margin:0 0 0 10px; padding:0;}


/* TYPOGRAFIE 
-------------------------*/
body, p, h1, h2, h3, h4, h5, ul, ol, strong, em, a {font-family:Arial, Helvetica, sans-serif;}
p {font-size:12px; line-height:18px; color:#000; margin:0 0 10px 0; padding:0;}
h2 	{font-size:18px; font-weight:bold; margin:0; padding:0;}
h3 	{font-size:12px; margin:0; padding:0;}	
h4	{font-size:10px; margin:0 0 10px 0;  padding:0;}
#iconBar h5, .controlBar1 h5 {font-size:10px; font-weight:bold; margin:0 0 0 10px;; padding:0; float:left;}	/* see also ie7.css #iconBar h5 */

a {text-decoration:none; color:#316394;}
a img {border:0}

.more p {}

.introTekst {margin:20px 0 0 0;}	
.introTekst .article2pdf_link { visibility:hidden; width:1px; height:1px;}

.storycontent h2 {margin:4px 0 0 0; padding:0; color:#316394;}	
.storycontent h4 {margin:5px 0 0 0; padding:0;}	
.homecontent h2 {margin:0 0 10px 0; color:#316394;}	
.subreportL p, .subreportR p, .controlBar1 p {margin:10px;}

.controlBar2 em {font-size:10px;}
.controlBar2 h5 {float:right; margin-right:10px;}

#footer p {margin:10px; color:#FFFFFF; font-size:11px;}
#footer p a {color:#FFFFFF;}



/* ROUNDED CORNERS 
-------------------------*/	
/*.Widgetcorners {margin-left:20px;}*/
.corners {display:block;}
.metricReport_Round {float:left; margin-top:20px; background:#FFF;}
.subReport_RoundL, .subReport_RoundR {width:300px; margin-top:20px;}
.subReport_RoundL {float:left;}
.subReport_RoundR {float:right;}	
.controlBar2_Round, .controlBar1_Round {float:right; width:281px; margin-top: 20px;}
.body_Round {margin:0 auto;	width:961px;}	

#workshopForm input
{
	border: 1px solid #000000;
	margin-left: -2px;
}

#workshopForm p
{
	margin-bottom: 4px;	
}

#workshopForm .contactSubmit
{
	margin-left: 1px;	
	display: block;
	width: 86px;
	height: 22px;
	background: url('images/send.png');
	border: 0px;
	cursor: pointer;
}