/* REVISIONS AND NOTES */
/* JC Oct 17, 2012:  */
/* JC Oct 9, 2012:  Issues loading */
/* JC August 28, 2012 */
/* - Footer offset */
#concept_page2 .ui-content { margin-bottom: 80px; }

#main_window_rect {
	margin-bottom: 0;
/*	width: 320px;  */
	min-width: 200px;
	max-width: 600px;
	padding-top: 0px;
	height: 120px;
	
}
html > body #main_window_rect {
	height: auto;
	min-height: 90px;
}
 #main_window_rect p {
  border-left:1px solid #333;
  border-right:1px solid #333;
  padding:10px 15px;
  margin:0;
  background: #c2b491;
  color: #3d3d3d;
  text-shadow: 0 0px 0px #111111
 } 
/*moave  color: #61444c; */


 .top {
  height:30px;
  border: 1px solid #333;
  background: #c2b491;	
   /* -webkit for Safari and Google Chrome */
  -webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
 /* -moz for Firefox, Flock and SeaMonkey  */
  -moz-border-radius-topright:8px;
  -moz-border-radius-topleft:8px; 
 } 
 .top h3 {
  margin:0;
  line-height:30px;
  padding:0px 10px;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:15px; 		 
 }
 .bottom {
  height:10px;
  border-bottom: 1px solid #333;
  border-left:1px solid #333;
  border-right:1px solid #333;
  background: #c2b491;
   /* -webkit for Safari and Google Chrome */
  -webkit-border-bottom-left-radius:8px;
  -webkit-border-bottom-right-radius:8px;
 /* -moz for Firefox, Flock and SeaMonkey  */
  -moz-border-radius-bottomright:8px;
  -moz-border-radius-bottomleft:8px; 
 }


/* For listview template */
 
 .count {
    position: absolute;
    font-size: 11px;
    font-weight: bold;
    padding: .2em .5em;
    top: 50%;
    margin-top: -1em;
}

.ui-li-aside {
    float: right;
    width: 50%;
    text-align: right;
    margin: 1.4em 0px 0px 0px !important;
    position: absolute;
    right: 25px; 
}

.ui-li-heading, .ui-li-desc {
    width: 90%;
    text-overflow: ellipsis;
}

strong { font-style: bold; }


/* To disable truncation for list descriptions: */
.ui-li-desc {
white-space: normal;
overflow: visible !important; 
}

/* For Check-in "As" pull down menu */
#select-choice-1-button {float: left;}


/* 120825 JC:  UI tweaking */

/*  Allow listview item text wrapping (non truncated) */
.ui-li-title {text-overflow: normal (or perhaps inherit) ;overflow: visible;white-space:  pre-wrap;}
.ui-li-desc {text-overflow: normal (or perhaps inherit) ;overflow: visible;white-space:  pre-wrap;}

/*    Shrink margin/height of text input field holder    */
.ui-field-contain { margin: .2em 0; }
.ui-field-contain.ui-body.ui-br { margin: .2em 0; } /* For smaller screen exists another option to overwrite */


/*  On <450px, this changes to   */
/* ... from this:   */
/*.ui-field-contain, .ui-mobile fieldset.ui-field-contain {
border-width: 0;
padding: 0;
margin: 1em 0;
}
...TO:
.ui-field-contain, fieldset.ui-field-contain {
padding: .8em 0;
margin: 0;
border-width: 0 0 1px 0;
overflow: visible;
}
*/
/* Overwrite */
.ui-field-contain, fieldset.ui-field-contain {
padding: 0;
margin: 1em 0;
border-width: 0;
overflow: visible;
}
*/


/* ################################################## */
/*  FOOTER */
/* ################################################## */
/* FOOTER:  Don't hide lists behind footer bottom */
/* JC OLD I THINK .content-primary.ui-content .ui-content { margin-bottom: 400px; } */

/* The min-height of the data-role="page" element is set via JavaScript in a resize event 
handler for the window object. You can create your own JavaScript that resizes the page differently: */
/*  both required */
.ui-navbar .ui-mini { max-height: 45px; }
.ui-navbar, .ui-mini { max-height: 45px; }



/* <div class="ui-navbar ui-mini" */
/* 
...NONE ADJUST BOTTOM...
.ui-navbar.ui-mini { height:20%; }
.ui-navbar, .ui-mini { height:30%; }
.ui-navbar { height:40%; }
.ui-mini { margin-top: .25em; margin-bottom: .25em; }.
.ui-navbar { margin-top: .25em; margin-bottom: .25em; }.
*/
	


