/******************************************************************************************
*                                               Global
******************************************************************************************/
/*Floatfix*/
.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}

html{background:#D6D6D6;}

body{
  cursor:default;
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  background: #D6D6D6 url(img/bg.gif) repeat-x 0px 0px;
  color: #000000;
  min-height: 768px;
  font-family: "Trebuchet MS";
  font-size: 11px;
}

a, button:focus, input:focus{outline:none;}

#container{
  width: 960px;
  margin: 0 auto;
  padding-top: 10px;
}
/*****************************************************************************************/
/******************************************************************************************
*                                               Header
******************************************************************************************/
#masthead{
  position: relative;
}

#masthead h1,#masthead h2{
  display: block;
  float: left;
  width: 323px;
  height: 60px;
}

#masthead h1 a,#masthead h2 a{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: url(img/logo.gif) no-repeat 0px 0px;
  outline: none;
  text-indent: -9999px;
}

#masthead ul{
  display: block;
  float: right;
  list-style: none;
}

#masthead ul li{
  position: relative;
  display: block;
  float: left;
  list-style: none;
}

#masthead ul li span, #masthead ul li a{
  height: 16px;
  display: block;
  outline: none;
  margin-right: 10px;
}

#masthead ul li a{
  color:#000000;
  text-decoration:none;
}

#masthead ul li a:hover{
  text-decoration:underline;
}

#masthead span#pay_state{
  display: block;
  width:200px;
  clear:right;
  float: right;
  text-align:center;
  color:#797979;
  font-style:italic;
  margin:15px 5px 0 0;
}

#masthead .backlink{
	display: block;
	position:absolute;
	top:0;
	left:370px;
	background:#ee42ab;
	color:#000;
	text-decoration:none;
	width:300px;
	height:50px;
	line-height:50px;
	font-size:30px;
	overflow:hidden;
	border:solid 1px #000;
}

#masthead .backlink:hover{
	text-decoration:underline;
}

#bookmark{background: url(img/bookmark.png) no-repeat 0px 0px;text-indent: 18px;}
#contact{background: url(img/contact.png) no-repeat 0px 0px;text-indent: 17px;}
#login{background: url(img/inloggen.png) no-repeat 0px 0px;text-indent: 16px;}

#masthead ul li.country span{text-indent: -9999px;width: 16px;margin-right:0;}
#masthead ul li.country #dutchflag{background: url(img/flag_nl.png) no-repeat 0px 0px;margin-right: 3px;}
#masthead ul li.country #englishflag{background: url(img/flag_gb.png) no-repeat 0px 0px;}
/*****************************************************************************************/
/******************************************************************************************
*                                               Content
******************************************************************************************/
.maincontent
{
  width: 960px;
  text-align: left;
  padding: 0;
}

.maincontent .center
{
  float: left;
  width: 740px;
}

.maincontent .sidebar
{
  float: right;
  width: 200px;
  margin-top: 30px;
}

#container .footer{
	width: 940px;
	background: #fff;
	margin: 10px 0 10px 0;
	border: 1px solid #d6d6d6;
	padding: 10px;
	text-align: center;
}

.footer a{
	color: #000;
	margin: 0 5px;
}
/*****************************************************************************************/
/******************************************************************************************
*                                               Filters
******************************************************************************************/
#camfilter{
  background: transparent url(img/bgbalk.gif) no-repeat 0px 0px;
  width: 953px;
  height: 26px;
  padding: 5px 0 0 7px;
  margin-bottom: 10px;
}

#camfilter label{
  color: #3B3B3B;
  font-family: Georgia, "Times New Roman" ,Times,serif;
  font-size: 12px;
  font-weight: bold;
}

#dropdowns{
  float: left;
}

#namefilter{
  float: right;
  margin-right: 7px;
}

#filterbutton{
	background: url(img/gobutton.gif) repeat-x;
	border: 1px solid #fff;
	color: #fff;
	font-size: 11px;
	position: relative;
	text-decoration: none;
	padding: 0 2px;
	margin: 0 0 0 5px;
	cursor:pointer;
}
/*****************************************************************************************/
/******************************************************************************************
*                                               tabs
******************************************************************************************/

