/* 
    Document   : event_top
    Created on : Jun 25, 2012, 11:31:51 AM
    Author     : camitss_siemhong
    Description:
        Purpose of the stylesheet follows.
*/

.breadcrumb {
    color: #CCCCCC;
    margin-bottom: 10px;
    margin-top: -42px;
    margin-left: 20px;
}
.breadcrumb a{
	color: #9a9e8f;
	font: normal 11px Tahoma;
	text-decoration: none;
}
.breadcrumb a:hover {
	text-decoration: underline;
}
.mainTop {
/*
    display: inline-block;
*/
    width: 100%;
    margin-top: 10px;
}

.mainTop .topLeft {
	float: left;
    width: 460px;
    padding-left: 7px;
}
.mainTop .topLeft h1 {
/*
    display: inline;
*/
    font-size: 19px;
    color: #FF8C00;
}
.mainTop .topLeft img {
    float: left;
    width: 465px;
    -moz-box-shadow: 0px 7px 10px #999992;
    -webkit-box-shadow: 0px 7px 10px #999992;
    box-shadow: 0px 7px 10px #999992;
}
.mainTop .socialRight {
	float: right;
	width: 250px;
	padding: 10px 10px 10px 0;
}
.mainTop .topRight {
    float: right;
    width: 240px;
    margin: 74px 10px 10px 0px;
    text-align: right;
}
.mainTop .topRight .btn-contact {
	cursor: pointer;
	width: 225px;
	height: 37px;
}
.mainTop .topRight .btn-contact-jpn { background-image: url("../../img/user/button/btn_contact_jp.png"); }
.mainTop .topRight .btn-contact-jpn:hover { background-image: url("../../img/user/button/btn_contact_jp_over.png"); }
.mainTop .topRight .btn-contact-jpn:active { background-image: url("../../img/user/button/btn_contact_jp_down.png"); }
.mainTop .topRight .btn-contact-eng { background-image: url("../../img/user/button/btn_contact_en.png"); }
.mainTop .topRight .btn-contact-eng:hover { background-image: url("../../img/user/button/btn_contact_en_over.png"); }
.mainTop .topRight .btn-contact-eng:active { background-image: url("../../img/user/button/btn_contact_en_down.png"); }
/*
.mainTop .topRight .btn-book-jp {
    cursor: pointer;
    margin-top: 8px;
    width: 225px;
    height: 37px;
    background-image: url("../../img/user/button/btn_book_jp.png");
}
.mainTop .topRight .btn-book-jp:hover {
    width: 225px;
    height: 37px;
    background-image: url("../../img/user/button/btn_book_jp_over.png");
}
.mainTop .topRight .btn-book-jp:active {
    width: 225px;
    height: 37px;
    background-image: url("../../img/user/button/btn_book_jp_down.png");
}
*/
/*** Edit Seyma Style**/
#adsArea {
    background: url("../../img/user/sidebar/profile_base.jpg") no-repeat scroll 0 0 transparent;
    float: right;
    height: 320px;
    width: 234px;
}
#adsTitle {
    background: none repeat scroll 0 0 transparent;
    font-family: Meiryo;
    font-size: 15px;
    font-weight: bold;
    height: 20px;
    padding-top: 1px;
    text-align: center;
    margin-top: 4px;
    width: 234px;
}
#adsPic {
    background: url("../../img/user/sidebar/profile_photo.jpg") no-repeat scroll 0 0 transparent;
    height: 160px;
    margin: 0 auto;
    width: 215px;
}
#adsText {
    font-family: Meiryo;
    font-size: 12px;
    height: auto;
    margin: 0 auto;
    line-height: 19px;
    width: 215px;
}
#adsText a {
    text-decoration: none;
}
/*** end Edit Seyma Style **/
.topRight .date,.time,.minMax,.pricePerPerson {
    margin-right: 5px;
}
.topRight .date, .time,.minMax {
    font-size: 22px;
    font-weight: bold;
    line-height: 27px;
}
.topRight .pricePerPerson {
    font-size: 130%;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 19px;
}
.topRight .pricePerPerson span.price {
	font-size: 200%;
    font-weight: bold;
}
.mainBottom {
/*
   display: inline-block; 
*/
}
.mainBottom p {
    margin-left: 10px;
}
.mainBottom h2 {
    margin-left: 10px;
    color: #8E8E8E;
    margin-top: -15px;
}
.list-photos {
    border-bottom: 3px dotted #d3d3d3;
    padding-bottom: 8px;
}
.list-photos .thumbnail {
	float: left;
    width: 72px; 
    height: 72px;
    margin-top: 10px;
    margin-left: 10px;
}
.list-photos .thumbnail img {
    width: 72px; 
    height: 72px;
}

