div.update-message {
	background-color:#FFFFCC;
	color:red;
	margin:20px;
	padding:20px;
	border:2px solid red;
}

/* font stacks (from cssfontstack.com) */



.sans_serif{
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

.serif{
	font-family: 'Salsa', Cambria, Georgia, serif;
} 		

.monospaced{
	font-family: Consolas, monaco, monospace;
} 		

/* general declarations */

body {
	width:98%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	line-height:1.5;
	font-size:100%;
	font-family: 'Bitter', Cambria, Georgia, serif;
}

	
div {
	font-family: 'Bitter', Cambria, Georgia, serif;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

span {
	font-family: 'Bitter', Cambria, Georgia, serif;
}	

a{
	color:blue;
	text-decoration:none;
	font-family: 'Bitter', Cambria, Georgia, serif;
} 	

a + a {

	padding-left:8px;
	padding-right:8px;

} 
/*
a + a:before {
	content: ' \00A0 \00b7 \00A0 ';
} 
*/
a:hover{
	color:red;
/*	border-bottom:1px solid red; */
}

	


.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1
}

/* general items */

div#all{
/*
	border-left:1px solid  #39AF2A;
	border-right:1px solid  #39AF2A;
  margin-bottom:40px;
*/
  box-shadow: 0px 0px 50px 0px  #39AF2A;
  padding:10px;
  max-width:2300px;
}	

div.ql{
	text-align:right;
	background-color:#79FC72;

	background-image:linear-gradient(#8DE78F,#AEFDAA );
/*
	background-color:#8DE78F;
*/
	padding:10px;
		border-top-right-radius:16px;
	margin-bottom:15px;
	height:3em;
}



/* current query / page header */

div#current_query{
	background-color:white;
	margin-bottom:5px;
}

div#search_options{
	padding-left:10px;
}
	
span.small{
	font-size:70%;
}

span.ql{
	font-family: 'Signika',Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

#img_txt_button{
	cursor:pointer;
}
/*
input#q{
	border-radius:8px;
	width:300px;
	font-size:18px;
	padding:6px;
	border:1px solid #79FC72;
	box-shadow:2px 2px 2px;
	margin-top:-7px;
} 
*/
input#q{
  padding: 10px;
  border: solid 1px #fff;
  box-shadow: inset 1px 1px 2px 0 #707070;
  transition: box-shadow 0.3s;
  margin-top:-18px;
  border-radius:3px;
  font-size:150%;
  height:34px;
}
input#q:focus,
input#q.focus {
  box-shadow: inset 1px 1px 3px 0 #222;
}

input.mobile-search{
  padding: 6px;
  border: solid 1px #fff;
  box-shadow: inset 1px 1px 2px 0 #707070;
  border-radius:3px;
  font-size:16px;
  margin-top:-6px;
} 
	
span#myvdm_button{
	padding: 0px 10px 0px 10px;
	font-size:130%;
	cursor:pointer;
} 



div.myvdm_center{
}

div.myvdm_left{
	margin-left:10px;
}	
	


h1.current_query{
	margin-bottom:10px;
	margin-top:0px;
	font-size:1.6em;
	padding: 10px;
}
div#breadcrumbs{
	margin-bottom:10px;
	padding-left:15px;
	font-size:10px;
	width:215px;
}

div.breadcrumbs_inner{
	padding:10px;
	font-size:14px;
}
div#breadcrumbs  a{
	display:block;
	font-size:14px;
}
div#breadcrumbs  a + a{
	display:block;
	padding-left:20px;
}

div#breadcrumbs  a + a + a{
	display:block;
	padding-left:40px;
}

div#breadcrumbs  a + a + a + a{
	display:block;
	padding-left:60px;
}

div.results_count{
	padding-top: 0px;
	margin-top: 0px;
} 

	
div#center{
	float:left;
	width:750px;
}
div#sidebar{
	width:220px;
	float:left;
}
div#all{
	clear:both;
}

div#cookiebar{
	font-size:12px;
	padding:1em;
	font-family:
	sans-serif;
	color:white;
	background-color:black;
	margin-bottom:10px;
	display:none;
}
div#disclaimer{
	border:1px solid rgb(231,255,223);
	font-size:12px;
	color:#777;
	font-family:Calibri;
	padding:3px;
	margin-top:25px;
	margin-bottom:25px;
	float:left
}