.center ul.camtabs{
  margin: 0 !important;
  padding: 0;
  height: 30px;
}

.center ul.camtabs li{
  float: left;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.center ul.camtabs li.hiddenright{
	float: right;
	display:none;
}

.center ul.camtabs a{
  color: #3B3B3B;
  font-family: Georgia, "Times New Roman" ,Times,serif;
  font-size: 12px;
  font-weight: bold;
  float: left;
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  height: 18px;
  background-color: #eaeaea;
  margin-right: 2px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-outline-style: none;
  position: relative;
  top: 1px;
  border: solid 1px #d6d6d6;
  border-bottom: none;
}

.center ul.camtabs li.hiddenright a{
	margin-right: 0;
	margin-left: 2px;
}

.center ul.camtabs a:hover{
  color: #000;
  background-color: #FFF;
  border-bottom: 1px solid #FFF;
}

.center ul.camtabs a.current{
  background-color: #FFF;
  border-bottom: 1px solid #FFF;
  color: #000;
  cursor: default;
}

#tabFavorites{
  background: url(img/heart.png) no-repeat 0 0px;
  padding-left: 20px;
}

/* tab pane */
div.css-panes div{
  display: none;
  border: 1px solid #666;
  border-width: 0 1px 1px 1px;
  padding: 15px 20px;
  background-color: #ddd;
}

.center .panes{
  background: #FFF;
  border: solid 1px #d6d6d6;
  min-height: 1200px;
}

.center .panes .pane{
  min-height: 800px;
}
/*****************************************************************************************/
/******************************************************************************************
*                                               Paging
******************************************************************************************/
.spinny{
  height: 16px;
  width: 16px;
  background: url(img/ajax-loader.gif) no-repeat;
}

.buttonswrap{
  position: relative;
  display: block;
  border: 0; 
}

.buttonswrap .buttons{
  margin: 0 14px 0 14px;
  height: 30px;
}

#view{
  width: 160px;
  margin: 7px 0 7px 0;
  float:left;
}

#view label, #view input, #view span{
	cursor:pointer;
}

#view label span{
	margin-left:2px;
}

#view label:hover span{
	text-decoration:underline;
}

#camcount{
  width: 420px;
  margin: 7px 0 7px 0;
  float:left;
  text-align: center;
  font-weight: bold;
}

.buttonswrap .button{
  display: block;
  height: 16px;
  position: absolute;
  right: 0px;
  border: 0;
  cursor: pointer;
  outline: none;
  width: 16px;
  background: url(img/recur.png) no-repeat;
  margin: 7px 0 7px 0;
  text-indent: -9999px;
}

.buttons .spinny{
  display: none;
  position: absolute;
  top: 7px;
  right: 25px;
}

div.paging{
  position: relative;
  display: block;
  border: 0;
  height: 30px;
}

.prevpage{
  display: block;
  height: 16px;
  position: absolute;
  left: 250px;
  border: 0;
  cursor: pointer;
  outline: none;
  width: 16px;
  background: url(img/navigate_left.png) no-repeat;
  margin: 7px 0 7px 0;
  text-indent: -9999px;
}

.nextpage{
  display: block;
  height: 16px;
  position: absolute;
  right: 250px;
  border: 0;
  cursor: pointer;
  outline: none;
  width: 16px;
  background: url(img/navigate_right.png) no-repeat;
  margin: 7px 0 7px 0;
  text-indent: -9999px;
}

.firstpage{
  display: block;
  height: 16px;
  position: absolute;
  left: 200px;
  border: 0;
  cursor: pointer;
  outline: none;
  width: 16px;
  background: url(img/navigate_beginning.png) no-repeat;
  margin: 7px 0 7px 0;
  text-indent: -9999px;
}

