body {
	margin: 5px 0 20px 0; 
	padding: 0; 
/*	background: #fff ;  url(images/site/top.jpg) repeat-x top; */
	background-color:#fff;
	text-align: center;
        margin: 0px auto 0px auto;

}

body, div, p, span, u, ul, ol, li, input, textarea, form, select {
	font: 12px/16px Verdana, Helvetica, Arial, sans; 
	color: #3b3b3b;
}

table {
padding:2px;
border-spacing:2px;
}
table tr td { 
vertical-align:top; 
} 
.del {
	float:right;
	margin:0;
	padding:0;
        background: url(images/site/del.jpg) no-repeat;
	width:8px;
	z-index:99;
	height:8px;
}
.del2 {
        margin:0;
        padding:0;
        background: url(images/site/del.jpg) no-repeat;
        width:16px;
        z-index:99;
        height:16px;
}

h1 { 	font-size: 24px;
	color:#55BBEE;
	padding : 5px;}

h2 {    font-size: 16px;
        color:#3399cc;
	margin:5px;
        padding : 3px;}
h3 {    font-size: 12px;
        color:#444;
	margin: 2px;
        padding : 0;}
h4 {    font-size: 11px;
        color:#3399cc;
		margin: 8px 2px 2px 2px;
        padding : 0;}
.heading {    font-size: 16px;
        color:#3399cc;
        /*color:#ff6600;*/
        margin:2px;
        font-weight: bold;
        padding : 0px;}

.welcometxt {    font-size: 16px;
        color:#555555;
        margin:3px;
        padding : 0px;}

.next { float:left;margin:1px;color:#3399cc; margin-top:4px;padding:0px; font-size: 10px;
}
.next select {
        width:100px;
        font-size:100%;
	margin-top:0px;
}
.next input {
        font-size:100%;
	line-height:1;
}



img {
	border: none;
}
a:link,
a:visited {
        color: #3399cc;
        font-weight: normal;
        text-decoration: none;
}

a:hover,
a:active {
        color: red;
        font-weight: normal;
        text-decoration: underline;
        border-bottom: none;
	cursor:pointer;
}

.clear {
	clear: both;
	margin: 0;
}
.tab {float:left;
        display:inline;
        text-align:left;
        width:300px;
        margin:0px;
        margin-left:1px;
        padding:2px;
        padding-bottom:6px;
        color:#888;
/*      background-color:#ddd;*/
        background: #ddd url(images/site/panel_top.jpg) repeat-x top;
        border: 1px solid #aaa;
}

.panel {
	float:left;
	display:inline;
	text-align:left;
	width:300px;
	margin:0px;
	margin-left:0px;
	padding:2px;
	padding-bottom:6px;
	color:#888;
/*	background-color:#ddd;*/
	background: #ddd url(images/site/panel_top.jpg) repeat-x top;
	border: 1px solid #aaa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
.panel2 {
	background:#fff;
	display:inline;
	text-align:left;
	background-color:#ddd;
	background: #ddd url(images/site/panel_top.jpg) repeat-x top;
	padding:2px;
	padding-bottom:6px;
	color:#888;
	border: 1px solid #888;
	border-bottom: 1px solid #999;
	border-bottom /**/:/**/ 3px solid #888; /* ie will ignore this */
	border-top: 1px solid #aaa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.dragimages {
	float:left;width:310px;margin:0px;margin-top:0px;
	text-align:left;
	background-color:#ddd;
	background: #ddd url(images/site/panel_top.jpg) repeat-x top;
	font-size:90%;
	line-height:.8em;
        border: 1px solid #aaa;
	z-index:99;
	padding:1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.dragimages a {
}
.dragimages img {
        border: 1px solid #999; /*border color*/
	cursor:move;
	width:75px;
	height:75px;
	margin:2px;
	z-index:99;
        }

.dragimages select {
	width:100px;
	font-size:90%;
}

.drophover {
	background-color:#cfc;
}


#sideAds {
        margin:0px;
        padding: 0px;
        float:right;
}


/* PAGE LAYOUT
------------------------------------------------- */	
div#zoomframe {
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	height:610px;
	border: none !important;
	background-color: transparent ;
	background-color:#cccccc;
	border:0px;
}

