body, body.popup {
	font-family:Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 10pt;
	color: #2c56a1;
	background: #bbd4fc url("http://yaffil.com/img/yaffil-bg.png") top left repeat-x;
}
body.signup {
  background: white url("http://yaffil.com/img/yaffil-bg.png") top left repeat-x;
}
body.beta {
  background: #bbd4fc url("http://yaffil.com/img/yaffil-bg.png") top left repeat-x;
}
body.login {
  background: white url("http://yaffil.com/img/yaffil-bg.png") top left repeat-x;
}
body.admin {
  background: #bbd4fc url("http://yaffil.com/img/yaffil-bg.png") top left repeat-x;
}
body.popup {
  border-top: 0px;
  padding-left: 10px;
}

.logo { padding-top: 0px; }
.slogan { color: white; font-family:Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif; font-size: 10pt; }
.slogan-text { padding-left: 10px; padding: 11px; }
.tagline { background: url(http://yaffil.com/img/yellow-box.png) top center no-repeat;
           padding-top: 10px; padding-bottom: 50px; text-align: center; 
           color: #666; font-size: 10pt;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.vt {vertical-align: top;}
.vb {vertical-align: bottom;}

.b {font-weight: bold;}
.n {font-weight: normal;}
.u {text-decoration: underline;}

.field-label { font-weight: bold; color: #2c56a1; padding-top: 8px; padding-left: 4px; padding-bottom: 4px;}

#header { padding: 4px; font-size: 10pt; }
#header a { color: #2c56a1; }
.sitefooter { background: white url(http://yaffil.com/img/footer-bg.png) top left repeat-x; padding-top: 14px; padding-top: 14px;}
.footer { padding-top: 0px; color: #2c56a1; }
a.footer { color: #2c56a1; font-weight: normal; text-decoration: underline;}
.footer-box { text-align: left; padding-bottom: 50px;}
.fh { font-weight: bold; font-size: 12pt; padding-bottom: 10px; }
.fi { font-weight: normal; font-size: 10pt; padding-bottom: 4px; }
.fi a { text-decoration:none; }
.fi a:hover { text-decoration: underline; }
.copy {padding-top: 6px; color: #999; }

.popup-login { width: 100%; }
.login, .main, .footer-box { width: 830px; }
body.login {
  font-family:Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
  font-size: 10pt;
  color: #2c56a1;
  background: #bbd4fc url("http://yaffil.com/img/yaffil-bg.png") top left repeat-x;
  margin: 0px;
  width: 100%;
}
BODY.admin .login { width: 1000px;}

.ex { font-size: 8pt; color: #aaaaaa;}

.admin-header {text-align: left; font-weight:bold; padding-bottom:20px; padding-top:20px; color: white; font-size: 16pt;}
.admin-header a {text-align: left; font-weight:bold; color: white; font-size: 16pt;}
.admin-th {font-weight:bold; background-color: white; color: #2c56a1; font-size: 12pt; padding-bottom: 4px; border-bottom: solid #ceddfa 3px;}
.admin-td-on, .admin-td-off {font-weight:normal; background-color: white; color: #2c56a1; padding: 6px; font-size: 10pt; border-bottom: dotted #ceddfa 1px;}
.admin-td-on a, .admin-td-off a {font-weight:normal; background-color: white; color: #2c56a1; font-size: 10pt; }

.sel { border-bottom: solid #ceddfa 1px; font-weight: bold; }

.vv {font-size:14pt; font-weight: normal;}

.label, .buttons { text-align: right; padding-right: 10px;}
.textfield { text-align: left; }

.admin-tl { background: url(http://yaffil.com/img/admin-tbl-bg-tl.png) top left no-repeat; }
.admin-top { background: url(http://yaffil.com/img/admin-tbl-bg-top.png) top left repeat-x; }
.admin-tr { background: url(http://yaffil.com/img/admin-tbl-bg-tr.png) top right no-repeat; }
.admin-l { background: url(http://yaffil.com/img/admin-tbl-bg-left.png) top left repeat-y; }
.admin-r { background: url(http://yaffil.com/img/admin-tbl-bg-right.png) top right repeat-y; }
.admin-bl { background: url(http://yaffil.com/img/admin-tbl-bg-bl.png) bottom left no-repeat; }
.admin-bot { background: url(http://yaffil.com/img/admin-tbl-bg-bot.png) bottom left repeat-x; }
.admin-br { background: url(http://yaffil.com/img/admin-tbl-bg-br.png) bottom right no-repeat; }

.popup-login-title { padding: 8px; margin-bottom: 10px; font-size: 12pt;
                     font-weight: bold; color: white; background-color: #2c56a1; 
                     text-align: left;}
.popup-login-content { width: 100%; text-align: left; padding-top: 0px; }
.content { width: 100%; text-align: left; padding-top: 10px; }
.nav { width: 350px; text-align: right; float: right; padding-top: 10px;}

.member-right-menu { float: right; width: 135px; }
.member-right-menu-item { margin-bottom: 4px; }

.popup-title { text-align: left; font-size: 18pt; color: #2c56a1; }

.space { padding-top: 60px;}

.inner-content { 
  background-image: #bbd4fc url("http://yaffil.com/img/yaffil-bg.png") top left repeat-x;
	padding-top: 20px; text-align: center; 
}
.inner-content-admin {
  background: none;
  padding-top: 20px; text-align: center;
}

A { color: #4679d3; font-weight: bold; text-decoration: underline; }

.further { color: #2c56a1; }
.further A { color: #2c56a1; text-decoration: underline; }

.help { color: #cccccc; font-size: 10pt; }

INPUT.box { border: solid #a2bce9 1px; padding: 3px;}

.info { color: #4679d3; font-weight: bold; padding: 10px; }

.error { color: #d34646; font-weight: bold; padding: 10px; }

.search-box { margin-top: 10px; margin-bottom: 10px; text-align: left;
              color: #666; font-size: 10pt; }
.search-box INPUT { border: solid #b8d0f2 4px; margin-right: 5px;color: #666;
                    font-size: 12pt; padding: 2px; }
.search-box INPUT.search-btn { border: solid #b8d0f2 4px;
                               background-color: #2c56a1; color: white; 
                               position: relative; top: 0px; }

.username { font-size: 10pt; color: #2c56a1; font-weight: bold; }
.form-errors UL { background: url(http://yaffil.com/img/yellow-box.png) top center no-repeat;
                  padding-top: 10px; padding-bottom: 0px; }
.form-errors UL LI { list-style: none; }

.form-messages UL { padding-top: 5px; padding-bottom: 5px; }
.form-messages UL LI { list-style: none; }

UL.errorMessage { padding-top: 5px; padding-bottom: 5px; }
UL.errorMessage LI { list-style: none; }
UL.actionMessage { padding-top: 5px; padding-bottom: 5px; }
UL.actionMessage LI { list-style: none; }

.wwFormTable TD { padding: 4px; }
.tdLabel { font-family:Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif; font-size: 10pt; color: #2c56a1; }
.tdLabel { font-family:Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif; font-size: 10pt; color: #2c56a1; }
.yaffil-input { border: solid #bbd4fc 1px; font-size: 10pt; padding: 5px; color: #2c56a1; }
.yaffil-button, .yaffil-button-small { border: solid #2c56a1 1px; font-size: 10pt;
                                       background-color: #2c56a1; padding: 4px; 
                                       color: white; font-weight: bold; }
.yaffil-button-small { font-size: 8pt; padding: 2px; font-weight: normal; }

.button { width: 70px; margin-bottom 0px; }
.errors, .messages { width: 330px; margin-bottom 0px; }
.register { width: 280px; margin-top: 20px; }
.favourites { float: right; width: 200px; margin-bottom: 0px; }
.bigmap { width: 830px; margin-top: 20px; }

.important-choice {background-color:#cce3f6; color:#2c56a1; font-weight:bold; padding:8px;}

.xsnazzy h1, .xsnazzy h2, .xsnazzy p { margin:0 5px; letter-spacing:1px; padding:0; }
.xsnazzy h1 { font-size:2.5em; color:#fff; }
.xsnazzy h2 { font-size:2em; color:#06a; border:0; }
.xsnazzy p { padding-bottom:0.5em; }  
.xsnazzy h2 { padding-top: 0.5em; }
.xsnazzy { background: transparent; margin:10px 0.5em 10px 0.5em; }

.xtop, .xbottom { display:block; background:transparent; font-size:1px; }
.xb1, .xb2, .xb3, .xb4 { display:block; overflow:hidden; }
.xb1, .xb2, .xb3 { height:1px; }
.xb2, .xb3, .xb4 { background-color: #cccccc; }
.xb1 { margin:0 5px; background:#08c; }
.xb2 { margin:0 3px; border-width:0 2px; }
.xb3 { margin:0 2px; }
.xb4 { height: 2px; margin:0 1px; }

.err { background-color:#d50a1d; color: white; }
.msg { background-color:#32bef6; color: white; }
.light-blue { background-color: #bbd2f5; color: #2c56a1;}
.white { color: white; text-decoration: none; font-weight: normal;}
.yellow { background-color: #fdfcb1; color: #2c56a1; }
.ylb { background-color: #b8d0f2; color: #2c56a1;}

.btn { background-color: #2c56a1; color: white; font-size: 11px; }

.rnd-top {  }

.stream { padding-top: 10px; width: 550px; }
.streamitem {  }
.streamitem .avatar { float: left; }
.streamitem .headline { padding-bottom: 6px; }
.streamitem .contents { margin-left: 60px; }
.streamitem .reply {  } 
.streamitem .reply .avatar { height: 25px; float: left; margin-right: 6px; } 
.streamitem .reply .content {  } 
.sep { clear: left; font-size: 4px; height: 4px; }
.bigger { font-size: 10px; height: 10px; }

.activitybar0, .activitybar1, .activitybar1, .activitybar2, .activitybar3, .activitybar4, .activitybar5, .activitybar6, .activitybar7, .activitybar8, .activitybar9,
.activitybar10, .activitybar11, .activitybar11, .activitybar12, .activitybar13, .activitybar14, .activitybar15, .activitybar16, .activitybar17, .activitybar18, .activitybar19,
.activitybar20, .activitybar21, .activitybar21, .activitybar22, .activitybar23, .activitybar24, .activitybar25, .activitybar26, .activitybar27, .activitybar28, .activitybar29,
.activitybar30, .activitybar31, .activitybar31, .activitybar32, .activitybar33, .activitybar34, .activitybar35, .activitybar36, .activitybar37, .activitybar38, .activitybar39,
.activitybar40, .activitybar41, .activitybar41, .activitybar42, .activitybar43, .activitybar44, .activitybar45, .activitybar46, .activitybar47, .activitybar48, .activitybar49,
.activitybar49 {background: url(http://yaffil.com/img/activity.png) repeat-x; }
.activitybar0 { background-position: 0px 0px; }
.activitybar1 { background-position: 0px -1px; }
.activitybar2 { background-position: 0px -2px; }
.activitybar3 { background-position: 0px -3px; }
.activitybar4 { background-position: 0px -4px; }
.activitybar5 { background-position: 0px -5px; }
.activitybar6 { background-position: 0px -6px; }
.activitybar7 { background-position: 0px -7px; }
.activitybar8 { background-position: 0px -8px; }
.activitybar9 { background-position: 0px -9px; }

.activitybar10 { background-position: 0px -10px; }
.activitybar11 { background-position: 0px -11px; }
.activitybar12 { background-position: 0px -12px; }
.activitybar13 { background-position: 0px -13px; }
.activitybar14 { background-position: 0px -14px; }
.activitybar15 { background-position: 0px -15px; }
.activitybar16 { background-position: 0px -16px; }
.activitybar17 { background-position: 0px -17px; }
.activitybar18 { background-position: 0px -18px; }
.activitybar19 { background-position: 0px -19px; }

.activitybar20 { background-position: 0px -20px; }
.activitybar21 { background-position: 0px -21px; }
.activitybar22 { background-position: 0px -22px; }
.activitybar23 { background-position: 0px -23px; }
.activitybar24 { background-position: 0px -24px; }
.activitybar25 { background-position: 0px -25px; }
.activitybar26 { background-position: 0px -26px; }
.activitybar27 { background-position: 0px -27px; }
.activitybar28 { background-position: 0px -28px; }
.activitybar29 { background-position: 0px -29px; }

.activitybar30 { background-position: 0px -30px; }
.activitybar31 { background-position: 0px -31px; }
.activitybar32 { background-position: 0px -32px; }
.activitybar33 { background-position: 0px -33px; }
.activitybar34 { background-position: 0px -34px; }
.activitybar35 { background-position: 0px -35px; }
.activitybar36 { background-position: 0px -36px; }
.activitybar37 { background-position: 0px -37px; }
.activitybar38 { background-position: 0px -38px; }
.activitybar39 { background-position: 0px -39px; }

.activitybar40 { background-position: 0px -40px; }
.activitybar41 { background-position: 0px -41px; }
.activitybar42 { background-position: 0px -42px; }
.activitybar43 { background-position: 0px -43px; }
.activitybar44 { background-position: 0px -44px; }
.activitybar45 { background-position: 0px -45px; }
.activitybar46 { background-position: 0px -46px; }
.activitybar47 { background-position: 0px -47px; }
.activitybar48 { background-position: 0px -48px; }
.activitybar49 { background-position: 0px -49px; }
.activitybar50 { background-position: 0px -50px; }

.start { border-left: solid #2c56a1 1px; }
.timeline { border-bottom: solid #2c56a1 1px; }
.day { border-right: solid #2c56a1 1px; padding-left: 2px; }
.dayname { font-size: 10pt; padding-top: 3px; padding-bottom: 4px;}
.selected { background-color: #2c56a1; color: white; }
.bold { font-weight: bold; }

.page-preview { border: solid #b8d0f2 2px; width: 126px; padding: 10px;
                float: left; margin-right: 20px; margin-bottom: 10px; }
.page-preview foto { border: solid #b8d0f2 1px; }
.page-preview foto IMG { border: solid white 2px; }

.left-column { padding-top: 15px; padding-left: 0px; float: left; width: 120px; }
.company-info { display:table-cell; vertical-align:bottom; padding-top: 10px; color: white; font-family:Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif; font-size: 8pt; font-weight: normal; }
.company-name { font-size: 14pt; font-weight: bold; padding-bottom: 8px; text-align: left; }
.company-website, .company-website a, .company-location, .company-location a { text-align: left; color: white; font-weight: normal;}
.company-location { padding-top: 15px; }

.cal-title { font-font-family:Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif; font-size: 10pt; font-weight: bold; color: white; padding-bottom: 5px; }
.date-day-box { background: transparent url(http://yaffil.com/img/cal-bg.png) top center no-repeat; }
.date-day-box .day-num { font-size: 40px; color: white; }
.date-day-box .day-month { font-size: 12pt; color: white; padding-bottom: 15px; }
.cal-year { font-size: 12pt; color: white; }

/* background:url(http://yaffil.com/img/offer-bg.png) 95px -20px no-repeat;  */
.main-offer { height:550px; width:100%; }
.main-offer-content { width:430px; padding-left:26px; padding-top:22px; float:left; }
.main-offer-title-box { display:table-cell; vertical-align:middle; height:50px; }
.main-offer-title { width: 415px; font-family:Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif; font-weight: normal; font-size: 16pt; color: #114498; text-shadow: 1px 1px 4px #d7e2f5; line-height: 1.4em; }
.main-offer-image { padding-top: 10px; }

.main-offer-white-top { position: relative; left: -40px; top: -40px; width: 513px; height: 51px; background: url(http://yaffil.com/img/offer-white-bg-top.png) top left no-repeat; }
.main-offer-white-body { position: relative; left: -40px; top: -40px; width: 513px; background:url(http://yaffil.com/img/offer-white-bg.png) top left repeat-y; }
.main-offer-white-body .details { position: relative; left: 50px; }
.main-offer-white-bot { position: relative; left: -40px; top: -40px; width: 513px; height: 51px; background:url(http://yaffil.com/img/offer-white-bg-bot.png) top left no-repeat; }

.main-offer-details { text-align: center; font-family:Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif; font-weight:bold; padding-top:20px; width:230px; float:left; padding-left:15px; color:white;}
.main-offer-details .time-header { font-size:12pt; }
.main-offer-details .time { font-size:22pt; padding-top: 8px; text-shadow: 1px 1px 4px #3f5d98; }
.main-offer-details .buy-button { padding-top: 11px; background: url(http://yaffil.com/img/btn-acquista.png) 32px 4px no-repeat; margin-top: 25px; height: 35px; }
.main-offer-details .buy-button a { font-size: 13pt; color: white; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 4px #d28511; }
.main-offer-details .not-available { padding-top: 40px; font-size: 10pt; color: white; font-weight: bold; text-shadow: 1px 1px 4px #3f5d98; }

.main-offer-details .share { color:#2c56a1; font-size:10pt; padding-top: 8px; text-shadow: 1px 1px 4px white; }

.main-offer-details .offer-status { display:table-cell; vertical-align:bottom; height:200px; width:250px; text-align:center; color:#114498; }
.main-offer-details .txt-acquistati { font-size: 14pt; }
.main-offer-details .slider { background: url(http://yaffil.com/img/slider-bg.png) 20px 4px no-repeat; width:250px; height:80px; }
.main-offer-details .slider-range { font-size: 12pt; font-weight: bold; }
.main-offer-details .slider-range .start { width: 20px; float: left; position: relative; left:45px; top:55px; border: none; }
.main-offer-details .slider-range .end { width: 20px; float: right; position: relative; left:-40px; top:55px; border: none; }
.main-offer-details .slider-range .filling { width: 146px; height: 8px; background: url(http://yaffil.com/img/slider-filling.png) 0% 0%; float: left; position: relative; left:36px; top:40px; }
.main-offer-details .slider-range .position {background: url(http://yaffil.com/img/arrow.png) 0% 50% no-repeat; position: relative; left:23px; top: 14px; width: 28px; height:27px; float: left;}
.main-offer-details .fb-share {color: #114498; font-size: 10pt; font-weight: bold; text-shadow: 1px 1px 4px #fff;}

.main-offer-content .recensione { position: relative; top: -41px; left: 5px; font-family:Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif; }
.main-offer-content .recensione .top { background: url(http://yaffil.com/img/rec-top-bg.png) 0% 50% no-repeat; width: 443px; position: relative; left:-12px; top: 0px;}
.main-offer-content .recensione .body { background: url(http://yaffil.com/img/rec-body-bg.png) 0% 50% repeat-y; width: 443px; position: relative; left:-12px; top: 0px;}
.main-offer-content .recensione .bot { background: url(http://yaffil.com/img/rec-bot-bg.png) 0% 50% no-repeat; width: 443px; height: 15px; position: relative; left:-12px; top: 0px;}
.main-offer-content .recensione .body .title { position: relative; left:15px; font-size: 12pt; font-weight: bold; width: 410px; }
.main-offer-content .recensione .body .text { position: relative; left:15px; font-size:1em; font-weight: normal; width: 410px; line-height: 150%; border: solid white 1px; }

TABLE.breakdown { padding-left: 30px; padding-top: 15px; }
TABLE.breakdown TD { color: white; }
TABLE.breakdown TD.header { font-size: 8pt; }
TABLE.breakdown TD.money { font-size: 14pt; font-weight: normal; text-shadow: 1px 1px 4px #3f5d98; }