/****************** BASE SITE STYLES *****************/
*{margin:0px;padding:0px;}
body {font-family:Arial; font-size:14px; background-color:#dff1f6;}
a {text-decoration:none; color:blue;}
a:visited{color:Blue;}
h1{font-size:24px; text-transform:uppercase; font-weight:normal; color:#444444; border-bottom:solid 1px #444444; margin-bottom:10px;}
#container{width:1000px; margin:0px auto; background-image:url(images/bottom-bg.gif); background-repeat:repeat-x;}
#top{width:100%; height:263px; background-image:url(images/top-bg.gif); background-repeat:repeat-x;}
#banner{width:1000px; height:263px; background-image:url(images/header-bg.gif); background-repeat:no-repeat; margin:0 auto;}
/*---------------------------------------------------*/

/****************** MAIN CONTAINER *******************/
#main{width:100%; margin-top:10px; height:400px;}
#left-box{width:730px; float:left; margin:20px;}
#right-box{width:205px; float:right; margin-top:15px;}
#footer{clear:both; border-top:solid 1px #000; font-family:Verdana; font-size:10px;}
/*---------------------------------------------------*/

/****************** FEED ME **************************/
#feedMe{float:left; padding-bottom:25px;}
.feedMeButton{background-image:url(images/feedMe-btn.gif); width:324px; height:107px; display:block;}
/*---------------------------------------------------*/

/****************** FEED ME OPTIONS ******************/
#options{float:right; width:380px; color:#000; font-family:Verdana; font-size:15px;}
#options p{padding:4px 0px;}
/*---------------------------------------------------*/

/****************** BEEN FED *************************/
#beenFed{display:none; text-align:center; height:132px; font-size:16px; font-family:Verdana;}
#beenFed h2{margin-bottom:20px; text-transform:uppercase;}
/*---------------------------------------------------*/

/****************** FEEDING **************************/
#feeding{display:none; text-align:center; height:132px;}
#feeding h2{font-size:82px;}
/*---------------------------------------------------*/

/****************** RESULT ***************************/
#result{clear:both; height:300px; border-top:solid 5px #000; padding-top:30px; text-align:left;}
#result span.decision{color:#000; font-size:70px; margin:0 auto; font-weight:bold;}
#result span.decision a{color:#000;}
#result a.mapit{background-image:url(images/mapit-bg.gif); background-repeat:no-repeat; background-position:0px 5px; padding-left:40px; padding-top:10px; padding-bottom:10px; text-decoration:underline; color:blue; display:block;}
/*---------------------------------------------------*/

/****************** RESULT STATS *********************/
#resultStats{margin:0 auto; font-size:14px; font-family:Verdana;  color:#000; line-height:20px; margin:10px; text-align:left;}
/*---------------------------------------------------*/

/****************** STATS VIEW BOX *******************/
#statsView{width:200px;}
#statsView h2{font-family:Verdana; font-size:14px; border-bottom:solid 1px #000; padding-bottom:4px; margin-bottom:5px;}
#statsView div.stats{text-align:left; font-family:Verdana; font-size:12px; font-weight:bold;}
/*---------------------------------------------------*/

/****************** RECENTLY SERVED ******************/
#recentlyServed{width:200px; margin-top:35px;}
#recentlyServed h2{font-family:Verdana; font-size:14px; border-bottom:solid 1px #000; padding-bottom:4px; margin-bottom:5px;}
#recentlyServed ul{text-align:left; font-family:Verdana; font-size:12px; font-weight:bold; list-style-type:disc; list-style-position:inside;}
#recentlyServed li{}
/*---------------------------------------------------*/

/****************** ADD RESTAURANT *******************/
#addRestaurant{border:solid 3px green; padding:15px; background-color:#C9FFCA; width:500px;}
#addRestaurant h2{font-size:18px; border-bottom:dotted 1px gray; font-weight:normal; margin-bottom:10px;}
#addRestaurant div.fields{margin-left:40px;}
#addRestaurant span.label{display:block; padding-top:5px;}
#addRestaurant input.save{ width:70px;}
/*---------------------------------------------------*/

/******************************************************* MESSAGE BOX STYLES **************************************************************/
/****************** MESSAGE BOX CLEAN ****************/
.clean-gray{border:solid 1px #DEDEDE; background:#EFEFEF;color:#222222;padding:4px;text-align:center;}
.clean-yellow{border:solid 1px #DEDEDE; background:#FFFFCC;color:#222222;padding:4px;text-align:center;}
.clean-ok{border:solid 1px #349534; background:#C9FFCA;color:#008000;font-weight:bold;padding:4px;text-align:center;}
.clean-error{border:solid 1px #CC0000; background:#F7CBCA;color:#CC0000;font-weight:bold;padding:4px;text-align:center;}
/*---------------------------------------------------*/

/****************** MESSAGE BOX ICONS ****************/
.icon-gray{border:solid 1px #DEDEDE; background:#EFEFEF;color:#222222;padding:4px;text-align:center;}
.icon-yellow{border:solid 1px #DEDEDE; background:#FFFFCC url(images/icon-yellow.png) 8px 6px no-repeat;color:#222222;padding:4px;text-align:center;}
.icon-ok{border:solid 1px #90ac13; background:#eef4d3 url(images/icon-green.png) 8px 6px no-repeat;color:#6b800d;font-weight:bold;padding:4px;text-align:center;}
.icon-error{border:solid 1px #CC0000; background:#F7CBCA url(images/icon-red.png) 8px 6px no-repeat;color:#CC0000;font-weight:bold;padding:4px;text-align:center;}	
/*---------------------------------------------------*/

/****************** MESSAGE BOX ROUND ****************/
.round-a-gray{background:#444444 url(images/round_gray-left.png) left top no-repeat;color:#FFFFFF;text-align:center;}
.round-a-gray div{background:url(images/round_gray-right.png) right bottom no-repeat;padding:4px;}
.round-a-ok{background:#008000 url(images/round_green-left.png) left top no-repeat;color:#FFFFFF;text-align:center;}
.round-a-ok div{background:url(images/round_green-right.png) right bottom no-repeat;padding:4px;}
.round-a-error{background:#CC0000 url(images/round_red-left.png) left top no-repeat;color:#FFFFFF;text-align:center;}
.round-a-error div{background:url(images/round_red-right.png) right bottom no-repeat;padding:4px;}
/*---------------------------------------------------*/