/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*************************************/
/*   participatie markt css          */
/*   html + stylesheet by swerk.nl   */
/*                                   */
/*   gebruikte kleuren:              */
/*   blauw: #009ee3                  */
/*   blauw-licht: #65d0ff            */
/*   blauw-donker: #016590           */
/*   oranje: #ef7c00	             */
/*   oranje-licht: #fec383           */
/*   oranje-donker: #894802          */
/*************************************/

/*************************************/
/*          body                     */
/*************************************/
html,body{
	margin:0px;
	padding:0px;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background: #fff;
}
a,
a.visisted{
	color: #009ee3;
}
.grijs a{
	color: #cccccc !important;
}
.centreer{
	width: 960px;
	margin: 0px auto;
}
.gr_grijs{
	background: #eee;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eeeeee,  #cccccc); /* for firefox 3.6+ */ 
}
.site_logo{
	padding: 20px 10px 15px;
	float: left;
}
.pagination_top{
	margin-bottom: 10px;
}
.pagination{
	display: block;
	overflow: hidden;
	text-align: center;
	width: 100%;
}
.pagination li{
	margin: 0px 5px 0px 0px;
	float: left;
}
.pagination li b,
.pagination li a{
	display: block;
	text-decoration: none;
	padding: 4px 8px;
	background: #eeeeee;
	border: 1px solid #cccccc;
}
.swerk{
	width: 940px;
	padding: 5px 10px;
	display: block;
}
#addthis{
	float: right;
	width: 450px;
	margin: 10px 10px 0px 0px;
	display: inline-block;
	padding: 5px 5px 0px 5px;
	background: url(../img/addthisback.png) top left repeat-x;
}
#header{
	overflow: hidden;
}
#eerste_header{
	background: #f1f1f1;
	background: url(../img/apm_headerback.jpg) top left no-repeat;
	overflow: hidden;
	border-top: 0px solid #009ee3;
	border-bottom: 1px solid #fff;
}
#navigatie{
	border-top: 0px solid #0385bd;
	border-bottom: 0px solid #fff;
}
#navigatie nav{
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #ccc;
}
#navigatie nav ul{
	height: 40px;
	padding: 0px 0px;
	margin: 0px 0px 0px 10px;
}
#navigatie li{
	float: left;
	position: relative;
	display:block;
	border-left: 1px solid #ddd;
}
#navigatie a{
	display: block;
	padding: 14px 12px 12px;
	text-shadow: #fff 0px 1px 0px;
	color: #888;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	white-space:nowrap;
}
#navigatie li.active a,
#navigatie a:hover{
	background: #eee;
}
#navigatie li.active{
	border-left: 1px solid #65d0ff;
}
#navigatie li a:hover,
#navigatie li.active a{
	display: block;
	padding: 14px 12px 12px;
	text-shadow: #65d0ff 0px 1px 0px;
	color: #016590;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	white-space:nowrap;
}
#navigatie li.active a{
	background: #009ee3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56ccff', endColorstr='#019ce0'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#56ccff), to(#019ce0)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #56ccff,  #019ce0); /* for firefox 3.6+ */ 
}
#navigatie li a:hover{
	background: #009ee3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56ccff', endColorstr='#0088c3'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#56ccff), to(#0088c3)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #56ccff,  #0088c3); /* for firefox 3.6+ */ 
}
#navigatie ul li ul{
	display: none;
	position:absolute;
	top:40px;
	left: -1px;
	z-index: 1000;
	margin: 0px 0px 0px 0px;
}
#navigatie ul li ul li{
	border-top: 1px solid #65d0ff;
	border-bottom: 1px solid #0385bd;
	border-left: 1px solid #ddd;
	display: block;
	width: 100%;
}
#navigatie ul li.active ul li a,
#navigatie ul li ul li a{
	text-shadow: #fff 0px 0px 0px;
	background: #009ee3;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: normal;
	padding: 10px 12px 8px;
}
#navigatie ul li ul li a:hover{
	background: #0385bd;
	color: #fff;
	text-shadow: #fff 0px 0px 0px;
	padding: 10px 12px 8px;
	font-weight: normal;
}
#navigatie ul li:hover ul{display:block;}
#navigatie ul li:hover ul ul{display:block;}

