#page_wrapper {
  margin-left: auto; 
  margin-right: auto;
  width: 990px;
  background: url('../images/dreamlog_background.gif') #99CCFF top no-repeat;
  min-height: 494px;
  text-align: left;
  position: relative;
  padding-top: 95px;
  padding-bottom: 92px;
  margin-top: 0px;
  color: #9999CC;
  font-size: 12pt;
}

#content{
	border-left: 7px solid #99ccff;
	border-right: 7px solid #99ccff;
	background: transparent;
	min-height: 400px;
	padding-left: 20px;
	padding-right: 20px;
}
#contentSellers{
	border-left: 7px solid #99ccff;
	border-right: 7px solid #99ccff;
	background: transparent;
	padding-left: 20px;
	padding-right: 20px;
}
#backTop{
    background: url("../images/backTop.gif") white no-repeat top;
    width: 888px;
}
#backTopSellers{
    background: url("../images/backTopSeller.gif") white no-repeat top;
    width: 888px;
}
#backBottom, #backBottomSellers{
    background: url("../images/backBottom.gif") no-repeat bottom transparent;
    width: 888px;
    padding: 32px 0px;
}
#page{
    margin: 0px 65px 0px 51px;
}
#footer{
    color: #666699;
    font-size: 8pt;
    text-align:right;
    float:none;
    margin-right: 120px;
    margin-top:15px;
}
#foooter a.hiperlink, a.hiperlink:link, a.hiperlink:visited, a.hiperlink:hover{
    color: #666699 !important;
    text-decoration: none !important;
}
.myBody{
    padding: 0;
    margin: 0;
    background-color: #98ccff;
    height:100% !important;
}
.header{
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}
#menuLeft{
	width: 23px;
	height: 42px;
	background: transparent left url("../images/menuLeft.gif");
}
#menuRight{
    width: 23px;
    height: 42px;
    background: transparent right url("../images/menuRight.gif");
}
#navcontainer{
    height: 42px;
    position: absolute;
    top: 20px;
    margin-left: 280px;
}
#sellerMenuWrapper{
    height: 42px;
    float:left;
}
#menuContent ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#menuContent li{
	float: left;
	font-size: 14px;
	padding-right: 2px;
	padding-top: 10px;
}
#menuContent{
	background-color: white;
	height: 42px;
	float: left;
}
a.navLink{
	color: #003366;
	text-decoration: none;
	padding: 0px 4px 0px 4px;
}
li.navLinkSelected a, a.navLink:hover{
    color: white;
    text-decoration: none;
    background-color: #285AA4 !important;
    padding: 4px;
}
*:focus {outline: none;}

#dreamkiLogo{
    position:absolute;
    top:0px;
}
#dreamkiLogo a img{
    border-width:0px;
}
.ui-datepicker-trigger{
    position:relative;
    left:10px;
    top:12px;
    cursor:pointer;
}
.row{
}
.cornersWrapper{
    background: transparent repeat-y url(../images/bg/main_page.png);
    margin: 0 -3px;
    padding: 0 3px;
}
.wlName:hover .reserveWish {
    background: url("../images/common/dream-box.png") no-repeat scroll right 0 transparent;
}
.item.scrollEl:hover .wl-actions{
    display: block;
}
.wlName {
    position: relative;
}
.separator{
	clear: both;
	height: 0;
	width: 10px;
}
.hidden{
	display: none!important;
}
.invisible{
	display: none!important;
}