a.myvdm{
	display:inline-block;
	width:40px;
	padding:5px 0;
	margin-left:10px;
	background-color:#FF8000;
	background-image: linear-gradient(#FFB76F,#D96C00 );
	box-shadow:rgba( 0, 0, 0, .25) 0 2px 2px 0;
	font-size:16px;
	color:black;
	transition: color .4s linear, background-image .4s ease-out;
	text-align:center;
}

a.myvdm:hover{
	text-decoration:none;
	color:white;
	background-image: linear-gradient(#D96C00,#FFB76F );
	border:none;
} 

div#ab{

}

/* search, category and shop overview */

select.filter_select {
	width:200px;
	font-size:16px;
}

select.breadcrumbs{
	width:190px;
	font-size:16px;

}	
div#no_results_content{
	margin-top:10px;
	padding:10px;
} 

div#notification_inner{
	margin-top:10px;
	border: 3px solid #A4F759;
	border-radius:10px;
	padding:10px 0px 10px 20px;
	
}		

div.notification_icon{
	font-size:36px;
	float:left;
	padding-right:20px;
	cursor:pointer;
	margin-top:-15px;
}
div#service_section{
	margin-top:10px;
	border: 1px solid #A4F759;
	padding:10px;
}		

div.navigation{
	padding-bottom:15px;
	padding-top:10px;
}

a.pg_nav:hover{
	color:red;
} 
a.pg_nav{
	color:blue;
	text-decoration:none;
} 
span.pg_num{
	font-weight:bold;
	color:#616161;
	background-color:#D9FFD7;
	cursor:pointer;
	height: 28px;
	width: 32px;
	-moz-border-radius: 5px;
	border-radius: 5px;
/*	border:1px solid #ddd;  */
	display:inline-block;
	margin-bottom:4px;
	margin-right:4px;
	text-align:center;
	padding-top:3px;
}
 
span.pg_num.highlight{
	background-color:#1AC606;
}	
span.pg_num.selected{
	background-color:#6FFA5F;
	border:1px solid green;
	color:green;
}
span.ellipses{
	font-weight:bold;
	font-size:24px;
	color:#ddd;
	margin-right:4px;
	line-height:0.5em;
}
	
div.ab.tc{
	text-align:center;
	float:left;
	width:240px;

/*
*/
}
.rotating{
   transition-duration: 4s;
    transition-property: transform;
    transform: rotate(360deg);
}  
/*   
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
} 

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
*/
div.similar_old.tc{
	padding-top:2px;
	padding-bottom:5px;
	text-align:center;
	width:120px;
	float:left;
}
div.similar_current.tc{
	padding-top:2px;
	padding-bottom:5px;
	padding-left:3px;
	padding-right:3px;
	text-align:center;
	width:240px;
	float:left;
}

div.pf.tc{
/*
	width:236px;
	margin:4px;
*/
	float:left;
	padding-bottom:25px;
	margin-bottom:25px;
} 
div.pf.head{
	margin:0px 5px 5px 5px;
	border-top:2px solid #B0B0FF;
} 

span.pf_popular{
	font-style:italic;
	font-size:1em;
	color:red;
}
b.pf_price{
	font-size:1.6em;
}	
span.cents{
	font-size:0.6em;
	position:relative;
	left:-0.5em;
	top:-0.5em;
}

a.pf_affiliate{
	font-size:1.4em;
}
a.pf_affiliate_small{
	font-size:1.0em;
}

div.old{
	width:120px;
	float:left;
}

h2.ab.head{
	font-weight:bold;
	margin-left:5px;
	margin-right:5px;
	margin-top:1px;
	margin-bottom:5px;
	border-top:2px solid #8EF433;
	padding:2px;
	font-size:14px;
	color:#555;
/*
	background-image: linear-gradient(#8EF433,#D9FFD9 );
	background-color:#CBFAA0;
*/
}
h3.old_ab.head{
	font-weight:bold;
	margin-left:5px;
	margin-right:5px;
	margin-top:1px;
	margin-bottom:5px;
	border-top:2px solid #999;
	padding:2px;
	font-size:10px;
	color:#999;
/*
	background-image: linear-gradient(#8EF433,#D9FFD9 );
	background-color:#CBFAA0;
*/
}
div.navigation{
	clear:both;
} 
div.tb{
	clear:both;
	visibility:none;
} 