.bottomTop1 {
    margin: 10px 10px 10px 0px;
/*
    display: inline;
*/
}
#cmdBlock {
    background: none repeat scroll 0 0 transparent;
    height: auto;
    margin: 0 auto;
    width: 590px;
}
.cmdContent {
    background: none repeat scroll 0 0 transparent;
    height: auto;
    width: 580px;
}
.cmdContent a {
    text-decoration: none;
}
.profile {
    height: 110px;
    margin: 0 auto;
    width: 100px;
}
.profile img {
    margin: 0 auto;
}
.userName {
    color: #666666;
    float: left;
    font-family: Meiryo;
    font-size: 16px;
    height: 20px;
    padding: 1px 1px 1px 10px;
    width: 450px;
}
.voiceStatus {
    font-family: Meiryo;
    font-size: 13px;
    height: auto;
    padding: 1px 1px 1px 10px;
    width: 450px;
}
.cmdBox {
    background: none repeat scroll 0 0 transparent;
    float: left;
    height: auto;
    width: 450px;
}
.cmdBoxTop {
    background: url("../../img/user/voice/voiceballoon_top.png") no-repeat scroll 0 0 transparent;
    height: 20px;
    width: 450px;
}
.cmdBoxMid {
    background: url("../../img/user/voice/voiceballoon_middle.png") repeat-y scroll 0 0 transparent;
    height: auto;
    width: 450px;
}
.dotLine {
    background: url("../../img/user/voice/dot_line.gif") repeat-x scroll 0 0 transparent;
    height: 8px;
    width: auto;
    margin-top: -10px;
    margin-bottom: 10px;
}
.cmdBoxBottom {
    background: url("../../img/user/voice/voiceballoon_bottom.png") no-repeat scroll 0 0 transparent;
    height: 20px;
    width: 450px;
}
.box-connection {
    position: absolute;
    right: 452px;
    top: 99px;
}

h2 {
	font-size: 19px;
	color: darkOrange;
	padding: 10px 0 5px 0;
}

div.topRight div.buttonBlock {
	margin-left: 10px;
}
div.topRight div.buttonBlock form {
	width: 225px;
}
div.topRight div.buttonBlock div.orderButton {
	margin-top: 8px;
}

div.eventContent {
	margin-left: 10px;
}

div.guestTitle {
	color: #8E8E8E;
	margin-top: 20px;
	margin-left: 10px;
	font-size: 1.5em;
	font-weight: bold;
}


/*
 * Button
 */
div.reserve-button {
	cursor: pointer;
	width: 225px;
	height: 37px;
}
div.reserve-button-reserve-jpn { background-image: url("../../img/user/event/button/reserve/btn_book_jp.png"); }
div.reserve-button-reserve-eng { background-image: url("../../img/user/event/button/reserve/btn_book_en.png"); }
div.reserve-button-reserve-jpn:hover { background-image: url("../../img/user/event/button/reserve/btn_book_over_jp.png"); }
div.reserve-button-reserve-eng:hover { background-image: url("../../img/user/event/button/reserve/btn_book_over_en.png"); }
div.reserve-button-reserve-jpn:active { background-image: url("../../img/user/event/button/reserve/btn_book_down_jp.png"); }
div.reserve-button-reserve-eng:active { background-image: url("../../img/user/event/button/reserve/btn_book_down_en.png"); }

