/* global */
body { width: 100%; padding: 15px; }
div#footer { text-align: center; margin-top: 25px; clear: both; }


/* index.php */
div#logo { max-width: 500px; width: 90%; margin: 15px auto;}
div#logo img { width: 100%; }
div#mainNavOptions { max-width: 400px; width: 80%; margin: 25px auto; }
div#welcomeMessage { margin-top: 25px; }
input#pcode { width: 100px; }



/* store-list */
div.storeButtons { display: inline; float: right; clear: none; padding-left: 10px; }
li.storeList { min-height: 75px; }
div.storeListContainer{ max-width: 600px; }




/* large-map.php */
div#mapEditorParentContainer { width: 100%; height: 100%; padding: 0; margin: 0; padding-right: 25px; min-height: 300px; min-width: 600px; }
div#mapEditorCanvasContainer { width: 100%; height: 100%; padding: 0; margin: 0; }
div#mapLegend { width: 100%; padding: 0 10px; position: relative;  }
#mapLegend span { padding-right: 20px; }



/* shopping-list.php */
div#shoppingListContainer { min-width: 350px; }
th#itemHeader{ min-width: 200px; }
span.twitter-typeahead { width: 100% ; }
div#shoppingListButtons { margin: 0 auto; width: 275px; }
div.tt-menu { background-color: white; border: 1px solid black; border-radius: 5px; min-width: 150px; padding: 5px; } /* typeahead */
div#printModalDialog, div#mistakeModalDialog { max-width: 350px; }



/* OTHER DEVICES */

@media (min-width: 768px) {
    div#mapEditorParentContainer { min-height: 600px; min-width: 800px;}
}
@media (min-width: 992px) { 
    div#mapEditorParentContainer { min-height: 768px; min-width: 1024px;}
}
@media (min-width: 1200px) { 
    div#mapEditorParentContainer { min-height: 800px; min-width: 1280px;}
}


/* PRINT STYLES */
@media print {
    div#shoppingListButtons, div#footer { display: none; }
}