/*---------------------------------
Filename:master.css
Decription:Master Style Sheet
Website:http://www.untappd.com
Author:Tim Mather - http://somethingmorehuman.com
---------------------------------*/

/* Imports ------ */
@import url("reset.css");
@import url("iphone.css");
@import url("facybox.css");

body{background: #fff;
-webkit-text-size-adjust: none;
-webkit-background-size:40px 40px; -moz-background-size:40px 40px; font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; color:#333}

a{text-decoration:none; color:#333}

/* Panel */
.panel{display:none; padding-bottom:10px}

/*Copy*/
.copy{font-size:11px; margin-top:5px; margin-bottom:5px; text-align:center}

/* Like Loader */
.like-loader{margin:10px auto 12px}

.step-panel{margin-top:25px}

/* Header */
#header{height:50px; 
background: #789CCE; /* old browsers */

background: -moz-linear-gradient(top, #789CCE 1%, #284D91 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#789CCE), color-stop(100%,#284D91)); /* webkit */
}
#header ul{width:316px; height:50px; margin:0 auto; padding-top:3px}
#header ul li{float:left; margin:0 1px}
#header ul li a{display:block; width:77px; height:14px; font-size:11px; font-weight:bold; text-align:center; text-shadow:-1px -1px 0px #bbb; color:#444444; padding-top:30px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#header ul li a.nav-drink{background:transparent url(../images/navDrink.png) center 2px no-repeat;}
#header ul li a.nav-friends{background:transparent url(../images/navFriends.png) center 5px no-repeat;}
#header ul li a.nav-pub{background:transparent url(../images/navPub.png) center 0px no-repeat;}
#header ul li a.nav-tab{background:transparent url(../images/navTab.png) center 3px no-repeat;}
#header ul li a.active{background-color: rgba(255,  255,  255,  0.2);}

/* Blue Bar */
div.blue-bar{background-color:#666666; font-size:12px; padding:5px; color:#fff; text-shadow:0 -1px 1px #000; margin-bottom:1px}

/* Validation Errors */
.validation_errors{background:#ead234; padding:5px; text-align:center}
.validation_errors div{font-size:14px; font-weight:bold; margin-bottom:5px}
.validation_errors span p{font-size:12px; font-weight:bold; margin-bottom:5px}

/* Search Bar */
div.search-bar{height:38px; padding-top:7px; 
background: #19315c; /* old browsers */
}
div.search-bar form{width:300px; height:26px; padding:1px 0 0 5px; margin:0 auto; background-color:#fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4) inset; -moz-box-shadow:0 2px 2px rgba(0,0,0,0.4) inset}
div.search-bar form input{height:19px; width:260px; padding-left:26px; border:0; background:#fff url(../images/search.png) 2px 4px no-repeat; -webkit-background-size:19px 19px; -moz-background-size:19px 19px; -webkit-appearance:none; color:#666; font-size:16px}
div.search-bar form.geo{width:260px; height:26px; padding:1px 0 0 5px; float:left; margin-left:8px; background-color:#fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4) inset; -moz-box-shadow:0 2px 2px rgba(0,0,0,0.4) inset}
div.search-bar form.geo input{height:19px; width:220px; padding-left:26px; border:0; background:#fff url(../images/search.png) 2px 4px no-repeat; -webkit-background-size:19px 19px; -moz-background-size:19px 19px; -webkit-appearance:none; color:#666; font-size:16px}
div.search-bar a.geo{display:block; text-align:center; padding:6px 3px 0 0; float:right; height:22px; width:25px; margin-right:8px; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.4); background:-webkit-gradient( linear, left bottom, left top, color-stop(0.15,rgb(205,146,0)), color-stop(0.5,rgb(239,171,0)), color-stop(0.5,rgb(241,184,37)), color-stop(0.85,rgb(245,212,1)) ); background:-moz-linear-gradient( center bottom, rgb(205,146,0) 15%, rgb(239,171,0) 50%, rgb(241,184,37) 50%, rgb(245,212,1) 85%); border:1px solid #f3c12e}

/* Social Search Buttons */
div.social-search{width:310px; margin:0 auto}
div.social-search ul{height:50px; margin-top:2px}
div.social-search ul li{width:155px; float:left; text-align:center}
div.social-search ul li p{-moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.4); background:-webkit-gradient(    linear,    left bottom,    left top,    color-stop(0.15,rgb(205,146,0)),    color-stop(0.5,rgb(239,171,0)),    color-stop(0.5,rgb(241,184,37)),    color-stop(0.85,rgb(245,212,1)) ); background:-moz-linear-gradient(    center bottom,    rgb(205,146,0) 15%,    rgb(239,171,0) 50%,    rgb(241,184,37) 50%,    rgb(245,212,1) 85%); border:1px solid #a37500; width:144px; margin:6px auto}
div.social-search div.close-search{margin:0 auto; width:280px; border-left:1px solid #e8c86d; border-right:1px solid #e8c86d; border-top:1px solid #e8c86d; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px}
div.social-search div.close-search a{display:block; background:#ecdfb8 url(../images/close-arrows.png) center 6px no-repeat; border-left:1px solid #efefef; border-right:1px solid #efefef; border-top:1px solid #efefef; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; font-size:10px; text-align:center; padding:2px 0 4px 0}
div.social-search div.close-search a p{font-size:12px; margin-bottom:2px}
div.social-search div.no-social{margin:8px auto; width:280px; border:1px solid #e8c86d; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px}
div.social-search div.no-social p{background-color:#ecdfb8; border:1px solid #efefef; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; font-size:10px; text-align:center; padding:2px 0; line-height:13px}
div.social-search div.no-social p span{display:block; font-size:10px}
div.social-search ul li.single{width:300px; float:none; text-align:center}
div.social-search ul li.single p{width:200px; margin:6px auto}
div.social-search ul li.single p a.tw{background-position:42px 6px}
div.social-search ul li.single p a.fb{background-position:42px 6px}
div.social-search ul li.single p a span{padding-left:66px}

/* Social Search */
div.social-search ul li p a.tw{background:transparent url(../images/social-search-tw.png) 6px 6px no-repeat; -webkit-background-size:18px 18px; -moz-background-size:18px 18px}
div.social-search ul li p a.fb{background:transparent url(../images/social-search-fb.png) 6px 6px no-repeat; -webkit-background-size:18px 18px; -moz-background-size:18px 18px}
div.social-search ul li p a{height:16px; padding:9px 0 6px 0; display:block; text-align:center; color:#fff; text-shadow:0 -1px 1px #666; font-size:12px}
div.social-search ul li p a span{text-align:left; display:block; padding-left:30px}

/* List */
ul.list li{border-bottom:1px solid #888; 
background: #eee; /* old browsers */
background: -moz-linear-gradient(top, #eee 0%, #FFFFFF 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#FFFFFF)); /* webkit */}
ul.list li:nth-child(2n){
background: #eee; /* old browsers */
background: -moz-linear-gradient(top, #eee 0%, #ccc 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ccc)); /* webkit */
}
ul.list li div{display:block; min-height:46px; border-bottom:1px solid #efefef; padding:8px 8px 3px 8px}
ul.list li div a.full{display:block}
ul.list li div img, ul.list li div a img{float:left}
ul.list li div img.friend-pic, ul.list li div a img.friend-pic{float:left; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px}

/* Details Button */
ul.list li div a div.details-holder{height:100%; width:26px; display:table; vertical-align:middle; float:right; border:none; padding:0}
ul.list li div a div.details-holder div.details-position{display:table-cell; vertical-align:middle; border:none; padding:0}
ul.list li div a div.details-holder div.details-position span.details-btn{display:block; width:24px; height:25px; background:transparent url(../images/detailsBtn.png) top left no-repeat; -webkit-background-size:24px 25px; -moz-background-size:24px 25px}

/* Flag Check In */
ul.checkin-flag{width:280px; margin:20px auto; height:12px; font-size:11px}
ul.checkin-flag li{float:left; width:140px; text-align:center}
ul.checkin-flag li a{color:#6b441b; text-decoration:underline}
#flag_form{width:260px; margin:0 auto}
#flag_form ul li p textarea{width:230px}
#flag_form ul li p{margin:0 auto}
#flag_form ul li p select{width:240px; margin:0 auto}
#flag_form ul li p{width:240px}
#flag_form p.confirm-button{width:220px; height:30px}
#flag_form p.confirm-button a{font-size:14px; padding-top:7px}

/* Check In Amount */
ul.list li.checkin-amnt{border-bottom:1px solid #e0e0e0; background-color:#dbcb98; background-image:none}
ul.list li.checkin-amnt p{text-align:center; padding:4px; font-size:12px}


ul.list li div a p.pad{padding:0 6px 6px 50px;}
ul.badge-info li div a p{width:306px}
ul.list li div a p{padding:0 6px 6px 2px;}
ul.list li div a p span.beer-name{font-weight:bold; display:block; margin:3px 0}
ul.list li div a p span.beer-brewery{font-size:14px; padding-bottom:6px; display:block}
ul.list li div a p span.location-name{font-weight:bold; font-size:16px; margin-bottom:3px; display:block}
ul.list li div a p span.location-address{font-size:12px; font-weight:bold; margin-bottom:2px; display:block}
ul.list li div a p span.location-distance{font-size:10px; color:#666}
ul.list li div a p span.notlisted-head{color:#333; font-weight:bold; font-size:16px; margin-bottom:3px; display:block}
ul.list li div a p span.notlisted-sub{font-size:12px; font-weight:bold; margin-bottom:2px; color:#666; line-height:14px; display:block}

/* Check In List */
ul.list li div a p span.check-name{font-weight:bold; margin:0 0 3px 0; display:block; color:#000}
ul.list li div a p span.check-name span.check-comment-count{width:19px; padding-top:2px; height:12px; display:inline-table; background:transparent url(../images/commentIcon.png) top left no-repeat; -webkit-background-size:18px 13px; -moz-background-size:18px 13px; font-size:8px; font-weight:normal; text-align:center; color:#333}
ul.list li div a p span.check-details{font-size:13px; font-weight:bold; display:block; color:#333}
ul.list li div a p span.check-brewery{font-size:11px; font-weight:bold; color:#333; margin-top:5px}
ul.list li div a p span.check-details span{color:#777; font-weight:normal}
ul.list li div a p span.check-comment{display:block; font-weight:normal; font-size:12px; margin-top:8px; line-height:14px; color:#666}
ul.list li div a p span.check-distance{display:block; font-weight:normal; font-size:11px; margin-top:6px; color:#666; margin-top:5px}
ul.list li div a p span.check-time{font-weight:normal; font-size:10px; margin-top:6px; color:#666}

/* Request Buttons */
ul.list li div div.request-holder{height:40px; width:80px; display:table; vertical-align:middle; float:right; border:none; padding:0}
ul.list li div div.request-holder div.request-position{display:table-cell; vertical-align:middle; border:none; padding:0}
ul.list li div div.request-holder div.text{font-weight:bold; font-size:12px; text-align:center}
ul.list li div div.request-holder div.request-position span.request-btn{display:block; width:23px; height:25px; float:right; padding-left:15px}

/* Check Individual */
div.check-user-details{padding:8px 5px; min-height:64px}
div.check-user-details div.check-numbers{float:right; padding:4px; border:1px solid #e0e0e0; background-color:#dbcb98; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; width:60px; text-align:center; font-size:11px}
div.check-user-details img{border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; float:left}
div.check-user-details div{width:220px; padding-left:68px}
div.check-user-details div p.user{font-size:18px; font-weight:bold; margin-bottom:4px}
div.check-user-details div p.location{font-size:12px; margin-bottom:8px}
div.check-user-details div p.desc{font-size:12px; line-height:14px; color:#666; margin-bottom:4px}
div.check-user-details div p.desc a{font-weight:bold; text-decoration:underline}
div.check-map{text-align:center; margin:8px 0}
div.check-map img{border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border:1px solid #e0e0e0}
ul.comment-list{padding:5px 5px 0 5px}
ul.comment-list li{min-height:40px; margin-bottom:14px}
ul.comment-list li div{padding-left:48px}
ul.comment-list li img{float:left; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px}
ul.comment-list li div span.comment-delete a{float:right; width:14px; height:14px; text-indent:-9999px; background:transparent url(../images/comment-delete.png) top left no-repeat; -webkit-background-size:14px 14px; -moz-background-size:14px 14px; margin-right:5px}
ul.comment-list li div p.user{font-size:13px; font-weight:bold; margin-bottom:4px; padding:0 0 4px 6px; background:transparent url(../images/comment-arrow.png) bottom left no-repeat}
ul.comment-list li div p.user span{font-weight:normal; font-size:10px; margin-top:6px; color:#666}
ul.comment-list li div p.comment{font-size:13px; line-height:14px; background-color:#eae4c5; margin-top:-4px; padding:6px 6px 8px 6px; border-bottom-right-radius:8px; border-bottom-left-radius:8px; border-top-right-radius:8px}
ul.comment-list li div p.comment a{font-weight:bold; text-decoration:underline}
div.map-large{width:100%; height:280px; border-bottom:1px solid #e0e0e0; margin:0 auto 10px auto}

/* User Search */
ul.user-search li div a p span.user-name{font-weight:bold; margin:0 0 3px 0; display:block; color:#000}
ul.user-search li div a p span.user-location{font-size:13px; display:block; color:#333}

/* Profile Tabs */
ul.profile-tabs{height:34px; width:312px; margin:0 auto}
ul.profile-tabs li{-webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-top-left-radius:8px; border-top-right-radius:8px; background-color:#41627c; width:98px; height:16px; padding:8px 0 6px 0; text-align:center; float:left; margin:0 2px}
ul.profile-tabs li.active{height:20px}
ul.profile-tabs li a{font-size:12px; color:#fff; display:block}

/* Badge List */
div.badge-list{width:100%; margin:0 auto; padding:8px 0; border-bottom:1px solid #e0e0e0; background:transparent url(../images/rowGradient.png) bottom left repeat-x}
div.badge-list ul{width:318px; margin:0 auto; display:table}
div.badge-list ul li{width:106px; text-align:center; float:left; margin:10px 0}
div.badge-list ul li a{display:block}
div.badge-list ul li a img{margin-bottom:4px}
div.badge-list ul li a span{font-size:10px; display:block; font-weight:bold; color:#333}

form.settings{margin-bottom:30px}
div.settings-private{margin-bottom:30px}

/* Add Location Button */
.small-button{-moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.4); background:-webkit-gradient( linear, left bottom, left top, color-stop(0.15,rgb(205,146,0)), color-stop(0.5,rgb(239,171,0)), color-stop(0.5,rgb(241,184,37)), color-stop(0.85,rgb(245,212,1)) ); background:-moz-linear-gradient( center bottom, rgb(205,146,0) 15%, rgb(239,171,0) 50%, rgb(241,184,37) 50%, rgb(245,212,1) 85%); border:1px solid #a37500; width:300px; margin:12px auto 0 auto}
.small-button a{height:24px; padding-top:6px; display:block; text-align:center; color:#fff; text-shadow:0 -1px 1px #666}

/* Comment Input */
#comment-box{width:300px; height:60px; padding:5px 0 0 5px; margin:12px auto; background-color:#fff; border:1px solid #ccc; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4) inset; -moz-box-shadow:0 2px 2px rgba(0,0,0,0.4) inset}
#comment-box textarea{width:288px; height:50px; border:none; font-size:14px; color:#666; -webkit-appearance:none}
#myCounter{float:right; color:black; margin-bottom:5px}

/* Sharing Buttons */
.sharing-box{width:300px; margin:0 auto 12px auto; border:1px solid #e8c86d; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px}
.sharing-box p.fine-print{width:280px; color:#333; text-align:center; font-size:10px; line-height:12px; padding:4px; margin:0 auto}
.sharing-box ul{background-color:#ecdfb8; border:1px solid #efefef; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px}
.sharing-box ul li{border-bottom:1px solid #efefef; font-size:14px; color:#333; padding:8px 6px; height:25px}
.sharing-box ul li.header{height:18px; text-align:center}
.sharing-box ul li.alert-nosocial{text-align:center; font-size:11px; line-height:14px; height:auto}
.sharing-box ul li.alert-nosocial strong{font-size:12px}
.sharing-box ul li.alert-nosocial p{margin-top:2px}
.sharing-box ul li.alert-nosocial p a{text-decoration:underline; color:#f60}
.sharing-box ul li div.checkin-text{margin-top:5px}
.sharing-box ul li.last{border-bottom:none}
.sharing-box ul li label{float:right}
.sharing-box ul li.bday-header{text-align:center; font-size:13px; height:20px}
.sharing-box ul li.bday-selects p{width:246px; margin:0 auto}
.sharing-box ul li.bday-selects p select{font-size:13px}
.sharing-box ul li div.iPhoneCheckContainer{float:right}

/* Toast Button*/
#toast-btn{width:40px; border:1px solid #e8c86d; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; text-align:center; float:right; background-color:#ecdfb8; padding:4px 2px}
#toast-btn a{display:block}
#toast-btn a img{float:none}
#toast-btn a p{font-size:8px}

/* Toasts Box */
.toasts-box{width:310px; margin:0 auto 12px auto; border:1px solid #e8c86d; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin-top:10px}
.toasts-box ul{background-color:#ecdfb8; border:1px solid #efefef; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px}
.toasts-box ul li{font-size:14px; color:#333; padding:4px 6px; height:20px}
.toasts-box ul li a{display:block}
.toasts-box ul li span{display:block; float:right}
.toasts-box ul li p{padding-left:26px; font-size:12px; padding-top:4px; font-weight:bold; color:#333}
.toasts-box ul li img{float:left}

/* Confirm Button */
.confirm-button{-moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.4); 
background: #7db9e8; /* old browsers */
background: -moz-linear-gradient(top, #7db9e8 0%, #2989D8 50%, #207cca 51%, #1E5799 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(50%,#2989D8), color-stop(51%,#207cca), color-stop(100%,#1E5799)); /* webkit */
border:1px solid #41627C; width:300px; margin:12px auto}
.confirm-button a{height:28px; padding:10px 0 4px 0; display:block; text-align:center; color:#fff; text-shadow:0 -1px 1px #666; font-size:20px}

/* Cancel */
#cancel{text-align:center; font-size:14px; margin-bottom:15px}
#cancel a{color:#6b441b; text-decoration:underline}
.cancel{text-align:center; font-size:14px; margin-bottom:15px}
.cancel a{color:#6b441b; text-decoration:underline}
.back_to_list{text-align:center; font-size:14px; margin-bottom:15px; margin-top:15px}
.back_to_list a{color:#6b441b; text-decoration:underline}

/* Cheers */
#cheers{text-align:center; color:#e2a506; font-size:20px; margin-bottom:12px; background:transparent url(../images/cheers.png) center top no-repeat; -webkit-background-size:320px 140px; -moz-background-size:320px 140px; min-height:6px; padding:132px 0 0 0}
#cheers p{width:250px; margin-top:4px; background-color:#ecdfb8; border:1px solid #e8c86d; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:4px; margin:0 auto; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.3)}

/* Badge */
#badge{width:300px; margin:0 auto 12px auto; border:1px solid #e8c86d; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px}
#badge ul{background-color:#ecdfb8; border:1px solid #efefef; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px}
#badge ul li{padding:6px 6px}
#badge ul li.header{text-align:center; font-size:15px; color:#6b441b; border-bottom:1px solid #efefef}
#badge ul li.info{min-height:50px}
#badge ul li.info img{float:left}
#badge ul li.info span{padding-left:60px; display:block; font-size:10px; color:#666; line-height:12px; padding-top:5px}
#badge ul li.info span p{font-size:14px; color:#000; margin-bottom:2px}

/* Add Brew */
#new-brew{width:300px; margin:10px auto 0 auto}
#new-brew li{margin-bottom:10px}
#new-brew li p.text-single{width:295px; height:25px; padding:3px 0 0 0; margin:0 auto; background-color:#fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4) inset; -moz-box-shadow:0 2px 2px rgba(0,0,0,0.4) inset; text-align:center}
#new-brew li p.text-single input{height:18px; width:278px; border:0; -webkit-appearance:none; color:#666; font-size:14px}
#new-brew li p.select-list{text-align:center}
#new-brew li p.select-list select{width:295px; height:20px; border:0; font-size:14px; padding:5px; -webkit-appearance:menulist; background-color:#ccc}
#new-brew li p.select-list select option{}
#new-brew li p.text-area{width:295px; height:60px; padding:3px 0 0 0; margin:12px auto; background-color:#fff; border:1px solid #ccc; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4) inset; -moz-box-shadow:0 2px 2px rgba(0,0,0,0.4) inset; text-align:center}
#new-brew li p.text-area textarea{width:278px; height:50px; border:none; font-size:14px; color:#666; -webkit-appearance:none}

/* Register */
.register-steps{width:300px; margin:10px auto}
.register-steps .step1{display:block; width:300px; height:54px; background:transparent url(../images/registerSteps.png) top left no-repeat; -webkit-background-size:300px 162px; -moz-background-size:300px 162px}
.register-steps .step2{display:block; width:300px; height:54px; background:transparent url(../images/registerSteps.png) left no-repeat; -webkit-background-size:300px 162px; -moz-background-size:300px 162px}
.register-steps .step3{display:block; width:300px; height:54px; background:transparent url(../images/registerSteps.png) bottom left no-repeat; -webkit-background-size:300px 162px; -moz-background-size:300px 162px}
.newbrew-msg{text-align:center; width:250px; font-size:14px; line-height:18px; font-weight:bold; margin:18px auto}
ul.register-inputs{margin-top:10px}
ul.register-inputs li{margin-bottom:10px}
ul.register-inputs li p.text-single{width:295px; height:25px; padding:3px 0 0 0; margin:0 auto; background-color:#fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4) inset; -moz-box-shadow:0 2px 2px rgba(0,0,0,0.4) inset; text-align:center}
ul.register-inputs li p.text-single input{height:18px; width:278px; border:0; -webkit-appearance:none; color:#666; font-size:14px}
ul.register-inputs li p.select-list{text-align:center}
ul.register-inputs li p.select-list span{display:block; font-size:14px; font-weight:bold; margin-bottom:5px}
ul.register-inputs li p.select-list select{width:auto; margin-right:15px; height:20px; border:0; font-size:14px; padding:5px; -webkit-appearance:menulist; background-color:#ccc}
ul.register-inputs li p.select-list select option{}
ul.register-inputs li p.text-area{width:295px; height:60px; padding:3px 0 0 0; margin:12px auto; background-color:#fff; border:1px solid #ccc; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4) inset; -moz-box-shadow:0 2px 2px rgba(0,0,0,0.4) inset; text-align:center}
ul.register-inputs li p.text-area textarea{width:278px; height:50px; border:none; font-size:14px; color:#666; -webkit-appearance:none}

/* Big Badge */
.big-badge{margin:14px auto; text-align:center}

/* Login */
#form_login {background: #ddd; padding: 10px 0;}

#login-panel{background:transparent url(../images/splash.jpg) top left no-repeat; -webkit-background-size:320px 207px; -moz-background-size:320px 207px; padding-top:210px; text-align:center; width:320px; margin:0px auto}
#login-panel ul{margin-top:10px}
#login-panel ul li{margin-bottom:10px}
#login-panel li p.text-single{width:295px; height:25px; padding:3px 0 0 0; margin:0 auto; background-color:#fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4) inset; -moz-box-shadow:0 2px 2px rgba(0,0,0,0.4) inset; text-align:center}
#login-panel li p.text-single input{height:18px; width:278px; border:0; -webkit-appearance:none; color:#666; font-size:14px}
#login-panel li p.select-list{text-align:center}
#login-panel li p.select-list select{width:295px; height:20px; border:0; font-size:14px; padding:5px; -webkit-appearance:menulist; background-color:#ccc}
#login-panel li p.select-list select option{}
#login-panel li p.text-area{width:295px; height:60px; padding:3px 0 0 0; margin:12px auto; background-color:#fff; border:1px solid #ccc; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4) inset; -moz-box-shadow:0 2px 2px rgba(0,0,0,0.4) inset; text-align:center}

/* Loading Panel */
#alert-box{display:none}

/* Invite Banner */
div.invite-banner ul li p a.tw{background:transparent url(../images/social-search-tw.png) 6px 6px no-repeat; -webkit-background-size:18px 18px; -moz-background-size:18px 18px}
div.invite-banner ul li p a.fb{background:transparent url(../images/social-search-fb.png) 6px 6px no-repeat; -webkit-background-size:18px 18px; -moz-background-size:18px 18px}
div.invite-banner ul li p a{height:16px; padding:9px 0 6px 0; display:block; text-align:center; color:#fff; text-shadow:0 -1px 1px #666; font-size:12px}
div.invite-banner ul li p a span{text-align:left; display:block; padding-left:30px}
div.invite-banner{margin:20px auto 20px auto; padding:10px 0; width:320px; text-align:center; background:#ecdfb8 url(../images/close-arrows.png) center 6px no-repeat}
div.invite-banner ul{height:50px; width:310px; margin:0 auto}
div.invite-banner ul li{width:155px; float:left; text-align:center}
div.invite-banner ul li p{-moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.4); background:-webkit-gradient(    linear,    left bottom,    left top,    color-stop(0.15,rgb(205,146,0)),    color-stop(0.5,rgb(239,171,0)),    color-stop(0.5,rgb(241,184,37)),    color-stop(0.85,rgb(245,212,1)) ); background:-moz-linear-gradient(    center bottom,    rgb(205,146,0) 15%,    rgb(239,171,0) 50%,    rgb(241,184,37) 50%,    rgb(245,212,1) 85%); border:1px solid #a37500; width:144px; margin:6px auto}

div.invite-banner div.close-search{margin:0 auto; width:280px; border-left:1px solid #e8c86d; border-right:1px solid #e8c86d; border-top:1px solid #e8c86d; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px}
div.invite-banner div.close-search a{display:block; background:#ecdfb8 url(../images/close-arrows.png) center 6px no-repeat; border-left:1px solid #efefef; border-right:1px solid #efefef; border-top:1px solid #efefef; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; font-size:10px; text-align:center; padding:2px 0 4px 0}
div.invite-banner div.close-search a p{font-size:12px; margin-bottom:2px}
div.invite-banner div.no-social{margin:8px auto; width:280px; border:1px solid #e8c86d; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px}
div.invite-banner div.no-social p{background-color:#ecdfb8; border:1px solid #efefef; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; font-size:10px; text-align:center; padding:2px 0; line-height:13px}
div.invite-banner div.no-social p span{display:block; font-size:10px}
div.invite-banner ul li.single{width:300px; float:none; text-align:center}
div.invite-banner ul li.single p{width:200px; margin:6px auto}
div.invite-banner ul li.single p a.tw{background-position:42px 6px}
div.invite-banner ul li.single p a.fb{background-position:42px 6px}
div.invite-banner ul li.single p a span{padding-left:66px}