div.reserve-button-reserved-jpn { background-image: url("../../img/user/event/button/reserve/btn_reserved_jp.png"); }
div.reserve-button-reserved-eng { background-image: url("../../img/user/event/button/reserve/btn_reserved_en.png"); }
div.reserve-button-reserved-jpn:hover { background-image: url("../../img/user/event/button/reserve/btn_reserved_over_jp.png"); }
div.reserve-button-reserved-eng:hover { background-image: url("../../img/user/event/button/reserve/btn_reserved_over_en.png"); }

div.reserve-button-max-jpn { background-image: url("../../img/user/event/button/reserve/btn_soldout_jp.png"); }
div.reserve-button-max-eng { background-image: url("../../img/user/event/button/reserve/btn_soldout_en.png"); }
div.reserve-button-max-jpn:hover { background-image: url("../../img/user/event/button/reserve/btn_soldout_over_jp.png"); }
div.reserve-button-max-eng:hover { background-image: url("../../img/user/event/button/reserve/btn_soldout_over_en.png"); }

div.reserve-button-cancel-jpn { background-image: url("../../img/user/event/button/reserve/btn_cancel_jp.png"); }
div.reserve-button-cancel-eng { background-image: url("../../img/user/event/button/reserve/btn_cancel_en.png"); }
div.reserve-button-cancel-jpn:hover { background-image: url("../../img/user/event/button/reserve/btn_cancel_over_jp.png"); }
div.reserve-button-cancel-eng:hover { background-image: url("../../img/user/event/button/reserve/btn_cancel_over_en.png"); }
div.reserve-button-cancel-jpn:active { background-image: url("../../img/user/event/button/reserve/btn_cancel_down_jp.png"); }
div.reserve-button-cancel-eng:active { background-image: url("../../img/user/event/button/reserve/btn_cancel_down_en.png"); }


#contactContent div.centerBlock div.contactContentWrapper {
	position: relative;
	height: 360px;
}
#contactContent div.contactContentInner {
	position: absolute;
}
#contactContentComplete div.completeMessage {
	text-align: center;
	margin-top: 20px;
}


/*
 * Social Button
 */
#aw_sbookmarks{
	float:right;
}
#aw_sbookmarks li {
	float: left;
	margin-left: 5px;
}

/*
 * Reserve Confirm
 */
div.confirmBlock {
	padding: 20px;
}
div.confirmBlock h3 {
	background-image: url('../../img/user/event/icon/marker.jpg');
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 38px;
	line-height: 38px;
	font-size: 150%;
	color: #777;
}
div.confirmBlock div.confirmEventLeft {
	float: left;
	width: 600px;
}
div.confirmBlock div.confirmEventRight {
	float: right;
	width: 300px;
}
div.confirmBlock div.confirmEventRight div.addressBlock div.mapBlock {
	width: 300px;
	height: 250px;
}
div.confirmBlock div.confirmEventContent {
	margin-top: 10px;
}
div.confirmBlock div.confirmEventContent ul li {
	border-style: dotted;
	border-width: 2px 0 0 0;
	border-color: #ccc;
	padding: 3px;
	color: #555;
}
div.confirmBlock div.confirmEventContent ul li.first {
	border-width: 0;
}
div.confirmBlock div.confirmEventContent ul li span.title {
	font-weight: bold;
	padding-right: 5px;
}
div.confirmBlock div.confirmPaymentContent {
	margin-top: 10px;
}
div.confirmBlock div.confirmPaymentContent table {
	border-collapse: collapse;
}
div.confirmBlock div.confirmPaymentContent table th,
div.confirmBlock div.confirmPaymentContent table td
{
	padding: 5px;
}
div.confirmBlock div.confirmPaymentContent table tr {
	border-style: dotted;
	border-width: 2px 0 0 0;
	border-color: #ccc;
}
div.confirmBlock div.confirmPaymentContent table tr.noborder {
	border-width: 0;
}
div.confirmBlock div.confirmPaymentContent table th {
	width: 180px;
	font-size: 120%;
}
div.confirmBlock div.confirmPaymentContent table th.count {
	width: 100px;
}
div.confirmBlock div.confirmPaymentContent table th.total {
	color: #ff0000;
}
div.confirmBlock div.confirmPaymentContent table td {
	text-align: right;
	font-size: 160%;
}
div.confirmBlock div.priceFree {
	font-size: 300%;
	font-weight: bold;
	text-align: center;
	color: #eeaaaa;
	margin-top: 20px;
}