.lastpage{
  display: block;
  height: 16px;
  position: absolute;
  right: 200px;
  border: 0;
  cursor: pointer;
  outline: none;
  width: 16px;
  background: url(img/navigate_end.png) no-repeat;
  margin: 7px 0 7px 0;
  text-indent: -9999px;
}

.pagecount{
  display: block;
  height: 16px;
  position: absolute;
  left: 355px;
  border: 0;
  cursor: default;
  outline: none;
  margin: 7px 0 7px 0;
  font-weight: bold;
}
/*****************************************************************************************/
/******************************************************************************************
*                                         Center
******************************************************************************************/
.gallery .row{
  margin: 0 15px 10px 15px;
}

.camitem{
  border: solid 1px #D6D6D6;
  position:relative;
  float: left;
  overflow:hidden;
  background:#fff;
}

.gallery .camitem{
  width: 165px;
  height: 192px;
  margin: 0 5px 5px 5px;
  padding: 0 0 5px 0;
}
.listview .camitem{
	width: 705px;
  margin: 0 15px 10px 15px;
}
.detailview .camitem{width: 960px;}

.camitem:hover{
  border: solid 1px #333;
  display:block;
}
.detailview .camitem:hover{
  border: solid 1px #D6D6D6;
  background:#fff;
}

.camitem.favorite{
  border:dashed  1px #e8008e;
}
.camitem.favorite:hover{
	border: solid 1px #e8008e;
	background:#fff8fc;
}
.detailview .camitem.favorite{
  border: solid 1px #D6D6D6;
  background:#fff8fc;
}

.camitem.topcam{
  border:dashed 1px #bc8e00;
}
.camitem.topcam:hover{
	border:solid 1px #bc8e00;
	background:#fffbee;
}

.camitem ul{
  font-weight: bold;
  padding: 5px 5px 0 5px;
}
.detailview .camitem ul {padding:0px;}

.camitem ul li{
  float: left;    
}

.camitem ul li a{
  display: block;
  width: 100%;
  height: 100%;
  outline: none;
  position: relative;
  text-decoration: none;
  color: #000;
  text-align: center;
}

.camitem ul li.rowitemname a:hover{
	text-decoration:underline;
}

.camitem.favorite:hover ul li.rowitemname a{
	color:#ba0072;
}

.camitem ul li.favs{
  float: right;
  width: 16px;
  height: 16px;
}
.detailview .camitem ul li.favs{float:left;margin-left:5px;}

.camitem ul li.favs button{
	float:right;
  width: 16px;
  height: 16px;
  cursor: pointer;
  text-indent: -9999px;
  border:none;
}
.detailview .camitem ul li.favs button{float:none;}

.addfav{background: url(img/heart.png) no-repeat 0 0px;}
.addfav:hover{background: url(img/heart_pounding3.gif) no-repeat 0 0px;}
.delfav{background: url(img/heart_pounding3.gif) no-repeat 0 0px;}
#container .maincontent .delfav:hover{background: url(img/heart_broken.png) no-repeat 0 0px;}
#favoritescontainer .delfav{background: url(img/heart.png) no-repeat 0 0px;}

.detailview .picpanel {
	float:left;
	clear:both;
}

.camitem .piclink{
	position:relative;
	height: 110px;
  width: 150px;
  display:block;
  background: #000;
  margin: 5px 0 0 7px;
  text-decoration:none;
  border: solid 1px #aaa;
  overflow:hidden;
}
.listview .piclink{
  float: left;
  margin: 5px 0 5px 7px;
}
.camitem.topcam .piclink{
	border:solid 1px #bc8e00;
}

.camitem img{
  float: left;
  width: 150px;
  -ms-interpolation-mode:bicubic;
}

.camitem .picholder span{
	position:absolute;
	height:20px;
	background: url(img/imgoverlaybg.png) no-repeat;
	padding:-3px 0 0 3px;
	text-indent:16px;
	color:#fff;
	display:none;
	top: 3px;
	left: 3px;
}
.camitem:hover .picholder span{
	display:block;
}
.detailview .camitem:hover .picholder span{display:none;}
.detailview .camitem .left:hover .picholder span{display:block;}