#page_menu{
	margin-bottom: 20px;
}
#page_menu li a{
	text-decoration: none;
	display: block;
	padding: 10px 0px;
	border-top: 1px solid #eee;
	font-weight: bold;
}
#bread_notify{
	overflow: hidden;
}
#breadcrumbs{
	padding: 6px 10px 6px 20px;
	overflow: hidden;
	background: #f1f1f1;
}
#breadcrumbs li{
	float: left;
	padding: 5px 5px 5px ;
	text-shadow: #fff 0px 1px 0px;
	color: #aaa;
	font-size: 13px;
}
#breadcrumbs li a{
	display: block;
	text-shadow: #fff 0px 1px 0px;
	text-decoration: none;
	color: #aaa;
	font-weight: bold;
}
#inhoud{
	border-top: 0px solid #ddd;
	overflow: hidden;
	background: #fff;
	color: #333;
	padding: 30px 0px 20px;
}
#inhoud_links{
	width: 620px;
	margin: 0px 0px 0px 10px;
	float: left;
}
#inhoud_rechts{
	width: 300px;
	margin: 0px 10px 0px 0px;
	float: right;
}
#footer{
	overflow: hidden;
	text-shadow: #fff 0px 0px 0px;
	color: #cccccc;
	font-weight: normal;
}
footer.centreer{
	border-top: 2px solid #eeeeee;
	border-bottom: 0px solid #016590;
	background: #fff;
	overflow: hidden;
	padding: 20px 0px;
}
#footer p{
	display: inline-block;
	float: left;
	font-size: 14px;
	padding: 5px 10px 0px 0px;
}
#footer p.first{
	padding: 10px 10px 10px 10px;
}
#footer a{
	text-decoration: none;
	color: #016590;
}
#footer p.fr{
	float: right;
}
#footer p.fl{
	float: left;
	margin-left: 10px;
}
#voet_nav{
	padding: 20px 10px 0px 0px;
	float: right;
	font-size: 14px;
}
p.financierders{
	padding: 0px 10px !important;
}
.financierders img{
	margin: 0px 10px 0px 0px;
}
/* global styles */
#inhoud h1{
	font-size: 24px;
	margin: 0px 0px 20px 0px;
	color: #009ee3;
	font-weight: bold;
}
#inhoud h2{
	font-size: 20px;
	margin: 0px 0px 20px 0px;
	font-weight: bold;
}
#inhoud h3{
	font-size: 18px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
}
#inhoud p{
	font-size: 15px;
	margin: 0px 0px 15px 0px;
	line-height: 20px;
}
#inhoud p strong{
	font-weight: bold;
}
#inhoud .cmsText ul li,
#inhoud .cmsText ol li{
	list-style: disc;
	list-style-position: outside;
	margin-left: 17px;
	font-size: 14px;
	line-height: 18px;
}
.cmsText table{
	font-size: 15px;
	line-height: 18px;
	width: 100%;
}
.cmsText table td{
	border-bottom: 1 px solid #cccccc;
}
/* home */
.home_top{
	width: 940px;
	margin-left: 10px;
	overflow: hidden;
}
.home_top p{
	font-size: 14px;
}
#home_box{
	padding: 10px 0px;
	margin-left: 10px;
	width: 940px;
	overflow: hidden;
}
.home_box{
	width: 220px;
	margin-right: 20px;
	float: left;
}
#home_box .last{
	margin-right: 0px;
}
.sponsorhome{
	width: 200px;
	padding: 0px 10px 0px 10px;
	background: #eee;
	color: #009ee3;
}
.sponsor_image_home{
	width: 200px;
	max-height: 65px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 5px;
	background: #fff;
}
.sponsorhome img{
	max-width: 190px;
	max-height: 55px; 
}
.sponsorhome h3{
	color: #222;
	font-size: 15px !important;
	padding-top: 10px;
}
.sponsorhome h3#sp01{
	padding-top: 0px;
}
#steun{
	width: 200px;
	padding: 10px 10px 0px 10px;
	background: #111;
	color: #fff;
}
.steun_pages{
	width: 280px;
	padding: 10px;
	background: #eee;
	color: #444;
	margin-bottom: 20px;
}
.steun_pages h2.color,
#steun h2,
#steun h2.color{
	color: #ee7f00;
}
.steun_pages a,
#steun a{
	color: #ee7f00;
	text-decoration: none;
	font-weight: bold;
}
.steun_pages a:hover,
#steun a:hover{
	text-decoration: underline;
}
#wanneer{
	width: 200px;
	padding: 10px 10px 0px 10px;
	background: #111;
	color: #fff;
}
#wanneer h2,
#wanneer h2.color{
	color: #57ab27;
}
#wanneer a{
	color: #57ab27;
	text-decoration: none;
	font-weight: bold;
}
#wanneer a:hover{
	text-decoration: underline;
}
.wanneer_pages{
	width: 280px;
	margin-top: -10px;
	padding: 10px;
	background: #eee;
	color: #444;
	margin-bottom: 20px;
}
.wanneer_pages h2,
.wanneer_pages h2.color{
	color: #009EE3;
}
.wanneer_pages a{
	color: #009EE3;
	text-decoration: none;
	font-weight: bold;
}
.wanneer_pages a:hover{
	text-decoration: underline;
}
.normal h2{
	padding-top: 10px;
}
#inhoud .nieuwshome h2{
	margin-bottom: 10px !important;
}
/* items */
#items li{
	border-bottom: 1px solid #ddd;
}
#items li a{
	display: block;
	text-decoration: none;
	padding: 10px 0px 8px;
	font-size: 15px;
	font-weight: bold;
}
.date_time{
	display: block;
	padding: 5px 0px;
	font-size: 13px;
	font-weight: bold;
	color: black;
}
/* slider */
#slider_wrapper {
    width:460px;
    height:360px;
    position:relative;
    background: #eee;
   	margin: 0px 20px 20px 0px;
    float: left;
    border-bottom: 1px solid #ddd;
}
#slider{
    background:url(../img/loading.gif) no-repeat 50% 50%;
    background: #fff;
    width:460px;
    height:320px;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    width:460px;
    height:320px;
}
#slider a {
    border:0;
    display:block;
}
.nivo-controlNav {
    width:440px;
    height:20px;
    text-align: center;
    display: block;
    position:absolute;
    overflow: hidden;
    left: 10px; /* Manually position in centre. Not perfect :( */
    bottom: -35px;
    padding: 0px 0px 0px 0px;
    margin-bottom: 0px;
    z-index:200; /* Make sure it is visible above the slides */
}
.nivo-controlNav a{
    display:block;
    width:22px;
    height:22px;
    background:url(../img/bullets.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
}
.nivo-controlNav a.active {
    background-position:0 -22px; /* Selected bullet */
}
p.caption{
	padding: 5px !important;
	margin: 0px !important;
}
p.caption h2{
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	font-size: 16px !important;
}
/* blog */
.blog img{
	max-width: 150px;
	float: left;
	margin: 0px 10px 10px 0px;
}
.blog_detail img{
	max-width: 250px;
	float: left;
	margin: 0px 10px 10px 0px;
}
img.large{
	width: 620px;
	float: left;
	margin: 0px 0px 10px 0px;
}
.blog_detail h1,
.blog h1{
	line-height: 32px;
}
.blog_detail h1 a,
.blog h1 a{
	text-decoration: none;
}
.blog_detail h1 a:hover,
.blog h1 a:hover{
	text-decoration: underline;
}
.blog_detail .divider,
.blog .divider{
	padding: 10px 0px;
	border-top: 1px solid #eee;
	border-bottom: 0px solid #ccc;
}
.blog_detail .blog_info,
.blog .blog_info{
	color: #aaa;
}
.blog_detail .blog_info a,
.blog .blog_info a{
	color: #aaa;
	text-decoration: none;
}
/* organisaties */
#portfolio{
	padding: 0px 0px;
	margin-left: 10px;
	width: 940px;
	overflow: hidden;
}
#portfolio_links{
	width: 620px;
	margin: 0px 0px 0px 0px;
	float: left;
}
#portfolio_rechts{
	width: 300px;
	margin: 0px 0px 0px 0px;
	float: right;
}
#portfolio_rechts img{
	max-width: 300px;
	margin: 0px 0px 20px 0px;
}
#portfolio h1{
	margin-bottom: 10px;
}
#portfolio_nav{
	overflow: hidden;
}
#portfolio_menu li{
	float: left;
	margin: 0px 10px 20px 0px;
}
#portfolio_menu li a{
	text-decoration: none;
}
#portfolio_menu li a:hover{
	text-decoration: underline;
}
.portfolio_detail{
	border-bottom: 1px solid #eee;
	padding-bottom: 0px;
	margin-bottom: 20px;
}
#portfolio_items li{
	width: 200px;
	min-height: 185px;
	padding: 5px 10px;
	float: left;
	margin: 0px 20px 20px 0px;
	text-align: center;
	background: #eee;
}
#portfolio_items li.last{
	margin-right: 0px;
}
#portfolio_items li img{
	max-width: 190px;
	max-height: 60px;
}
#portfolio_items li a{
	text-decoration: none;
	padding: 5px 0px;
	font-weight: bold;
	color: #aaa;
	text-shadow: #fff 0px 1px 0px;
}
#portfolio_items li a.fancybox_title{
	width: 200px;
	display: table-cell;
	height: 80px;
	background: #fff;
	vertical-align: middle;
	text-align: center;
}
#portfolio_items li h2{
	padding: 10px 5px;
	margin-bottom: 0px;
	font-size: 16px;
}
#portfolio_items li p{
	padding: 5px 5px;
	margin-bottom: 0px;
	font-size: 14px;
}
/* FORMULIEREN */
.radiocheck_cont{
	padding: 0px 0px 10px 0px;
	overflow: hidden;
}
form label.error { display: none; }
select.error,
input.error{
	border: 1px solid #EE7F00 !important;
}
.form_info_field span{
	background: #cdf0ff;
	color: #009ee3;
	border: 1px solid #009ee3;
	padding: 5px;
	display: block;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 10px;
}
.tarieven{
	background: #cdf0ff;
	color: #009ee3;
	border: 1px solid #009ee3;
	padding: 5px;
	display: block;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 10px;
}
.tarieven a{
	font-weight: bold;
	text-decoration: none;
}
.tarieven_title{
	font-size: 16px;
	font-weight: bold;
}
.tarieven li{
	padding: 5px 0px;
}
.tarieven li.disc{
	list-style: disc;
	list-style-position: inside;
}
span.error{
	display: block;
	padding: 5px 0px 0px;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #EE7F00;
	width: 380px;
	float: right;
}
.p_checkbox span.error{
	color: #EE7F00;
	width: 100% !important;
}
.formulier p{
	overflow: hidden;
	width: 100%;
	margin: 0px 0px 5px 0px !important;
	padding: 2px 0px !important;
}
.label_top,
.label_left{
	display: table-cell;
	float: left;
	vertical-align: top;
	width: 220px;
	font-size: 15px;
}
.input_right_medium_div{
	display: inline-block;
	margin: 10px 0px;
	padding: 5px 0px;
	width: 380px;
	float: right;
	font-size: 15px;
}
.input_right_medium_check,
.input_right_medium{
	display: block;
	width: 380px;
	float: right;
}
.input_right_medium_check{
	text-align: left;
}
.input_right_13{
	display: block;
	width: 85px;
	float: left;
	margin-left: 20px;
}
.input_right_23{
	display: block;
	width: 290px;
	float: right;
}
.p_checkbox{
	float: left;
	width: 50% !important;
}
.label_checkbox{
	font-size: 15px;
}
.input_checkbox{
	margin-left: 3px;
}
/* form jquery divs */
#toggle_factuur{
	width: 620px;
}
.notification{
}
.notification .success{
	border: 1px solid #6dc70c;
	color: #6dc70c;
	background: #e5fdcb;
	padding: 10px;
}
.adres_details span{
	display: block;
}
#contact_form p{
	display: block;
	padding: 3px 0px;
	margin: 0px 0px 0px 0px;
	clear: right;
}
#contact_form .formHint{
	display: block;
	float: right;
	color: red;
}