div.ab.text{
	font-size:10px;
}

div.ab.text a{
	font-size:12px;
	color:#95A2FD;
}
a.ab.tw.text_highlight{
	color:#2540FC;
}	
a.ab.ct.text_highlight{
	color:#2540FC;
}	
a.ab.detail_link.text_highlight{
	color:#2540FC;
}	
span.ab.prompt{
	font-size:10px;
	color:rgb(150,150,150);
} 

span.ab.wk_name{
	font-family:Cambria, Tahoma;
	font-size:12px;
} 	
span.ab.period{
	font-family:Cambria, Tahoma;
	font-size:12px;
} 	

span.ab.detail_link{
	font-size:10px;
	padding-bottom:6px;
} 
a.tw_hit {
	background-color:#FFFF80;
	font-weight:bold;
} 
a.tw_hit:hover{
}	



i.action{
	display:inline-block;
	padding:4px;
	margin-left:3px;
/*	background-image: linear-gradient(#FFB76F,#D96C00 ); */
	box-shadow:rgba( 0, 0, 0, .25) 0 1px 1px 0;
	font-size:24px;
	color:#EFEFEF;
	transition: color .4s linear, background-colour .8s ease;
	text-align:center;
	cursor:pointer;
}

i.action_highlight{
	color:#1E1E1E;
} 	
i.action:hover{
	text-decoration:none;
	color:black;
/*	background-image: linear-gradient(#D96C00,#FFB76F ); */
	border:none;
	background-color:#7DFC70;
} 


div.old_ab_header{
	margin-top:20px;
	margin-bottom:10px;
}

	
div.old_ab_vl{
	opacity:0.5;
	font-family: Calibri;
	font-size:24px;
	font-weight:bold;
	color:red;
	margin-top:-50px;
	margin-bottom:30px;
	-ms-transform:rotate(30deg); /* IE 9 */
  -moz-transform:rotate(30deg); /* Firefox */
  -webkit-transform:rotate(30deg); /* Safari and Chrome */
  -o-transform:rotate(30deg); /* Opera */
}
span.old_ab_vl{
	font-family: Calibri;
	font-size:18px;
	color:red;
}

td.pf_image{
	padding:5px;
}

td.pf_info{
	padding:5px;
	font-size:14px;
}
a.pf_md_value:hover{
	text-decoration: underline;
}

a.pf_md_value {
	text-decoration: none;
	border:0px solid lightblue;
	padding:2px;
	color:green;
	font-style:normal;
	padding-left:4px;
	font-size:12px;
	padding-right:4px;
	box-shadow: 2px 2px 3px #888888;
	border-radius:6px
}

div.old.tc{
	width:120px;
	font-size:10px;
	text-align:center;
}

div.large_result_image{
	float:left;
	padding-left:10px;
}
div.large_ab_vl{
	opacity:0.5;
	font-family: Calibri;
	font-weight:bold;
	color:red;
	-ms-transform:rotate(45deg); /* IE 9 */
  -moz-transform:rotate(45deg); /* Firefox */
  -webkit-transform:rotate(45deg); /* Safari and Chrome */
  -o-transform:rotate(45deg); /* Opera */
  text-align:center;
}

div.none{
}
div.large_result_info{
	float:left;
	padding:0px 0px 5px 10px;
} 
div.similar_old.tc{
	width:120px;
	font-size:10px;
	text-align:center;
}


div.filter_all_link{
	text-align:right;
	margin-top:10px;
}

div.tagcloud{
 float:left;
 width:230px;
}

div.tc_header{
	padding:2px;
	margin:5px;
	font-weight:bold;
	border-top: 2px solid #A4F759;
} 

i.toggle-up-down{
	display:inline-block;
	padding:2px;
/*	background-image: linear-gradient(#FFB76F,#D96C00 ); */
	font-size:16px;
	color:#333;
	cursor:pointer;
}


i.toggle-up-down:hover{
	text-decoration:none;
	color:black;
} 

div.ab_detail_container{
} 
h1.ab_detail{
	font-size:24px;
	font-weight:bold;
	padding-left:10px;
}

ul.detail_categorieen{
	margin-top:0px;
}