.camitem:hover .picholder span span{
	display:block;
	text-indent:-9999px;
  width: 12px;
  height: 12px;
  margin: 2px 0 0 3px;
  top: 0;
  left: 0;
}

.camitem .picholder .livescreen{width:94px;}
.camitem .picholder .photos{width:84px;}

.camitem .picholder .online{background: url(img/online.gif) no-repeat 0 0;}
.camitem .picholder .offline{background: url(img/offline.gif) no-repeat 0 0;}

.camitem .piclink .refresh{
	position:absolute;
	top:0;
	left:0;
	height: 110px;
  width: 150px;
  display:none;
	background:#fff url(img/img_load.gif) no-repeat 40px 20px;
	text-indent:-9999px;
}

.camitem .piclink .imgoverlay{
	position:absolute;
	display:none;
	top: 75px;
	left: 0;
  width: 150px;
  height:20px;
  text-align:center;
	background: url(img/imgoverlaybg.png) no-repeat;
	padding:-3px 0 0 3px;
	color:#fff;
}

.camitem .imgbuttons{
	position: absolute;
	top: 98px;
	left: 122px;
	width: 138px;
	height: 20px;
	padding: 0 10px 0 0;
	color: #fff;
	text-align: right;
	display:none;
}

.camitem:hover .imgbuttons{display:block;}
.gallery .camitem .imgbuttons{top: 130px;}
.detailview .camitem .imgbuttons{
	display:block;
	top: 129px;
	left: 123px;
}

.camitem .imgbuttons span{
	display:block;
	float:left;
	width:15px;
	height:15px;
	margin-right:2px;
}

.previousimg{background: url(img/imgleft.png) no-repeat;}
.nextimg{background: url(img/imgright.png) no-repeat;}

.camitem ul li.online{
  float: right;
  background: #A7F634;
  border: 1px solid #367800;
  height: 16px;
  width: 70px;
}

.camitem ul li.freechat{
  float: left;
  height: 16px;
  background: #E4E4E4;
  border: 1px solid #367800;
  color: #000000;
  width: 70px;
}
.listview .camitem ul li.freechat{
  float: right;
  margin-right:5px;
}

.detailview ul.iteminfo{
	float:none;
	margin:5px 0 0 10px;
}

.camitem ul.iteminfo li{
  float: right;
  text-indent: -9999px;
  width: 16px;
  height: 16px;
  margin-left: 2px;
}
.detailview .camitem ul.iteminfo li{float:left;}

.camitem ul.iteminfo li.rowitemname{
  float:left;
  text-indent: 0px;
  width: auto;
}

.camitem ul.iteminfo li.favs{margin-left: 150px;}

.detailview .fav{
	float:none;
  cursor: pointer;
  text-indent: 18px;
  border:none;
  display:block;
  font-weight:normal;
  margin-left:15px;
}

.camitem ul.iteminfo li.about
{    
  float: left;
  background: url(img/about.png) no-repeat 0px 0px;
}

.listview .itemcontent{
  width: 544px;
  display: inline-block;
  float: right;
}
.detailview .itemcontent{
  width:	360px;
  padding: 0 5px 0 5px;
  float:left;
}

.listview .itemdesc{
  height: 58px;
  padding: 5px 7px 0 7px;
  overflow: visible;
}

.listview .itemdesc .iteminfo{
  float:left;
}

li.dutch{background: url(img/flagsprite.png) no-repeat -60px 0px;}
li.english{background: url(img/flagsprite.png) no-repeat 0px 0px;}
li.german{background: url(img/flagsprite.png) no-repeat -40px 0px;}
li.french{background: url(img/flagsprite.png) no-repeat -20px 0px;}
li.italian{background: url(img/flagsprite.png) no-repeat -80px 0px;}
li.spanish{background: url(img/flagsprite.png) no-repeat -120px 0px;}
li.romanian{background: url(img/flagsprite.png) no-repeat -100px 0px;}

