html{color:#000;background:#fff}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
a:focus {outline: 0; }
abbr,acronym {border:0;font-variant:normal}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
legend{color:#000}
a{text-decoration:none;}
header,nav,section,article,aside,footer {display:block}
html, body {
font-family:Arial;
background: url(bg.png);
}
.cl{clear:both;}
.l {text-align:left;}
.c{text-align:center;}
.r {text-align:right}
.fl {float:left;}
.fr {float:right}
#page {
width: 728px;
margin: 0 auto;
}
#header{
background: url(header_bg.png) repeat-x;
height: 103px;
position: relative;
}
#logo{
width: 80px;
height: 79px;
background: url(newlogo_mini.png) no-repeat;
display: block;
position: absolute;
left: 20px;
top: 5px;
}
#count{
width: 47px;
height: 47px;
color: white;
padding-left: 50px;
background: url(lamp.png) no-repeat;
position:relative;
margin: 0 auto;
margin-bottom: 10px;
line-height: 54px;
}
#count2{
color: white;
padding-left: 150px;
position:relative;
margin: 0 auto;
margin-bottom: 10px;
line-height: 54px;
}
#rating{
width: 63px;
height: 38px;
color: white;
padding-left: 50px;
background: url(header_rating.png) no-repeat;
position:absolute;
right: 100px;
top: 7px;
line-height: 40px;
display: block;
}
#rating-minus{
width: 63px;
height: 38px;
color: white;
padding-left: 50px;
background: url(rating-minus.png) no-repeat;
position:absolute;
right: 100px;
top: 45px;
line-height: 40px;
}
#avatar {
width:73px;
height:72px;
position:absolute;
top:7px;
right:7px;
padding:2px;
background: url(avatar.png) no-repeat;
overflow:hidden;
}
#avatar img{
border-radius: 3px;
}
#content {
width:728px;
margin:0 auto;
}
#google{
width: 728px;
height: 90px;
position: relative;
padding: 20px 0 0 0;
}
#contentTable{
width: 677px;
margin: 0 auto;
}
#question{
text-align:center;
height: 101px;
background: url(question.png) no-repeat;
}
.btn a {
width:111px;
height:38px;
display:block;
color:white;
float: left;
font-size:18px;
text-align:center;
line-height:38px;
overflow:hidden;
}
.btn .yes {
background:url(buttons.png) no-repeat 0 0;
}
.btn .no {
background:url(buttons.png) no-repeat 0 -38px;
margin-left: 10px;
}
.wrapperButtons{
width: 232px;
margin: 0 auto;
padding-top: 16px;
position:relative;
}
#ratingBlock {
width:449px;
margin:0 auto;
margin-top:10px;
}
#ratingBlock .top {
background: url(top_cell_green.png) no-repeat scroll 0 0 transparent;
color: white;
font-size: 30px;
height: 31px;
padding: 23px 30px;
width: 389px;
}
#ratingBlock .bottom {
background: url(down_cell.png) no-repeat scroll 0 0 transparent;
height: 80px;
padding: 23px 30px;
width: 389px;
}
#rateBtnBlock {
width:170px;
margin:0 auto;
text-align:center;
}
#ratePrev{
display:block;
width:30px;
font-size:40px;
float:left;
color:black;
}
#rateNext{
display:block;
width:30px;
font-size:40px;
float:right;
color:black;
}
#pageRate {
font-size:30px;
}
#rateMy {
text-align:center;
color:black;
text-decoration:underline;
}
#rateMy:hover {
text-decoration:none;
}
#ratingBlock .cell {
background: url(middle_cell_small.png) no-repeat scroll 0 0 transparent;
width:409px;
height:71px;
padding: 3px 20px;
overflow:hidden;
}
#ratingBlock .avatar {
width:70px;
height:70px;
float:left;
}
#ratingBlock .avatar img{
width:70px;
height:70px;
}
#ratingBlock .info{
width:249px;
height:70px;
float:left;
overflow:hidden;
}
#ratingBlock .info .rate {
text-align:center;
font-size:20px;
padding:5px 0;
}
#ratingBlock .info .name {
text-align:center;
font-size:20px;
padding:5px 0;
}
#ratingBlock .place{
width: 90px;
height:70px;
text-align:center;
float:left;
font-size:40px;
color:black;
font-weight:bold;
line-height:70px;
}
.popup {
width:420px;
height:184px;
overflow:hidden;
position:absolute;
z-index:1001;
background: url(popup.png) no-repeat;
}
#popupTop {
width:420px;
height:54px;
line-height: 54px;
text-align:center;
color:white;
font-size:24px;
font-family:Calibri, Arial;
position:absolute;
top: 0px;
left: 0px;
}
#popupText {
width:420px;
height:125px;
font-family:Calibri, Arial;
font-size:20px;
color:black;
position:absolute;
top: 74px;
}
#popupTextInfo, #popupTextInfoOptions{
text-align:center;
padding-bottom:10px;
}
#popupBtn {
color:white;
width:150px;
height:45px;
font-family:Calibri, Arial;
font-size:20px;
text-align:center;
line-height: 43px;
display:block;
position: absolute;
top: 40px;
left: 135px;
background: url(button.png) no-repeat;
}
#shopButton{
width: 309px;
height: 69px;
color: white;
display: block;
background: url(button_green.png) no-repeat bottom center;
position:relative;
text-align:center;
line-height: 70px;
font-size: 24px;
font-family: Arial;
margin:0 auto;
padding-top: 16px;
text-shadow: 1px 1px 3px black;
}