div#toprightlinks {
	height: 20px;
	line-height: 20px;
	width: 450px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	z-index:2;
}

div#logomenu {
	margin: 0;
	height:90px;
	width: 320px; 
	/* background: transparent url(images/site/bc-logo.gif) no-repeat 11px 15px; */
	float: left;
}

div#bannerAd {
	float: left; 
	display:inline;
	width: 530px;
	height: 60px;
	padding: 0;
	margin-top: 3px;
	margin-bottom: 5px;
	margin-left: 0px;
/* border: 1px solid orange; */
}
div#headerLeft {
	height: 60px;
	width: 0px;
	float: left;
}

div#headerMiddle {
	height: 60px;
	width:200px;
	float: left;
	margin-left: -15px;
	margin-top: 0px;
}

div#headerRight {
	height: 90px;
	overflow:visible;
	margin-left: 10px;
	float: right;
	width:480px;
	border: 0px solid blue; 
}

/* BUTTON */

div.picbut
{
float:left;
        display:inline;
	height:20px;
        text-align:left;
        width:300px;
        margin:0px;
        margin-left:1px;
        padding:2px;
        padding-bottom:6px;
        color:#ccc;
/*      background-color:#ddd;*/
        border: 1px solid #aaa;

        }
div.picbut a {
	color: blue;
	line-height:20px;
}

div.picbut a:hover {
	background: #ddd url(images/site/panel_top.jpg) repeat-x top;
        color: red;
                }
div.picbut a.selected {
        background: #aaaaaa;
        color: black;
                }

/* FOOTER
----------------------------------------------- */	
div#footer {
        width: 800px;
        margin: 0 auto;
        margin-top:10px;
	padding: 0px 0px 0px 0px;
        clear: both;
        height: 68px;
}

.leftFooterLinks {
	float: left;
	text-align: left;
	width: 400px; 
}

.rightFooterLinks {
	float: right;
	display: block;
	width: 360px; 
}

.rightHeaderLinks {
	float: right;
	display: block;
	width: 580px; 
 /* border: 1px solid orange; */
 height:20px;
}

.footerLinks {
	color: #5b5b5b;
	height: 37px;
}

.footerLinksWide600 {
	color: #5b5b5b;
	height: 37px;
	background: url(images/site/bg-footer-wide600.jpg) no-repeat;
}

.footerLinks ul {
	margin: 9px 20px;
	padding: 0;
}

.footerLinks li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 3px;
	color: #5b5b5b;
	background: none;
	font-size: 11px;
}

.footerlinks ul li.separator {
	color: #5b5b5b;
}

.footerLinks a:link,
.footerLinks li a:visited {
	font-size: 11px;
	color: #5b5b5b;
	font-weight: normal;
	text-decoration: underline;
}

.footerLinks li a:hover,
.footerLinks li a:active {
	font-size: 11px;
	color: #9d9d9d;
	font-weight: normal;	
	text-decoration: none;
	border-bottom: none;
}

.bottomlinks {
	margin-top:0px;
	color: #777;
	height: 34px;
	margin: 0 auto;
}

.bottomlinks ul {
	margin: 2px 0 0 0;
	padding: 0;
}

.bottomlinks ul li {
	display: inline;
	list-style-type: none;
	color: #777;
	margin: 0;
	padding: 0 3px;
	background: none;
	font-size: 11px;
}

.bottomlinks ul li.separator {
	color: #aaa;
}

.bottomlinks a:link,
.bottomlinks li a:visited {
	font-size: 11px;
	color: #777;
	font-weight: normal;
	text-decoration: none;
}

.bottomlinks li a:hover,
.bottomlinks li a:active {
	font-size: 11px;
	color: black;
	font-weight: normal;	
	text-decoration: none;
	border-bottom: none;
}

div#mostTopLinks ul {
	margin: 1px;
	color: #5b5b5b;
	padding: 0;
	float:left;
	padding-top: 0px;
}

div#mostTopLinks li {
	display: inline;
	list-style-type: none;
	padding: 0 4px;
	margin: 0;
	background: none;
	font-size: 10px;
}

div#mostTopLinks ul li.separator {
	color: #555;
}