/*
 * jQuery Nivo Slider v2.5.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/* `Widths
----------------------------------------------------------------------------------------------------*/

.input_tiny {
  width: 50px;
}

.input_small {
  width: 100px;
}

.input_medium {
  width: 150px;
}

.input_large {
  width: 200px;
}

.input_xlarge {
  width: 250px;
}

.input_xxlarge {
  width: 300px;
}

.input_full {
  width: 100%;
}

/*
  Added via JS to <textarea> and class="input_full".
  Applies only to IE7. Other browsers don't need it.
*/
.input_full_wrap {
  display: block;
  padding-right: 8px;
}

/* `UI Consistency
----------------------------------------------------------------------------------------------------*/

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="search"]::-webkit-search-decoration {
  display: none;
}

input,
button,
select,
textarea {
  margin: 0;
  vertical-align: middle;
}

input[type="radio"],
input[type="checkbox"] {
  position: relative;
  vertical-align: top;
  top: 3px;
  /* IE8, IE9, IE10 */
  top: 0\0;
  /* IE7 */
  *top: -3px;
}

/* iPad */
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 2px;
  }
}

/* iPhone 3 */
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 0;
  }
}

/* iPhone 4 */
@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 0;
  }
}

button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  background: #ddd url(../img/button.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
  background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  /*
    Helvetica Neue present, because it works better
    for line-height on buttons than Arial, on OS X.
  */
  font: bold 12px/1.3 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
  outline: 0;
  overflow: visible;
  padding: 3px 10px;
  text-shadow: #fff 0 1px 1px;
  width: auto;

  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 0px;
}