/* index page */ 

span.fp_cnt{
	font-size:8px;
	position:relative;
	top:-5px;
	display:inline-block;
} 

input.fp_select{
	width:240px;
	font-size:16px;
}

div.pop_list{
	float:left;
	width:150px;
/*
	 padding:5px;
 	border:1px solid #A4F759;
 	*/
}

h2.tc_header{
	font-size:16px;
	padding:2px;
	font-weight:bold;
	border-top: 2px solid #A4F759;
 	margin:2px;
} 

span.pop_line{
	padding-left:5px;
	font-size:1em;
}
div.home_all{
	text-align:center;
	padding:5px;
}

div.hide_on_small{
	display:none;
}
div.home_thumb{
	float:left;
	width:120px;
	padding:2px;
 	font-size:12px;
 	text-align:center;
}

h2.home_header{
	font-weight: bold;
	font-size:16px;
	padding:5px;
	margin:0px;
	border-top: 2px solid #A4F759;
}

div.home_container{
 	margin-top:5px;
 	margin-bottom:5px;
} 
/* winkel index page */	
div#wi_wk_select{
	float:left;
}

div.wi_wk_info {
	border-top: 2px solid #A4F759;
	margin:10px;
} 
h2.wi_wk_name_header {
	display:inline;
	font-size:16px;
	
} 

div.wi_wk_similar {
	float:left;
	width:48%;
	padding:5px;
} 
	
div.wi_ct_similar {
	float:left;
	width:48%;
	padding:5px;
	border-left: 1px solid #A4F759;
} 

div.wi_fi_adres{
	margin-bottom:10px;
	border-bottom:1px solid #A4F759;
	width:350px;
	padding:5px;
}

a.hit{
	background-color:yellow;
} 

div.bi_item{
	font-size:24px;
}
a.bi_actual{
	font-size:18px;
	font-weight:bold;
} 

a.bi_old{
	font-size:12px;
}

a.bi_empty{
	font-size:12px;
}

/* woord index page */
td.query_index_letter {
	font-size:2.5em;
	width:3em;
	height:1.2em;
	text-align:center;
}

a.w1{
	font-size:1em;
} 
a.w2{
	font-size:1.1em;
} 
a.w3{
	font-size:1.2em;
} 
a.w4{
	font-size:1.3em;
} 
a.w5{
	font-size:1.4em;
} 
a.w6{
	font-size:1.5em;
} 
a.w7{
	font-size:1.6em;
} 
a.w8{
	font-size:1.7em;
} 
a.w9{
	font-size:1.8em;
} 
a.w10{
	font-size:1.9em;
} 

/* mvdm */

div#largemyvdmbox{
	margin:20px 20px 60px 20px;
	padding:20px 20px 60px 20px;
	border:1px solid #AEFDAA;
	border-radius:20px;
}

div.notification_inner{
	margin:20px 20px 20px 20px;
	padding:20px 20px 20px 20px;
	border:1px solid #AEFDAA;
	border-radius:20px;
} 

div.error{
	color:red;
	border: 1px solid red;
	background-color:yellow;
	margin:10px;
	padding:10px;
}

div.ok{
	color:green;
	border: 1px solid green;
	background-color:none;
	margin:10px;
	padding:10px;
}

li input{
	margin-right:20px;
}
div.teaser{
	font-style:italic;
	font-weight:bold;
	border:1px solid #1DF122;
	padding:10px;
	margin:20px;
	color:#066F09;
	text-align:center;
	background-color:#DDFFD9;
} 

div.benefits li:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  margin-right: 1em;
 
  /* you can be more comfortable with increased icons size */
  font-size: 140%; 
 
  /* Uncomment for 3D effect */
   text-shadow: 2px 2px 2px rgba(127, 127, 127, 0.3); 
   content: '\e813 ';
   color:green;
   
 } 

div.benefits li {
   list-style-type:none;
   line-height:2em;
}