.camitem div.itemrating{margin-left:5px;}
.detailview .camitem div.itemrating{
	margin-left:-2px;
	padding-bottom:3px;
}

.camitem div.itemrating span{
  float: left;
  text-indent: -9999px;
  width: 12px;
  height: 11px;
  margin-left: 2px;
}

span.star{background: url(img/star.gif) no-repeat;}
span.starhalf{background: url(img/starhalf.gif) no-repeat;}
span.starempty{background: url(img/starempty.gif) no-repeat;}

.detailview h1, .detailview h2{
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:11px;
	font-weight:bold;
}

.detailview .profilehead{
	padding-top:10px;
	margin:5px 0 15px 10px;
}

.detailview .profilehead span{float:left;}

.detailview .left{
	width:535px;
	display:block;
	float:left;
	margin-bottom:10px;
}

.detailview .camitem .left table th{vertical-align:top;}

.detailview .camitem .left table td{padding-bottom:5px;}

#statusholder span{font-weight:bold;}
#statusholder span.online{color:#20e100;}
#statusholder span.offline{color:Red;}
#statusholder span.refresh{color:#e89900;}

.detailview .pay{
  width:	412px;
  float:right;
  margin:0 10px 5px 0;
}

.detailview .pay h2{
	border-bottom:1px solid #D6D6D6;
	margin:15px 0 5px;
	padding:0 0 5px;
}

.detailview .pay #directLink{
	background: url(img/gobutton.gif) repeat-x top left #e8008e;
	border: 1px solid #000;
	color: #fff;
	font-size: 14px;
	font-weight:bold;
	position: relative;
	text-decoration: none;
	padding: 0 2px;
	top:20px;
	left:20px;
	width:80px;
	height:20px;
	display:block;
}

.detailview .pay #walletIframe, .detailview .pay #directLink{
	display:none;
}
/*****************************************************************************************/
/******************************************************************************************
*                                               Sidebar
******************************************************************************************/
.sideitem{
	background: #fff;
	border: 1px solid #d6d6d6;
	padding: 11px;
	margin: 0 0 10px 0;
}

.sideitem h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight:bold;
	margin: 0 0 5px 0;
}

.sideitem a{
	color: #e8008e;
}