button {
  /* IE7 */
  *padding-top: 1px;
  *padding-bottom: 1px;
}

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  -webkit-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: #000;
  outline: 0;
  padding: 2px 3px;
  font-size: 13px;
  /*
    Leaving out Helvetica Neue, to not throw off size="..."
    on inputs. Arial is more reliable, on Windows and OS X.
  */
  font-family: Arial, 'Liberation Sans', FreeSans, sans-serif;
  height: 1.8em;

  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 1px;
  *height: auto;
}

/*
  Separate rule for Firefox.
  Separate rule for IE, too.
  Cannot stack with WebKit's.
*/
::-webkit-input-placeholder {
  color: #888;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #888;
}

input.placeholder_text,
textarea.placeholder_text {
  color: #888;
}

:invalid {
  /*
    Suppress red glow that Firefox
    adds to form fields by default,
    even when user is still typing.
  */
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
  -moz-box-shadow: #06f 0 0 7px;
  -webkit-box-shadow: #06f 0 0 7px;
  box-shadow: #06f 0 0 7px;

  /* for Opera */
  z-index: 1;
}

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

select[disabled],
textarea[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
  background-color: #eee;
}

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #888;
  cursor: default;
}

textarea,
select[size],
select[multiple] {
  height: auto;
}

/* Tweaks for Safari + Chrome. */
@media (-webkit-min-device-pixel-ratio: 0) {
  select {
    background-image: url(../img/select_arrow.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
  }

  select[size],
  select[multiple] {
    background-image: none;
    padding: 0;
  }

  ::-webkit-validation-bubble-message {
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
    border: 1px solid;
    border-color: #747474 #5e5e5e #4f4f4f;
    color: #fff;
    font: 11px/1 'Lucida Grande', Arial, 'Liberation Sans', FreeSans, sans-serif;
    padding: 15px 15px 17px;
    text-shadow: #000 0 0 1px;
  }

  ::-webkit-validation-bubble-top-outer-arrow,
  ::-webkit-validation-bubble-top-inner-arrow {
    display: none;
  }
}

textarea {
  min-height: 40px;
  overflow: auto;
  resize: vertical;
  width: 100%;
}

optgroup {
  color: #000;
  font-style: normal;
  font-weight: normal;
}

/* `IE6
----------------------------------------------------------------------------------------------------*/

/*
  Everything below this line is for IE6.
  Delete it if you don't support it! :)

  Classes are added dynamically via JS,
  because IE6 doesn't support attribute
  selectors: .ie6_button, .ie6_input, etc.

  Note: These style rules are somewhat
  duplicated because IE6 bombs out when
  it sees attribute selectors. Example:

  .ie6_button {
    This works in IE6.
  }

  .ie6_button,
  input[type=submit] {
    This doesn't work.
  }
*/

.ie6_button,
* html button {
  background: #ddd url(../img/button.png) repeat-x;
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  font: bold 12px/1.2 Arial, sans-serif;
  padding: 2px 10px 0px;
  overflow: visible;
  width: auto;
}

* html button {
  padding-top: 1px;
  padding-bottom: 1px;
}

.ie6_input,
* html textarea,
* html select {
  background: #fff;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: #000;
  padding: 2px 3px 1px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  vertical-align: top;
}

* html select {
  margin-top: 1px;
}

.placeholder_text,
.ie6_input_disabled,
.ie6_button_disabled {
  color: #888;
}

.ie6_input_disabled {
  background: #eee;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('fancybox/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

.tweet{
	float: right;
}
.tweet,
.query {
	color: #009ee3;
	font-size: 13px;
	line-height: 16px;
	margin: 10px 10px 0px 0px;
	width: 460px;
}

	.tweet_list {
		list-style: none;
		margin: 0;
		padding: 0;
		overflow-y: hidden;
		background-color: #fff;
	}
	
		.tweet_list .awesome,
		.tweet_list .epic {
			text-transform: uppercase;
		}
		
		.tweet_list li {
			overflow-y: auto;
			overflow-x: hidden;
			padding: 10px;
		}
		
			.tweet_list li a {
				color: #009ee3;
				font-weight: bold;
			}
		
		.tweet_list .tweet_even {
			background-color: #cdf0ff;
		}
		
		.tweet_list .tweet_avatar {
			padding-right: 5px; float: left;
		}
		
			.tweet_list .tweet_avatar img {
				vertical-align: middle;
			}