/* CSS SocialBehavior */
/* Smartphones (portrait) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
#LoveModal .modal-content {border:0;padding:0 0 130px;background:url("/images/ui/global/LovePopupGraph.png") no-repeat scroll right bottom, url("/images/ui/global/foodWall-Day.png") repeat scroll 0 0px, rgba(0, 0, 0, 0) none repeat scroll 0 0 !important}
#LoveModal .modal-header, .modal-footer {border:0 !important;}
#ReservationModal .modal-content {border:0;padding:0 0 85px;background:#ffffff;}
#ReservationModal .modal-body #CheckPhone-popup {margin:5px 0 0;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo #SavePhoneAddress {margin:10px 0;padding:8px 0;color:#ffffff;float:right;width:50%;background:#80a939 url("/images/ui/global/DropShadow.png") repeat-x scroll center bottom;font-weight:bold;box-shadow: 0 7px 9px -6px #545454;border:3px solid #66872e;border-radius:10px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo {background-color: rgba(255, 255, 255, 0.3);border-radius:10px;float:right;margin:0 3% 0 0;padding:2%;width:50%;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo p {float:right;width:100%;margin:0 0 10px;font-size:1em;font-family:verdana;font-weight:bold;text-transform:uppercase;line-height:18px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo label {margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo input {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:6px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo textarea {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:8px;}
#ReservationModal .modal-footer {border:0 !important;}
.Socialite {margin:3px auto;height:30px;width:180px;}
.Socialite a {width:30px;margin:0;cursor:pointer;}
.Socialite a img {float:left;margin:0;width:30px;height:30px;border:0;border-radius:0;}

#Love-Action {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:#ff0000;border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action:hover {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:rgb(142, 40, 0);border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action img {float:left;margin:0;}
.Love-Counter {float:right;margin:0;width:auto;padding:0;text-align:center;}
.Love-Counter span       {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #3d57a3;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#5670bc;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
.Love-Counter span:hover {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #66872e;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#37519d;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Counter-popup {margin:auto;padding:0;width:100%;}
.Lover {margin:auto auto 1px;padding:5px 2%;width:100%;background-color:rgba(255, 255, 255, 0.4);}
.LoverProfile {background-color:#ffffff;border:7px double #d7d7fe;border-radius:120px;float:left;height:75px;width:75px;}
.LoverInfo {float:left;margin:25px 0 0 2%;width:60%;}
.LoverInfo span {width:100%;float:left;text-align:center;padding:0;}
.LoverInfo-Counter {float:left;width:10%;margin:12px auto auto;text-align:center;}
.LoverInfo-Counter p {width:100%;margin:3px auto auto;}
.LoverInfo-Counter img {margin:3px auto auto;}
.LoveCloud{margin:0;font-size:2em;float:left;color:#545454;text-shadow:1px 1px 1px #ffffff, 2px 2px 1px #cccccc, 3px 3px 1px #b7b7b7;width:178px;height:190px;padding:90px 0 0 9%;background:url("/images/ui/global/LovePopupCloudGraph.png") center 40px no-repeat;}
#Provider-Advice {margin:auto;background-color:#ffffff;border:1px solid #cccccc;width:99%;padding:0 0 10px;}
#Provider-Advice p {float:none;font-family:"Fauna One",serif;font-size:1.6em;margin:30px auto;padding:0 2%;text-align:center;width:50%;}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-device-width : 480px) and (max-device-width : 320px) {
/* Styles */
#LoveModal .modal-content {border:0;padding:0 0 130px;background:url("/images/ui/global/LovePopupGraph.png") no-repeat scroll right bottom, url("/images/ui/global/foodWall-Day.png") repeat scroll 0 0px, rgba(0, 0, 0, 0) none repeat scroll 0 0 !important}
#LoveModal .modal-header, .modal-footer {border:0 !important;}
#ReservationModal .modal-content {border:0;padding:0 0 85px;background:#ffffff;}
#ReservationModal .modal-body #CheckPhone-popup {margin:5px 0 0;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo #SavePhoneAddress {margin:10px 0;padding:8px 0;color:#ffffff;float:right;width:50%;background:#80a939 url("/images/ui/global/DropShadow.png") repeat-x scroll center bottom;font-weight:bold;box-shadow: 0 7px 9px -6px #545454;border:3px solid #66872e;border-radius:10px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo {background-color: rgba(255, 255, 255, 0.3);border-radius:10px;float:right;margin:0 3% 0 0;padding:2%;width:50%;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo p {float:right;width:100%;margin:0 0 10px;font-size:1em;font-family:verdana;font-weight:bold;text-transform:uppercase;line-height:18px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo label {margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo input {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:6px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo textarea {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:8px;}
#ReservationModal .modal-footer {border:0 !important;}
.Socialite {margin:3px auto;height:30px;width:180px;}
.Socialite a {width:30px;margin:0;cursor:pointer;}
.Socialite a img {float:left;margin:0;width:30px;height:30px;border:0;border-radius:0;}