li.aa_weekday {
   list-style-type:none;
   line-height:2em;
}
h2.myvdmtab{
	background-color:#79FC72;
	background-image:linear-gradient(#8DE78F,#AEFDAA );
	padding:4px 4px 6px 4px;
  cursor:pointer;
	border-left:1px solid #79FC72;
  border-top-right-radius:18px;
  margin-bottom:0px;
  margin-top:-2px;
  z-index:0;
  color:#056600;
}
h2.myvdmtab:hover{
	color:white;
	z-index:1;
}



div.myvdmtabcontent{
	border-bottom:1px solid #79FC72;
	border-left:1px solid #79FC72;
	border-right:1px solid #79FC72;
	padding:10px 4px 10px 4px;
	display:none;
}

/* login */

span.login_prompt{
	width:150px;
}

div.mvdm_message:before{
  font-family: "fontello";
  content: '\e811';
  padding: 0px 5px 0px 5px;
}

div.mvdm_message{
	font-size:12px;
	border-radius:10px;
	background-color:#AEFDAA;
	margin:20px;
	padding:10px;
} 
	

/*list */
div.list_item_title{
	margin:0px 5px 0px 5px;
	border-top:1px solid #79FC72;
	font-size:12px;
	font-weight:bold;
	float:left;
	cursor:pointer;
	width:150px;
}
div.list_item_subtitle{
	margin:0px 10px 0px 10px;
	font-size:10px;
	float:right;
	text-align:right;
	width:150px;
}
div.list_item_remove{
	color:red;
	font-size:12px;
	font-weight:bold;
	float:left;
	margin-top:5px;
	cursor:pointer;
	border-radius:10px;
}

div.over{
	background-color:red;
	color:white;
}

div.list_item_image{
	text-align:center;
	cursor:pointer;
}
div.list_item_image.shown{
	display:block;
} 
div.list_item_image.hidden{
	display:none;
} 

/* locations */
div.location_item_title{
	margin:0px 5px 0px 5px;
	border-top:1px solid #79FC72;
	font-size:12px;
	font-weight:bold;
	float:left;
	cursor:pointer;
	width:145px;
	line-height:1.2em;
	height:2.5em;
}

div.location_item_remove{
	color:red;
	font-size:12px;
	font-weight:bold;
	float:left;
	margin-top:0px;
	cursor:pointer;
	border-radius:10px;
	width:20px;
}

span.tt-dropdown-menu{
	font-size:10px;
	border:1px solid #79FC72;
	background-color:white;
	width:333px;
	padding:0px 10px 0px 10px;
	box-shadow: 5px 5px 13px 0px rgba(175, 174, 68, 0.40);
} 

h3.ta_header{
	border-top:2px solid  #79FC72;
	font-size:16px;
	font-style:italic;
	margin-bottom:0px;
	color:#0CA703;
}
span.tt-suggestions{
	padding:0px 0px 0px 4px;
	margin:0px;	
} 
div.tt-suggestion{
	font-size:14px;
	padding:3px 0px 3px 4px;
	margin:0px;
}
div.tt-suggestion p{
	margin:2px;
}
div.tt-cursor{
	background-color: #9AFD95;
}
strong.tt-highlight{
	background-color: #FEFDC2;
} 
/* history */
div.history_title{
	margin:0px 5px 5px 5px;
	padding-top:3px;
	border-top:1px solid #79FC72;
	font-size:12px;
	font-weight:bold;
	float:left;
	cursor:pointer;
	width:130px;
	line-height:1.2em;
/*	height:2.5em; */
}
div.history_remove_all{
	color:red;
	font-size:12px;
	font-weight:bold;
	clear:both;
	margin:10px 0px 10px 0px;
	cursor:pointer;
	height:2em;
	text-align:center;
	border-radius:10px;
}

div.history_remove_all.over{
	background-color:red;
	color:white;
}

div.history_item_remove{
	color:red;
	font-size:12px;
	font-weight:bold;
	float:left;
	margin-top:0px;
	cursor:pointer;
	border-radius:10px;
	width:20px;
	text-align:center;
}

div.history_item_notify{
	color:#ddd;
	font-size:12px;
	font-weight:bold;
	float:right;
	margin-top:0px;
	cursor:pointer;
	border-radius:4px;
	width:20px;
	text-align:center;
}

div.history_item_notify.active{
	background-color:#78FE7E;
	color:black;
}

div.history_item_notify.over{
	background-color:#D5FFD7;
	color:white;
}
div.history_item_remove.over{
	background-color:red;
	color:white;
}

div.notification_settings{
	font-size:12px;
	padding:5px;
	margin:10px;
	border:1px solid 	#78FE7E;
} 
/* myvdm */
div#myvdmbox{

/*	border:1px solid #79FC72; */
	margin-top:10px;
	margin-bottom:20px;
	padding:5px;
	font-size:10px;
}