/* ################################################## */
/*  LISTVIEW ADJUSTMENTS                              */
/* ################################################## */
/*    Shrink size of list thumbnails [default: 80px] (framework modifies)   */

 
 .ui-li-thumb, .ui-li-icon { /* Added this, as above doesn't resize static hosted images */
    max-height: 60px; 
    max-width: 60px;
    /* JC OCT 3, 2012:  add round corners to thumbnails */
   	-moz-border-radius: 				.6em /*{global-radii-blocks}*/;
	-webkit-border-radius: 				.6em /*{global-radii-blocks}*/;
	border-radius: 						.6em /*{global-radii-blocks}*/;
}

/* Thumbnail| |Text spacing elimination */
.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit,.ui-li-static.ui-li-has-thumb{padding-left:65px !important}

.ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content {
	margin-right: 0px; /* Was 10px.  Eliminates margin but not padding */
}

/* Nope */
.ui-li-has-thumb .ui-btn-inner { /* Sept 28, 2012 - reduce padding around shrunken thumbnail */
/*    min-height: 60px; */
    padding-left: 0px; /* default was 100px i believe */
    padding-right: 0px; /* default was 100px i believe */
}




/* Main page #one customizations */
/*    Adjust size of listview height (on main)  */
#one {
    height   : 100%;
    margin     : 0;
    padding    : 0;
}
#one .ui-content, #button_listview {
    min-height : 100%;
    height     : 100%;
    margin     : 0;
    padding    : 0;
    margin-bottom: 610px; /* Don't hide listview behind footer.  600px covers bottom footer and input box */
}

#checkin_page .ui-content, #newsList { 
	height: 100%;
	margin-bottom: 80px;
} /* Adds scrollable bar. Where newsList is id of listview */

/* #login_page .ui-content, #login_page_content { height:100%; padding:15px 15px 0px 15px;!important } */
	
.ui-content { /* Blanket change to allow scroll bar on right (for firefox etc */
	height:100%;
	padding:15px 15px 0px 15px;!important
	}
	

/* padding: 1px 10px 1px 83px */
/* #button_listview .ui-li { height : 15%; } */ /* Results in vertical overflow */

/*    Reduce listview padding (may not be best solution)  */
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
    padding-top:1px;
    padding-bottom:1px;
    padding-right:10px;
    padding-left:83px;
}



/* ################################################## */
/*  CONCEPT DETAILS FORMATTING                        */
/* ################################################## */


/** JC Custom start **/
/** #concept_url_media { max-height: 100px; } **/

#concept_page2 .ui-block-b img {
    width  : 100%;
    max-width : 300px;
    height : auto;
}

/** General settings for background **/
.ui-content.ui-body-c{  
background:url(/images/bg.png);  
box-shadow: 0px 0px 30px 5px rgba(107, 105, 105, 0.3) inset,  
0px 0px 0px 1px rgba(107, 105, 105, 0.4) inset;  
}

/** restau **/
#restau_infos,
#contact_infos {
color:rgb(63, 41, 39);
font-size:16px;
}
#restau_infos h1,
#contact_infos h2,
#notation h2{
color:rgb(63, 41, 39);
font-size:20px;
margin:0 auto 5px auto;
}

#restau_infos p,
#restau_infos ul,
#contact_infos p{
margin:2px auto 5px auto;
}
#restau_infos ul{
padding:0 0 0 10px;
}
#restau_infos ul  li{
list-style-type:square;
margin-left:5px;
}

#restau_infos .ui-block-b .ui-btn {
font-size:14px;
}
#restau_infos .ui-block-b .ui-btn-inner{
padding:5px;
}

#contact_buttons a{
color:rgb(63, 41, 39);
}

.ui-icon-maps {
background: rgb(63, 41, 39) url(/images/maps.png) no-repeat;
}
.ui-icon-tel{
background: rgb(63, 41, 39) url(/images/phone.png) no-repeat;
}


#note_utilisateur-menu a{  
padding-left:100px;  
position:relative;  
}  
  
#note_utilisateur-button span.ui-btn-text{  
background:url(/images/pagination.png) no-repeat;  
}  
  
#note_utilisateur-button span.ui-btn-inner{  
padding-left:5px;  
}  
  
#note_utilisateur-menu li a:before{  
content: "  ";  
display:inline-block;  
width:115px;  
height:20px;  
background:url(/images/pagination.png) no-repeat;  
position:absolute;  
left:0px;  
}  
  
.one #note_utilisateur-button span.ui-btn-text,
#note_utilisateur-menu li a:before{
background-position: -75px -182px;
}
.two #note_utilisateur-button span.ui-btn-text,
#note_utilisateur-menu li + li a:before{
background-position: -52px -182px;
}
.three #note_utilisateur-button span.ui-btn-text,
#note_utilisateur-menu li + li +li a:before{
background-position: -27px -182px;
}
.four #note_utilisateur-button span.ui-btn-text,
#note_utilisateur-menu li + li +li +li a:before{
background-position: -2px -182px;
}