@charset "utf-8";
/* CSS Document */

div#logo {
	text-align:center;
	background-color:#4a4a48;	
}

div#mysearch, div#more {
	background:url('/jquery.mobile/images/motif_fond.jpg') repeat;
}

div#mysearch-popup {
    width: 80%;
    left: 10%;
    right: 10%
}

div.ui-header.ui-bar-inherit, div.ui-footer.ui-bar-inherit {border: none;}

div#mysearch-screen, div#more-screen { background-color: #000;}

#divmess {
	overflow-x:hidden;
	overflow-y:auto;
	height:350px
}
#divmess img {
	width:60px;
	margin-top:5px;
	margin-right:10px;
	float:left;
}
.arrow_box img, .arrow_box_d img {
	width:auto !important;
}
.arrow_box { 
	position: relative; 
	background: #edddba; 
	width:200px;
	min-height:50px;
	padding:10px;
	margin-left:70px;
	border-radius:5px;
	margin-bottom:5px;
	clear:right;
} 
.arrow_box:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #edddba; border-width: 10px; margin-top: -10px; }
.arrow_box_d { 
	float:right;
	position:relative; 
	background:#dcba74;
	width:200px;
	min-height:50px;
	padding:10px;
	margin-right:10px;
	border-radius:5px;
	margin-bottom:5px;	 
}
.arrow_box_d:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194, 225, 245, 0); border-left-color: #dcba74; border-width: 10px; margin-top: -10px; }
#divmess br {
	clear:both;
}
div#mypanel, div#mypanel li, div#mypanel a {
	background-color: #4a4a48;
	color: white;
	text-shadow: none;
	border-color: #000;
}