div.confirmBlock div.buttonBlock {
	margin-top: 20px;
	padding-top: 20px;
	border-style: solid;
	border-width: 2px 0 0 0;
	border-color: #eee;
}
div.confirmBlock div.buttonBlock table {
	margin: 0 auto;
}
div.confirmBlock div.buttonBlock table td {
	width: 260px;
}
div.confirmBlock div.payButton {
	width: 226px;
	height: 37px;
}
div.confirmBlock div.payCache { background-image: url('../../img/user/event/button/confirm/btn_paythen.png'); }
div.confirmBlock div.payCache:hover { background-image: url('../../img/user/event/button/confirm/btn_paythen_over.png'); }
div.confirmBlock div.payCache:active { background-image: url('../../img/user/event/button/confirm/btn_paythen_down.png'); }
div.confirmBlock div.payBack { background-image: url('../../img/user/event/button/confirm/btn_nopay.png'); }
div.confirmBlock div.payBack:hover { background-image: url('../../img/user/event/button/confirm/btn_nopay_over.png'); }
div.confirmBlock div.payBack:active { background-image: url('../../img/user/event/button/confirm/btn_nopay_down.png'); }

/*------------------------------------------
    side owner
-------------------------------------------*/

div.sideUser {
	border: 2px solid #e0e0e0;
	background: #fafafa;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	background-color: #f1f1f1;
}
div.sideUser a {
	color:#F90;
	text-decoration: none;
}
div.sideUser .ttl {
	text-align: center;
}
div.sideUser .owner_picture {
	height: 140px;
}
div.sideUser p {
	font-size: 12px;
	line-height: 1.5em;
	margin-top: 5px;
	margin-bottom: 5px;
	margin: 0;
	padding: 7px;
	text-align: left;

	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}
div.sideUser h3{
	text-align: center;
}
div.sideUser h4 {
	font-size: 110%;
}

h5 {
	color: #5e6871;
	background-image: url(../../img/user/house/bar_info.jpg);
	background-repeat: no-repeat;
	font-size: 130%;
	margin-top: 20px;
	padding: 5px 5px 5px 10px;
}


div.sideMapBlock {
	padding: 0 5px;
}
div.sideMap {
	width: 220px;
	height: 157px;
	text-align: center;
	margin: 0 auto;
}
div.sideMapBlock div.addressBlock div.stationBlock {
	color: darkOrange;
	font-size: 90%;
}



h2.updated_sidebox_bar2 {
	width: 224px;
	height: 39px;
	font-size: 14px;
	color: #808080;
	padding: 8px 0px 0px 10px;
	background-image: url(../../img/user/sidebar/sidebox_bar.jpg);
	background-repeat: no-repeat;
	border: 0px #00f solid;
}


div.addressBlock {
	padding: 10px 5px 0 5px;
	background-color: #fff;
}

div.mapLinkBlock {
}
div.mapLinkBlock table.mapViewLink {
	margin-left: auto;
	border-collapse: collapse;
}



div.mapExplainBlock {
	padding: 20px;
}
div.mapExplainBlock div.aroundBlock div.around_title {
	font-weight: bold;
}
div.stationBlock {
	margin-top: 10px;
}
div.stationBlock div.title {
	font-weight: bold;
}