#Love-Action {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:#ff0000;border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action:hover {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:rgb(142, 40, 0);border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action img {float:left;margin:0;}
.Love-Counter {float:right;margin:0;width:auto;padding:0;text-align:center;}
.Love-Counter span       {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #3d57a3;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#5670bc;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
.Love-Counter span:hover {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #66872e;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#37519d;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Counter-popup {margin:auto;padding:0;width:100%;}
.Lover {margin:auto auto 1px;padding:5px 2%;width:100%;background-color:rgba(255, 255, 255, 0.4);}
.LoverProfile {background-color:#ffffff;border:7px double #d7d7fe;border-radius:120px;float:left;height:75px;width:75px;}
.LoverInfo {float:left;margin:25px 0 0 2%;width:60%;}
.LoverInfo span {width:100%;float:left;text-align:center;padding:0;}
.LoverInfo-Counter {float:left;width:10%;margin:12px auto auto;text-align:center;}
.LoverInfo-Counter p {width:100%;margin:3px auto auto;}
.LoverInfo-Counter img {margin:3px auto auto;}
.LoveCloud{margin:0;font-size:2em;float:left;color:#545454;text-shadow:1px 1px 1px #ffffff, 2px 2px 1px #cccccc, 3px 3px 1px #b7b7b7;width:178px;height:190px;padding:90px 0 0 9%;background:url("/images/ui/global/LovePopupCloudGraph.png") center 40px no-repeat;}
}

/* Smartphones (portrait) ----------- */
@media only screen and (min-device-width : 360px) and (max-device-width : 640px) {
/* Styles */
#LoveModal .modal-content {border:0;padding:0 0 130px;background:url("/images/ui/global/LovePopupGraph.png") no-repeat scroll right bottom, url("/images/ui/global/foodWall-Day.png") repeat scroll 0 0px, rgba(0, 0, 0, 0) none repeat scroll 0 0 !important}
#LoveModal .modal-header, .modal-footer {border:0 !important;}
#ReservationModal .modal-content {border:0;padding:0 0 85px;background:#ffffff;}
#ReservationModal .modal-body #CheckPhone-popup {margin:5px 0 0;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo #SavePhoneAddress {margin:10px 0;padding:8px 0;color:#ffffff;float:right;width:50%;background:#80a939 url("/images/ui/global/DropShadow.png") repeat-x scroll center bottom;font-weight:bold;box-shadow: 0 7px 9px -6px #545454;border:3px solid #66872e;border-radius:10px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo {background-color: rgba(255, 255, 255, 0.3);border-radius:10px;float:right;margin:0 3% 0 0;padding:2%;width:50%;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo p {float:right;width:100%;margin:0 0 10px;font-size:1em;font-family:verdana;font-weight:bold;text-transform:uppercase;line-height:18px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo label {margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo input {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:6px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo textarea {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:8px;}
#ReservationModal .modal-footer {border:0 !important;}
.Socialite {margin:3px auto;height:30px;width:180px;}
.Socialite a {width:30px;margin:0;cursor:pointer;}
.Socialite a img {float:left;margin:0;width:30px;height:30px;border:0;border-radius:0;}


#Love-Action {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:#ff0000;border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action:hover {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:rgb(142, 40, 0);border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action img {float:left;margin:0;}
.Love-Counter {float:right;margin:0;width:auto;padding:0;text-align:center;}
.Love-Counter span       {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #3d57a3;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#5670bc;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
.Love-Counter span:hover {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #66872e;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#37519d;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Counter-popup {margin:auto;padding:0;width:100%;}
.Lover {margin:auto auto 1px;padding:5px 2%;width:100%;background-color:rgba(255, 255, 255, 0.4);}
.LoverProfile {background-color:#ffffff;border:7px double #d7d7fe;border-radius:120px;float:left;height:75px;width:75px;}
.LoverInfo {float:left;margin:25px 0 0 2%;width:60%;}
.LoverInfo span {width:100%;float:left;text-align:center;padding:0;}
.LoverInfo-Counter {float:left;width:10%;margin:12px auto auto;text-align:center;}
.LoverInfo-Counter p {width:100%;margin:3px auto auto;}
.LoverInfo-Counter img {margin:3px auto auto;}
.LoveCloud{margin:0;font-size:2em;float:left;color:#545454;text-shadow:1px 1px 1px #ffffff, 2px 2px 1px #cccccc, 3px 3px 1px #b7b7b7;width:178px;height:190px;padding:90px 0 0 9%;background:url("/images/ui/global/LovePopupCloudGraph.png") center 40px no-repeat;}
}

/* Smartphones (Landscape) ----------- */
@media only screen and (min-device-width : 640px) and (max-device-width : 360px) {
/* Styles */
#LoveModal .modal-content {border:0;padding:0 0 130px;background:url("/images/ui/global/LovePopupGraph.png") no-repeat scroll right bottom, url("/images/ui/global/foodWall-Day.png") repeat scroll 0 0px, rgba(0, 0, 0, 0) none repeat scroll 0 0 !important}
#LoveModal .modal-header, .modal-footer {border:0 !important;}
#ReservationModal .modal-content {border:0;padding:0 0 85px;background:#ffffff;}
#ReservationModal .modal-body #CheckPhone-popup {margin:5px 0 0;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo #SavePhoneAddress {margin:10px 0;padding:8px 0;color:#ffffff;float:right;width:50%;background:#80a939 url("/images/ui/global/DropShadow.png") repeat-x scroll center bottom;font-weight:bold;box-shadow: 0 7px 9px -6px #545454;border:3px solid #66872e;border-radius:10px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo {background-color: rgba(255, 255, 255, 0.3);border-radius:10px;float:right;margin:0 3% 0 0;padding:2%;width:50%;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo p {float:right;width:100%;margin:0 0 10px;font-size:1em;font-family:verdana;font-weight:bold;text-transform:uppercase;line-height:18px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo label {margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo input {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:6px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo textarea {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:8px;}
#ReservationModal .modal-footer {border:0 !important;}
.Socialite {margin:3px auto;height:30px;width:180px;}
.Socialite a {width:30px;margin:0;cursor:pointer;}
.Socialite a img {float:left;margin:0;width:30px;height:30px;border:0;border-radius:0;}


#Love-Action {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:#ff0000;border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action:hover {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:rgb(142, 40, 0);border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action img {float:left;margin:0;}
.Love-Counter {float:right;margin:0;width:auto;padding:0;text-align:center;}
.Love-Counter span       {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #3d57a3;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#5670bc;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
.Love-Counter span:hover {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #66872e;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#37519d;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Counter-popup {margin:auto;padding:0;width:100%;}
.Lover {margin:auto auto 1px;padding:5px 2%;width:100%;background-color:rgba(255, 255, 255, 0.4);}
.LoverProfile {background-color:#ffffff;border:7px double #d7d7fe;border-radius:120px;float:left;height:75px;width:75px;}
.LoverInfo {float:left;margin:25px 0 0 2%;width:60%;}
.LoverInfo span {width:100%;float:left;text-align:center;padding:0;}
.LoverInfo-Counter {float:left;width:10%;margin:12px auto auto;text-align:center;}
.LoverInfo-Counter p {width:100%;margin:3px auto auto;}
.LoverInfo-Counter img {margin:3px auto auto;}
.LoveCloud{margin:0;font-size:2em;float:left;color:#545454;text-shadow:1px 1px 1px #ffffff, 2px 2px 1px #cccccc, 3px 3px 1px #b7b7b7;width:178px;height:190px;padding:90px 0 0 9%;background:url("/images/ui/global/LovePopupCloudGraph.png") center 40px no-repeat;}
}

/* Smartphones (Fix) ----------- */
@media only screen and (min-device-width : 641px) and (max-device-width :767px) {
/* Styles */
#LoveModal .modal-content {border:0;padding:0 0 130px;background:url("/images/ui/global/LovePopupGraph.png") no-repeat scroll right bottom, url("/images/ui/global/foodWall-Day.png") repeat scroll 0 0px, rgba(0, 0, 0, 0) none repeat scroll 0 0 !important}
#LoveModal .modal-header, .modal-footer {border:0 !important;}
#ReservationModal .modal-content {border:0;padding:0 0 85px;background:#ffffff;}
#ReservationModal .modal-body #CheckPhone-popup {margin:5px 0 0;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo #SavePhoneAddress {margin:10px 0;padding:8px 0;color:#ffffff;float:right;width:50%;background:#80a939 url("/images/ui/global/DropShadow.png") repeat-x scroll center bottom;font-weight:bold;box-shadow: 0 7px 9px -6px #545454;border:3px solid #66872e;border-radius:10px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo {background-color: rgba(255, 255, 255, 0.3);border-radius:10px;float:right;margin:0 3% 0 0;padding:2%;width:50%;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo p {float:right;width:100%;margin:0 0 10px;font-size:1em;font-family:verdana;font-weight:bold;text-transform:uppercase;line-height:18px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo label {margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo input {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:6px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo textarea {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:8px;}
#ReservationModal .modal-footer {border:0 !important;}
.Socialite {margin:3px auto;height:30px;width:180px;}
.Socialite a {width:30px;margin:0;cursor:pointer;}
.Socialite a img {float:left;margin:0;width:30px;height:30px;border:0;border-radius:0;}


#Love-Action {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:#ff0000;border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action:hover {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:rgb(142, 40, 0);border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action img {float:left;margin:0;}
.Love-Counter {float:right;margin:0;width:auto;padding:0;text-align:center;}
.Love-Counter span       {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #3d57a3;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#5670bc;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
.Love-Counter span:hover {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #66872e;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#37519d;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Counter-popup {margin:auto;padding:0;width:100%;}
.Lover {margin:auto auto 1px;padding:5px 2%;width:100%;background-color:rgba(255, 255, 255, 0.4);}
.LoverProfile {background-color:#ffffff;border:7px double #d7d7fe;border-radius:120px;float:left;height:75px;width:75px;}
.LoverInfo {float:left;margin:25px 0 0 2%;width:60%;}
.LoverInfo span {width:100%;float:left;text-align:center;padding:0;}
.LoverInfo-Counter {float:left;width:10%;margin:12px auto auto;text-align:center;}
.LoverInfo-Counter p {width:100%;margin:3px auto auto;}
.LoverInfo-Counter img {margin:3px auto auto;}
.LoveCloud{margin:0;font-size:2em;float:left;color:#545454;text-shadow:1px 1px 1px #ffffff, 2px 2px 1px #cccccc, 3px 3px 1px #b7b7b7;width:178px;height:190px;padding:90px 0 0 9%;background:url("/images/ui/global/LovePopupCloudGraph.png") center 40px no-repeat;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
#LoveModal .modal-content {border:0;padding:0 0 130px;background:url("/images/ui/global/LovePopupGraph.png") no-repeat scroll right bottom, url("/images/ui/global/foodWall-Day.png") repeat scroll 0 0px, rgba(0, 0, 0, 0) none repeat scroll 0 0 !important}
#LoveModal .modal-header, .modal-footer {border:0 !important;}
#ReservationModal .modal-content {border:0;padding:0 0 85px;background:#ffffff;}
#ReservationModal .modal-body #CheckPhone-popup {margin:5px 0 0;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo #SavePhoneAddress {margin:10px 0;padding:8px 0;color:#ffffff;float:right;width:50%;background:#80a939 url("/images/ui/global/DropShadow.png") repeat-x scroll center bottom;font-weight:bold;box-shadow: 0 7px 9px -6px #545454;border:3px solid #66872e;border-radius:10px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo {background-color: rgba(255, 255, 255, 0.3);border-radius:10px;float:right;margin:0 3% 0 0;padding:2%;width:50%;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo p {float:right;width:100%;margin:0 0 10px;font-size:1em;font-family:verdana;font-weight:bold;text-transform:uppercase;line-height:18px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo label {margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo input {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:6px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo textarea {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:8px;}
#ReservationModal .modal-footer {border:0 !important;}
.Socialite {margin:3px auto;height:30px;width:180px;}
.Socialite a {width:30px;margin:0;cursor:pointer;}
.Socialite a img {float:left;margin:0;width:30px;height:30px;border:0;border-radius:0;}


#Love-Action {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:#ff0000;border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action:hover {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:rgb(142, 40, 0);border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action img {float:left;margin:0;}
.Love-Counter {float:right;margin:0;width:auto;padding:0;text-align:center;}
.Love-Counter span       {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #3d57a3;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#5670bc;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
.Love-Counter span:hover {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #66872e;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#37519d;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Counter-popup {margin:auto;padding:0;width:100%;}
.Lover {margin:auto auto 1px;padding:5px 2%;width:100%;background-color:rgba(255, 255, 255, 0.4);}
.LoverProfile {background-color:#ffffff;border:7px double #d7d7fe;border-radius:120px;float:left;height:75px;width:75px;}
.LoverInfo {float:left;margin:25px 0 0 2%;width:60%;}
.LoverInfo span {width:100%;float:left;text-align:center;padding:0;}
.LoverInfo-Counter {float:left;width:10%;margin:12px auto auto;text-align:center;}
.LoverInfo-Counter p {width:100%;margin:3px auto auto;}
.LoverInfo-Counter img {margin:3px auto auto;}
.LoveCloud{margin:0 20% 0 0;font-size:2em;float:right;color:#545454;text-shadow:1px 1px 1px #ffffff, 2px 2px 1px #cccccc, 3px 3px 1px #b7b7b7;width:230px;height:190px;padding:75px 0 0 8.9%;background:url("/images/ui/global/LovePopupCloudGraph.png") center center no-repeat;}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
#LoveModal .modal-content {border:0;padding:0 0 130px;background:url("/images/ui/global/LovePopupGraph.png") no-repeat scroll right bottom, url("/images/ui/global/foodWall-Day.png") repeat scroll 0 0px, rgba(0, 0, 0, 0) none repeat scroll 0 0 !important}
#LoveModal .modal-header, .modal-footer {border:0 !important;}
#ReservationModal .modal-content {border:0;padding:0 0 85px;background:#ffffff;}
#ReservationModal .modal-body #CheckPhone-popup {margin:5px 0 0;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo #SavePhoneAddress {margin:10px 0;padding:8px 0;color:#ffffff;float:right;width:50%;background:#80a939 url("/images/ui/global/DropShadow.png") repeat-x scroll center bottom;font-weight:bold;box-shadow: 0 7px 9px -6px #545454;border:3px solid #66872e;border-radius:10px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo {background-color: rgba(255, 255, 255, 0.3);border-radius:10px;float:right;margin:0 3% 0 0;padding:2%;width:50%;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo p {float:right;width:100%;margin:0 0 10px;font-size:1em;font-family:verdana;font-weight:bold;text-transform:uppercase;line-height:18px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo label {margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo input {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:6px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo textarea {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:8px;}
#ReservationModal .modal-footer {border:0 !important;}
.Socialite {margin:3px auto;height:30px;width:180px;}
.Socialite a {width:30px;margin:0;cursor:pointer;}
.Socialite a img {float:left;margin:0;width:30px;height:30px;border:0;border-radius:0;}


#Love-Action {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:#ff0000;border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action:hover {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:rgb(142, 40, 0);border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action img {float:left;margin:0;}
.Love-Counter {float:right;margin:0;width:auto;padding:0;text-align:center;}
.Love-Counter span       {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #3d57a3;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#5670bc;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
.Love-Counter span:hover {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #66872e;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#37519d;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Counter-popup {margin:auto;padding:0;width:100%;}
.Lover {margin:auto auto 1px;padding:5px 2%;width:100%;background-color:rgba(255, 255, 255, 0.4);}
.LoverProfile {background-color:#ffffff;border:7px double #d7d7fe;border-radius:120px;float:left;height:75px;width:75px;}
.LoverInfo {float:left;margin:25px 0 0 2%;width:60%;}
.LoverInfo span {width:100%;float:left;text-align:center;padding:0;}
.LoverInfo-Counter {float:left;width:10%;margin:12px auto auto;text-align:center;}
.LoverInfo-Counter p {width:100%;margin:3px auto auto;}
.LoverInfo-Counter img {margin:3px auto auto;}
.LoveCloud{margin:0 20% 0 0;font-size:2em;float:right;color:#545454;text-shadow:1px 1px 1px #ffffff, 2px 2px 1px #cccccc, 3px 3px 1px #b7b7b7;width:230px;height:190px;padding:75px 0 0 8.9%;background:url("/images/ui/global/LovePopupCloudGraph.png") center center no-repeat;}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
#LoveModal .modal-content {border:0;padding:0 0 130px;background:url("/images/ui/global/LovePopupGraph.png") no-repeat scroll right bottom, url("/images/ui/global/foodWall-Day.png") repeat scroll 0 0px, rgba(0, 0, 0, 0) none repeat scroll 0 0 !important}
#LoveModal .modal-header, .modal-footer {border:0 !important;}
#ReservationModal .modal-content {border:0;padding:0 0 85px;background:#ffffff;}
#ReservationModal .modal-body #CheckPhone-popup {margin:5px 0 0;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo #SavePhoneAddress {margin:10px 0;padding:8px 0;color:#ffffff;float:right;width:50%;background:#80a939 url("/images/ui/global/DropShadow.png") repeat-x scroll center bottom;font-weight:bold;box-shadow: 0 7px 9px -6px #545454;border:3px solid #66872e;border-radius:10px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo {background-color: rgba(255, 255, 255, 0.3);border-radius:10px;float:right;margin:0 3% 0 0;padding:2%;width:50%;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo p {float:right;width:100%;margin:0 0 10px;font-size:1em;font-family:verdana;font-weight:bold;text-transform:uppercase;line-height:18px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo label {margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo input {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:6px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo textarea {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:8px;}
#ReservationModal .modal-footer {border:0 !important;}
.Socialite {margin:3px auto;height:30px;width:180px;}
.Socialite a {width:30px;margin:0;cursor:pointer;}
.Socialite a img {float:left;margin:0;width:30px;height:30px;border:0;border-radius:0;}


#Love-Action {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:#ff0000;border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action:hover {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:rgb(142, 40, 0);border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action img {float:left;margin:0;}
.Love-Counter {float:right;margin:0;width:auto;padding:0;text-align:center;}
.Love-Counter span       {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #3d57a3;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#5670bc;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
.Love-Counter span:hover {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #66872e;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#37519d;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Counter-popup {margin:auto;padding:0;width:100%;}
.Lover {margin:auto auto 1px;padding:5px 2%;width:100%;background-color:rgba(255, 255, 255, 0.4);}
.LoverProfile {background-color:#ffffff;border:7px double #d7d7fe;border-radius:120px;float:left;height:75px;width:75px;}
.LoverInfo {float:left;margin:25px 0 0 2%;width:60%;}
.LoverInfo span {width:100%;float:left;text-align:center;padding:0;}
.LoverInfo-Counter {float:left;width:10%;margin:12px auto auto;text-align:center;}
.LoverInfo-Counter p {width:100%;margin:3px auto auto;}
.LoverInfo-Counter img {margin:3px auto auto;}
.LoveCloud{margin:0 20% 0 0;font-size:2em;float:right;color:#545454;text-shadow:1px 1px 1px #ffffff, 2px 2px 1px #cccccc, 3px 3px 1px #b7b7b7;width:230px;height:190px;padding:75px 0 0 8.9%;background:url("/images/ui/global/LovePopupCloudGraph.png") center center no-repeat;}
}

/* OLDER - Desktops and laptops ----------- */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1223px) {
/* Styles */
#LoveModal .modal-content {border:0;padding:0 0 130px;background:url("/images/ui/global/LovePopupGraph.png") no-repeat scroll right bottom, url("/images/ui/global/foodWall-Day.png") repeat scroll 0 0px, rgba(0, 0, 0, 0) none repeat scroll 0 0 !important}
#LoveModal .modal-header, .modal-footer {border:0 !important;}
#ReservationModal .modal-content {border:0;padding:0 0 85px;background:#ffffff;}
#ReservationModal .modal-body #CheckPhone-popup {margin:5px 0 0;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo #SavePhoneAddress {margin:10px 0;padding:8px 0;color:#ffffff;float:right;width:50%;background:#80a939 url("/images/ui/global/DropShadow.png") repeat-x scroll center bottom;font-weight:bold;box-shadow: 0 7px 9px -6px #545454;border:3px solid #66872e;border-radius:10px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo {background-color: rgba(255, 255, 255, 0.3);border-radius:10px;float:right;margin:0 3% 0 0;padding:2%;width:50%;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo p {float:right;width:100%;margin:0 0 10px;font-size:1em;font-family:verdana;font-weight:bold;text-transform:uppercase;line-height:18px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo label {margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo input {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:6px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo textarea {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:8px;}
#ReservationModal .modal-footer {border:0 !important;}
.Socialite {margin:3px auto;height:30px;width:180px;}
.Socialite a {width:30px;margin:0;cursor:pointer;}
.Socialite a img {float:left;margin:0;width:30px;height:30px;border:0;border-radius:0;}


#Love-Action {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:#ff0000;border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action:hover {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:rgb(142, 40, 0);border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action img {float:left;margin:0;}
.Love-Counter {float:right;margin:0;width:auto;padding:0;text-align:center;}
.Love-Counter span       {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #3d57a3;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#5670bc;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
.Love-Counter span:hover {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #66872e;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#37519d;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Counter-popup {margin:auto;padding:0;width:100%;}
.Lover {margin:auto auto 1px;padding:5px 2%;width:100%;background-color:rgba(255, 255, 255, 0.4);}
.LoverProfile {background-color:#ffffff;border:7px double #d7d7fe;border-radius:120px;float:left;height:75px;width:75px;}
.LoverInfo {float:left;margin:25px 0 0 2%;width:60%;}
.LoverInfo span {width:100%;float:left;text-align:center;padding:0;}
.LoverInfo-Counter {float:left;width:10%;margin:12px auto auto;text-align:center;}
.LoverInfo-Counter p {width:100%;margin:3px auto auto;}
.LoverInfo-Counter img {margin:3px auto auto;}
.LoveCloud{margin:0 20% 0 0;font-size:2em;float:right;color:#545454;text-shadow:1px 1px 1px #ffffff, 2px 2px 1px #cccccc, 3px 3px 1px #b7b7b7;width:230px;height:190px;padding:75px 0 0 8.9%;background:url("/images/ui/global/LovePopupCloudGraph.png") center center no-repeat;}
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */
#LoveModal .modal-content {border:0;padding:0 0 130px;background:url("/images/ui/global/LovePopupGraph.png") no-repeat scroll right bottom, url("/images/ui/global/foodWall-Day.png") repeat scroll 0 0px, rgba(0, 0, 0, 0) none repeat scroll 0 0 !important}
#LoveModal .modal-header, .modal-footer {border:0 !important;}
#ReservationModal .modal-content {border:0;padding:0 0 85px;background:#ffffff;}
#ReservationModal .modal-body #CheckPhone-popup {margin:5px 0 0;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo #SavePhoneAddress {margin:10px 0;padding:8px 0;color:#ffffff;float:right;width:50%;background:#80a939 url("/images/ui/global/DropShadow.png") repeat-x scroll center bottom;font-weight:bold;box-shadow: 0 7px 9px -6px #545454;border:3px solid #66872e;border-radius:10px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo {background-color: rgba(255, 255, 255, 0.3);border-radius:10px;float:right;margin:0 3% 0 0;padding:2%;width:50%;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo p {float:right;width:100%;margin:0 0 10px;font-size:1em;font-family:verdana;font-weight:bold;text-transform:uppercase;line-height:18px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo label {margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo input {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:6px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo textarea {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:8px;}
#ReservationModal .modal-footer {border:0 !important;}
.Socialite {margin:3px auto;height:30px;width:180px;}
.Socialite a {width:30px;margin:0;cursor:pointer;}
.Socialite a img {float:left;margin:0;width:30px;height:30px;border:0;border-radius:0;}


#Love-Action {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:#ff0000;border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action:hover {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:rgb(142, 40, 0);border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action img {float:left;margin:0;}
.Love-Counter {float:right;margin:0;width:auto;padding:0;text-align:center;}
.Love-Counter span       {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #3d57a3;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#5670bc;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
.Love-Counter span:hover {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #66872e;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#37519d;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Counter-popup {margin:auto;padding:0;width:100%;}
.Lover {margin:auto auto 1px;padding:5px 2%;width:100%;background-color:rgba(255, 255, 255, 0.4);}
.LoverProfile {background-color:#ffffff;border:7px double #d7d7fe;border-radius:120px;float:left;height:75px;width:75px;}
.LoverInfo {float:left;margin:25px 0 0 2%;width:60%;}
.LoverInfo span {width:100%;float:left;text-align:center;padding:0;}
.LoverInfo-Counter {float:left;width:10%;margin:12px auto auto;text-align:center;}
.LoverInfo-Counter p {width:100%;margin:3px auto auto;}
.LoverInfo-Counter img {margin:3px auto auto;}
.LoveCloud{margin:0 20% 0 0;font-size:2em;float:right;color:#545454;text-shadow:1px 1px 1px #ffffff, 2px 2px 1px #cccccc, 3px 3px 1px #b7b7b7;width:230px;height:190px;padding:75px 0 0 8.9%;background:url("/images/ui/global/LovePopupCloudGraph.png") center center no-repeat;}
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */
#LoveModal .modal-content {border:0;padding:0 0 130px;background:url("/images/ui/global/LovePopupGraph.png") no-repeat scroll right bottom, url("/images/ui/global/foodWall-Day.png") repeat scroll 0 0px, rgba(0, 0, 0, 0) none repeat scroll 0 0 !important}
#LoveModal .modal-header, .modal-footer {border:0 !important;}
#ReservationModal .modal-content {border:0;padding:0 0 85px;background:#ffffff;}
#ReservationModal .modal-body #CheckPhone-popup {margin:5px 0 0;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo #SavePhoneAddress {margin:10px 0;padding:8px 0;color:#ffffff;float:right;width:50%;background:#80a939 url("/images/ui/global/DropShadow.png") repeat-x scroll center bottom;font-weight:bold;box-shadow: 0 7px 9px -6px #545454;border:3px solid #66872e;border-radius:10px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo {background-color: rgba(255, 255, 255, 0.3);border-radius:10px;float:right;margin:0 3% 0 0;padding:2%;width:50%;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo p {float:right;width:100%;margin:0 0 10px;font-size:1em;font-family:verdana;font-weight:bold;text-transform:uppercase;line-height:18px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo label {margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo input {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:6px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo textarea {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:8px;}
#ReservationModal .modal-footer {border:0 !important;}
.Socialite {margin:3px auto;height:30px;width:180px;}
.Socialite a {width:30px;margin:0;cursor:pointer;}
.Socialite a img {float:left;margin:0;width:30px;height:30px;border:0;border-radius:0;}


#Love-Action {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:#ff0000;border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action:hover {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:rgb(142, 40, 0);border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action img {float:left;margin:0;}
.Love-Counter {float:right;margin:0;width:auto;padding:0;text-align:center;}
.Love-Counter span       {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #3d57a3;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#5670bc;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
.Love-Counter span:hover {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #66872e;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#37519d;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Counter-popup {margin:auto;padding:0;width:100%;}
.Lover {margin:auto auto 1px;padding:5px 2%;width:100%;background-color:rgba(255, 255, 255, 0.4);}
.LoverProfile {background-color:#ffffff;border:7px double #d7d7fe;border-radius:120px;float:left;height:75px;width:75px;}
.LoverInfo {float:left;margin:25px 0 0 2%;width:60%;}
.LoverInfo span {width:100%;float:left;text-align:center;padding:0;}
.LoverInfo-Counter {float:left;width:10%;margin:12px auto auto;text-align:center;}
.LoverInfo-Counter p {width:100%;margin:3px auto auto;}
.LoverInfo-Counter img {margin:3px auto auto;}
.LoveCloud{margin:0 20% 0 0;font-size:2em;float:right;color:#545454;text-shadow:1px 1px 1px #ffffff, 2px 2px 1px #cccccc, 3px 3px 1px #b7b7b7;width:230px;height:190px;padding:75px 0 0 8.9%;background:url("/images/ui/global/LovePopupCloudGraph.png") center center no-repeat;}
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
#LoveModal .modal-content {border:0;padding:0 0 130px;background:url("/images/ui/global/LovePopupGraph.png") no-repeat scroll right bottom, url("/images/ui/global/foodWall-Day.png") repeat scroll 0 0px, rgba(0, 0, 0, 0) none repeat scroll 0 0 !important}
#LoveModal .modal-header, .modal-footer {border:0 !important;}
#ReservationModal .modal-content {border:0;padding:0 0 85px;background:#ffffff;}
#ReservationModal .modal-body #CheckPhone-popup {margin:5px 0 0;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo #SavePhoneAddress {margin:10px 0;padding:8px 0;color:#ffffff;float:right;width:50%;background:#80a939 url("/images/ui/global/DropShadow.png") repeat-x scroll center bottom;font-weight:bold;box-shadow: 0 7px 9px -6px #545454;border:3px solid #66872e;border-radius:10px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo {background-color: rgba(255, 255, 255, 0.3);border-radius:10px;float:right;margin:0 3% 0 0;padding:2%;width:50%;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo p {float:right;width:100%;margin:0 0 10px;font-size:1em;font-family:verdana;font-weight:bold;text-transform:uppercase;line-height:18px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo label {margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo input {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:6px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo textarea {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:8px;}
#ReservationModal .modal-footer {border:0 !important;}
.Socialite {margin:3px auto;height:30px;width:180px;}
.Socialite a {width:30px;margin:0;cursor:pointer;}
.Socialite a img {float:left;margin:0;width:30px;height:30px;border:0;border-radius:0;}


#Love-Action {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:#ff0000;border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action:hover {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:rgb(142, 40, 0);border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action img {float:left;margin:0;}
.Love-Counter {float:right;margin:0;width:auto;padding:0;text-align:center;}
.Love-Counter span       {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #3d57a3;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#5670bc;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
.Love-Counter span:hover {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #66872e;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#37519d;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Counter-popup {margin:auto;padding:0;width:100%;}
.Lover {margin:auto auto 1px;padding:5px 2%;width:100%;background-color:rgba(255, 255, 255, 0.4);}
.LoverProfile {background-color:#ffffff;border:7px double #d7d7fe;border-radius:120px;float:left;height:75px;width:75px;}
.LoverInfo {float:left;margin:25px 0 0 2%;width:60%;}
.LoverInfo span {width:100%;float:left;text-align:center;padding:0;}
.LoverInfo-Counter {float:left;width:10%;margin:12px auto auto;text-align:center;}
.LoverInfo-Counter p {width:100%;margin:3px auto auto;}
.LoverInfo-Counter img {margin:3px auto auto;}
.LoveCloud{margin:0;font-size:2em;float:left;color:#545454;text-shadow:1px 1px 1px #ffffff, 2px 2px 1px #cccccc, 3px 3px 1px #b7b7b7;width:178px;height:190px;padding:90px 0 0 9%;background:url("/images/ui/global/LovePopupCloudGraph.png") center 40px no-repeat;}
}

/*iPhone 5 & 5S in portrait & landscape*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
/* STYLES GO HERE */
#LoveModal .modal-content {border:0;padding:0 0 130px;background:url("/images/ui/global/LovePopupGraph.png") no-repeat scroll right bottom, url("/images/ui/global/foodWall-Day.png") repeat scroll 0 0px, rgba(0, 0, 0, 0) none repeat scroll 0 0 !important}
#LoveModal .modal-header, .modal-footer {border:0 !important;}
#ReservationModal .modal-content {border:0;padding:0 0 85px;background:#ffffff;}
#ReservationModal .modal-body #CheckPhone-popup {margin:5px 0 0;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo #SavePhoneAddress {margin:10px 0;padding:8px 0;color:#ffffff;float:right;width:50%;background:#80a939 url("/images/ui/global/DropShadow.png") repeat-x scroll center bottom;font-weight:bold;box-shadow: 0 7px 9px -6px #545454;border:3px solid #66872e;border-radius:10px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo {background-color: rgba(255, 255, 255, 0.3);border-radius:10px;float:right;margin:0 3% 0 0;padding:2%;width:50%;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo p {float:right;width:100%;margin:0 0 10px;font-size:1em;font-family:verdana;font-weight:bold;text-transform:uppercase;line-height:18px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo label {margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo input {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:6px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo textarea {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:8px;}
#ReservationModal .modal-footer {border:0 !important;}
.Socialite {margin:3px auto;height:30px;width:180px;}
.Socialite a {width:30px;margin:0;cursor:pointer;}
.Socialite a img {float:left;margin:0;width:30px;height:30px;border:0;border-radius:0;}


#Love-Action {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:#ff0000;border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action:hover {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:rgb(142, 40, 0);border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action img {float:left;margin:0;}
.Love-Counter {float:right;margin:0;width:auto;padding:0;text-align:center;}
.Love-Counter span       {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #3d57a3;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#5670bc;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
.Love-Counter span:hover {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #66872e;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#37519d;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Counter-popup {margin:auto;padding:0;width:100%;}
.Lover {margin:auto auto 1px;padding:5px 2%;width:100%;background-color:rgba(255, 255, 255, 0.4);}
.LoverProfile {background-color:#ffffff;border:7px double #d7d7fe;border-radius:120px;float:left;height:75px;width:75px;}
.LoverInfo {float:left;margin:25px 0 0 2%;width:60%;}
.LoverInfo span {width:100%;float:left;text-align:center;padding:0;}
.LoverInfo-Counter {float:left;width:10%;margin:12px auto auto;text-align:center;}
.LoverInfo-Counter p {width:100%;margin:3px auto auto;}
.LoverInfo-Counter img {margin:3px auto auto;}
.LoveCloud{margin:0;font-size:2em;float:left;color:#545454;text-shadow:1px 1px 1px #ffffff, 2px 2px 1px #cccccc, 3px 3px 1px #b7b7b7;width:178px;height:190px;padding:90px 0 0 9%;background:url("/images/ui/global/LovePopupCloudGraph.png") center 40px no-repeat;}
}


/*iPhone 5 & 5S in landscape*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
/* STYLES GO HERE */
#LoveModal .modal-content {border:0;padding:0 0 130px;background:url("/images/ui/global/LovePopupGraph.png") no-repeat scroll right bottom, url("/images/ui/global/foodWall-Day.png") repeat scroll 0 0px, rgba(0, 0, 0, 0) none repeat scroll 0 0 !important}
#LoveModal .modal-header, .modal-footer {border:0 !important;}
#ReservationModal .modal-content {border:0;padding:0 0 85px;background:#ffffff;}
#ReservationModal .modal-body #CheckPhone-popup {margin:5px 0 0;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo #SavePhoneAddress {margin:10px 0;padding:8px 0;color:#ffffff;float:right;width:50%;background:#80a939 url("/images/ui/global/DropShadow.png") repeat-x scroll center bottom;font-weight:bold;box-shadow: 0 7px 9px -6px #545454;border:3px solid #66872e;border-radius:10px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo {background-color: rgba(255, 255, 255, 0.3);border-radius:10px;float:right;margin:0 3% 0 0;padding:2%;width:50%;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo p {float:right;width:100%;margin:0 0 10px;font-size:1em;font-family:verdana;font-weight:bold;text-transform:uppercase;line-height:18px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo label {margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo input {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:6px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo textarea {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:8px;}
#ReservationModal .modal-footer {border:0 !important;}
.Socialite {margin:3px auto;height:30px;width:180px;}
.Socialite a {width:30px;margin:0;cursor:pointer;}
.Socialite a img {float:left;margin:0;width:30px;height:30px;border:0;border-radius:0;}


#Love-Action {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:#ff0000;border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action:hover {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:rgb(142, 40, 0);border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action img {float:left;margin:0;}
.Love-Counter {float:right;margin:0;width:auto;padding:0;text-align:center;}
.Love-Counter span       {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #3d57a3;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#5670bc;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
.Love-Counter span:hover {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #66872e;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#37519d;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Counter-popup {margin:auto;padding:0;width:100%;}
.Lover {margin:auto auto 1px;padding:5px 2%;width:100%;background-color:rgba(255, 255, 255, 0.4);}
.LoverProfile {background-color:#ffffff;border:7px double #d7d7fe;border-radius:120px;float:left;height:75px;width:75px;}
.LoverInfo {float:left;margin:25px 0 0 2%;width:60%;}
.LoverInfo span {width:100%;float:left;text-align:center;padding:0;}
.LoverInfo-Counter {float:left;width:10%;margin:12px auto auto;text-align:center;}
.LoverInfo-Counter p {width:100%;margin:3px auto auto;}
.LoverInfo-Counter img {margin:3px auto auto;}
.LoveCloud{margin:0;font-size:2em;float:left;color:#545454;text-shadow:1px 1px 1px #ffffff, 2px 2px 1px #cccccc, 3px 3px 1px #b7b7b7;width:178px;height:190px;padding:90px 0 0 9%;background:url("/images/ui/global/LovePopupCloudGraph.png") center 40px no-repeat;}
}

/*iPhone 5 & 5S in portrait*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
/* STYLES GO HERE */
#LoveModal .modal-content {border:0;padding:0 0 130px;background:url("/images/ui/global/LovePopupGraph.png") no-repeat scroll right bottom, url("/images/ui/global/foodWall-Day.png") repeat scroll 0 0px, rgba(0, 0, 0, 0) none repeat scroll 0 0 !important}
#LoveModal .modal-header, .modal-footer {border:0 !important;}
#ReservationModal .modal-content {border:0;padding:0 0 85px;background:#ffffff;}
#ReservationModal .modal-body #CheckPhone-popup {margin:5px 0 0;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo #SavePhoneAddress {margin:10px 0;padding:8px 0;color:#ffffff;float:right;width:50%;background:#80a939 url("/images/ui/global/DropShadow.png") repeat-x scroll center bottom;font-weight:bold;box-shadow: 0 7px 9px -6px #545454;border:3px solid #66872e;border-radius:10px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo {background-color: rgba(255, 255, 255, 0.3);border-radius:10px;float:right;margin:0 3% 0 0;padding:2%;width:50%;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo p {float:right;width:100%;margin:0 0 10px;font-size:1em;font-family:verdana;font-weight:bold;text-transform:uppercase;line-height:18px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo label {margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo input {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:6px;}
#ReservationModal .modal-body #CheckPhone-popup .CheckPhoneAddressInfo textarea {padding:3px 0 0 2%;margin:3px 0 0;float:left;width:100%;font-size:1em;color:#545454;border:1px solid #cccccc;border-radius:8px;}
#ReservationModal .modal-footer {border:0 !important;}
.Socialite {margin:3px auto;height:30px;width:180px;}
.Socialite a {width:30px;margin:0;cursor:pointer;}
.Socialite a img {float:left;margin:0;width:30px;height:30px;border:0;border-radius:0;}


#Love-Action {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:#ff0000;border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action:hover {float:left;width:auto;margin:0;padding:8px;cursor:pointer;font-size:1.3em;color:#ffffff;text-decoration:none;background-color:rgb(142, 40, 0);border-top-right-radius:60px;border-top-left-radius:60px;border-right: 3px solid rgb(142, 40, 0);-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Action img {float:left;margin:0;}
.Love-Counter {float:right;margin:0;width:auto;padding:0;text-align:center;}
.Love-Counter span       {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #3d57a3;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#5670bc;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
.Love-Counter span:hover {float:left;width:auto;margin:0;padding:8px 13px 3px;color:#ffffff;font-weight:bold;font-size: 1.2em;text-decoration:none;border-left:3px solid #66872e;border-top-right-radius:20px;border-top-left-radius:20px;background-color:#37519d;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;}
#Love-Counter-popup {margin:auto;padding:0;width:100%;}
.Lover {margin:auto auto 1px;padding:5px 2%;width:100%;background-color:rgba(255, 255, 255, 0.4);}
.LoverProfile {background-color:#ffffff;border:7px double #d7d7fe;border-radius:120px;float:left;height:75px;width:75px;}
.LoverInfo {float:left;margin:25px 0 0 2%;width:60%;}
.LoverInfo span {width:100%;float:left;text-align:center;padding:0;}
.LoverInfo-Counter {float:left;width:10%;margin:12px auto auto;text-align:center;}
.LoverInfo-Counter p {width:100%;margin:3px auto auto;}
.LoverInfo-Counter img {margin:3px auto auto;}
.LoveCloud{margin:0;font-size:2em;float:left;color:#545454;text-shadow:1px 1px 1px #ffffff, 2px 2px 1px #cccccc, 3px 3px 1px #b7b7b7;width:178px;height:190px;padding:90px 0 0 9%;background:url("/images/ui/global/LovePopupCloudGraph.png") center 40px no-repeat;}
}