div#mostTopLinks a:link,
div#mostTopLinks li a:visited {
	color: #7b7b7b;
	font-weight: normal;
	text-decoration: none;
	font-size: 10px;
}

div#mostTopLinks li a:hover,
div#mostTopLinks li a:active {
	color: black;
	font-weight: normal;	
	text-decoration: none;
	border-bottom: none;
	font-size: 10px;
}

.divider {
	color: #545454;
	font-size: 8px;
	margin: 0 10px;
}

/* ========== ZOOM ============== */

#zoom {
	margin:0px;  
	/*position:absolute;*/
	top:0px;
	left:0px;
	width:960px; 
	height:800px; 
	z-index:1; 
	color:white;
	background-color:#ccc;
/* border: 1px solid orange; */

}

#zoom a {
	font-size:100%;
	text-align: center;
        font-weight: bold;
	cursor:pointer;
	color:#bbb;
	font-size: 100%;
  }
#zoom a:hover {
	/*background-color:#bbb;*/
        color: white;
        }
#zoom a.selected {
	background-color:#bbb;
        color: black;
        }
#zoom img {
	position:absolute;
        top:0px;
        left:0px;
	z-index:1;
	left:0px;top:0px;display:block;z-index:3;
/* border: 10px solid white; border-bottom: 20px solid white; */
}

#sideAds {
        margin:5px;
        padding: 5px;
        float:right;
}
.center {
 margin-left: auto;
 margin-right: auto;
}

.hotspot
{
	position:absolute;
	text-align:center;
	font-size:100%;
	z-index:5;
	width:75px;
	height:75px;
       padding-top:3px;
        margin-top:0px;
        margin-bottom:0px;
        z-index:11;
        opacity:1;
        color:white;
        background:transparent url(images/site/trans_black.png) repeat;
 /* IE <=6 */
 _background:none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/site/trans_black.png');

}

.trashbin {
border:0;
_background:none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://plus2.it/paolo/software/sidetrash/trashempty.png');
}

  .hotspot_image 
  {
	color:#fff;
	font-size:10px;
	font-weight:normal;
	width:75px;
	height:75px;
	padding:0;
	margin:0;
	z-index:600;
	border: 3px solid #ffffff;
	border-bottom: 5px solid #ffffff;
	overflow:visible;
  }
.piclabelc {
	position:absolute;
	top:0px;
	left:0px;
        line-height:1.2em;
	width:100%;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	z-index:15;
	opacity:1;
	color:#ffffff;
	text-indent:3px;
	background:transparent url(images/site/trans_black.png) repeat;
 /* IE <=6 */
 _background-image:none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/site/trans_black.png');
}
.piclabelc ul {
        margin: 0px;
        padding: 0;
	z-index:20;
}

.piclabelc li {
        display: inline;
        list-style-type: none;
        margin: 0;
        padding: 0 3px;
        background: none;
        font-size: 11px;
        color:#bbb;
	width:18px;

}
.piclabelc a {
	text-decoration:none;
}
.piclabelc a:hover {
	text-decoration:underline;
}