#wrapper{
	float: left;
	width: 720px;
}
/*#wishForm{
	width: 627px;
	clear: both;
	margin: 20px 0 0 30px;
	padding: 15px;
	background: #f0f7ff;
	border: 1px solid #d2e4f8;
}
#wishForm img{
	display: block;
	float: left;
	border: 1px solid #d2e4f8;
}*/
.upload{
	position: relative;
	float: left;
	clear: both;
	margin: 5px 0 0 0;
}
.fakeupload{
	display: block;
	margin: 0 0 0 0;
	font-family: Arial;
	font-size: 11px;
	color: #9ec2e0;
	text-decoration: none;
}
.realupload{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	opacity: 0;
	filter:alpha(opacity:0);
	height: 17px;
	font-family: Arial;
	font-size: 12px;
	cursor: pointer;
}
/*#wishForm .long{
	display: block;
	width: 450px;
	margin: 0 0 10px 140px;
	padding: 10px;
	font-size: 14px;
	font-weight: 600;
	color: #45b343;
	background: #fff;
	border: 1px solid #d2e4f8;
}
#wishForm .btn-green{
	float: right;
	margin: 5px 0 0 0;
	background: none;
	border: none;
	font-size: 14px;
	font-weight: 600;
	color: #45b343;
}*/
.formClose{
	display: block;
	float: right;
	margin: -5px 0px -5px 0;
	font-size: 12px;
	color: #70899e;
	text-decoration: none;
}
.formOpen{
	display: block;
	margin: 10px 0px 20px 30px;
	font-size: 12px;
	color: #70899e;
	text-decoration: none;
}
.wish-status{
	position: relative;
	width: 627px;
	margin: 15px 0 0 0px;
	padding: 5px 15px;
	font-size: 14px;
	font-weight: 600;
	color: #6593b9;
	background: #f0f7ff;
	border: 1px solid #d2e4f8;
}
/*.wishCard{
	margin: 10px 0 10px 25px;
	padding: 10px 5px;
	background: #fff;
}*/
.wishCard.half{
	float: left;
	width: 310px;
}
.wishCard.active{
	position: relative;
	width: 450px;
	margin: 10px -139px 10px 25px;
	padding: 9px 3px 9px 4px;
	border: 1px solid #9cc4ee;
	z-index: 2;
}
.wish-image{
	float: left;
}
/*.wish-title{
	margin: 0 0 0 0;
	font-size: 14px;
	font-weight: 500;
	color: #1e79ad;
}*/
.wish-site{
	display: block;
	margin: 5px 0 0 0;
	font-size: 11px;
	color: #74a8c6;
}
/*.w-price{
	float: left;
	margin: 8px 0 0 0;
	font-size: 14px;
	color: #95c694;
}*/
/*.will-present{
	float: left;
	margin: 6px 0 0 20px;
	padding: 1px 20px 1px 0;
	background: url("../images/d_will_present.jpg") no-repeat right top;
}*/
.will-present a{
	font-size: 12px;
	color: #61c35f;
}
/*.wish-date{
	margin: 8px 0 0 0;
	font-size: 11px;
	color: #686868;
}*/
.wish-date span{
	margin: 0 0 0 10px;
	color: #3a7ab8;
}
.wish-menu{
	float: right;
	margin: 0 0 0 20px;
}
.wish-edit{
	display: block;
	margin: 6px 10px 6px 0;
	padding: 0px 0 1px 25px;
	font-size: 11px;
	color: #5a95d0;
	text-decoration: none;
	background: url("../images/d_edit.png") no-repeat left top;
}
.wish-comment{
	display: block;
	margin: 6px 10px 6px 0;
	padding: 0px 0 1px 25px;
	font-size: 11px;
	color: #5a95d0;
	text-decoration: none;
	background: url("../images/d_comment.png") no-repeat left top;
}
.wish-like{
	display: block;
	margin: 6px 10px 6px 0;
	padding: 0px 0 1px 25px;
	font-size: 11px;
	color: #5a95d0;
	text-decoration: none;
	background: url("../images/d_like.png") no-repeat left top;
}
.wish-delete{
	display: block;
	margin: 20px 0 0 70px;
	font-size: 11px;
	color: #74a8c6;
	text-decoration: none;
}
.wishCard.active .wish-title{
	color: #214c77;
}
.wishCard.active .wish-site{
	color: #4d79a8;
}
.wishCard.active .w-price{
	color: #4cc64a;
}
.wishCard.active .will-present a{
	color: #448842;
}
.userNav{
    position: relative;
    top: 27px;
    width: 657px;
    margin: 0 0 0 15px;
    background: url("../images/userNav-bg.png") repeat-x left top;
}
.userNav-dreamkiBox{
	height: 17px;
	margin: 9px 0 0 2px;
	width: 14px;
}
.userNav-item{
	height: 36px;
	line-height: 36px;
	float: left;
	padding: 0 5px;
	background: url("../images/userNav-bg.png") repeat-x left top;
}
.user-fullName{
/*	padding: 8px 0 0 0;*/
}
.userNav-item .orange{
	font-size: 11px;
	font-weight: bold;
	color: #f97500;
}
.combo-wrap{
	padding: 9px 0 0 0;
}
.output{
	float: right;
	padding: 1px 5px 1px 0;
	border-right: 1px solid #d2e4f8;
}
.output1{
	float: right;
	display: block;
	width: 31px;
	height: 34px;
	background: url("../images/output1.jpg") no-repeat left top;
}
.output1.active{
	background: url("../images/output1-active.jpg") repeat-y left top;
        height: 36px;
}
.output2{
	float: right;
	display: block;
	width: 31px;
	height: 34px;
	background: url("../images/output2.jpg") no-repeat left top;
}
.output2.active{
	background: url("../images/output2-active.jpg") no-repeat left top;
}
.output3{
	float: right;
	display: block;
	width: 31px;
	height: 34px;
	background: url("../images/output3.jpg") no-repeat left top;
}
.output3.active{
	background: url("../images/output3-active.jpg") no-repeat left top;
}
.userNav-arrow{
	height: 36px;
	float: left;
	width: 21px;
	background: url("../images/userNav-arrow.png") no-repeat left top;
}
.userNav-left{
	height: 36px;
	float: left;
	width: 6px;
	background: url("../images/userNav-left.jpg") no-repeat left top;
}
.userNav-right{
	height: 36px;
	float: right;
	width: 6px;
	background: url("../images/userNav-right.jpg") no-repeat right top;
}
.pager{
	width: 657px;
	margin: 10px 0 0 0px;
}
.pager-left{
	height: 36px;
	float: left;
	width: 6px;
	background: url("../images/pager-left.jpg") no-repeat left top;
}
.pager-wrap{
	float: left;
	width: 645px;
	background: url("../images/userNav-bg.png") repeat-x left top;
}
.pager-right{
	height: 36px;
	float: right;
	width: 6px;
	background: url("../images/pager-right.jpg") no-repeat right top;
}
.pager a{
	display: block;
	height: 36px;
	line-height: 36px;
	float: left;
	padding: 0 2px 0 3px;
	font-size: 12px;
	color: #87bdf8;
	text-decoration: none;
}
.pager a.first{
	padding: 0 5px 0 8px;
}
.pager a.active{
	font-weight: 600;
	color: #f97500;
}
.pager a:hover{
	color: #f97500;
}
/* ============================================== Friends =========================================================== */
.nearest{
	position: relative;
	width: 627px;
	margin: 15px 0 0    0px;
	padding: 5px 15px 30px 15px;
	background: #f0f7ff;
	border: 1px solid #d2e4f8;
}
.nearest h2{
	font-size: 14px;
	font-weight: 600;
	color: #6593b9;
}
.friend1{
    min-width: 300px;
}
.friend1 img{
	float: left;
	margin: 0 15px 0 0;
}
.friend1 .name{
	line-height: 15px;
	font-size: 11px;
	color: #64acd3;
        cursor: pointer;
}
.friend1 .birthday{
	line-height: 15px;
        height: 15px;
	font-size: 11px;
	color: #515151;
        background: none;
        padding: 0;
}
.friend-wish{
	width: 135px;
	float: left;
	padding: 8px;
	margin: 5px 8px 0 -8px;
}
.friend-wish.active{
	position: relative;
	width: 250px;
	margin: 5px -108px -40px -8px;
	padding: 7px 8px 8px 7px;
	background: #fff;
	border: 1px solid #cedeee;
	z-index: 2;
}
.friend-wish .img-container{
	overflow: hidden;
	width: 50px;
	height: 40px;
	float: left;
	position: relative;
	margin: 0 5px 0 0;
}
.friend-wish img{
	margin: 0;
}
.friend-wish  .curtain{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.5;
}
.wish-name{
	float: left;
	width: 80px;
	font-size: 11px;
	color: #64acd3;
}
.friend-wish .w-price{
	float: right;
	margin: 0 0 0 20px;
	color: #468b44;
}
.friend-wish .will-present{
	float: right;
	margin: 5px 0 0 20px;
        height: auto;
}
.friend-wish .wish-date{
	float: right;
}
.later{
	margin: 0 0 0 20px;
}
.friend2{
	float: left;
	width: 180px;
	margin: 10px 28px 10px 0;
}
.friend2 img{
	float: left;
	margin: 0 15px 0 0;
}
.friend2 .name{
	line-height: 15px;
	font-size: 11px;
	color: #64acd3;
        cursor: pointer;
}
.friend2 .birthday{
	line-height: 15px;
	font-size: 11px;
	color: #515151;
}
.sidebar{
	float: left;
}
.message{
	width: 202px;
	height: 56px;
	padding: 10px;
	font-size: 11px;
	color: #515151;
	background: url("../images/message.jpg") no-repeat left top;
        line-height: 1.3em;
}
.message span{
	color: #64acd3;
}
.message .yes{
	margin: 0 0 0 5px;
	font-size: 14px;
	color: #57d016;
	text-decoration: none;
}
.message .no{
	color: #64acd3;
	text-decoration: none;
}
.sidebar-title{
	margin: 20px 0 0 20px;
	font-size: 16px;
	color: #f97500;
}
.occasion{
	font-size: 11px;
	color: #515151;
	margin: 10px 0 0 20px;
}
.occasion .date{
	margin: 0 0 5px 0;
	font-size: 10px;
	color: #959595;
}
.occasion .date span{
	color: #f97500;
}
.friend1 .avatar, .friend2 .avatar{
    height: 60px;
}
#stars-scrollable{
    width: 875px;
}
.friend-wish .img-container img{
    max-height: 37px;
    max-width: 47px;
}
.will-present.toggle_hide{
    width: 90px;
}