h2.myvdmsubboxtitle{
	background-color:#79FC72;
	padding:4px;
  cursor:pointer;
}
.highlight{
	color:white;
}

#tabs {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs li {
  float: left;
  margin: 0 .5em 0 0;
}

#tabs a {
  position: relative;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  padding: .7em 3.5em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  border-radius: 5px 0 0 0;
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after {
  background: #fff;
}

#tabs a:focus {
  outline: 0;
}

#tabs a::after {
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  transform: skew(10deg);
  border-radius: 0 5px 0 0;  
}

#tabs #current a,
#tabs #current a::after {
  background: #fff;
  z-index: 3;
}

#content {
  background: #fff;
  padding: 2em;
  height: 220px;
  position: relative;
  z-index: 2; 
  border-radius: 0 5px 5px 5px;
  box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}

/* spinner code from http://tobiasahlin.com/spinkit/ */

.spinner {
  margin: 0px auto;
  width: 300px;
  height: 300px;
  position: relative;
}

.container1 > div, .container2 > div, .container3 > div {
  width:90px;
  height:90px;
  background-color: #111;

  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/*
input.thoughtbot {
  background-color: #ee432e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  border: 1px solid #951100;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  color: #fff;
  font: bold 14px "helvetica neue", helvetica, arial, sans-serif;
  line-height: 1;
  padding: 5px 0 7px 0;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
  width: 150px; }
  input.thoughtbot:hover {
    background-color: #f37873;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601));
    background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    cursor: pointer; }
  input.thoughtbot:active {
    background-color: #d43c28;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00));
    background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4); }
 */   
input.mybutton{
		background-color:#79FC72;
    background: linear-gradient(to bottom, #24a828 0px, #1b7e1e 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius:3px;
    min-height:26px;
    border:medium none;
    color:#fff;
    font-weight:bold;
    margin-bottom:5px;
    margin-top:5px;
    margin-left:10px;
    margin-right:10px;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
} 
input.mybutton:hover{
		background-color:#79FC72;
    background: linear-gradient(to bottom, #1E8C21 0px, #176A1A 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
}
input.mybutton:active{
  box-shadow: none;
}	

button.icon-button{
	background-color:#79FC72;
    background: linear-gradient(to bottom, #24a828 0px, #1b7e1e 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius:3px;
    min-height:32px;
    border:medium none;
    color:#white;
    font-weight:bold;
    margin-bottom:5px;
    margin-top:0px;
    margin-left:5px;
    margin-right:5px;
	  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
		font-family:fontello;
}

div#smallmenu{
	position: absolute;
	z-index:1;
	background-color:white;
	padding:10px;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
	width:150px;
	
} 

a.smallmenu + a.smallmenu{
	border:1px solid black;
}

a.smallmenu{
	line-height:3em;
	cursor:pointer;
	width:150px;
}

input#q-button{
		font-size:150%;
		min-height:44px;
	}

@media (max-width: 1024px) {
	body {
		width:100%;
	}
	div#all{
		padding:3px;
	}
} 

@media (max-width: 1023px) {
	div#sidebar{
		display:none;
	}
} 

@media (min-width:750px) and (max-width: 1023px) {
	div#center{
		width:750px;
	}
} 

@media (min-width:1024px){
	div#sidebar{
		display:block;
	}
}

@media (min-width:1024px) and (max-width: 1249px) {
	div#center{
		width:750px;
	}
} 

@media (min-width:1250px) and (max-width: 1499px) {
	div#center{
		width:1000px;
	}
} 

@media (min-width:1500px) and (max-width: 1749px) {
	div#center{
		width:1250px;
	}
} 

@media (min-width:1750px)  {
	div#center{
		width:1500px;
	}
} 

@media (min-width:500px) and (max-width: 749px) {
	div#center{
		width:500px;
	}
} 
@media (max-width:499px)  {
	div#center{
		width:250px;
	}
} 