.globe {
	background: transparent url('images/site/globe.gif') no-repeat left;
	padding-left:20px;
	width:18px;
	height:18px;
	display:inline;
}
.myspace {
	background: url('images/site/myspace.png') no-repeat left;
	padding-left:15px;
	width:16px;
	height:16px;
}
.facebook {
	background: url('images/site/facebook.gif') no-repeat left;
	padding-left:15px;
	width:16px;
	height:16px;
}
.deli {
	background: url('images/site/deli.gif') no-repeat left;
	padding-left:15px;
	width:16px;
	height:16px;
}
.digg {
	background: url('images/site/digg.jpg') no-repeat left;
	padding-left:15px;
	width:16px;
	height:16px;
}
.flickr {
        background: url('images/site/flickr.png') no-repeat left;
        padding-left:20px;
        width:16px;
        height:16px;
}
.pictureicon {
        background: url('images/site/icons/icon/picture.png') no-repeat left;
        padding-left:20px;
        width:16px;
        height:16px;
}
.widget {
        background: url('images/site/icons/icon/picture--plus.png') no-repeat left;
        padding-left:20px;
                padding-right:10px;
        width:16px;
        height:16px;
}
.largeicon {
        background: url('images/site/icons/icon/arrow-out.png') no-repeat left;
        padding-left:20px;
                padding-right:10px;
        width:16px;
        height:16px;
}
.closebig {
        background: url('images/site/icons/icon/arrow-in.png') no-repeat left;
        padding-left:20px;
                padding-right:10px;
        width:16px;
        height:16px;
	color:#888;
	font-size:12px;
	margin-left:40px;
}
.search {
        background: url('images/site/icons/icon/binocular.png') no-repeat left;
        padding-left:20px;
                padding-right:10px;
        width:16px;
        height:16px;
}
.add {
        background: url('images/site/icons/icon/plus.png') no-repeat left;
        padding-left:20px;
                padding-right:10px;
        width:10px;
        height:10px;
}
.addPic {
        background: url('images/site/icons/icon/picture--plus.png') no-repeat left;
        padding-left:20px;
        padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
        width:16px;
        height:16px;
}
.delPic {
        background: url('images/site/icons/icon/cross.png') no-repeat left;
        padding-left:20px;
        padding-right:10px;
        width:16px;
        height:16px;
}
.magnifier {
        background: url('images/site/icons/icon/magnifier.png') no-repeat left;
        margin-top:2px;
        margin-left:5px;
        padding-left:20px;
        padding-right:2px;
        width:16px;
        height:16px;
}
.pencil {
        background: url('images/site/icons/icon/pencil-small.png') no-repeat left;
        padding-left:20px;
        padding-right:10px;
        width:16px;
        height:16px;
}
.nextIcon {
        background: url('images/site/icons/icon/control-double.png') no-repeat left;
        color:#3399cc;
        padding-left:20px;
        padding-right:10px;
        width:16px;
        height:16px;
}
.prevIcon {
        background: url('images/site/icons/icon/control-double-180.png') no-repeat left;
        color:#3399cc;
        padding-left:20px;
        padding-right:10px;
        width:16px;
        height:16px;
}
.stop {
        background: url('images/site/icons/icon/control-stop-square.png') no-repeat left;
        color:#3399cc;
        margin-left:0px;
        padding-left:1px;
        padding-right:1px;
        padding-top:5px;
        width:16px;
        height:16px;
}
.pictrail {
	position:absolute;
	padding:1em;
	margin:0;
	height:20px;
        line-height:20px;
        text-align:left;
        z-index:11;
        opacity:1;
        color:#dddddd;
        font-size:110%;
        background:transparent url(images/site/trans_black.png) repeat;
 /* IE <=6 */
 _background:none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/site/trans_black.png');
}
.trailimg{
        color:#dddddd;
        padding:1em;
        float:left;}
.traildescr {
        color:#dddddd;
        padding:1em;
        float:left;}
.traildescr img { padding-top:2em;
        float:left;
        }


.hslabel {
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        padding-top:3px;
        margin-top:0px;
        margin-bottom:0px;
        text-align:left;
        z-index:11;
        color:black
}


.descr {
        position:absolute;
        top:600px;
        left:10px;
        height:20px;
	width:800px;
        margin-top:10px;
        margin-bottom:10px;
        text-align:left;
        padding-left:20px;
        padding-right:20px;
        background-color:#ffffff;
        color:#444444;
}

#backarrow
{
        position:absolute;
	width:120px;
	height:65px;
	color:#bbbbbb;
        background:transparent url(images/site/back.png) repeat !important;
 /* IE <=6 */
 _background:none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/site/back.png');
        z-index:5;
}

.loading{
	position: absolute;
	width:80px;
	height:80px;
	z-index: 7;
	background: transparent url(images/site/loading2.gif) no-repeat; 
	}


/* --- SHADOW ----*/

.blur{
	background-color: #ccc; /*shadow color*/
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
}

.shadow,
.content{
	position: relative;
	bottom: 2px;
	right: 2px;
}

.shadow{
	background-color: #666; /*shadow color*/
	color: inherit;
}

.content{
	background-color: #fff; /*background color of content*/
	color: #000; /*text color of content*/
	border: 1px solid #000; /*border color*/
	padding: .5em 2ex;
}

.scroller_item {
float:left;width:185px;height:92px;margin:0;padding:0;margin-right:8px;padding:0px;text-align:center;
font-size:12px;
color:#555;
font-weight:bold;
overflow: hidden;
}

