html { padding:0px; margin:0px; background:#A4B1B4 url("../../images/layout/front/bg.jpg") no-repeat top center; overflow-y:scroll; }
p { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; color: #866B60; font-size:12px; margin-bottom:5px }
body { padding:0px; margin:0px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; }
a:link { color:#ff5e00; text-decoration:none; }
a:visited { color:#ff5e00; text-decoration:none; }
a:hover { color:#ffb68a; text-decoration:none; }
input:focus,
textarea:focus { outline: none; }
input, select { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; }
#siteBanner { position:absolute; top:0px; left:0px; z-index:5000; }
#rating_box_item_detail { width: auto; height: auto }
.cloneable { display:none; }
.boxLoader { position:absolute; top:1px; bottom:1px; right: 1px; left:1px;text-align:center; height:50px; width:99%; background-color:#FFFFFF; z-index: 10001 }
#rating_box_item_detail .average_rating_label { position: absolute; left: 110px; color: #866B60; margin-left: -80px; z-index: 1; padding: 35px 0px 10px 0px; text-align: center; font-size: 12px; line-height: 25px; }
#notificationWindow { position:absolute; top: 0; right:0; text-align:left; z-index:20000000; color: white; }
#notificationWindow .error { background-color:red; padding: 2px 10px; font-size:12px; border-bottom:1px solid #CCCCCC; }
#notificationWindow .message { background-color:green; padding: 2px 10px; font-size:12px; border-bottom:1px solid #CCCCCC; }
#notificationWindow div { padding: 2px 10px; }
/* Wrappers */
#main_wrapper { position:relative; z-index:10000; left:50%; margin-left:-420px; width:841px; height:815px; }
#main_wrapper.sub { margin-left:-468px; width:935px; height:auto; }
/* Ajax Progress Bar */
#ajax_bar { position:fixed; z-index:50000; width:741px; left:50%; margin-left:-370px; top:0px; text-align:center; display:none; }
#ajax_bar .indicator { position:relative; float:left; width:18px; height:15px; margin:4px 0px 0px 10px; }
#ajax_bar .indicator img { padding:0px; margin:0px; }
#ajax_bar .message { position:relative; font-size:12px; padding:4px 0px 0px 0px; }
#content { position:absolute; z-index:6000; top:215px; margin:0px 10px 0px 10px; }
.body_wrapper { position:relative; background:url('../../images/layout/sub/whitebox_1.png'); z-index:5000; }
#body_wrap_sub { position:relative; margin:0px 8px 0px 8px; }
#body_wrap_sub #message { display:none; height:65px; background-color:#FFF7B0; }
#body_wrap_sub #message .icon { position:relative; float:left; height:100%; }
#body_wrap_sub #message .icon #icon { position:relative; top:50%; margin:-24px 0px 0px 0px; padding:0px 0px 0px 24px; }
#body_wrap_sub #message .container { height:65px; }
#body_wrap-sub #message .container .table { padding:0px 0px 0px 20px; height:100%; }
/* Header */
#header { position:relative; padding:15px 0px 0px 0px; }
#header .search { position:relative; float:right; padding:15px; width:425px; }
#header .search #searchInput { position:absolute; z-index:2000; right:15px; height:24px; }
#header .search #searchInput #searchForm { margin:0px; padding:0px; }
#header .search #searchInput #searchForm .searchField { border:none; margin:0px; padding:0px; }
#header .search .searchBg { position:relative; z-index:1000; float:right; margin:0px; padding:0px; width:184px; height:24px; }
#header .login { position:relative; z-index:50000; float:right; margin:5px 10px 0 0; padding:0px; }
#header .login .loginLabel { font-size:11px; color:#80452b; padding:0px; }
#header .login .loginLabel img { border:none; margin-top:2px; }
#searchBox { position:relative; float:right; width:140px; top:5px; z-index:6000; border:none; background-color:#ffecd4; font-size:11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; }
#searchBox.default { color:#be9a82; }
#searchBox.active { color:#512b1b; }
.logo { position:relative; }
.sub .logo { position:relative; width:400px; float:left; }
.logo .main { position:absolute; top:30px; left:30px; }
.logo .home { position:relative; float:left; padding:20px 0px 0px 10px; width:100%; }
.logo .sparky { position:relative; z-index:100000; background-image:url('../../images/logos/logo-fullTags.png'); }
.logo .main .sparky { position:relative; width:207px; height:111px; background-position:0px -265px; }
.logo .home .sparky { position:relative; float:left; width:109px; height:60px; background-position:0px 0px; }
.logo .main .tag { position:relative; background:url('../../images/logos/logo-fullTags.png'); width:455px; height:35px; left:3px; }
.logo .main .tag.t1 { background-position:0px -377px; } /* discover stuff you'll like */
.logo .main .tag.t2 { background-position:0px -410px; } /* for people like you */
.logo .main .tag.t3 { background-position:0px -444px; } /* find stuff in common */
.logo .main .tag.t4 { background-position:0px -478px; } /* share. discover. connect. */
.logo .main .tag.t5 { background-position:0px -510px; } /* share. connect. discover. */
.logo .main .tag.t6 { background-position:0px -542px; } /* connect. share. discover. */
.logo .main .tag.t7 { background-position:0px -575px; } /* discover. share. connect. */
.logo .main .tag.t8 { background-position:0px -609px; } /* what do you love? */
.logo .main .tag.t9 { background-position:0px -649px; } /* what interests you? */
.logo .main .tag.t10 { background-position:0px -683px; } /* what's your passion? */
.logo .main .tag.t11 { background-position:0px -718px; } /* spark a connection */
.logo .main .tag.t12 { background-position:0px -752px; } /* people with common interests. */
.logo .main .tag.t13 { background-position:0px -786px; } /* common interests. uncommon people. */
.logo .home .tag { position:relative; top:37px; float:left; background:url('../../images/logos/logo-fullTags.png'); width:227px; height:17px; }
.logo .home .tag.t1 { background-position:-323px -4px; width:133px; } /* discover stuff you'll like */
.logo .home .tag.t2 { background-position:0px -61px; } /* for people like you */
.logo .home .tag.t3 { background-position:0px -78px; } /* find stuff in common */
.logo .home .tag.t4 { background-position:0px -95px; } /* share. discover. connect. */
.logo .home .tag.t5 { background-position:0px -111px; } /* share. connect. discover. */
.logo .home .tag.t6 { background-position:0px -128px; } /* connect. share. discover. */
.logo .home .tag.t7 { background-position:0px -145px; } /* discover. share. connect. */
.logo .home .tag.t8 { background-position:0px -162px; } /* what do you love? */
.logo .home .tag.t9 { background-position:0px -179px; } /* what interests you? */
.logo .home .tag.t10 { background-position:0px -196px; } /* what's your passion? */
.logo .home .tag.t11 { background-position:0px -213px; } /* spark a connection */
.logo .home .tag.t12 { background-position:0px -230px; } /* people with common interests. */
.logo .home .tag.t13 { background-position:0px -247px; } /* common interests. uncommon people. */
#whiteBox { position:absolute; z-index:4000; top:200px; left:0px; }
/* Menu */
.menu_parent { position:relative; float:left; margin:0px 30px 0px 0px; }
.menu_wrapper { position:relative; width:100%; background:url('../../images/layout/sub/whitebox_0.png'); z-index:-1; }
#menu { position:relative; height:47px; top:8px; left:18px; }
#menu ul { list-style:none; top:0px; left:0px; margin:0px; padding:0px; }
.menu_ie_cursor { cursor:pointer; }
#menu #menu_share { background:url('../../images/layout/sub/menu.png'); width:72px; height:39px; }
#menu #menu_share.current { background-position: 0px -41px; }
#menu #menu_share:hover { background-position: 0px -41px; cursor:pointer; }
#menu #menu_connect { background:url('../../images/layout/sub/menu.png') -66px 0px; width:86px; height:39px; }
#menu #menu_connect.current { background-position: -66px -41px; }
#menu #menu_connect:hover { background-position: -66px -41px; cursor:pointer; }
#menu #menu_discover { background:url('../../images/layout/sub/menu.png') -148px 0px; width:86px; height:39px; }
#menu #menu_discover.current { background-position: -148px -41px; }
#menu #menu_discover:hover { background-position: -148px -41px; cursor:pointer; }
#menu ul li { position:relative; float:left; margin:0px 10px 0px 0px; }
#menu ul ul { list-style:none; margin:0px; padding:0px; display:none; position:absolute; z-index:900000000; top:39px; }
#menu li:hover ul { display:block; }
#menu ul ul li { background-color:#EDE9E8; font-size:11px; float:none; width:150px; margin-bottom:-1px; }
#menu ul li a div { height:18px; }
#menu ul li div { margin:0px; padding:10px; }
/* user menu */
.login ul { position:relative; z-index:500000; list-style:none; margin:0px; padding:0px; }
.login ul li { position:relative; padding-bottom:5px; }
.login ul ul { position:absolute; list-style:none; width:100%; right:0px; display:none; margin:0px 3px 0px 0px; padding:0px; }
.login ul ul li { position:relative; text-align:right; line-height:20px; background-color:#dbdbdb; border-right:1px solid #ffecd4; border-left:1px solid #ffecd4; }
.login ul ul li a { position:relative; font-size:11px; padding:0px 4px 0px 0px; width:100%; }
.login ul ul li:hover { background-color:#d4e2e5; margin:0px -3px 0px 0px; border-right:2px solid #ffecd4; border-left:1px solid #ffecd4; }
.login ul ul li:hover a { padding:0px 6px 0px 0px; }
.login ul:hover ul { display:block; }
/* Dropdown */
.menu_holder { position:relative; height:50px; top:0px; color:#FFFFFF; z-index:50000000; }
.prodrop5 { margin-top:0; margin-bottom:0; margin-left:0px; padding:0px; list-style:none; height:23px; position:relative; }
.prodrop5 li.top { display:block; float:left; border:none; padding:0px; margin:0px; }
.prodrop5 li a.pos1 { background:url("../../images/layout/interact/buttons/sortByShowOnly.png") no-repeat; width:106px; height:27px; display:block; text-indent:-99999px;}
.prodrop5 li a.pos2 { background:url("../../images/layout/interact/buttons/sortByShowOnly.png") -106px 0px no-repeat; width:106px; height:27px; display:block; text-indent:-99999px;}
.prodrop5 li.p1 { background:url("../../images/layout/interact/buttons/sortByShowOnly.png") 0px -27px no-repeat; margin-right:10px;}
.prodrop5 li.p2 { background:url("../../images/layout/interact/buttons/sortByShowOnly.png") -106px -27px no-repeat; margin-right:10px;}
.prodrop5 li.current a.pos1,
.prodrop5 li.current a.pos1:hover { background:url("../../images/layout/interact/buttons/sortByShowOnly.png") 0px -27px no-repeat;}
.prodrop5 li.current a.pos2,
.prodrop5 li.current a.pos2:hover { background:url("../../images/layout/interact/buttons/sortByShowOnly.png") -106px -27px no-repeat;}
.prodrop5 table { border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.prodrop5 a:hover { visibility:visible; position:relative; z-index:200; }
.prodrop5 li:hover { position:relative; z-index:200; }
.prodrop5 li a.top_link:hover { background:transparent; }
.prodrop5 li:hover > a.top_link { background:transparent; }
.prodrop5 ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }
.prodrop5 ul li { border:1px solid #CCC; }
.prodrop5 :hover ul { left:0; top:21px; margin:0; padding:5px 3px 1px 3px; white-space:nowrap; height:69px; width:99px; z-index:300; }
.prodrop5 :hover ul li { display:block; height:21px; position:relative; font-weight:normal; width:auto; }
.prodrop5 :hover ul li a { display:block; font-size:11px; height:21px; line-height:21px; width:auto; padding:0 10px; color:#FFFFFF; border:none; background-color:#CCCCCC; text-decoration:none; }
.prodrop5 :hover ul li a:hover { color:#fff; background-color:#4f2500; text-decoration: none; }
.orangeLink a:link { color:#ff5e00; text-decoration:none; }
.orangeLink a:visited { color:#ff5e00; text-decoration:none; }
.orangeLink a:hover { color:#ffb68a; text-decoration:none; }
#currentItem { font-size:30px; color:#4f2500; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; }
#currentItem_roll { font-size:30px; color:#4f2500; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; }
.skipItem_container { position:relative; width:812px; height:40px; text-align:center; }
#skipItem { position:relative; width:812px; margin:0px 0px 20px 0px; font-size:13px; color:#604940; text-align:center; z-index:5750; display:none; }
#subRatingContainer #skipItem { width:100%; height:27px; }
#skipItem a:link { color:#80452b; text-decoration:none; }
#skipItem a:visited { color:#80452b; text-decoration:none; }
#skipItem a:hover { color:#ff5e00; text-decoration:none; }
.frontJustRated { position:relative; color:#3ac0e5; text-decoration:none; overflow:hidden; white-space:nowrap; }
.frontJustRated a:link { color:#71cce5; text-decoration:none; }
.frontJustRated a:visited { color:#71cce5; text-decoration:none; }
.frontJustRated a:hover { color:#9edbed; text-decoration:none; }
.frontMostAdored { position:relative; color:#ff5e00; text-decoration:none; overflow:hidden; white-space:nowrap; }
.frontMostAdored a:link { color:#ff8355; text-decoration:none; }
.frontMostAdored a:visited { color:#ff8355; text-decoration:none; }
.frontMostAdored a:hover { color:#ffb497; text-decoration:none; }
.frontTopUsers { position:relative; color:#ff5e00; text-decoration:none; overflow:hidden; white-space:nowrap; }
.frontTopUsers a:link { color:#ff8355; text-decoration:none; }
.frontTopUsers a:visited { color:#ff8355; text-decoration:none; }
.frontTopUsers a:hover { color:#ffb497; text-decoration:none; }
.cover { position:absolute; top:0px; right:0px; width:75px; height:100%; background:url('../../images/layout/text/textFade.png') right repeat-y; display:none; }
.frontJustRated { display:block; }
.cover.frontMostAdored { display:block; }
.cover.frontTopUsers { display:block; }
.sparcqDescription.front { position:relative; width:255px; float:left; padding:0px; margin:1px; padding:1px; }
.sparcqDescription.front .descriptionText { margin:0px 0px 0px 6px; }
.rateListContainer,.userListContainer { width:255px; float:left; padding:1px; margin:1px; }
.rateListHeader { margin:0px 0px 10px 0px; width:166px; height:28px; }
.frontRatingContainer { font-size:12px; line-height:25px; }
.frontRatingContainer .avatarContainer { line-height:normal; }
.frontRatingContainer .avatar { float:left; margin-right:6px; margin-bottom:6px; border:1px solid lightGrey; background:url("../../images/layout/placeholders/userProfilePic_50x50.png"); width:32px; height:32px; }
.frontRatingContainer .avatar:hover { border:1px solid #ff5e00; }
/* Front other users */
#otherUsers { position:relative; z-index:50000; width:170px; height:100px; border:1px solid black; }
#rate_callout { position:absolute; display:block; z-index:20000; background-image:url("../../images/layout/interact/ratings/callout.png"); width:229px; height:70px; }
#rate_callout.main { background-position: 0px 0px; right:-30px; top:20px; }
#rate_callout.home { background-position: 0px -143px; width:188px; height:52px; right:-40px; top:60px; }
.whats_this { display:none; position:absolute; z-index:21000; width:84px; height:28px; }
.whats_this.main { right:150px; top:110px; }
.whats_this.home { right:20px; top:137px; }
#rateOrResearch { position:absolute; z-index:500000; padding:2px; font-size:10px; border:1px solid #FF5E00; background-color:#ffd5bc; color:#80452B; white-space:nowrap; display:none; }
#current { position:fixed; z-index:5000000; top:0px; left:0px; display:none; }
#avatarLabel { position:absolute; z-index:500000; padding:2px; font-size:10px; border:1px solid #FF5E00; background-color:#ffd5bc; color:#80452B; white-space:nowrap; display:none; }
.avatarScroller { position:relative; float:right; z-index:20000; display:none; right:216px; }
.avatarScroller .bg { z-index:10; position:absolute; background:url("../../images/layout/boxes/avatarScroller.png") 0px 0px; width:230px; height:73px; top:-10px; left:-4px; }
.avatarScroller .container { position:absolute; z-index:40; top:-1px; left:5px; width:211px; height:55px; overflow:hidden; }
.avatarScroller .container #avatars { z-index:20; position:absolute; padding-left:1px; left:0px; width:211px; }
.avatarScroller .container #avatars .avatar,
.avatar { float:left; margin-right:2px; margin-bottom:2px; border:1px solid black; background:url("../../images/layout/placeholders/userProfilePic_50x50.png"); width:25px; height:25px; }
.avatarScroller .container #avatars .avatar:hover { border:1px solid #ff5e00; }
.avatarScroller .container .blinds { z-index:10; position:absolute; background:url("../../images/layout/boxes/avatarScroller.png") -2px -72px; width:117px; height:58px; top:-3px; left:-2px; }
/* Rating Scales */
.rating_container { position:relative; }
.rating_container .rating_body { position:relative; background-color:#EEEEEE; padding:25px 0px 0px 0px; }
.rating_body .init_inst { position:relative; padding:0px 0px 20px 0px; font-size:22px; color:#604940; text-align:center; z-index:5750; }
.currentItem.container { position:absolute; z-index:2000; overflow:hidden; }
.currentItem.container.large { width:485px; height:40px; top:9px; left:50%; margin-left:-243px; }
.currentItem.container form { border:none; }
.currentItem.container form fieldset { border:none; padding:0px; margin:0px; }
.currentItem.container #currentItem { position:absolute; border:none; background-color:#ffecd4; text-align:center; left:0px; width:100%; }
.currentItem.container #currentItem_roll { position:absolute; border:none; background-color:#ffecd4; text-align:center; width:100%; }
.currentItem.container.large #currentItem_roll { left:485px; }
/*
.rating_body .currentItem_container { position:absolute; z-index:2000; width:468px; height:50px; padding:0px; margin:0px; left:50%; margin-left:-243px; border:1px solid black; }
.currentItem_container .currentItem { position:absolute; text-align:center; width:486px; padding:2px 0px 0px 0px; margin:0px; top:7px; z-index:5250; }
.currentItem .currentForm { }
.currentForm fieldset { width:100%; border:none; padding:0px; margin:0px; }
.currentForm #currentItem { border:none; background-color:#ffecd4; padding:0px; margin:0px; text-align:center; }
*/
.spoon_container { position:relative; width:486px; left:50%; margin-left:-243px; margin-bottom:5px; }
.rating_body .sel_inst { position:relative; font-size:12px; text-align:center; }
.rating_body .scale_container { position:relative; width:530px; left:145px; }
.scale_container .scale_container_sub { position:relative; top:9px; z-index:5750; }
.scale_container_sub .boo { position:relative; float:left; }
.boo #boo { cursor:pointer; }
.scale_container_sub .whoo { position:relative; float:left; }
.whoo #whoo { cursor:pointer; }
#userRatings .desc_container .rate { cursor:pointer; }
.rating_container_for_dynamic_support { background-color:#fff; z-index:5000; }
.rate_cancel { float:left; position:relative; padding-left:5px; padding-top:4px; width: 20px; font-size: 10px }
.comment_container #item_comment { width:488px; height:92px; border:2px solid #dddddd; }
/* LARGE Rating scale */
.r { background:url('../../images/layout/interact/ratings/ratings_full.png'); position:relative; float:left; height:30px; cursor:pointer; }
.rW { width:26px; height:30px; }
.rW:hover { width:30px; height:30px; margin:0px -2px 0px -2px; }
.rH { width:14px; height:30px; }
#r000 { background-position: -2px -2px; width:28px; height:30px; }
#r000:hover { background-position: -2px -33px; width:30px; height:30px; margin:0px -2px 0px 0px; }
#r005 { background-position: -30px -2px; }
#r005:hover { background-position: -30px -66px; }
#r010 { background-position: -44px -2px; }
#r010:hover { background-position: -42px -33px; }
#r015 { background-position: -70px -2px; }
#r015:hover { background-position: -70px -66px; }
#r020 { background-position: -84px -2px; }
#r020:hover { background-position: -82px -33px; }
#r025 { background-position: -110px -2px; }
#r025:hover { background-position: -110px -66px; }
#r030 { background-position: -124px -2px; }
#r030:hover { background-position: -122px -33px; }
#r035 { background-position: -150px -2px; }
#r035:hover { background-position: -150px -66px; }
#r040 { background-position: -164px -2px; }
#r040:hover { background-position: -162px -33px; }
#r045 { background-position: -190px -2px; }
#r045:hover { background-position: -190px -66px; }
#r050 { background-position: -204px -2px; }
#r050:hover { background-position: -202px -33px; }
#r055 { background-position: -230px -2px; }
#r055:hover { background-position: -230px -66px; }
#r060 { background-position: -244px -2px; }
#r060:hover { background-position: -242px -33px; }
#r065 { background-position: -270px -2px; }
#r065:hover { background-position: -270px -66px; }
#r070 { background-position: -284px -2px; }
#r070:hover { background-position: -282px -33px; }
#r075 { background-position: -310px -2px; }
#r075:hover { background-position: -310px -66px; }
#r080 { background-position: -324px -2px; }
#r080:hover { background-position: -322px -33px; }
#r085 { background-position: -350px -2px; }
#r085:hover { background-position: -350px -66px; }
#r090 { background-position: -364px -2px; }
#r090:hover { background-position: -362px -33px; }
#r095 { background-position: -390px -2px; }
#r095:hover { background-position: -390px -66px; }
#r100 { background-position: -404px -2px; width:28px; height:30px; }
#r100:hover { background-position: -402px -33px; width:30px; height:30px; margin:0px 0px 0px -2px; }
/* SMALL Rating scale */
.rS.r { background:url('../../images/layout/interact/ratings/ratings_full.png'); position:relative; float:left; height:30px; cursor:pointer; z-index:50; }
.rS.r:hover { z-index:75; }
.rS.rW { width:16px; height:18px; }
.rS.rW:hover { width:18px; height:18px; margin:0px -1px 0px -1px; }
.rS.rH { width:5px; height:18px; }
.rS.rH:hover { width:11px; margin:0px -3px 0px -3px; }
#r000.rS { background-position: -7px -100px; width:16px; height:18px; }
#r000.rS:hover { background-position: -7px -121px; width:18px; height:18px; margin:0px -2px 0px 0px; }
#r005.rS { background-position: -23px -100px; }
#r005.rS:hover { background-position: -20px -141px; }
#r010.rS { background-position: -28px -100px; }
#r010.rS:hover { background-position: -27px -121px; }
#r015.rS { background-position: -45px -100px; }
#r015.rS:hover { background-position: -42px -141px; }
#r020.rS { background-position: -50px -100px; }
#r020.rS:hover { background-position: -49px -121px; }
#r025.rS { background-position: -66px -100px; }
#r025.rS:hover { background-position: -64px -141px; }
#r030.rS { background-position: -72px -100px; }
#r030.rS:hover { background-position: -71px -121px; }
#r035.rS { background-position: -87px -100px; }
#r035.rS:hover { background-position: -86px -141px; }
#r040.rS { background-position: -93px -100px; }
#r040.rS:hover { background-position: -92px -121px; }
#r045.rS { background-position: -108px -100px; }
#r045.rS:hover { background-position: -107px -141px; }
#r050.rS { background-position: -115px -100px; }
#r050.rS:hover { background-position: -114px -121px; }
#r055.rS { background-position: -130px -100px; }
#r055.rS:hover { background-position: -128px -141px; }
#r060.rS { background-position: -136px -100px; }
#r060.rS:hover { background-position: -135px -121px; }
#r065.rS { background-position: -152px -100px; }
#r065.rS:hover { background-position: -149px -141px; }
#r070.rS { background-position: -157px -100px; }
#r070.rS:hover { background-position: -156px -121px; }
#r075.rS { background-position: -173px -100px; }
#r075.rS:hover { background-position: -172px -141px; }
#r080.rS { background-position: -179px -100px; }
#r080.rS:hover { background-position: -178px -121px; }
#r085.rS { background-position: -194px -100px; }
#r085.rS:hover { background-position: -193px -141px; }
#r090.rS { background-position: -201px -100px; }
#r090.rS:hover { background-position: -200px -121px; }
#r095.rS { background-position: -217px -100px; }
#r095.rS:hover { background-position: -215px -141px; }
#r100.rS { background-position: -222px -100px; width:18px; height:18px; }
#r100.rS:hover { background-position: -220px -121px; width:20px; height:18px; margin:0px 0px 0px -2px; }
/* Rating Response Box */
#ratingResponse { position:absolute; left:10px; width:140px; text-align:center; z-index:5750; }
/* Rating Progress Box */
#ratingProgress { position:absolute; right:10px; text-align:center; z-index:5750; }
/* Login Teaser Box */
#loginTeaser { position:absolute; right:10px; text-align:center; font-size:10px; z-index:5750; }
#dashboardTeaser { position:absolute; right:10px; text-align:center; font-size:10px; z-index:5750; }
/* Rating Progress Bar */
#progressBar { position:relative; }
#progressBar.small { width:121px; height:12px; background-image:url('../../images/layout/interact/progressBar.png'); }
#progressBar.small.main { float:none; margin:5px 0px 10px 0px; }
#progressBar.small.rate { float:none; margin:5px 0px 5px 0px; }
#progressBar.small.home { float:right; margin:5px 0px 5px 0px; }
#progressBar.small.p10 { background-position: -13px -1px; }
#progressBar.small.p20 { background-position: -13px -14px; }
#progressBar.small.p30 { background-position: -13px -27px; }
#progressBar.small.p40 { background-position: -13px -40px; }
#progressBar.small.p50 { background-position: -13px -53px; }
#progressBar.small.p60 { background-position: -13px -66px; }
#progressBar.small.p70 { background-position: -13px -79px; }
#progressBar.small.p80 { background-position: -13px -92px; }
#progressBar.small.p90 { background-position: -13px -105px; }
#progressBar.small.p100 { background-position: -13px -118px; }
#progressBar.large { width:297px; height:16px; background-image:url('../../images/layout/interact/progressBar.png'); }
#progressBar.large.discover { float:none; margin:10px 0px 10px 0px; }
#progressBar.large.p10 { background-position: -14px -131px; }
#progressBar.large.p20 { background-position: -14px -148px; }
#progressBar.large.p30 { background-position: -14px -165px; }
#progressBar.large.p40 { background-position: -14px -182px; }
#progressBar.large.p50 { background-position: -14px -199px; }
#progressBar.large.p60 { background-position: -14px -216px; }
#progressBar.large.p70 { background-position: -14px -233px; }
#progressBar.large.p80 { background-position: -14px -250px; }
#progressBar.large.p90 { background-position: -14px -267px; }
#progressBar.large.p100 { background-position: -14px -284px; }
/* Boo & Whoo large icon classes */
.boowhoo_large.bw_container { position:relative; }
.boowhoo_large { position:relative; width:50px; height:50px; text-align:center; line-height:50px; font-size:26px; color:#fff; }
.boowhoo_large.bwl { position:relative; background:url('../../images/layout/interact/ratings/icon_boowhoo_large.png'); }
.boowhoo_large.bwl_00 { background-position: 0px 0px; }
.boowhoo_large.bwl_01 { background-position: -51px 0px; }
.boowhoo_large.bwl_02 { background-position: -101px 0px; }
.boowhoo_large.bwl_03 { background-position: -151px 0px; }
.boowhoo_large.bwl_04 { background-position: -202px 0px; }
.boowhoo_large.bwl_05 { background-position: -254px 0px; }
.boowhoo_large.bwl_06 { background-position: -305px 0px; }
.boowhoo_large.bwl_07 { background-position: -355px 0px; }
.boowhoo_large.bwl_08 { background-position: -406px 0px; }
.boowhoo_large.bwl_09 { background-position: -457px 0px; }
.boowhoo_large.bwl_10 { background-position: -507px 0px; }
/* Item Rating */
.boowhoo_large { font-size:16px; }
.item { position:relative; padding:0px 5px 0px 5px; }
.item .boowhoo_large.bw_container { position:relative; float:left; margin-top:3px; }
.item .ct_container { position:absolute; width:275px; right:0px; text-align:right; font-size:11px; color:#BE9A82; margin-bottom:0px; padding:5px; z-index:100; }
.item .desc_container { position:relative; float:left; margin:0px 0px 0px 10px; }
.item .desc_container.recommendation { margin:0px 0px 15px 0px; width:100%; }
.item .desc_container .title { font-size:14px; }
.item .desc_container .statistics { font-size:11px; color:#BE9A82; }
.item .desc_container .statistics .average { font-size:14px; color:#512B1B; }
.item .desc_container .rate { position:relative; width:260px; margin-top:2px; z-index:1000; }
/* Item Rating - share */
.items.share { margin-left:5px; }
.items.share .rating { color:#cfcfcf; display:block; position:absolute; font-size:25px; line-height:25px; width:52px; top:28px; left:0px; text-align:right; padding-bottom:3px; }
.items.share .boowhoo_large { line-height:inherit; text-align:inherit; }
.items.share .boowhoo_large a { position:relative; display:block; width:50px; height:50px; }
.items.share ul { list-style:none; margin:0px; padding:0px; }
.items.share ul li { position:relative; float:left; }
.items.share ul li ul { width:50px; height:50px; list-style:none; position:relative; float:left; margin:0px 15px 0px 0px; }
.items.share ul li ul .title { position:absolute; display:none; border:2px solid #c0c0c0; border-left:3px solid gray; font-size:11px; padding:3px; background-color:#eee; width:200px; top:57px; left:5px; }
.items.share ul li ul:hover .title { display:block; }
.items.share ul li ul:hover li .rating { color:#fff; font-size:27px; }
#menu_body_divider { position:relative; height:20px; }
#menu_body_divider .bg { position:absolute; float:left; z-index:50; width:100%; height:20px; background:url('../../images/layout/sub/divide_menu_body.png'); }
#menu_body_divider .blue_right { position:relative; z-index:25; float:right; height:20px; background-color:#F3F8FA; background:url('../../images/layout/sub/sidebar_vline.png'); background-repeat:repeat-y; }
#menu_body_divider .blue_right.home { width:279px; }
#menu_body_divider .blue_right.profile { width:351px; background-image:none; background-color:#F3F8FA; }
#menu_body_divider .blue_right.discover { width:350px; background-image:none; background-color:#F3F8FA; }
#menu_body_divider .blue_right.rate { width:350px; }
#menu_body_divider .blue_right.userDetail { width:350px; }
.divide_body_footer_sub { position:absolute; z-index:-1; width:604px; height:63px; margin:0px 0px -40px 0px; background:url('../../images/layout/sub/divide_body_footer_sub.png'); }
/* Body Content */
#body { position:relative; z-index:20000; float:left; }
#body.sub.home { width:590px; padding:10px 25px 25px 25px; }
#body.sub.profile { width:515px; font-size:14px; padding:10px 25px 25px 25px; }
#body.sub.discover { width:540px; padding:10px 0px 5px 25px; }
#body.sub.rate { width:100%; }
#body.sub.userDetail { width:610px; }
#body.sub.search { width:875px; margin:10px 20px 10px 20px; }
#body.sub.connect { width:540px; padding:10px 0px 5px 25px; }
/* Main */
#content .rating_body { position:relative; background-color:#fff; }
#content #ratingResponse { position:relative; float:left; width:140px; text-align:center; display:none; }
#content #justRated { width:300px; }
#content #topUsers { width:210px; }
#content .avatarScroller { float:left; top:-35px; left:-25px; }
.colTitle { color:#512B1B; font-size:20px; font-weight:400; }
/* Sub Home */
/* Rating Response Box */
.sub.home #ratingResponse { position:relative; float:left; width:auto; left:0px; text-align:left; }
.sub.home #ratingResponseValue { margin:3px 0px 0px 0px; }
.sub.home .avgContainer { position:relative; width:auto; padding-right:5px; float:left; }
.sub.home .itemContainer { position:relative; float:left; }
/* Rating Progress Box */
.sub.home #ratingProgress { position:relative; float:right; text-align:right; right:0px; margin:0px; padding:0px; }
/* Rating Interface */
.sub.home #currentItem, #currentItem_roll { background-color:#fbe7cf; }
.sub.home .rating_container { position:relative; width:587px; padding:15px 0px 0px 0px; }
.sub.home .rating_body .scale_container { position:relative; width:530px; left:50%; margin-left:-265px; }
.sub.home .skipItem_container { width:587px; }
/* profile */
.sub.profile .preferences.title.container { position:relative; float:left; width:75px; margin-right:15px; }
.sub.profile .preferences.fields.container { position:relative; float:left; width:410px; }
.sub.profile .preferences.title .item { position:relative; height:20px; padding:10px 0px 10px 0px; width:100%; text-align:right; }
.sub.profile .preferences.fields .item { position:relative; height:20px; padding:10px 0px 10px 0px; width:100%; }
.sub.profile .preferences.fields .item.bio { height:auto; }
/* Rate */
/* Rating Response Box */
.sub.rate #ratingResponse { top:100px; }
/* Rating Progress Box */
.sub.rate #ratingProgress { top:100px; right:20px; }
/* Rating Interface */
.sub.rate #currentItem { background-color:#fbe7cf; }
/* Past rated items */
.sub.rate .itemContainer { position:relative; margin-top:5px; }
.sub.rate .item { padding:0px; border:1px solid #eee; }
.sub.rate .item .boowhoo_large { width:50px; height:50px; margin-left:3px; }
/* Search */
.sub.search .query { font-size:44px; color:#80452b; margin-bottom:20px; }
.sub.search .profile_pic_search { position:relative; float:left; }
.sub.search .profile_pic_search img { border:none; }
.sub.search .ct_container { width:500px; }
/* share */
.sub.home .menu_holder { display:none; }
/* connect */
.sub.connect .menu_holder { margin:20px 0px 0px 0px; }
.sub.connect .profile_pic_search { position:relative; float:left; margin:3px 0px 0px 10px; }
.sub.connect .profile_pic_search img { border:none; }
.sub.connect .ct_container { width:200px; }
/* Terms */
.sub.terms { font-size:12px; margin:20px; color:#866B60; width:875px; }
.sub.terms ol li { font-weight:bold; }
.sub.terms ol li ol li { font-weight:normal; color:#866B60; text-align:justify; }
/* PP */
.sub.privacy { font-size:12px; margin:20px; color:#866B60; width:875px; }
/* About */
.sub.about { font-size:12px; margin:20px; color:#866B60; width:875px; }
/* Help */
.sub.help { font-size:12px; margin:20px; color:#866B60; width:875px; }
/* Layout Definitions */
.sub.reference { margin:20px; }
.sub.reference .refItem { margin-bottom:20px; padding-bottom:5px; border-bottom:1px dotted black; }
.sub.reference .refTitle { font-size:14px; margin-bottom:10px; }
.sub.reference .refExample { border:5px solid black; padding:10px; }
/* Sidebars */
.sidebar { position:relative; z-index:15000; float:right; background:url('../../images/layout/sub/sidebar_vline.png'); background-repeat:repeat-y; background-color:#F3F8FA; }
#sidebar .sbTitle { position:relative; margin:0px -5px 10px 10px; text-align:left; font-size:30px; font-weight:500; color:#512B1B; }
/* Sub Home */
.sidebar.home { width:249px; padding:15px; }
/* Item Rating */
#subside_home .item { padding:0px; margin-bottom:10px; }
#subside_home .item .desc_container { float:none; margin:0px; }
/* connect */
.sidebar.home .borderControl:hover .outline.mid .ct_container { display:none; }
/* Profile */
.sidebar.profile { width:301px; background-image:none; font-size:14px; padding:0px 25px 25px 25px; }
.sidebar.profile .itemContainer { margin:0px 0px 15px 0px; }
.sidebar.profile #profileRecentRatings { width:100%; }
.sidebar.profile .itemContainer .item .desc_container { width:215px; left:10px; margin:0px; }
/* Discover */
.sidebar.discover { width:300px; background-image:none; padding:25px; }
/* Item Detail */
.sidebar.itemDetail { width:306px; background:none; font-size:14px; }
/* Results & Rate */
.sidebar.itemDetail .boowhoo_large.bw_container { left:110px; padding:10px; }
.sidebar.itemDetail .rateBox { color:#866B60; position:relative; text-align:center; padding:10px 0px 10px 0px; background-color:#dee7b9; }
.sidebar.itemDetail .rateBox .title { font-size:14px; }
.sidebar.itemDetail .rateBox .rate { position:relative; left:20px; padding:10px; }
.sidebar.itemDetail .rateBox .rate .backdrop { position:absolute; left:1px; top:5px; z-index:10; }
.sidebar.itemDetail .rateBox .predict { font-size:11px; }
/* Tags & Links */
.sidebar.itemDetail .tags { margin:0px 0px 30px 0px; }
.sidebar.itemDetail .tags .title { margin:0px 0px 10px 0px; }
.sidebar.itemDetail .tags .tagList { margin:0px 0px 10px 0px; }
.sidebar.itemDetail .linkList { margin:10px 0px 0px 0px; padding:0px 0px 0px 3px; font-size:12px; list-style:none; color:#866B60; }
/* User Detail */
.sidebar.userDetail { width:306px; background:none; font-size:14px; margin-top:10px; }
.sidebar.userDetail .links { margin:10px 0px 0px 0px; padding:0px 0px 0px 3px; font-size:12px; list-style:none; color:#866B60; }
.sidebar.userDetail .icon.polaroid { position:absolute; right:-35px; top:-5px; }
.sidebar.userDetail .socialSection { position:relative; height:100px; display: none;}
/* Connect */
.sidebar.connect { width:300px; background-image:none; padding:25px; }
/* Filters */
.filter { position:relative; color:#512B1B; }
.filter .item { position:relative; margin-bottom:15px; }
.filter .item .title { position:relative; }
.filter .item .value { position:relative; margin:5px 0px 5px 0px; font-size:13px; }
.filter .item .value.indent { margin-left:10px; }
.filter ul { list-style:none; top:0px; left:0px; margin:0px; padding:0px; }
.filter
.current.age,
.current.common,
.current.average,
.current.popularity { position:relative; float:right; font-size:14px; color:#FF5E00; }
.filter
.slide.common,
.slide.age,
.slide.popularity,
.slide.average { position:relative; font-size:12px; color:#999; top:5px; }
.filter
.slide.common.min,
.slide.age.min,
.slide.average.min,
.slide.popularity.min { float:left; }
.filter
.slide.common.max,
.slide.age.max,
.slide.average.max,
.slide.popularity.max { float:right; }
/* Error Pages */
.errorPage .wrapper { position:relative; }
.errorPage .wrapper.e403 { width:816px; left:50%; margin-left:-408px; margin-top:135px; }
.errorPage .wrapper.e404 { width:816px; left:50%; margin-left:-408px; margin-top:135px; }
.errorPage .wrapper.e500 { width:816px; left:50%; margin-left:-408px; margin-top:135px; }
.errorPage .message { position:relative; width:381px; left:50%; margin-left:-135px; text-align:left; margin-top:-50px; }
/* tagList */
.tagList { position:relative; font-size:12px; color:#866b60; width:256px; }
.tagList .tag_holder { position:relative; padding:1px; width:100%; }
.tagList .tag_holder .cover { position:absolute; z-index:150; top:0px; right:0px; width:75px; height:100%; background:url('../../images/layout/text/textFade.png') right repeat-y; display:block; }
.tagList .tag_holder .bg { position:relative; z-index:100; height:12pt; background-color:#E3D7C8; }
.tagList .tag_holder.hover .bg { background-color:#BE9A82; }
.tagList .tag_holder .name { position:absolute; z-index:125; width:195px; margin-left:5px; overflow:hidden; white-space:nowrap; }
.tagList .tag_holder .count { position:absolute; z-index:175; right:15px; font-size:10px; line-height:12pt; color:#B7A9A5; }
.tagList .tag_holder .delete { position:absolute; z-index:175; right:0px; font-size:10px; line-height:12pt; color:#B7A9A5; }
.tagList .tag_holder.hover .count { color:#512B1B; }
/* Boxes */
.outline.top { position:relative; margin:0px; padding:0px; height:7px; }
.outline.mid { position:relative; margin:0px; padding:0px; }
.outline.bot { position:relative; margin:0px; padding:0px; height:7px; }
/* B89A75 FFFFFF */
.outline.top .B89A75.FFFFFF .t_01 { position:relative; float:left; background:url('../../images/layout/boxes/all_boxes.png') -21px 0px; width:7px; height:7px; }
.outline.top .B89A75.FFFFFF .t_02 { position:absolute; left:7px; right:7px; height:7px; border-top:1px solid #e3d7c8; }
.outline.top .B89A75.FFFFFF .t_03 { position:relative; float:right; background:url('../../images/layout/boxes/all_boxes.png') -34px 0px; width:7px; height:7px; }
.outline.mid .B89A75.FFFFFF { border-left:1px solid #e3d7c8; border-right:1px solid #e3d7c8; }
.outline.bot .B89A75.FFFFFF .t_01 { position:relative; float:left; background:url('../../images/layout/boxes/all_boxes.png') -21px -13px; width:7px; height:7px; }
.outline.bot .B89A75.FFFFFF .t_02 { position:absolute; left:7px; right:7px; height:6px; border-bottom:1px solid #e3d7c8; }
.outline.bot .B89A75.FFFFFF .t_03 { position:relative; float:right; background:url('../../images/layout/boxes/all_boxes.png') -34px -13px; width:7px; height:7px; }
/* EEEEEE */
.outline.top .EEEEEE .t_01 { position:relative; float:left; background:url('../../images/layout/boxes/all_boxes.png') -63px 0px; width:7px; height:7px; }
.outline.top .EEEEEE .t_02 { position:absolute; left:7px; right:7px; height:7px; background-color:#EEEEEE; }
.outline.top .EEEEEE .t_03 { position:relative; float:right; background:url('../../images/layout/boxes/all_boxes.png') -76px 0px; width:7px; height:7px; }
.outline.mid .EEEEEE { background-color:#EEEEEE; border-left:1px solid #EEEEEE; border-right:1px solid #EEEEEE; }
.outline.bot .EEEEEE .t_01 { position:relative; float:left; background:url('../../images/layout/boxes/all_boxes.png') -63px -13px; width:7px; height:7px; }
.outline.bot .EEEEEE .t_02 { position:absolute; left:7px; right:7px; height:6px; background-color:#EEEEEE; border-bottom:1px solid #EEEEEE; }
.outline.bot .EEEEEE .t_03 { position:relative; float:right; background:url('../../images/layout/boxes/all_boxes.png') -76px -13px; width:7px; height:7px; }
/* E3D7C8 */
.outline.top .E3D7C8 .t_01 { position:relative; float:left; background:url('../../images/layout/boxes/all_boxes.png') 0px -21px; width:7px; height:7px; }
.outline.top .E3D7C8 .t_02 { position:absolute; left:7px; right:7px; height:7px; background-color:#E3D7C8; }
.outline.top .E3D7C8 .t_03 { position:relative; float:right; background:url('../../images/layout/boxes/all_boxes.png') -55px -21px; width:7px; height:7px; }
.outline.mid .E3D7C8 { background-color:#E3D7C8; }
.outline.mid .E3D7C8 .t_01 { position:relative; margin:0px; background-color:#e3d7c8; padding:6px 15px 6px 15px; font-size:12px; }
.outline.mid .E3D7C8 .t_02 { position:relative; float:right; text-align:center; }
.outline.mid .E3D7C8 .t_03 { position:relative; margin:0px 60px 0px 0px; }
.outline.bot .E3D7C8 .t_01 { position:relative; float:left; background:url('../../images/layout/boxes/all_boxes.png') 0px -38px; width:7px; height:7px; }
.outline.bot .E3D7C8 .t_02 { position:absolute; left:7px; right:7px; height:6px; background-color:#E3D7C8; border-bottom:1px solid #E3D7C8; }
.outline.bot .E3D7C8 .t_03 { position:relative; float:right; background:url('../../images/layout/boxes/all_boxes.png') -55px -38px; width:7px; height:7px; }
.outline.bub .E3D7C8 .t_01 { position:relative; float:left; width:15px; height:15px; margin:0px 0px 0px 25px; background:url('../../images/layout/boxes/all_boxes.png') -21px -45px; }
.outline.bub .E3D7C8 .t_02 { position:relative; float:left; width:25px; height:25px; margin:3px 6px 0px 3px; border:1px solid black; }
.outline.bub .E3D7C8 .t_03 { position:relative; float:left; margin:3px 0px 0px 0px; font-size:10px; }
.outline.bub .E3D7C8 .t_04 { color:#512B1B; margin:0px 10px 0px 0px; }
/* F4EFE9 */
.outline.top .F4EFE9 .t_01 { position:relative; float:left; background:url('../../images/layout/boxes/all_boxes.png') -63px -21px; width:7px; height:7px; }
.outline.top .F4EFE9 .t_02 { position:absolute; left:7px; right:7px; height:7px; background-color:#F4EFE9; }
.outline.top .F4EFE9 .t_03 { position:relative; float:right; background:url('../../images/layout/boxes/all_boxes.png') -118px -21px; width:7px; height:7px; }
.outline.mid .F4EFE9 { background-color:#F4EFE9; }
.outline.mid .F4EFE9 .t_01 { position:relative; margin:0px; background-color:#F4EFE9; padding:6px 15px 6px 15px; font-size:12px; }
.outline.mid .F4EFE9 .t_02 { position:relative; float:right; text-align:center; }
.outline.mid .F4EFE9 .t_03 { position:relative; margin:0px 60px 0px 0px; }
.outline.bot .F4EFE9 .t_01 { position:relative; float:left; background:url('../../images/layout/boxes/all_boxes.png') -63px -38px; width:7px; height:7px; }
.outline.bot .F4EFE9 .t_02 { position:absolute; left:7px; right:7px; height:6px; background-color:#F4EFE9; border-bottom:1px solid #F4EFE9; }
.outline.bot .F4EFE9 .t_03 { position:relative; float:right; background:url('../../images/layout/boxes/all_boxes.png') -118px -38px; width:7px; height:7px; }
.outline.bub .F4EFE9 .t_01 { position:relative; float:left; width:15px; height:15px; margin:0px 0px 0px 25px; background:url('../../images/layout/boxes/all_boxes.png') -84px -45px; }
.outline.bub .F4EFE9 .t_02 { position:relative; float:left; width:25px; height:25px; margin:3px 6px 0px 3px; border:1px solid black; }
.outline.bub .F4EFE9 .t_03 { position:relative; float:left; margin:3px 0px 0px 0px; font-size:10px; }
.outline.bub .F4EFE9 .t_04 { color:#512B1B; margin:0px 10px 0px 0px; }
/* Border Control */
.borderControl .outline.mid .B89A75.FFFFFF { border-left:1px solid #fff; border-right:1px solid #fff; }
.borderControl .outline.top .t_01,
.borderControl .outline.top .t_02,
.borderControl .outline.top .t_03,
.borderControl .outline.bot .t_01,
.borderControl .outline.bot .t_02,
.borderControl .outline.bot .t_03,
.borderControl .outline.mid .ct_container { display:none; }
.borderControl:hover .outline.mid .B89A75.FFFFFF { border:1px solid #e3d7c8; border-top:0px; border-bottom:0px; }
.borderControl:hover .outline.top .t_01,
.borderControl:hover .outline.top .t_02,
.borderControl:hover .outline.top .t_03,
.borderControl:hover .outline.bot .t_01,
.borderControl:hover .outline.bot .t_02,
.borderControl:hover .outline.bot .t_03,
.borderControl:hover .outline.mid .ct_container { display:block; }
/* Callout */
.callout { position:relative; min-width:150px; min-height:150px; z-index:2500000; border:1px solid green; }
.callout .content { background:url('../../images/layout/boxes/callout.png'); background-position:-140px -30px; background-repeat:no-repeat; float:right; position:relative; border:1px solid purple; }
.callout.trans .content { background-position:-30px -30px; }
.callout .top,
.callout .bottom { position:relative; }
.callout .left,
.callout .right,
.callout .center,
.callout .pointer { position:relative; background:url('../../images/layout/boxes/callout.png'); float:left; width:25px; height:25px; margin:5px; border:1px solid orange; }
.callout .top .center,
.callout .bot .center { background-repeat:repeat-x; }
.callout .top .pointer,
.callout .bottom .pointer { }
.callout .top .left { background-position:-5px -5px; }
.callout .top .center { background-position:-30px -5px; }
.callout .top .right { background-position:-90px -5px; float:right; }
.callout .top .pointer { background-position:-58px -5px; }
.callout .mid .left { background-position:-5px -30px; float:left; }
.callout .mid .right { background-position:-90px -30px; float:right; }
.callout .mid .left.pointer { background-position:-5px -57px; float:left; }
.callout .mid .right.pointer { background-position:-90px -57px; float:right; }
.callout.trans .bot .left { background-position:-115px -90px; }
.callout.trans .bot .center { background-position:-140px -90px; min-width:25px; }
.callout.trans .bot .right { background-position:-200px -90px; float:right; }
.callout.trans .bot .pointer { background-position:-168px -90px; }
.callout.trans .top .left { background-position:-115px -5px; }
.callout.trans .top .center { background-position:-140px -5px; }
.callout.trans .top .right { background-position:-200px -5px; float:right; }
.callout.trans .top .pointer { background-position:-168px -5px; }
.callout.trans .mid .left { background-position:-115px -30px; float:left; }
.callout.trans .mid .right { background-position:-200px -30px; float:right; }
.callout.trans .mid .left.pointer { background-position:-115px -57px; float:left; }
.callout.trans .mid .right.pointer { background-position:-200px -57px; float:right; }
.callout.trans .bot .left { background-position:-115px -90px; }
.callout.trans .bot .center { background-position:-140px -90px; min-width:25px; }
.callout.trans .bot .right { background-position:-200px -90px; float:right; }
.callout.trans .bot .pointer { background-position:-168px -90px; }
.pointmsg { border:1px solid green; }
.pointmsg .left,
.pointmsg .right,
.pointmsg .center,
.pointmsg .point { background:url('../../images/layout/boxes/callout.png'); width:25px; height:25px; min-width:25px; }
.pointmsg .stretch { width:100%; background-repeat:repeat-x; }
.pointmsg .top .left { background-position:-5px -5px; }
.pointmsg .top .center { background-position:-30px -5px; }
.pointmsg .top .right { background-position:-90px -5px; }
.pointmsg .top .point { background-position:-58px -5px; }
.pointmsg .mid .left { background-position:-5px -30px; }
.pointmsg .mid .center { background-image:none; background-color:#e2e2e2; font-size:12px; color:#80452b; }
.pointmsg .mid .right { background-position:-90px -30px; }
.pointmsg .mid .point.left { background-position:-5px -57px; }
.pointmsg .mid .point.right { background-position:-90px -57px; }
.pointmsg .bot .left { background-position:-5px -89px; }
.pointmsg .bot .center { background-position:-30px -89px; }
.pointmsg .bot .right { background-position:-90px -89px; }
.pointmsg .bot .point { background-position:-58px -89px; }
/* Buttons */
.button { background:url('../../images/layout/interact/buttons/link_buttons.png'); }
.button.facebook { background-position:0px 0px; width:112px; height:41px; }
.button.twitter { background-position:-120px 0px; width:112px; height:41px; }
.button.yahooMail { background-position:-240px 0px; width:112px; height:41px; }
.button.gmail { background-position:-360px 0px; width:111px; height:41px; }
.icon { background:url('../../images/icons/social.png'); cursor:pointer; }
.icon.facebook.s0 { background-position:-164px -34px; width:16px; height:16px; }
.icon.twitter.s0 { background-position:-4px -209px; width:16px; height:16px; }
.icon.polaroid { cursor:auto; width:63px; height:78px; }
.icon.polaroid.facebook { background-position:-189px -142px; }
.icon.polaroid.twitter { background-position:-124px -142px; }
.icon.polaroid.digg { background-position:-254px -142px; }
.icon.polaroid.lastfm { background-position:-319px -142px; }
.icon.polaroid.myspace { background-position:-385px -142px; }
.icon.polaroid.delicious { background-position:-124px -222px; }
.icon.polaroid.youtube { background-position:-189px -222px; }
.icon.polaroid.gowalla { background-position:-254px -222px; }
.icon.polaroid.flickr { background-position:-319px -222px; }
.icon.polaroid.linkedin { background-position:-319px -62px; }
.icon.polaroid.foursquare { background-position:-254px -62px; }
.button.whatsThis,
.button.skipItem { background:url('../../images/layout/interact/buttons/interface.png'); }
.button.whatsThis { background-position:0px 0px; width:82px; height:26px; }
.button.skipItem { background-position:0px -28px; width:159px; height:27px; position:absolute; left:50%; margin-left:-78px; }
/* General-purpose */
/* Image Text */
.imageText { position:relative; background:url('../../images/layout/text/all_text.png'); }
.imageText.recommendations.large { background-position:0px 0px; width:334px; height:40px; }
.imageText.recommendations.small { background-position:0px -40px; width:195px; height:24px; }
.imageText.yourAccount { background-position:0px -146px; width:334px; height:48px; }
.imageText.yourRecent { background-position:0px -63px; width:127px; height:18px; }
.imageText.justRated { background-position:0px -83px; width:120px; height:21px; }
.imageText.mostAdored { background-position:0px -103px; width:120px; height:21px; }
.imageText.hotlyDebated { background-position:0px -123px; width:120px; height:21px; }
.imageText.whatsSparcq { background-position:0px -192px; width:117px; height:22px; }
.imageText.topUsers { background-position:-3px -216px; width:77px; height:21px; }
/* Color */
.c80452b { color:#80452b; }
.cff5e00 { color:#ff5e00; }
.c512b1b { color:#512b1b; }
.cbe9a82 { color:#be9a82; }
.c866b60 { color:#866b60; }
.c604940 { color:#604940; }
/* Border */
.b0 { border:none; }
.b1r { border:1px solid red; }
.b1b { border:1px solid blue; }
/* Background Colors */
.bg_e3d7c8 { background-color:#e3d7c8; }
.bg_eee { background-color:#eee; }
/* Font Size */
.f10 { font-size:10px; }
.f12 { font-size:12px; }
.f11 { font-size:11px; }
.f14 { font-size:14px; }
.f18 { font-size:18px; }
.f22 { font-size:22px; }
.f34 { font-size:34px; }
.f44 { font-size:44px; }
.f50 { font-size:50px; }
/* Text Alignment */
.taC { text-align:center; }
/* Line Height */
.lh-10 { line-height:10px; }
.lh-27 { line-height:27px; }
/* Margin */
.m-a-10 { margin:10px; }
.m-a-5 { margin:5px; }
.m-t-0 { margin-top:0px; }
.m-t-10 { margin-top:10px; }
.m-t-20 { margin-top:20px; }
.m-r-10 { margin-right:10px; }
.m-b-10 { margin-bottom:10px; }
.m-b-20 { margin-bottom:20px; }
.m-l-0 { margin-left:0px; }
.m-l-15 { margin-left:15px; }
.m-b-0 { margin-bottom:0px; }
.m-b-5 { margin-bottom:5px; }
.m-b-10 { margin-bottom:10px; }
.m-b-20 { margin-bottom:20px; }
/* Padding */
.p-a-10 { padding:10px; }
.p-t-0 { padding-top:0px; }
.p-b-0 { padding-bottom:0px; }
.p-b-10 { padding-bottom:10px; }
/* Floats */
.fl-l { float:left; }
.fl-r { float:right; }
.clearBoth { clear:both; }
.clearRight { clear:right; }
.clearLeft { clear:left; }
/* headings */
h1 { font-size:20px; color:#80452B; margin:0px; padding:0px; }
h2 { font-size:18px; color:#80452B; margin:0px; padding:0px; }
h3 { font-size:16px; color:#80452B; margin:0px; padding:0px; }
h4 { font-size:14px; color:#80452B; margin:0px; padding:0px; }
.title h1 { font-size:44px; }
.title h2 { font-size:18px; font-weight:normal; letter-spacing:2px; margin-top:5px; margin-bottom:20px; }
.home .title h2 { margin:10px 0px 10px 0px; }
.sidebar .title h1 { font-size:20px; }
.sidebar .title h2 { font-size:14px; letter-spacing:normal; }
.lastItem {
opacity: .3;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter:alpha(opacity=30);
}
.frontItemRating {
padding-right:10px;
color:#80452b;
}
.rateParen {
color:#512b1b;
padding:0px 2px 0px 2px;
}
.frontWhatsSparcq {
line-height:25px;
font-size:14px;
color:#80452b;
}
/* Footer */
#body_footer_divider { position:relative; margin:0px 8px 0px 8px; height:63px; background:url('../../images/layout/sub/divide_body_footer.png'); }
#footer { position:relative; margin:0px 0px 0px 28px; padding:0px 0px 5px 0px; }
#footer_wrapper { position:absolute; left:20px; }
#footer_bar { position:relative; float:left; top:0px; left:0px; }
#footer_links { padding:8px 0px 5px 0px; font-size:12px; }
#footer_links a { padding:0px 25px 0px 0px; }
#footer_links a:link { color:#ff5e00; text-decoration:none; }
#footer_links a:visited { color:#ff5e00; text-decoration:none; }
#footer_links a:hover { color:#ffb68a; text-decoration:none; }
#footer_nfo { font-size:9px; }
#footer_nfo a:link { color:#512b1b; text-decoration:none; }
#footer_nfo a:visited { color:#ff5e00; text-decoration:none; }
#footer_nfo a:hover { color:#ffb68a; text-decoration:none; }
.rating_comment_first {
font-size:24px; padding:0px 20px 0px 0px;
}
.rating_comment_second {
font-size:24px;
}
.rating_comment_first img, .rating_comment_second img { border:none; }
.is_selected, .is_selected a {
color:#512B1B;
}
.is_not_selected, .is_not_selected a {
color:#B7A9A5;
}
.hidden {
display: none;
}
#send_message_dialog {
position: fixed;
z-index: 20000;
top: 35%;
left: 50%;
margin-left: -200px;
background-color: #FFFFFF;
padding: 20px;
width: 400px;
display: none;
}
#send_message_dialog.twitter { border:8px solid #4bbbdc; }
#send_message_dialog #logo { position:absolute; background-image:url("../../images/icons/social.png"); }
#send_message_dialog #logo.twitter { width:37px; height:38px; right:-18px; top:-18px; background-position: -4px -141px; }
#send_message_dialog .send, #send_message_dialog .cancel {
float: right;
padding-top: 10px;
}
#send_message_dialog textarea {
margin-top: 10px;
}
#send_message_dialog .cancel {
margin-right: 10px;
}
.paginator_holder { margin:20px 0 10px 0; }
.autocomplete_item { padding:1px 2px 2px 3px; color:#999 }
.autocomplete_item .desc_text, .autocomplete_item .desc_text_loading { height: 26px; line-height: 12px; overflow:hidden; font-size:10px; }
.the_title { display:none; }
#body.profile .charsRemaining {
color: black;
font-size: 10px;
margin-bottom: 20px;
padding-top: 0px;
}
#body.profile .birthday.error {
color: red;
}
#unlinked_profile_list .profile {
height: 48px;
width: 48px;
float: left;
cursor:pointer;
margin:3px;
}
#linked_profile_list .profile {
margin-top: 10px;
display:none;
}
#linked_profile_list .profile.on {
display: block;
}
#linked_profile_list .profile.myspace {
padding-left: 30px;
background: url('/images/aquaticus/24x24/myspace.png') no-repeat left center;
}
#linked_profile_list .profile.digg {
padding-left: 30px;
background: url('/images/aquaticus/24x24/digg.png') no-repeat left center;
}
#linked_profile_list .profile.youtube {
padding-left: 30px;
background: url('/images/aquaticus/24x24/youtube.png') no-repeat left center;
}
#linked_profile_list .profile.linkedin {
padding-left: 30px;
background: url('/images/aquaticus/24x24/linkedin.png') no-repeat left center;
}
#linked_profile_list .profile.gowalla {
padding-left: 30px;
background: url('/images/aquaticus/24x24/gowalla.png') no-repeat left center;
}
#linked_profile_list .profile.flickr {
padding-left: 30px;
background: url('/images/aquaticus/24x24/flickr.png') no-repeat left center;
}
#linked_profile_list .profile.delicious {
padding-left: 30px;
background: url('/images/aquaticus/24x24/delicious.png') no-repeat left center;
}
#linked_profile_list .profile.lastfm {
padding-left: 30px;
background: url('/images/aquaticus/24x24/lastfm.png') no-repeat left center;
}
#linked_profile_list .profile.foursquare {
padding-left: 30px;
background: url('/images/aquaticus/24x24/foursquare.png') no-repeat left center;
}
#unlinked_profile_list .profile.twitter {
background: url('/images/aquaticus/48x48/twitter.png');
}
#unlinked_profile_list .profile.myspace {
background: url('/images/aquaticus/48x48/myspace.png');
}
#unlinked_profile_list .profile.digg {
background: url('/images/aquaticus/48x48/digg.png');
}
#unlinked_profile_list .profile.youtube {
background: url('/images/aquaticus/48x48/youtube.png');
}
#unlinked_profile_list .profile.linkedin {
background: url('/images/aquaticus/48x48/linkedin.png');
}
#unlinked_profile_list .profile.gowalla {
background: url('/images/aquaticus/48x48/gowalla.png');
}
#unlinked_profile_list .profile.flickr {
background: url('/images/aquaticus/48x48/flickr.png');
}
#unlinked_profile_list .profile.delicious {
background: url('/images/aquaticus/48x48/delicious.png');
}
#unlinked_profile_list .profile.lastfm {
background: url('/images/aquaticus/48x48/lastfm.png');
}
#unlinked_profile_list .profile.foursquare {
background: url('/images/aquaticus/48x48/foursquare.png');
}
.social_network {
font-size:12px; color:#999;
}
.gender_count {
font-size:12px; color:#999;
}
.ui-widget {
font-size:0.8em;
}
.ui-accordion-header,
.ui-accordion-content {
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
}
.ui-accordion-header {
font-size:14px;
}
.ui-accordion-content {
font-size:12px;
}
#similarUsersList .rating_wide_default_display {
display: none;
}