@import url("colors.css");
/* ===================================================================================*/
/* ============================MAIN===================================================*/
/* ===================================================================================*/
#main {position:relative; margin:0 auto; min-height:100%; height:auto !important; height:100%;}

#main h1.noresults {font-size:14px; text-align:center; padding:20px 0;}
#main img.loader {width:100px;}



/* ===================================================================================*/
/* ============================CAM PAGE===============================================*/
/* ===================================================================================*/
#cams .mid {float:left; width:177px; height:180px; position:relative; padding:7px;}
#cams .cam {border-width:1px; border-style:solid; width:172px; height:180px; position:relative;}
#cams .cam p {position:absolute; top:1px; left:5px; line-height:20px; font-size:10px; text-transform:capitalize;}
#cams .cam img.picmid {position:absolute; top:20px; left:5px; border-width:1px; border-style:solid; width:158px; height:118px;}
#cams .cam .taal {position:absolute; bottom:20px; left:5px; height:13px; width:110px;}
#cams .cam .taal span {float:left; line-height:13px !important; padding-right:3px; width:25px;}
#cams .cam .taal img {float:left; padding-top:1px; padding-right:3px;}
#cams .cam .rating {position:absolute; bottom:5px; left:5px; height:12px; width:130px;}
#cams .cam .rating span {float:left; line-height:12px !important; padding-right:3px;}
#cams .cam .rating img {float:left; padding-top:1px;}
#cams .cam .info {position:absolute; right:15px; bottom:26px;}
#cams .big .cam .info {right:25px;}
#cams .overlaymid {position:absolute; top:110px; left:140px;}
#cams .mid .imgnewestonline {top:25px; left:5px;}
#cams .mid .imgfilteroffline, #cams .mid .imgfilteronline, #cams .mid .imglatestoffline, #cams .mid .imglatestonline {top:21px; left:82px; width:82px;}

#cnt-full #cams .small {padding-right:15px;}
#cnt-full #cams .mid {padding-right:3px;}
#cnt-full #cams .big {width:228px; padding-right:0;}
#cnt-full #cams .small .cam .info {right:20px;}
#cnt-full #cams .mid .cam .info {right:11px;}
#cnt-full #cams .big .cam .info {right:6px;}
#cnt-full #cams .small .imgfilteroffline, #cnt-full #cams .small .imglatestoffline {top:31px; left:49px; width:82px;}
#cnt-full #cams .mid .imgfilteroffline, #cnt-full #cams .mid .imglatestoffline {top:31px; left:94px; width:82px;}
#cnt-full #cams .big .imgfilteroffline, #cnt-full #cams .big .imglatestoffline {top:31px; left:148px; width:82px;}

/* ===================================================================================*/
/* ============================PAGE NUMBERS===========================================*/
/* ===================================================================================*/
.page-nrs {width:340px; padding:10px 0 10px 15px;}
.page-nrs a {float:left; width:25px; height:22px; text-align:center; line-height:17px; text-decoration:none;}
.page-nrs a:hover {text-decoration:underline;}
.page-nrs a.active {background:url(img/bg_pagenr.png);}
.page-nrs a.active:hover {text-decoration:none;}



/* ===================================================================================*/
/* ============================POpUP===================================================*/
/* ===================================================================================*/
#pop-up {position:absolute; top:25%; left:35%; width:400px; height:230px; background:#fff; border:8px solid black; z-index:100; display:block;}
#pop-up a {color:#000;}
#pop-up .titel {width:400px; height:43px;}
#pop-up .titel a {float:right; padding-right:2px; color:#fff; font-size:10px;}
#pop-up h2 {font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; color:#000; padding:8px; text-align:center;}
#backdrop { position:absolute; top:0px; left:0px; width:100%; height:100%; background:#fff; display:block; z-index:99; }

.ui-dialog { background: #441110; }
.ui-widget-overlay { background-color: #441110; }
.ui-widget-content { border: 5px solid black; color: white; }
.ui-widget-header { background: none; color: white; border: 0; text-transform: uppercase; font-size: 14px; }
.ui-corner-all { -moz-border-radius: 0; }
.ui-resizable-handle { display: none !important; }
.ui-widget-overlay { background:url("images/ui-bg_flat_0_aaaaaa_40x100.png") repeat-x scroll 50% 50% #AAAAAA; opacity: 0.5; }
#userinfo { width: 275px; margin:0 auto; padding:10px 0 0 0; }
#userinfo p { float: none; clear: both; }
#userinfo label { font-size: 10px; float: left; margin-top: 5px; margin-bottom: 12px; width: 120px; }
#userinfo input { float: right; margin-bottom: 10px; width: 140px; margin-right: 0px; }

#extrainfo { width: 275px; margin:0 auto; padding:10px 0 0 0; }
#extrainfo  label.field-title { width: 90px; font-size: 10px; float: left; margin-top: 4px; }
#extrainfo  label.field-option { width: 60px; font-size: 10px; float: left; margin-top: 4px; margin-left: 4px; }
#extrainfo input { float: left; margin-bottom: 10px; }

#fld_userinfo,
#free_access {float: left;	font-weight: bold; width:280px !important; height:34px; margin:5px 0 0 4px;}
#errors {width: 400px; margin:0 auto; padding:20px; font-size:11px; line-height:20px; }
#errors a {color: #000; }