@media (max-width: 980px) {
 	input.login{
	  padding: 5px;
	  border: solid 1px #fff;
	  box-shadow: inset 1px 1px 2px 0 #707070;
	  transition: box-shadow 0.3s;
	  margin-top:0px;
	  border-radius:3px;
	  font-size:110%;
	}
	input.login:focus, input.login.focus {
 		 box-shadow: inset 1px 1px 3px 0 #000;
	}
	div#sidebar{
		display:none;
	}
	div.list_item{
		font-size:125%;
	}
	div.history_title, div.location_item_title, div.list_item_title{
		width:80%;
		font-size:100%;
	 }
	 div.history_item_remove, div.list_item_remove, div.location_item_remove, div.history_item_notify{
	 	font-size:150%;
	 	width:44px;
	 }
 	div.myvdmtabcontent{
 		font-size:150%;
 	}
	h2.myvdmtab{
		height:40px;
		font-size:200%;
		float:left;
		overflow:hidden;
		width:60px;
		display:inline-box;
	}
	input.mybutton{
		font-size:150%;
		min-height:44px;
	}
	span#search-prompt{
		display:none;
	} 
	h2.selected_tab{
		border-bottom:3px solid green;
		color:#000400;
	}	
}

@media (max-width: 600px) {
	input#q{
	  margin-top:0px;
	  width:50%;
	 }
	 	h1.current_query{
	 		font-size:16px;
	 	}
	 
}
@media (max-width: 400px) {
	img#vdm-logo{
		display:none;
	} 
 	h1.current_query{
 		font-size:16px;
 		padding-top:19px;
 	}
 	div#search_options{
 		display:none;
 	}
 	
}
	
/* fontello */

