body { font-family:Arial, Helvetica, sans-serif; /*background:url(http://zervice.com/images/grid.png); background:url(http://www.voetbalschoenshop.nl/images/bg.gif);*/ }

body h2 {
    font-weight: normal;
}


table {text-align:left; font-size:13px;}



a {color:#333;  outline: 0; word-wrap:break-word;}
a:hover {color:#777;}

table th a{color:#677d69;}

table {margin: 0; border-collapse:collapse; border-bottom:6px solid #ECF0F1; background:#fff; padding:20px 0; margin-bottom:25px;}
th, td {padding: 30px 10px;}
th {background: #C4D4C5;  border-color:#ECF0F1 #D3E3D4 #B5C5B6 #B5C5B6; border-style:solid; border-width:1px; text-shadow:1px 1px 0 #E2F3E3; color:#677D69; padding: 12px 10px; }
th a {text-decoration:none;}
th a:hover {text-decoration:underline;}
#results td a {color:#3d88ba; text-shadow:1px 1px 1px #eee; text-decoration:underline;}
#results td a:hover {color:#666;}
#results td .tooltip {text-shadow:none;}

td {text-shadow:1px 1px 1px #eee;}
tr {border-bottom:1px solid #eee; border-top:1px solid #fff;}
tr:hover td, tr.even:hover td, tr:hover td a, tr.even:hover td a{background:#ECF0F1; }
tr.even {background:#f9f9f9;}
.col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9 {border-left:1px solid #ECF0F1;}
.col2 th {border-left:1px solid #fff;} 
	.positive_color {color:green; font-weight:bold;}
	.couldhave_color {color:orange; font-weight:bold;}
	.negative_color {color:red; font-weight:bold;}
	.neutral_color {color:grey; font-weight:bold;}
.line-through {text-decoration:line-through;}
body td:hover .popover-content > a, body td.even:hover .popover-content > a {background:none;}
.help-info {border-bottom:1px dashed #bbb; cursor:help;}

.searchtitle {display:block; font-size:18px;}
.searchurl {display:block; color:#006621;}


/* Dashboard */
.dashboard {margin:40px 0 80px 0;}
.stats_container {display:block; overflow:hidden;}

.overview_block {padding:40px 0; margin:  0; display:block; overflow:hidden; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#f9f9f9; box-shadow: inset 0 0 30px #eee; }
.overview_block .stats {padding:40px 0;  box-shadow: 1px 2px 6px #ddd;}
.overview_block .small {padding:20px 0; }

.overview_block .stats:nth-child(1).red {border-bottom: 4px solid red; }
.overview_block .stats:nth-child(1).red span:nth-child(1) {color: #000; }

.overview_block .stats:nth-child(1)  {border-bottom: 4px solid #49afcd;}
.overview_block .stats:nth-child(2)  {border-bottom: 4px solid #3d88ba;}
.overview_block .stats:nth-child(3)  {border-bottom: 4px solid #446a84;}
.overview_block .stats:nth-child(4)  {border-bottom: 4px solid #365569;}

.overview_block .stats:nth-child(1) span:nth-child(1) {color: #49afcd;}
.overview_block .stats:nth-child(2) span:nth-child(1) {color: #3d88ba;}
.overview_block .stats:nth-child(3) span:nth-child(1) {color: #356BA8;}
.overview_block .stats:nth-child(4) span:nth-child(1) {color: #365569;}

.stats { padding:40px 0; background:#fff;}
.stats span{display:block; text-align:center; }
.stats span:nth-child(1) {font-size:35px; padding:30px 0; text-shadow:1px 1px 0 #ccc;}
.stats span:nth-child(3) {font-size:12px; font-weight:bold; color:#666;}

body .progress {margin-bottom:0;}
.highNumber {padding:20px 30px; border:1px dashed #ddd ;}

#results {
	position:relative;
	margin:10px 0; 
	padding:40px 0px ;  
	background: 
		url(../images/cross-line-bg.png) repeat-x 0 0, 
		url(../images/cross-line-bg.png) repeat-x bottom left;
		}

#results  p.advice {padding:18px; border:1px dashed #ccc; margin:25px 0 30px 15px; background:#fff; display:block; overflow:hidden;}	
	#results p.positive {border-left:15px solid green;}
	#results p.negative {border-left:15px solid red;}
	#results p.neutral {border-left:15px solid grey;}
	#results p.couldhave {border-left:15px solid orange;}
	
small {font-size:85%; color:#888;}	
#results h2 {margin-top:30px;}

/* optional */
/*
form { background:#fff; position:absolute; display:block; overflow:hidden; clear:both;}
form .url {position:absolute; z-index:10px; background:#444; color:#fff; display:block; padding:10px; top:auto; border:1px solid #fff; margin:1px 2px; font-size:11px; font-weight:bold; width:30px;}

////
<span class="url">URL</span>

*/
form { background:#fff;  display:block; clear:both; overflow:hidden;}
fieldset {border:1px solid #ECF0F1; padding:10px 20px 20px 20px;  }
form#srt_form p {margin:15px 0 10px 0;} 
form#srt_form .checkbox {width:auto; margin: 10px 5px 10px 60px;} 
form#srt_form .radio {width:auto; margin: 10px 5px 10px 60px;} 

.srt_wrapper input, .srt_wrapper textarea {padding:15px 20px; width:70%; background:#f7f7f7; border: 3px solid #eee;}

.srt_wrapper form input[type="submit"] {
	background-color: #E6E6E6;
    background-image: -moz-linear-gradient(center top , #F4F4F4, #E6E6E6);
    background-repeat: repeat-x;
    border: 1px solid #D2D2D2;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
    color: #7C7C7C;
    font-size: 0.785714rem;
    font-weight: normal;
    line-height: 1.42857;
}
.srt_wrapper form input[type="submit"]:hover {
	
}



form#srt_form p.report-bug {float:right; margin-top:5px; padding:0 20px 0 0; }
.report-bug a {color:#888;}

textarea {font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.srt_wrapper input#submit {width:auto; padding:15px 20px; margin:20px 20px 25px 20px; font-size:16px; font-weight:normal; }

input#code {display:none;}
label p {margin:15px 0;}

#srt_form select{ height:56px; padding-top:16px; padding-bottom:12px; border-radius:0; padding-left:20px;}
	#srt_form .input-append .add-on, #srt_form .input-prepend .add-on {
		line-height: 42px;
		height: 42px;
		min-width: 42px;
		background:#18b36e;
		color:#fff;
		text-shadow:none;
		border:3px solid #18b36e;
		font-size:18px;
	}

/*#goto select{ height:56px; padding-top:16px; padding-bottom:12px; border-radius:0; padding-left:20px;  border:1px solid #ddd;}*/
	#goto.input-append .add-on, #goto.input-prepend .add-on {
		line-height: 42px;
		height: 42px;
		min-width: 42px;
		text-shadow:none;
		border:3px solid #eee;
		font-size:18px;
	}


.exportOptions {display:block; overflow:hidden; position: absolute; top:70px; right:0;}
a.csvExport {padding:10px 0; background: url('../images/File_XLS_Excel.png') no-repeat 0% 50%; display: block; width:120px; text-align:right;}
.register-captcha-action {padding-left:20%;}

/* Graph style */
.graph {border:1px dashed #ccc; padding:20px 0; display:block; width:100%; overflow:auto; text-align: center; margin:10px 0;}

/* bootstrap */ 
body .progress {height:30px;}
body .progress .bar {padding:5px 0;}

/* Form mesg */
.srt_wrapper .no_succes {
	background:orange;
	color: #fff;
 	padding:20px; 
	margin: 0px 0 20px 0; 
	clear:left;
}

.srt_wrapper .succes {
	padding:20px; 
	background:#ECF0F1; 
	margin: 0px 0 20px 0; 
	clear:left;

}

/*bootstrap progress bar*/

body .progress .bar-grey {
  background-color: #ccc;
  background-image: -moz-linear-gradient(top, #eee, #ddd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#ddd));
  background-image: -webkit-linear-gradient(top, #eee, #ddd);
  background-image: -o-linear-gradient(top, #eee, #ddd);
  background-image: linear-gradient(to bottom, #eee, #ddd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeee', endColorstr='#ffccc', GradientType=0);
  color:#777;
  text-shadow: 0 -1px 0 #fff;
}
/* Tabs */
body .nav-tabs {border:none; margin-bottom:0;}
body .nav-tabs > li > a {border:1px solid #eee; padding-left:60px; padding-right:60px; border-radius:0;}
body .nav-tabs > li > a, body .nav-pills > li > a { margin-left:13px; color: #666;}
a.extraoptions {cursor:pointer; margin-left:60px;}
body #extra-options.collapse.in, body #extra-options.collapse {margin-left:60px;}


/*body a.btn.btn-extraoptions {margin:0 0 10px 0;}*/ 
/*Plugins*/
/*
th.header { 
    background-image: url(../images/bg.gif);     
    cursor: pointer; 
    background-repeat: no-repeat; 
    background-position: center right; 
    margin-left: -1px; 
} 
th.headerSortUp { 
    background-image: url(../images/asc.gif); 
} 
th.headerSortDown { 
    background-image: url(../images/desc.gif); 
} 
*/