.sideitem.top10 ol li {color:#E8008E;list-style-position:outside;list-style-type:decimal;margin-left:25px;}

.sideitem.top10 ol li a{text-decoration:none;}
.sideitem.top10 ol li a:hover{text-decoration:underline;}

.sideitem.top10new ul li{margin-left:20px;list-style:square outside none;color:#E8008E;}

.sideitem.top10new ul li a{text-decoration:none;}
.sideitem.top10new ul li a:hover{text-decoration:underline;}

.sideitem.camshow img{width: 176px;}

.sideitem.camshow .showstatus{
	width: 176px;
	padding: 2px 0;
	margin: 0;
	background: #e9e9e9;
	text-align: center;
	display:block;
}
* html .sideitem.camshow .showstatus{
	position: relative;
	top: -4px;
}
*+html .sideitem.camshow .showstatus{
	position: relative;
	top: -4px;
}

.sideitem.camshow p{
	margin: 4px 0 0 0;
}

.sideitem.camshow .sms{
	background: url(img/iconphone.gif) no-repeat 0 1px;
	display: block;
	text-indent: 12px;
}

.sideitem.nieuws .datum{
	color: #797979;
	font-style: italic;
	font-size: 11px;
	margin: 0 0 3px 0;
}

.sideitem.legend p{
	clear: both;
	line-height: 20px;
}

.legend .legendicon{
	width: 17px;
	height: 20px;
	display: block;
	float: left;
	padding: 4px 5px 0 0;
	text-align: center;
}
.legendicon.favorite{background:url(img/heart.png) no-repeat 0 0px;}
.legendicon.info{background: url(img/about.png) no-repeat 0px 0px;}
.legendicon.rating{background: url(img/star.gif) no-repeat 0px 0px;}

.legend .legendflag{
	width: 16px;
  height: 16px;
  margin: 0 7px 6px 1px;
  display: block;
	float: left;
}

.legendflag.dutch{background: url(img/flagsprite.png) no-repeat -60px 0px;}
.legendflag.english{background: url(img/flagsprite.png) no-repeat 0px 0px;}
.legendflag.german{background: url(img/flagsprite.png) no-repeat -40px 0px;}
.legendflag.french{background: url(img/flagsprite.png) no-repeat -20px 0px;}
.legendflag.italian{background: url(img/flagsprite.png) no-repeat -80px 0px;}
.legendflag.spanish{background: url(img/flagsprite.png) no-repeat -120px 0px;}
.legendflag.romanian{background: url(img/flagsprite.png) no-repeat -100px 0px;}

.sideitem.skyscraper{
	text-align:center;
}
.sideitem.skyscraper div{
	margin:0 auto;
}
/******************************************************************************************
*                                               Overlay
******************************************************************************************/
.overlay{
  display: none;
  background-color: #fff;
  min-height: 100px;
  /*border: 1px solid #666;*/
  width:100px;
  /* CSS3 styling for latest browsers*/
  -moz-box-shadow: 0 0 90px 5px #000;
  -webkit-box-shadow: 0 0 90px #000;
}

.overlay .close{
  background-image: url(img/closepink.png);
  position: absolute;
  right: -15px;
  top: -15px;
  cursor: pointer;
  height: 30px;
  width: 30px;
}

a.active img{
  outline: 1px solid #000;
  z-index: 9999;
  position: relative;
}

div.close{
	background:url(img/close.png) no-repeat scroll 0 0 transparent;
	cursor:pointer;
	height:35px;
	position:absolute;
	right:5px;
	top:5px;
	width:35px;
}
/******************************************************************************************
*                                               Modal
******************************************************************************************/
.modal{
  background-color: #fff;
  display: none;
  width: 350px;
  padding: 15px;
  text-align: left;
  /*border: 2px solid #333;
  opacity: 0.8;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-box-shadow: 0 0 50px #ccc;
  -webkit-box-shadow: 0 0 50px #ccc;*/
  border:1px solid #393939;
  /* CSS3 styling for latest browsers*/
  -moz-box-shadow: 0 0 90px 5px #000;
  -webkit-box-shadow: 0 0 90px #000;
}

.modal h2{
	/*background:url(/img/global/info.png) 0 50% no-repeat;*/
	margin:0px;
	padding:10px 0 10px 0;
	font-size:20px;
}

h2.error{
	background:url(img/error.png) 0 50% no-repeat;
	padding:10px 0 10px 60px;
}

.modal p{
	margin: 10px 0 10px 0;
}

.modal button{
	background: url(img/gobutton.gif) repeat-x;
	border: 1px solid #000;
	color: #fff;
	font-size: 11px;
	position: relative;
	text-decoration: none;
	padding: 0 2px;
	margin: 0 5px 0 0;
	cursor:pointer;
}

.errorlink{
	display:none;
}
/*****************************************************************************************/
/******************************************************************************************
*                                               Form
******************************************************************************************/
fieldset{
  border: none;
  padding: 0px;
  margin: 0px;
}

fieldset legend{
  padding: .3em 0 .4em 0;
  font-weight: bold;
  font-style: italic;
}
fieldset div.frmInput{
  width: 385px;
  height: 33px;
}

fieldset div.frmInput div.frmLabel{
  float: left;
  width: 125px;
  text-align: right;
  padding: 5px 5px 0 0;
}

fieldset div.frmInput div.frmField{
  position: relative;
  overflow: visible;
  float: left;
}

fieldset div.frmInput div.frmField input{
  height: 20px;
  width: 150px;
  font-size: 15px;
}
/*****************************************************************************************/
/******************************************************************************************
*                                               Pseudolink
******************************************************************************************/
.pseudolink{
	cursor:pointer;
}
.pseudolink:hover{
	text-decoration: underline;
}