@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?90565413');
  src: url('../font/fontello.eot?90565413#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?90565413') format('woff'),
       url('../font/fontello.ttf?90565413') format('truetype'),
       url('../font/fontello.svg?90565413#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?90565413#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-thumbs-up:before { content: '\e800'; } /* '?' */
.icon-mail:before { content: '\e801'; } /* '?' */
.icon-edit:before { content: '\e802'; } /* '?' */
.icon-twitter:before { content: '\e803'; } /* '?' */
.icon-smile:before { content: '\e804'; } /* '?' */
.icon-frown:before { content: '\e805'; } /* '?' */
.icon-menu:before { content: '\e806'; } /* '?' */
.icon-cog:before { content: '\e807'; } /* '?' */
.icon-logout:before { content: '\e808'; } /* '?' */
.icon-login:before { content: '\e809'; } /* '?' */
.icon-folder-empty:before { content: '\e80a'; } /* '?' */
.icon-folder-open-empty:before { content: '\e80b'; } /* '?' */
.icon-attention:before { content: '\e80c'; } /* '?' */
.icon-forward:before { content: '\e80d'; } /* '?' */
.icon-reply:before { content: '\e80e'; } /* '?' */
.icon-ok-circled2:before { content: '\e80f'; } /* '?' */
.icon-heart-empty:before { content: '\e810'; } /* '?' */
.icon-star-empty:before { content: '\e811'; } /* '?' */
.icon-search:before { content: '\e812'; } /* '?' */
.icon-ok:before { content: '\e813'; } /* '?' */
.icon-ok-circled:before { content: '\e814'; } /* '?' */
.icon-ok-squared:before { content: '\e815'; } /* '?' */
.icon-cancel:before { content: '\e816'; } /* '?' */
.icon-cancel-circled:before { content: '\e817'; } /* '?' */
.icon-cancel-circled2:before { content: '\e818'; } /* '?' */
.icon-plus:before { content: '\e819'; } /* '?' */
.icon-plus-circled:before { content: '\e81a'; } /* '?' */
.icon-plus-squared:before { content: '\e81b'; } /* '?' */
.icon-plus-squared-alt:before { content: '\e81c'; } /* '?' */
.icon-minus:before { content: '\e81d'; } /* '?' */
.icon-minus-circled:before { content: '\e81e'; } /* '?' */
.icon-minus-squared:before { content: '\e81f'; } /* '?' */
.icon-minus-squared-alt:before { content: '\e820'; } /* '?' */
.icon-export:before { content: '\e821'; } /* '?' */
.icon-export-alt:before { content: '\e822'; } /* '?' */
.icon-share:before { content: '\e823'; } /* '?' */
.icon-comment-empty:before { content: '\e824'; } /* '?' */
.icon-chat-empty:before { content: '\e825'; } /* '?' */
.icon-down-dir:before { content: '\e826'; } /* '?' */
.icon-up-dir:before { content: '\e827'; } /* '?' */
.icon-left-dir:before { content: '\e828'; } /* '?' */
.icon-right-dir:before { content: '\e829'; } /* '?' */
.icon-down-open:before { content: '\e82a'; } /* '?' */
.icon-left-open:before { content: '\e82b'; } /* '?' */
.icon-right-open:before { content: '\e82c'; } /* '?' */
.icon-up-open:before { content: '\e82d'; } /* '?' */
.icon-angle-right:before { content: '\e82e'; } /* '?' */
.icon-angle-left:before { content: '\e82f'; } /* '?' */
.icon-angle-up:before { content: '\e830'; } /* '?' */
.icon-angle-down:before { content: '\e831'; } /* '?' */
.icon-laptop:before { content: '\e832'; } /* '?' */
.icon-mobile:before { content: '\e833'; } /* '?' */
.icon-tablet:before { content: '\e834'; } /* '?' */
.icon-tasks:before { content: '\e835'; } /* '?' */
.icon-spinner:before { content: '\e836'; } /* '?' */
.icon-meh:before { content: '\e837'; } /* '?' */
.icon-th:before { content: '\e838'; } /* '?' */
.icon-th-list:before { content: '\e839'; } /* '?' */
.icon-th-large:before { content: '\e83a'; } /* '?' */
.icon-th-1:before { content: '\e83b'; } /* '?' */
.icon-user:before { content: '\e83c'; } /* '?' */
.icon-home:before { content: '\e83d'; } /* '?' */
.icon-thumbs-down:before { content: '\e83e'; } /* '?' */
.icon-thumbs-up-alt:before { content: '\e83f'; } /* '?' */
.icon-thumbs-down-alt:before { content: '\e840'; } /* '?' */
.icon-print:before { content: '\e841'; } /* '?' */
.icon-facebook-squared:before { content: '\e842'; } /* '?' */
.icon-gplus:before { content: '\e843'; } /* '?' */
.icon-pinterest-circled:before { content: '\e844'; } /* '?' */
.icon-location:before { content: '\e845'; } /* '?' */
.icon-sitemap:before { content: '\e846'; } /* '?' */
.icon-filter:before { content: '\e847'; } /* '?' */
.icon-info-circled:before { content: '\e848'; } /* '?' */
.icon-dot-circled:before { content: '\e849'; } /* '?' */
.icon-doc:before { content: '\e84a'; } /* '?' */


/* google responsive ads */
/* google ads */
div.g{
}

div.g.top{
	margin-left:20px;
} 

div.g.left{
	width:200px;
	height:800px;
}

div.g.bottom{
	margin:20px;
}
.responsive-top-general { width: 320px; height: 60px; }
.responsive-bottom-general { width: 320px; height: 60px; }
.responsive-left-general { display:none; }

div#top{
	margin-top:5px;
	height:70px;
}


@media(min-width: 700px) { 
	.responsive-top-general{ 
		width: 468px; 
		height: 60px; 
	} 
	.responsive-bottom-general { 
		width: 468px; 
		height: 60px; 
	}
	div#top{
		margin-top:5px;
		height:60px;
	}
}
@media(min-width: 1024px) { 
	.responsive-top-general { 
		width: 728px; 
		height: 90px; 
	} 
	.responsive-bottom-general{ 
		width: 728px; 
		height: 90px; 
	}
	.responsive-left-general { 
		height:770px;
		width: 200px; 
		display:block;
	}
	div#top{
		margin-top:5px;
		height:100px;
	}
}

div.dyk_head{
	padding:5px;
	font-style:italic;
	font-size:10px;
}

div.dyk_body{
	padding:5px;
	padding-left:40px;
	padding-right:40px;
}

div#dyk{
	border:1px solid green;
	margin:15px;
	height:60px;
}

@media (max-width:768px){
	div.dyk_head{
		padding:5px;
		font-style:italic;
		font-size:8px;
	}

	div.dyk_body{
		padding:5px;
		padding-left:10px;
		padding-right:10px;
		font-size:10px;
	}

	div#dyk{
		margin:5px;
		height:50px;
	}
}