/* grid.css */

body { background-image:url(../../img/body_bg.png); background-repeat:repeat-x; background-color:#eee; margin:0 }
ul, ol { margin: 14px 0px }
ul li { margin:5px 0px; list-style-image:url(../../img/bullet.png); padding-right:30px }
ol li { margin:10px 0px; padding-right:30px }
ol li img { margin: 7px 0px 10px 0px }
ol {padding-left:20px}
ol li { margin-bottom:10px; margin-left:0px; padding-left:0px }
ol.alpha li { list-style-type:upper-alpha }
ol.roman li { list-style-type:lower-roman }
table {margin-bottom:10px}
table tr td {padding-bottom:5px }
.underline {text-decoration:underline; font-size:18px !important}
h3.movie, h3.dvd, h3.restaurant, h3.dish, h3.book { padding-left:30px; margin-bottom:5px; background-repeat:no-repeat; background-position: 0 2px }
h3.movie { background-image:url(../../img/icon_movie.png) }
h3.dvd { background-image:url(../../img/icon_dvd.png) }
h3.restaurant { background-image:url(../../img/icon_restaurant.png) }
h3.dish { background-image:url(../../img/icon_dish.png) }
h3.book { background-image:url(../../img/icon_book.png) }
#hr { background-image:url(../../img/hr.png); background-repeat:no-repeat; width:816px; height:34px; background-color:transparent; margin-top:20px }
.hr1, .hr2 { background-image:url(../../img/hr1.png); background-repeat:no-repeat; width:600px; height:12px; background-color:transparent; margin:10px 0 }
.hr2 { background-image:url(../../img/hr2.png); margin: 10px 0 20px 0 }
.hrtop { margin-top:52px }
#logo, #sublogo, #sublogoalpha, #sublogobeta { position:absolute; top:65px; left:50%; margin-left: -349px; display:block; z-index:1000; background-image:url(../../img/logo.png); background-repeat:no-repeat; width:161px; height:96px; background-position:0px 0px; }
#sublogoalpha { background-image:url(../../img/logo_alpha.png) }
#sublogobeta { background-image:url(../../img/logo_beta.png) }
#sublogo, #sublogoalpha, #sublogobeta { top:30px; margin-left:-437px; }
#logo:hover, #sublogo:hover, #sublogoalpha:hover, #sublogobeta:hover { background-position:0px -98px; }
#accountNav { position:absolute; top:37px; right:50%; margin-right: -293px; display:block; z-index:1000; }
#socialMedia, #subsocialMedia { position:absolute; top:62px; right:50%; margin-right: -353px; display:block; z-index:1000; width:120px; height:36px }
#subsocialMedia { top:27px; margin-right: -446px; }
#twitter, #facebook, #linkedin { background-image:url(../../img/btn_social_media.png); background-repeat:no-repeat; display:block; width:35px; height:36px; margin-left:5px; float:right }
#twitter { background-position:0px 0px }
#twitter:hover { background-position:0px -37px }
#facebook { background-position:-37px 0px }
#facebook:hover { background-position:-37px -37px }
#linkedin { background-position:-73px 0px }
#linkedin:hover { background-position:-73px -37px }
#navigation, #subnavigation { width:550px; position:absolute; top:114px; right:50%; margin-right:-353px; display:block; }
#subnavigation { top:79px; right:50%; margin-right:-446px; display:block; }
#navigation a, #subnavigation a { font-family: "Neucha", Arial, Helvetica, sans-serif; font-size:26px; display:block; float:right; margin-left:20px }
a.selected, .required, div.selected { color:#f2760b; }
.profilelink { font-size:12px }
#tim, #arnab, #tuoc, #you { position:absolute; height:79px; display:block; top:370px; left:50%; background-image:url(../../img/bubbles.png); background-repeat:no-repeat; }
#tim { width:104px; top:370px; margin-left: -463px; background-position: 0px 0px; }
#tim:hover { background-position: 0px -80px }
#arnab { width:114px; top:464px; margin-left: 145px; background-position: -240px 0px; }
#arnab:hover { background-position: -240px -80px }
#tuoc { width:124px; top:402px; margin-left: 345px; background-position: -360px 0px; }
#tuoc:hover { background-position: -360px -80px }
#you { width:124px; top:500px; margin-left: -261px; background-position: -110px 0px; }
#you:hover { background-position: -110px -80px }
.teamMember { padding-bottom:25px; margin-left:125px; }
.alphaMember, .recentjybe { padding-bottom:1px; padding-top:2px; margin-left:75px; }
.commentlist { padding:10px 0 }
.comment { padding:0 0 10px 0 }
.comment h3 { font-size:14px }
.comment { font-style:italic; line-height:17px }
.comment a { font-weight:bold; font-style:normal }
.suggestion { padding-bottom:1px; padding-top:2px; margin-right:110px; position:relative }
.suggestion p { margin:0; font-size:12px; position:relative; }
.suggestion div.button_row { height:52px; padding:3px 0px; position:relative }
.timestamp { font-size:9px; color:#999999; padding-bottom:7px }
.quote { font-style:italic; padding:10px 0 }
.photo { width:97px; height:97px; position:absolute; z-index:1002; margin-left:-128px; padding: 10px 0 0 11px }
.photo1, .photo2 { width:128px; height:128px; margin-left:-128px; background-image:url(../../img/photo_frame_1.png); background-repeat:no-repeat; position:absolute; z-index:1002 }
.photo200 { width:200px; height:200px; position:absolute; z-index:1002; margin: -220px 0 0 -11px; padding: 10px 0 0 11px }
.photoframe200 { width:227px; height:224px; margin:-222px 0 0 -14px; background-image:url(../../img/photo_frame_200.png); background-repeat:no-repeat; position:absolute; z-index:1002 }
.photo60, .photo60_0, .photo60_1, .photo60_2, .photo60_3, .photo60_4, .photo60_5 { width:60px; height:60px; position:absolute; z-index:1002 }
.photoframe60, .photoframe60_0, .photoframe60_1, .photoframe60_2, .photoframe60_3, .photoframe60_4, .photoframe60_5 { width:63px; height:62px; position:absolute; z-index:1002; background-image:url(../../img/photo_frame_60.png); background-repeat:no-repeat; }
.photo60 { margin: -2px 0 0 -74px }
.photo60_0 { margin: 0 0 0 0 }
.photo60_1 { margin: 0 0 0 70px }
.photo60_2 { margin: 0 0 0 140px }
.photo60_3 { margin: 70px 0 0 0 }
.photo60_4 { margin: 70px 0 0 70px }
.photo60_5 { margin: 70px 0 0 140px }
.photoframe60 { margin: -2px 0 0 -75px }
.photoframe60_0 { margin: 0 0 0 -1px }
.photoframe60_1 { margin: 0 0 0 69px }
.photoframe60_2 { margin: 0 0 0 139px }
.photoframe60_3 { margin: 70px 0 0 -1px }
.photoframe60_4 { margin: 70px 0 0 69px }
.photoframe60_5 { margin: 70px 0 0 139px }
.photoBlock { height:134px }
.photo96, .photo100 { background: #ccc; border: 5px solid white; position: relative; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35); }
.photo96 { margin: 0 -106px 20px 0; width: 86px; float: right; }
.photo100 { width: 90px; }
#addImage { padding:7px 0 7px 128px; height: 130px; line-height:32px }
#addImage a.small { display:block; margin-top:30px; font-family:Verdana, Geneva, sans-serif; font-size:10px }
.photo2 { background-image:url(../../img/photo_frame_2.png); }
.goToTop { padding-top:17px; display:block; float:right; background-image:url(../../img/top.png); background-position:top center; background-repeat:no-repeat; position:relative; right:0px; margin-top:-48px; margin-right:-51px }
.section { width:765px }
#main, #submain, #submainalpha { position:relative; width:976px; height:781px; background-image:url(../../img/bg_home.png); background-repeat: no-repeat; background-position: top }
#submain { width:806px; height:auto; background-image:url(../../img/sub_page_bg.png); background-repeat:repeat-y; padding:160px 85px 50px 85px; }
#submainalpha { width:850px; height:auto; background-image:url(../../img/sub_page_bg.png); background-repeat:repeat-y; padding:160px 63px 50px 63px }
#leftCol {width:200px; float:left; padding-top:222px }
#leftCol ul { margin: 20px 0 30px 0; padding: 0 }
#leftCol ul li { list-style:none; padding-left: 0px }
#rightCol { margin-left:250px }
.leftCol { width:520px !important }

#homeMessage, #homeMessageLrg, #homeMessageSm, #getapp { width:960px; position:absolute; top:195px; left:50%; margin:0 0 0 -480px }
#homeMessageLrg { top:165px }
#homeMessageSm { top:225px }
#getapp { width:470px; position:absolute; top:300px; left:50%; margin:0 0 0 -235px }
#getappsub { width:470px; padding:5px 0px 20px 0px }
#moviePop, #bookPop, #dishPop { position:absolute; background-repeat:no-repeat; left:50%; height:76px; width:216px; background-image:url(../../img/bubble_movie.png); margin-left:-495px; top:405px; padding:20px 22px 22px 22px }
#bookPop { height:87px; width:225px; background-image:url(../../img/bubble_book.png); margin-left:-158px; top:411px }
#dishPop { height:88px; width:232px; background-image:url(../../img/bubble_dish.png); margin-left:223px; top:390px }
#movie, #book, #dish { height:358px; width:267px; position:absolute; top:410px; left:50% }
#movie { margin-left:-432px }
#book { margin-left:-135px }
#dish { margin-left:165px } 
#rightMargin { width:180px; padding-top:20px; margin-left:615px; height:617px }
#mapFrame { position:absolute; background-image:url(../../img/map_frame.png); background-repeat:no-repeat; height:617px; width:619px; padding: 24px 0px 0px 26px; margin-left:-630px; margin-top:-10px }
#fb { position:absolute !important; top:432px !important; left:50%; margin-left:-349px; display:block }
#iPhoneFrame { width:830px; min-height:485px }
#alphaBG { background-image:url(../../img/bg_alpha.png); background-repeat:no-repeat; position:absolute; z-index:2001; height:486px; width:353px; right:50%; margin-right: -474px }
#alphaPhone { background-image:url(../../img/iphone.png); background-repeat:no-repeat; position:absolute; z-index:2001; height:485px; width:277px; right:50%; margin-right: -430px }

p.short { width:515px }
ul.short li { width:525px }
.indent20 { margin-left:20px !important }
.indent10 { margin-left:10px !important }
.floatRight { float:right }

#iPhone4_frame { width:275px; height:607px; position:absolute; background-image:url(../../img/iphone4_frame.png); background-color:transparent; background-repeat:no-repeat; top:165px; left:50%; margin-left:155px; z-index:1001 }
#jybe_icon { width:141px; height:192px; position:absolute; background-image:url(../../img/icon_jybe.png); background-color:transparent; background-repeat:no-repeat; top:583px; left:50%; margin-left:108px; z-index:1002 }
#sample { width:224px; height:336px; position:absolute; background-repeat:no-repeat; top:258px; left:50%; margin-left:181px; z-index:1001 }
.sample0 { background-image:url(../../img/sample_0.png) }
.sample1 { background-image:url(../../img/sample_1.png) }
.sample2 { background-image:url(../../img/sample_2.png) }
.sample3 { background-image:url(../../img/sample_3.png) }
.sample4 { background-image:url(../../img/sample_4.png) }
.sample5 { background-image:url(../../img/sample_5.png) }
.sample6 { background-image:url(../../img/sample_6.png) }
.sample7 { background-image:url(../../img/sample_7.png) }
#speechbubble {background-image:url(../../img/speech_bubble.png); background-repeat:no-repeat; width:32px; height:24px; position:absolute; top:727px; left:50%; margin-left:207px; z-index:1006 }
#sampleText {
-moz-border-radius:5px;
border-radius:5px;
width:225px;
position:absolute;
top:750px;
left:50%;
margin-left:157px;
border:1px solid #cccccc;
background-color:white;
padding:20px;	
font-size:14px;
color:#333333;
z-index:1005;
-moz-box-shadow: 3px 3px 3px #999;
-webkit-box-shadow: 3px 3px 3px #999;
box-shadow: 3px 3px 3px #999;

}
#bullets { width:120px; height:14px; position:absolute; z-index:1003; top:712px; left:50%; margin-left:232px }
#bullets div { float:left; height:14px; width:15px; background-repeat:no-repeat }
#bullets div.dBullet { background-image:url(../../img/bullet_large_default.png) }
#bullets div.sBullet { background-image:url(../../img/bullet_large_selected.png) }

#benefit_movie, #benefit_restaurant, #benefit_dish, #benefit_book, #benefit_social { padding-left:65px; padding-bottom:20px; background-position:top left; background-repeat:no-repeat}
#benefit_movie h3, #benefit_restaurant h3, #benefit_dish h3, #benefit_book h3, #benefit_social h3 { margin-bottom:3px }
#benefit_movie {background-image:url(../../img/icon_movie_big.png)}
#benefit_restaurant {background-image:url(../../img/icon_restaurant_big.png)}
#benefit_dish {background-image:url(../../img/icon_dish_big.png)}
#benefit_book {background-image:url(../../img/icon_book_big.png)}
#benefit_social {background-image:url(../../img/icon_social_big.png); padding-bottom:0px}

/* typography.css */

#moviePop, #bookPop, #dishPop { font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:16px; color:#333333 }
#homeMessage, #homeMessageLrg, #homeMessageSm, #homeInput, #homeForm, #confirmation, #saddr, #alphaEmailForm, #alphaUDIDForm, #inputLong, #inputTall, #firstName, #lastName, .profileInput, .signInInput, #getapp, #getapp a, #getappsub { font-family: "Neucha", Arial, Helvetica, sans-serif; font-weight: normal; color: #111}
#submainalpha p { font-size:14px; line-height:17px }
#alphaUDIDForm { font-size:21px; padding-top:15px }
.handLink { font-family: "Neucha", Arial, Helvetica, sans-serif }
.sign { font-family: 'Cedarville Cursive', cursive; font-size: 48px; color:#236f81 }
#navigation a, #subnavigation a { font-family: "Neucha", Arial, Helvetica, sans-serif; font-size:26px; display:block; float:right; margin-left:20px }
#homeMessage { font-size:26px; line-height:28px; text-align:center; }
#homeMessageLrg, #homeMessageSm { font-size:52px; line-height:52px; text-align:center }
#homeMessageSm { font-size:36px; line-height:36px}
#getapp a#download { font-size:30px; line-height:32px; color:#cc6600; display:block; background-image:url(../../img/arrow_right.png); background-repeat:no-repeat; background-position:right; width:315px }
#getappsub a#download { font-size:30px; line-height:54px; display:block; background-image:url(../../img/arrow_under.png); background-repeat:no-repeat; background-position: right; width:315px }
#getapp a#download:hover { color:#f2760b }
#getapp a#learn { color:#0c6a7f }
#getapp a#learn:hover { color:#f2760b }
#getapp a#itunesBtn, #getappsub a#itunesBtn { width:134px; height:46px; display:block; float:right; background-image:url(../../img/app_store.png); background-repeat:no-repeat; border:0px }
#homeInput, #inputLong, #inputTall, #firstName, #lastName, .profileInput, .signInInput { font-size:21px; line-height:52px; color: #666; }
a#get { width:202px; height:47px; position:absolute; top:904px; left:50%; margin-left:222px; background-image:url(../../img/app_store_get.png); background-repeat:no-repeat; display:block }
#saddr { font-size:14px; line-height:21px; color: #666 }
#homeForm, #confirmation { font-size:18px; line-height:21px; }
#homeForm em, #confirmation em { font-size:21px; line-height:28px; color:#f2760b; font-style:normal; }
#footer, #subfooter { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#656565; text-align:right; width:954px; padding:12px 10px 24px 10px; }
#subfooter, #subfooterAlpha { background-image:url(../../img/sub_footer_bg.png); background-repeat:no-repeat; background-position: top; padding:25px 10px 24px 10px; }
#subfooterAlpha { padding:25px 32px 24px 32px !important; }
#copyright { float:left; }
a.bigLink { font-size:21px; font-weight:bold }
a.photoLink { display:block; height:63px; width:62px }
#leftCol ul li a, #leftCol ul li div {font-family:"Neucha", Arial, Helvetica, sans-serif;font-size:1.5em; display:block; padding-left:30px; margin-left:-30px }
#accountNav, #accountNav a, #filterbar, #filterbar a {font-family:"Neucha", Arial, Helvetica, sans-serif;font-size:1.0em }
#filterbar a, #accountNav a {padding-left:15px }
#leftCol ul li div.selected { background-image:url(../../img/arrow.png); background-repeat:no-repeat; background-position: left center; cursor:default}

/* forms.css */

#homeForm, #confirmation { position:absolute; top:280px; left:50%; margin-left: -185px; width:500px }
#alphaEmailForm, #alphaUDIDForm { width:539px; }
#alphaEmailForm { height:100px }
#homeInput, #inputLong, #inputTall, .profileInput, input[type="password"].profileInput, input[type="email"].profileInput, input[type="text"].profileInput, input[type="email"].signInInput, input[type="password"].signInInput { border:0px solid white; background-image:url(../../img/home_input_bg.png); background-repeat:no-repeat; width:349px; height:52px; padding-left:15px; background-color:transparent; float:left; }
input[type="email"].signInInput, input[type="password"].signInInput { float:none }
.profileInput, input[type="password"].profileInput, input[type="email"].profileInput, input[type="text"].profileInput, input[type="email"].signInInput, input[type="password"].signInInput { margin:1px 0 7px 0}
#inputLong { background-image:url(../../img/input_long.png); width:539px; height:55px; padding-left:15px; margin-top:0px; float:none !important }
#inputTall {background-image:none; width:498px; height:103px; line-height:100%; margin-top: 0px; float:none !important }
.inputTextArea { background-image:url(../../img/input_tall.png); background-repeat:no-repeat; width:498px; height:110px; padding:15px 18px; margin-top:0px; line-height:100%; float:none !important }
.btn, .btn_done, .btn_signin { background-repeat:no-repeat; background-position:0px 0px; display:block; float:left; width:131px; height:54px; outline:none; margin: 10px 0px 0px -10px; }
.btn { background-image:url(../../img/btn_submit.png); }
.btn_done { background-image:url(../../img/btn_done.png); }
.btn_signin { background-image:url(../../img/btn_signin.png); float:none !important}
.btn:hover, .btn_done:hover, .btn_signin { background-position:0px -56px; }
#alphaUDIDForm .btn {float:none !important; margin:0px 0px 25px 0px !important; }
#contactForm { width:180px; height:70px }
#saddr { border:0px solid white; background-image:url(../../img/contact_input_bg.png); background-repeat:no-repeat; padding: 10px 0px 10px 21px; width:80px; height:21px; background-color:transparent; float:left }
.contactBtn { background-image:url(../../img/btn_go.png); background-repeat:no-repeat; background-position:0px 0px; display:block; float:left; width:67px; height:35px; outline:none; margin: 10px 0px 0px 5px; }
.contactBtn:hover { background-position:0px -37px; }
.btn_follow, .btn_unfollow, .btn_like, .btn_liked, .btn_dislike, .btn_disliked {display:block; height:30px; width:91px; background-image:url(../../img/buttons.png); background-repeat:no-repeat}
.btn_follow { background-position: 0px 0px }
.btn_follow:active { background-position: 0px -64px }
.btn_unfollow { background-position: -93px 0px }
.btn_unfollow:active { background-position: -93px -64px }
.btn_like { background-position: -186px 0px }
.btn_like:active { background-position: -186px -64px }
.btn_liked { background-position: -186px -64px }
.btn_dislike { background-position: -279px 0px }
.btn_dislike:active { background-position: -279px -64px }
.btn_disliked { background-position: -279px -64px }
.alphaMember .btn_follow, .alphaMember .btn_unfollow { float:right }
.btn_like, .btn_liked, .btn_dislike, .btn_disliked { float:left; margin:10px 53px 10px 0px }
.bubble_like, .bubble_dislike { position:absolute; z-index:2001; height:30px; padding:0 4px 0 18px; width:29px; text-align:center; font-size:12px; font-weight:bold; line-height:30px; background-repeat:no-repeat; top:7px; border:0px solid white !important; background-color:transparent !important }
.bubble_like { background-image:url(../../img/bubble_like.png); left:81px; }
.bubble_dislike { background-image:url(../../img/bubble_dislike.png); left:225px }
#filterbar { position:relative }
#sort, #filter { background-image:url(../../img/selectmenu.png); background-repeat:no-repeat; height:32px; width:242px; padding:0 10px; font-family: "Neucha", Arial, Helvetica, sans-serif; font-weight: normal; font-size:16px; color:#f2760b; line-height:32px; cursor:pointer; float:left; margin-right:8px }
.label { font-family: "Neucha", Arial, Helvetica, sans-serif; font-weight: normal; font-size:16px; color:#111; line-height:32px; float:left; margin-right:8px }
.menutop, .menubottom {height:8px; width:262px; background-repeat:no-repeat}
.menutop { background-image:url(../../img/selectmenutop.png) } 
.menubottom { background-image:url(../../img/selectmenubottom.png) }
.menumiddle { padding:10px 5px 5px 5px; width:252px; background-image:url(../../img/selectmenumiddle.png); background-repeat:repeat-y }
.menumiddle a { font-family: "Neucha", Arial, Helvetica, sans-serif; font-weight: normal; font-size:16px; display:block; line-height:16px; padding-bottom:5px }
#sortmenu, #filtermenu { width:262px; position:absolute; z-index:3000; top:55px }
#sortmenu { left:330px } 
#filtermenu {left:37px }
.rank_m, .rank_r, .rank_p, .rank_u, .rank_n, .rank_l, .rank_d { position:absolute; z-index:2000; background-repeat:no-repeat; width:36px; height:42px; top:-5px; right:-116px; background-image:url(../../img/rank_icons.png) }
.rank_m { background-position: 0 0 }
.rank_r { background-position: 0 -50px }
.rank_p { background-position: 0 -100px }
.rank_u { background-position: 0 -150px }
.rank_n { background-position: 0 -200px }
.rank_l { background-position: 0 -250px }
.rank_d { background-position: 0 -300px }
.priority_bubble, a.p0, a.p1, a.p2, a.p3, a.ps0, a.ps1, a.ps2, a.ps3 { background-image:url(../../img/icons_priority.png); background-repeat:no-repeat; height:13px; width:16px; display:block }
a.p0, a.p1, a.p2, a.p3 { float:left; margin-right:2px }
a.ps0, a.ps1, a.ps2, a.ps3 { float:left; margin-right:10px }
.priority_bubble { width:108px; height:39px; padding:10px 0 0 11px; background-position: 0 -15px; position:absolute; z-index:3000 }
a.p0, a.ps0 { background-position: 0 0 }
a.p1, a.ps1 { background-position: -26px 0 }
a.p2, a.ps2 { background-position: -52px 0 }
a.p3, a.ps3 { background-position: -78px 0 }
#profile-photo, #profile-form { width:100px; font-size:12px; line-height:18px; color:#666; float:left }
#profile-form { width:380px; margin-left:25px }
#profile-photo a { font-family: "Neucha", Arial, Helvetica, sans-serif; font-size:16px }
#firstName, #lastName { background-image:url(../../img/first_last_input.png); background-repeat:no-repeat; width:162px; height:54px; border:0px solid white; padding-left:15px; background-color:transparent; margin-bottom:5px }
#lastName { background-position: -177px 0 }
.nameInput { float:left; width:176px }

/* Pop Ups */

#lightbox { display:none; background:#CCCCCC; opacity:0.9; filter:alpha(opacity=90); position:absolute; top:0px; left:0px; min-width:100%; min-height:100%; z-index:3002; }
#map-panel { display:none; position:fixed; background-image:url(../../img/map_frame.png); background-repeat:no-repeat; top:50px; left:50%; height:617px; width:590px; padding: 24px 0px 0px 26px; margin-left:-310px; margin-top:-10px; z-index:3003 }
#profile-panel { display:none; position:fixed; background-image:url(../../img/notepaper.png); background-repeat:no-repeat; top:50px; left:50%; height:457px; width:505px; padding:60px; margin-left:-300px; z-index:3003 }
.close-panel { position:absolute; display:block; top:0; right:0; margin:-12px 10px 0 0; font-family: "Neucha", Arial, Helvetica, sans-serif; font-weight: normal; font-size:21px }