.scroller_item img {
	width:183px;height:80px;margin:0px;padding:0px;
	border: 1px solid #aaa; /*border color*/
}
.scroller_item p {
	margin:2px;
}

.result {
	font-size:85%;
	display: inline;
        line-height: 1.2;
	float:left;
        width:190px;
        height:82px;
        margin:2px; 
        text-align:left;
        background-color:#bbb;
	border: 1px solid #aaa; /*border color*/
        color:#777;
	padding:2px;
}
.result img { 
	border: 1px solid #999; /*border color*/
	float:left;
	margin:1px;
	margin-right:3px;
	}
.luckyimg {
        border: 1px solid #999; /*border color*/
	color:#999;
	font-size:10px;
	text-align:center;
        float:left;
        margin:3px;
        }

.result a {
        text-decoration: none;
        line-height: 1.1;
        color:#777;
	}
.result a:hover {
	text-decoration:underline;
	color:#444;
}
.result-title {
	font-size:90%;
	font-weight:bold;
        line-height: 1.3;
	color:#444;
	margin:0;
	padding:0;
	overflow: hidden;
}
.resultimg{
	padding:1em;
        float:left;}
.result p {
	padding:2em;
        float:left;}
.resultuser {
	padding:1em;
        float:left;}

/* Login
*************************************************/
#login {
        width: 450px;
        height: 500px;
        padding: 2em;
        margin: 2em;
        text-align: left;
        line-height: 1.2;
        float:left;
}
#login a {
        text-decoration: underline;
}
#login p {
        padding-top:1em;
        margin-top:1em;
        clear: left;
}

fieldset
{
border: 1px solid #444444;
width: 50em;
padding: 1em 1em 1em 1em;
font-size:100%;
font-weight: normal;
}
form {
font-size:100%; }

legend
{
font-size:85%;
font-weight: bold;
color: #444444;
padding: 2px 6px
}

label
{
float: left;
text-align: right;
margin:1em .2em 0 0em;
display:block;
clear:left;
color:black;
}
label.smallest
{width:8em;}
label.small
{width:10em;}
label.wide
{width:22em;}

select {
width: 12em;
float: left;
text-align: left;
margin:1em .2em 0 1em;
display:block;
line-height: 1.0;
}

input.iput
{
color: #444444;
float: left;
line-height: 1.0;
background: #efefff;
background-color:white;
border: 1px solid #444;
width: 15em;
padding-left:.4em;
}

input.sbmit
{
margin:2em 0 1em .5em;
float: right;
display:inline;
text-align:center;
}

textarea {
font-size:100%;
float: left;
line-height: 1.0;
background: #efefff;
border: 1px solid #444;
width: 15em;
margin:1em 0 0 .5em;
padding-left:.4em;

}

  .prog-border {
  height: 15px;
  width: 205px;
  background: #fff;
  border: 1px solid #000;
  margin: 0;
  padding: 0;
  }

  .prog-bar {
  height: 11px;
  margin: 2px;
  padding: 0px;
  background: #00ff00;
  }


form.inplaceeditor-form { /* The form */
}

form.inplaceeditor-form input[type="text"] { /* Input box */
}

form.inplaceeditor-form textarea { /* Textarea, if multiple columns */
}

form.inplaceeditor-form input[type="submit"] { /* The submit button */
  margin-left:1em;
}

form.inplaceeditor-form a { /* The cancel link */
  margin-left:1em;
}
.rate1 {
	margin-left:1em;
	height:18px;
        background: url(images/site/star.png) no-repeat;
}
.rate2 {
	margin-left:1em;
	height:18px;
        background: url(images/site/star2.png) no-repeat;
}
.rate3 {
	margin-left:1em;
	height:18px;
        background: url(images/site/star3.png) no-repeat;
}
.rate1_sel {
        margin-left:1em;
        height:18px;
        background: url(images/site/star_sel.png) no-repeat;
}
.rate2_sel {
        margin-left:1em;
        height:18px;
        background: url(images/site/star2_sel.png) no-repeat;
}
.rate3_sel {
        margin-left:1em;
        height:18px;
        background: url(images/site/star3_sel.png) no-repeat;
}