/* Topcammer */

#topcammer{
	margin: 0 0 15px 0;
	width: 202px;
}

#topcammer p{
	margin: 0 0 5px 0;
}

#topcammer p a{
	color: #c542b2;
	font-weight: bold;
}

#topcammer .camitem{
	border: 1px solid #fff;
	height: 120px;
	width: 200px;
}

#topcammer .camimg{
	width: 160px;
	height: 120px;
	float: left;
	display: block;
	overflow: hidden;
}

#topcammer .camimg img{
	width: 160px;
}

#topcammer .icons{
	float: right;
	width: 40px;
	padding: 8px 0 0 0;
}

#topcammer .icons .online{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../img/icon_online.gif) no-repeat;
	margin: 0 auto 12px auto;
}

#topcammer .icons .offline{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../img/icon_offline.gif) no-repeat;
	margin: 0 auto 12px auto;
}

#topcammer .icons .direct{
	display: block;
	width: 27px;
	height: 20px;
	background: url(../img/icon_direct.png);
	margin: 0 auto 12px auto;
}

#topcammer .icons .info{
	display: block;
	width: 19px;
	height: 27px;
	background: url(../img/icon_info.png) no-repeat;
	margin: 0 auto 0 auto;
}

#topcammer .cambuttons{
	padding: 5px 0 0 0;
}

#topcammer .cambuttons a{
	display: block;
	width: 98px;
	height: 23px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	font-size: 13px;
	padding: 5px 0 0 0;
	overflow: hidden;
}

#topcammer .cambuttons a.freechat{
	float: left;
	background: url(../img/bg_button_freechat.png) repeat-x;
}

#topcammer .cambuttons a.chat{
	float: right;
	background: url(../img/bg_button_chat.png) repeat-x;
}

/* Webcam zoekfuntie */

.camsearch{
	width: 210px;
}

.camsearch td{
	padding: 0 0 5px 0;
}

.searcheader{
	font-weight: bold;
	padding: 0 0 5px 0;
}

.leftcol{
	width: 105px;
	margin-right: 5px;
}

.camfield{
	width: 100px;
}

.button_camsearch{
	width: 100px;
	height: 28px;
	display: block;
	border: none;
	background: url(../img/bg_button_chat.png) repeat-x;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	margin: 4px 0 0 0;
	overflow: hidden;
}

#camfilters{
	margin: 10px 0 0 0;
}

#camfilters ul li{
	list-style-position: inside;
}

#camfilters ul li a{
	color: #c542b2;
}

/* Campromo */

#webcampromo .cammer{
	float: left;
	width: 159px;
	height:150px;
	margin: 0 0 30px 0;
}

#camPagePromo .cammer{
	float: left;
	width: 175px;
	height:150px;
	margin: 0 0 12px 0;
}

.cammer a{
	color: #c542b2;
}

.cammer .camitem{
	width: 150px;
	border: 1px solid #fff;
	margin: 5px 0 0 0;
}

.cammer .camitem .camimg{
	display: block;
	height: 95px;
	width: 125px;
	float: left;
	overflow: hidden;
}

.cammer .camitem .camimg img{
	width: 125px;
}

.cammer .camitem .icons{
	width: 25px;
	float: right;
	padding: 5px 0 0 0;
}

.cammer .camitem .icons .online{
	display: block;
	width: 14px;
	height: 14px;
	background: url(../img/icon_online2.gif) no-repeat;
	margin: 0 auto 12px auto;
	overflow: hidden;
}

.cammer .camitem .icons .offline{
	display: block;
	width: 14px;
	height: 14px;
	background: url(../img/icon_offline2.gif) no-repeat;
	margin: 0 auto 12px auto;
	overflow: hidden;
}

.cammer .camitem .icons .direct{
	display: block;
	width: 17px;
	height: 13px;
	background: url(../img/icon_direct2.png);
	margin: 0 auto 12px auto;
	overflow: hidden;
}

.cammer .camitem .icons .info{
	display: block;
	width: 10px;
	height: 18px;
	background: url(../img/icon_info2.png) no-repeat;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

.cammer .cambuttons{
	padding: 5px 0 0 0;
	width: 152px;
}

.cammer .cambuttons a{
	display: block;
	width: 73px;
	height: 23px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	font-size: 12px;
	padding: 5px 0 0 0;
	overflow: hidden;
}

.cammer .cambuttons a.freechat{
	float: left;
	background: url(../img/bg_button_freechat.png) repeat-x;
}

.cammer .cambuttons a.chat{
	float: right;
	background: url(../img/bg_button_chat.png) repeat-x;
	font-weight: bold;
}

.meercams{
	clear: both;
	padding: 10px 0 0 0;
}

.meercams a{
	display: block;
	width: 306px;
	height: 30px;
	background: url(../img/button_allecams.png) no-repeat;
	margin: 0 auto;
	overflow: hidden;
}

.camnav{
	clear: both;	
  margin: auto;
  text-align: center;
}