html, body {height:100%;}

body {margin:0; font-family:Arial, Helvetica, sans-serif; background-color:#12072a; font-size:12px; line-height:20px; color:#9a9a9a;}

h1 {font-size:22px; line-height:28px; color:#df5d80; font-weight:bold; margin:10px 0;}
h3 {font-size:16px; line-height:22px; color:#777; font-weight:bold; margin:10px 0;}

p {font-size:12px; line-height:20px; color:#9a9a9a; margin:10px 0;}
p.sml {font-size:11px; line-height:18px;}

a {color:#fb5da0; font-weight:normal; text-decoration:none;}
a:hover {color:#38b4c7; font-weight:normal; text-decoration:underline;}
a img {border:none;}

hr {color:#e0e0e0; background:#e0e0e0; height:1px; border:none; margin:4px 0;}

ul {margin:10px 0 10px 20px; padding:0;}
li {margin:0 0 0 20px; padding:0;}

#privacy_link{color:#000}
#privacy_link:hover{color:#fb5da0}

strong {color:#727272;}

div.logintable_container {width:98%; margin:1%;}
table#table1 {text-align:center; margin-left:auto; margin-right:auto; width:377px;}

select{padding:2px; font-family:Arial, Helvetica, sans-serif; background-color:#f5f7e9; font-size:12px; line-height:20px; color:#12072a;}
/* Colors */
.green {color:#9eb04f;}
.purple { color:#bd1f74; }
.pink { color:#fb5da0; }

/* Messages and Errors */
#errors {display:none; margin-left:0px; line-height:40px; vertical-align:middle; text-indent:95px; width:996px; *width:980px; height:50px; background:url(../images/error_bar.gif) top no-repeat; text-align:middle; font-size:12px; font-weight:bold; color:#fff; overflow:hidden;}
#messages {display:none; margin-left:0px; line-height:40px; vertical-align:middle; text-indent:95px; width:996px; *width:980px; height:50px; background:url(../images/message_bar.gif) top no-repeat; text-align:middle; font-size:12px; font-weight:bold; color:#fff; overflow:hidden;}

/* Spacings */
.nomargin {margin:0;}
.margin5 {margin:5px 0;}
.margin10 {margin:10px 0;}
.margin15 {margin:15px 0;}
.margin15top {margin-top:15px;}
.margin20 {margin:20px 0;}
.push10 {margin:0 10px;}
.pad10 {padding-left: 10px;}
table.center {margin-left:auto; margin-right:auto;}

/* Background */

.bg {width:100%; height:auto; background:url(../images/bg2.jpg) bottom center; padding-bottom:231px; background-repeat:no-repeat; }
.centersite {width:1020px; margin:0 auto; padding-top:20px;}

/* Header / Nav */

.header {width:1020px; height:70px;}

.logo, .logolink {width:256px; height:68px; position:absolute; margin:0 0 0 45px;}
html>body .logo {background:url(../images/logo.png);}
*html .logo {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/logo.png");}

.logolink a {width:256px; height:68px; display:block;}
.logolink span {display:none;}
/*
html>body .tagline {background:url(../images/tagline.png); width:130px; height:41px; background-repeat:no-repeat; position:absolute; margin:35px 0 0 870px; }
*html .tagline {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tagline.png");}
*/
.navbg {width:980px; height:41px; background:url(../images/nav.gif) top no-repeat; margin-top:10px; margin:10px 20px 0 20px;}
.navbg .left {float:left; padding-left:30px;}
.navbg .right {float:right; padding-right:15px;}

.nav {position:absolute; z-index:10;}
.nav ul {margin:6px 0 0 0; padding:0; float:left;}
.nav li {list-style:none; float:left; margin:0 12px 0 0; padding:0; height:30px;}
.nav a {height:30px; display:block;}
.nav a:hover {color:#da5a7d; text-decoration:none; font-weight:bold;}

.nav a span {display:none;}
.nav a:hover span {display:inline; position:absolute;}

.nav a:hover span.homephrase {width:176px; height:20px; margin:-33px 0 0 235px;}
html>body .nav a:hover span.homephrase {background:url(../images/nav1.png);}
*html .nav a:hover span.homephrase {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav1.png");}

.nav a:hover span.roomphrase {width:253px; height:20px; margin:-33px 0 0 168px;}
html>body .nav a:hover span.roomphrase {background:url(../images/nav2.png);}
*html .nav a:hover span.roomphrase {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav2.png");}

html>body .mood_ring_header {background:url(../images/mood_ring_header.png); background-repeat:no-repeat; }
*html .mood_ring_header {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/mood_ring_header.png");}
*html .mood_ring_content { 
   height: expression( this.scrollHeight < 195 ? "195px" : "auto" ); /* sets min-height for IE */
   height:195px;
   min-height: 195px; /* sets min-height value for all standards-compliant browsers */
}

.nav a:hover span.cokephrase {width:310px; height:20px; margin:-18px 0 0 71px;}
html>body .nav a:hover span.cokephrase {background:url(../images/nav3.png);}
*html .nav a:hover span.cokephrase {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav3.png");}

.nav a:hover span.crowdphrase {width:294px; height:20px; margin:-33px 0 0 -75px;}
html>body .nav a:hover span.crowdphrase {background:url(../images/nav4.png);}
*html .nav a:hover span.crowdphrase {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/nav4.png");}

.nav .home a {width:55px; background:url(../images/nav_home.gif);}
.nav .home a:hover {background:url(../images/nav_home2.gif);}
.nav .myroom a {width:85px; background:url(../images/nav_myroom.gif);}
.nav .myroom a:hover {background:url(../images/nav_myroom2.gif);}
.nav .coke a {width:135px; background:url(../images/nav_coke.gif);}
.nav .coke a:hover {background:url(../images/nav_coke2.gif);}
.nav .quiz a {width:135px; height:64px; background:url(../images/nav_quiz.gif); position:relative; margin-top:-15px;}
.nav .quiz a:hover {background:url(../images/nav_quiz2.gif);}
.nav .crowd a {width:120px; background:url(../images/nav_crowd.gif);}
.nav .crowd a:hover {background:url(../images/nav_crowd2.gif);}
.nav .friends a {width:120px; background:url(../images/nav_friends.gif);}
.nav .friends a:hover {background:url(../images/nav_friends2.gif);}

.signup input {background-color:#e1f6f9; padding:4px; border:#2dabbe 1px solid; color:#2fa4b5; font-size:12px; line-height:20px; font-style:italic; margin:0 4px 0 0;}

/* Body BG & Shadows */

.body {width:1020px;}

.shadow_top {width:1020px; height:17px; font-size:0; line-height:0; }
html>body .shadow_top {background:url(../images/shadow_top.png);}
*html .shadow_top {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/shadow_top.png");}

.shadow_bottom {width:1020px; height:30px; font-size:0; line-height:0;}
html>body .shadow_bottom {background:url(../images/shadow_bottom.png);}
*html .shadow_bottom {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/shadow_bottom.png");}

.shadow_left {width:20px; font-size:0; line-height:0;}
html>body .shadow_left {background:url(../images/shadow_left.png) repeat-y;}
*html .shadow_left {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/shadow_left.png", sizingMethod="scale");}

.shadow_right {width:20px; font-size:0; line-height:0;}
html>body .shadow_right {background:url(../images/shadow_right.png) repeat-y;}
*html .shadow_right {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/shadow_right.png", sizingMethod="scale");}

.bodybottom {background:url(../images/body_bottom.jpg) bottom no-repeat #FFF;}
.bodytop {width:980px; background:url(../images/body_top.jpg) top no-repeat;}

.bodypad {width:968px; margin:0 6px;}

/* Home Page */

.toppics {width:968px; height:318px; margin-bottom:6px;}

.pic1, .pic2, .pic3, .pic4 {width:238px; height:318px; float:left;}
.pic1 {background:url(../images/pic1.jpg); margin-right:5px;}
.pic2 {background:url(../images/pic2.jpg); margin-right:6px;}
.pic3 {background:url(../images/pic3.jpg); margin-right:5px;}
.pic4 {background:url(../images/pic4.jpg);}

.homebottom {width:968px; height:235px;}
.homebottom .left {width:475px; height:235px; background:url(../images/bot_left.jpg); position:absolute;}
.homebottom .right {width:487px; height:235px; background:url(../images/bot_right.jpg); position:absolute; margin:0 0 0 481px;}

.homebottom .left .padding {padding:5px 15px 10px 15px;}
.homebottom .right .padding {padding:5px 15px 10px 40px;}

.join, .joinlink {width:201px; height:201px; position:absolute; margin:-130px 0 0 377px;}
html>body .join {background:url(../images/join.png);}
*html .join {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/join.png");}

.joinlink a {width:201px; height:201px; display:block;}
.joinlink span {display:none;}

.whatsay {width:839px; height:117px; position:absolute; margin:-150px 0 0 75px;}
html>body .whatsay {background:url(../images/whatsay.png);}
*html .whatsay {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/whatsay.png");}

.homeicons {text-align:center;}
.homeicons img {border:none;}
.homeicons a {color:#32a5b9; font-weight:bold; text-decoration:none;}
.homeicons a:hover {color:#d47d0b; font-weight:bold; text-decoration:none;}

/* Login Page */
.login input {background-color:#e7e8e0; border:none; padding:3px; color:#157686;}
.loginicons img {border:none; color:#32a5b9; font-weight:bold;}
.loginicons a {color:#32a5b9; font-weight:bold; text-decoration:none;}
.loginicons a:hover {color:#d47d0b; font-weight:bold; text-decoration:none;}

/* Login / Waiting */
div.waiting_container {width:98%; margin:1%;}
table#waiting_table {text-align:center; margin-left:auto; margin-right:auto; width:358px;}
tr,td {text-align:left;}

/* Forms */
.join_form_field { color:#222; font-size:24px; font-weight:bold; border:1px solid #6699cc; font-family:Tahoma, Verdana, Arial; background-color:#fff; height:30px; border-bottom:2px solid #0066cc; width:260px; text-align:center; overflow:hidden; padding-top:5px; }
.join_form_field_focus { color:#222; font-size:24px; font-weight:bold; border:1px solid #6699cc; font-family:Tahoma, Verdana, Arial; background-color:#ffff99; height:30px; border-bottom:2px solid #0066cc; width:260px; text-align:center; overflow:hidden; padding-top:5px; }
.join_form_error { padding:5px; background-color:#cc0033; color:#fff; font-weight:bold; width:400px; font-size:11px; }

/* Footer */
.footer {width:1020px; height:41px; background:url(../images/nav.gif) top center no-repeat; color:#9F415B; position:absolute; margin-top:-15px; font-size:11px; line-height:17px;}
.footer .left {float:left; padding:11px 0 0 40px;}
.footer .right {float:right; text-align:right; padding:3px 40px 0 0;}
.footer a {color:#9F415B; font-weight:bold; text-decoration:none;}
.footer a:hover {color:#318061; font-weight:bold; text-decoration:none;}

/* Misc */
.pseudo_button { cursor:hand; cursor:pointer; }

/* Coke or Pepsi Quizzes */
#cop_main { background-color:#fff; color:#fff; padding:5px 15px; }
#poll_instructions { float:left; width:325px; background:url(../images/poll_instructions.gif) top no-repeat; color:#ea1176;}
#poll_instructions_empty { float:left; width:325px; height:243px; background:url(../images/poll_instructions_bottom_empty.gif) top no-repeat; color:#ea1176;}
#poll_results { position:relative; top:320px; height:485px; left:90px; color:#ea1176; }
#quiz { color:#444; background-color:#fff; font-family:Tahoma; padding-left:25px; line-height:32px; font-size:12px;}
.quiz_input { padding:5px; border:1px solid #fea2cd; color:#7d043d;}
.quiz_error_text { display:none; margin-left:-2px; background:url(../images/error_type_text.gif); width:161px; height:31px; line-height:31px; padding:0px; margin-bottom:3px;};
.quiz_error_radio { display:none; margin-left:-2px; background:url(../images/error_type_radio.gif); width:161px; height:31px; line-height:31px; padding:0px; margin-bottom:3px;}
.cokepepsi {margin:10px 0 10px 55px; _margin:10px 0 10px 27px; float:left;}
.quizbox_pollpage { width:580px; padding:10px; border:333 1px solid; background-color:#ccc; }
.quizbox_results {width:400px; padding:0 10px; border:#ededed 1px solid;}
.quizbox td {padding-top:10px;}
.quizbox_results td {padding-top:6px;}
.quizbutton {padding:10px 0 0 355px;}

.quiz_top_left { float:left; width:276px; height:30px; font-size:16px; font-weight:bold; text-indent:95px; line-height:32px; vertical-align:middle; 
background-image:url(../images/quiz_user_header_double.gif); background-repeat:no-repeat; background-position:top left; color:#fff; }
.quiz_module{margin:5px 0;}
.module_toggle{margin:5px 0;}
.quiz_top_right { float:left; width:120px; height:30px; }
.quiz_top_left_create { float:left; width:310px; margin-left:0px; padding-left:0px; height:30px; font-size:16px; font-weight:bold; text-indent:95px; line-height:32px; vertical-align:middle; color:#fff; }
.quiz_top_right_create { float:left; width:86px; height:30px; }
.filler { width:230px; height:395px; border:1px dotted #888; background-color:#e6e6e6; }
.quiz_bot_left { float:left; width:310px; height:29px; background-color:#000; background:url(../images/quiz_bot_left.gif) no-repeat; color:#fff; }
.quiz_bot_right { float:left; width:86; height:29px; }
.poll_answer { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#c62127;}
.qhead { border:1px solid #aaa; padding:2px; }
.question_drag { color:#333; overflow:hidden; margin:0 5px 0 0; padding:5px; height:30px; line-height:30px; vertical-align:middle; background-color:#e6e6e6; border-bottom:2px solid #ddd; }
#quiz_questions { display:none; float:left; height:410px; width:300px; overflow-y:auto; overflow-x:hidden; }
#quiz_question_drop { display:none; margin-top:15px; }
.ques { border-left:15px solid #ddd; background-color:#f6f6f6;  padding-left:5px; color:#888; line-height:30px; height:30px; vertical-align:middle; margin:5px 0; } 
.ques_dropped { background-color:#f6f6f6;  padding-left:5px; color:#888; line-height:30px; height:30px; vertical-align:middle; margin:5px 0; }
#publish_button { display:none; color:#333; }
#quiz_update { background-color:#d9d9d9; padding:5px; }
#quiz_loading_indicator { display:none; width:306px; margin:0 auto; padding:45px; text-align:center; }
#member_quiz_answers { background-color:#d9d9d9; padding:5px; color:#444; margin-bottom:10px; font-size:11px; }
#member_quiz_answers h1 { font-size:32px; font-weight:bold; color:#b33377; letter-spacing:-.03em; }
#member_quiz_answers h2 { font-size:18px; font-weight:bold; color:#b33377; letter-spacing:-.03em; }

/* Friends */
.friend_li { list-style-type:none; list-style:none; float:left; color:#fff; width:125px; }
.friend_li a:link { color: #fff; }
.friend_li a:visited { color: #fff; }
.friend_li a:hover { color: #f859ae; }
.friend_il a:active { color:#fff; }


#myfriends_container { padding:15px; background-color:#150a2d; text-align:center; margin-left:5px; height:150px; }

/* Reward Notifications */
#reward_slider_p { width:320px; margin:0 auto; position:relative; }
.notification_points_p { position:relative; left:60px; top:-10px; color:#c00064; font-size:24px; text-align:center; margin:0 auto; font-weight:bold; font-family:"Arial Black", Arial, Helvetica; letter-spacing: -1.5px }
.notification_description_p { position:relative; left:86px; top:-20px; color:#fff; font-size:12px; width:90px; text-align:center; font-weight:bold; }


/* Graphs */
.clear{
clear:both;}

.graphcont {
color:#000;
font-weight:700;
float:left
}

.graph {
float:left;
background-color:transparent;
position:relative;
width:280px;
padding:0
}

.graph .bar {
display:block;
position:relative;
background-image:url(../images/bargraph.gif);
background-position:right center;
background-repeat:repeat-x;
text-align:center;
color:#fff;
height:14px;
line-height:14px;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border-right:1px solid #7f053e;
}

.graph .bar span {
position:absolute;
left:1em
}

.welcome { color:#fff; font-weight:bold; }
.welcome a { color:#fff; font-weight:bold; text-decoration:none; }
.welcome a:hover {color:#fff; font-weight:bold; text-decoration:underline;}
.notwelcome { color:#4d87c0; font-weight:normal; }
.notwelcome a { color:#4d87c0; font-weight:bold; }

/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* Profile Page */
.profileholder {width:969px; position:absolute;}
html>body .profile_toolbar {background:url(../images/profile_toolbar.png); text-indent: 30px; height:39px; float:left; width:969px; margin-left:25px; margin-top:15px; line-height:39px; vertical-align:middle; }
*html .profile_toolbar {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/profile_toolbar.png"); float:left;}
.profile_toolbar li { font-size:11px; color:#fff; float:left; list-style: none; list-style-type: none; margin-right:25px; }
.profile_toolbar li:hover {color:#e62e9c;}
.profile_toolbar li .thickbox {color:#fff; list-style: none; list-style-type: none;}
.profile_toolbar li .thickbox:hover {color:#e62e9c; list-style: none; list-style-type: none; text-decoration:none;}
.profile_user_bg { float:left; background:url(/images/profile_userinfo.gif) left no-repeat; vertical-align:top; width:725px; height:103px; overflow:hidden; }
.profile_user { float:left; padding-top:15px; color:#ea4c99; font-size:36px; font-weight:bold; line-height:44px; vertical-align: middle; }
.profile_member_info { font-size:11px; color:#333; margin:5px 0;}
.profile_member_info a { color:#ea4c99; text-decoration:none; }
.profile_my_closet { float:left; width:300px; height:250px; margin-left:3px; _margin-left:-3px;}
#profile_user_profile { background-color:#9ee7f1; padding:3px 3px;} 
.profile_cokeorpepsi { float:left; width:114px; height:250px; margin-left:3px; }

.profile_follow_quizzes { float:left; width:300px; height:250px; margin-left:3px; background:url(/images/profile_followmyquizzes.gif); }
.profile_follow_quizzes_item { position:relative; top:76px; left:18px; background-color:#232323; color:#fff; padding:8px; width:240px; margin-bottom:10px; }
.profile_ad_owner { float:left; width:300; height:250px; margin-left:3px; _margin-left:0px; }
.profile_follow_quizzes_title { font-size:18px; font-weight:bold; }
.profile_follow_quizzes_body { font-size:12px; color:#aaa; font-weight: normal; }
.profile_follow_quizzes_body a { color:#bf2c8e; }

.profile_passnotes { float:left; width:724px; height:113px; background:url(/images/profile_passnotes.gif); }
.profile_passnotes_content { position:relative; top:68px; left:195px; color:#555; }
.profile_passnotes_input { padding:4px; color:#888; } 
.profile_passnote_note { margin-top:15px; border-top:1px solid #ddd; padding:15px 0; color:#555; }
.profile_passnote_note a { color:#748c22; }

.profile_favorites_text { font-size:11px; width:190px; font-family:Arial, Helvetica, sans-serif; line-height:18px;}
.feed { color:#444; list-type:none; list-style-type:none; margin:3px 5px; padding-bottom:3px; border-bottom:1px solid #ccc;}
.feed a { text-decoration:none; color: #748c22; }
/*
html>body .profile_mood_block {background:url(../images/mood_block.png);}
*html .profile_mood_block {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/mood_block.png");}
*/
.noul { border:0px; }
#profile_swf{text-align:center;}
#profile_right_side { float:left; margin-left:8px; }

/* Login Page */
.loginbg {width:950px; height:404px; margin:0 auto;}
.loginholder {width:950px; height:410px; position:absolute;}

.loginholder .col1 {width:385px; height:410px; float:left;}
.loginholder .col2 {width:250px; height:410px; background:url(../images/login7.jpg); float:left;}
.loginholder .col2_switch {width:250px; height:410px; background:url(../images/login7_friend.jpg); float:left;}
.loginholder .col3 {width:315px; height:410px; float:left;}

.loginholder .col1 .row1 {width:385px; height:170px; float:left;}
.loginholder .col1 .row2 {width:385px; height:25px; background:url(../images/login2.jpg); float:left;}
.loginholder .col1 .row3 {width:385px; height:50px; background:url(../images/login3.jpg); float:left;}
.loginholder .col1 .row4 {width:385px; height:25px; background:url(../images/login4.jpg); float:left;}
.loginholder .col1 .row5 {width:385px; height:50px; background:url(../images/login5.jpg); float:left;}
.loginholder .col1 .row6 {width:385px; height:90px; background:url(../images/login6.jpg); float:left;}

.loginholder .col3 .row1 {width:315px; height:95px; float:left; }
.loginholder .col3 .row2 {width:315px; height:25px; background:url(../images/login9.jpg); float:left;}
.loginholder .col3 .row2_2 {width:315px; height:25px; background:url(../images/login9_2.jpg); float:left;}
.loginholder .col3 .row2_3 {width:315px; height:78px; background:url(../images/login_ref_combined.jpg); float:left;}
.loginholder .col3 .row3 {width:315px; height:45px; background:url(../images/login10.jpg); float:left;}
.loginholder .col3 .row4 {width:315px; height:25px; background:url(../images/login11.jpg); float:left;}
.loginholder .col3 .row4_2 {width:315px; height:37px; background:url(../images/login11_2.jpg); float:left;}
.loginholder .col3 .row5 {width:315px; height:45px; background:url(../images/login12.jpg); float:left;}
.loginholder .col3 .row6 {width:315px; height:40px; background:url(../images/login13.jpg); float:left;}
.loginholder .col3 .row6_2 {width:315px; height:40px; background:url(../images/login13_2.jpg); float:left;}
.loginholder .col3 .row7 {width:315px; height:45px; background:url(../images/login14.jpg); float:left;}
.loginholder .col3 .row7_2 {width:315px; height:1030px; background:url(../images/login14_2.jpg); float:left;}
.loginholder .col3 .row8 {width:315px; height:90px; background:url(../images/login15.jpg); float:left;}
.loginholder .col3 .row8_2 {width:315px; height:112px; background:url(../images/login15_2.jpg) bottom no-repeat; float:left;}

.loginholder .col1 .field {margin:2px 0 0 85px;}
.loginholder .col3 .field {margin:2px 0 0 5px;}

.loginholder .col3 .s_row1 { width:315px; height:72px; background:url(../images/signup2_1.jpg); float:left; }
.loginholder .col3 .s_row2 { width:315px; height:100px; padding-top:5px; padding-left:5px; background:url(../images/signup2_2.jpg) top no-repeat; float:left; color:#09649e; font-weight:bold; }
.loginholder .col3 .s_row3 { width:315px; height:40px; background:url(../images/signup2_3.jpg); float:left; }
.loginholder .col3 .s_row4 { width:315px; height:197px; background:url(../images/signup2_4.jpg); float:left; }



.loginfield {width:265px; height:30px; font-size:17px; line-height:30px; padding:4px; background:#FFF; border:#06C 1px solid; color:#ee326d; font-weight:bold; }

.loginholder .col3 .go {width:230px; height:90px; margin-left:40px; float:left;}

/* The In Crowd */
#incrowd_header {  background-color:#ea1176; height:32px; line-height:32px; vertical-align:middle; color:#fff; font-weight:bold; font-size:24px; text-indent:20px; }
.search_input { width:200px; height:25px; border:1px solid #ccc; color:#ccc; padding:4px; text-align:right; font-weight:bold; margin:5px 0; font-size:16px;}
#search_request_sent { margin:3px 0; font-size:14px; font-weight:bold; color:#bf2c8e; }
.potential_friend_name { color:#bf2c8e; font-size:12px; font-weight:bold; }
.potential_friend_suggest { color:#bf2c8e; font-size:10px; font-weight:normal; }
.potential_friend_suggest a { text-decoration: none; }

/* Bubbles 
#bubble_tooltip{
	width:147px;
	position:absolute;
	display:none;
}
#bubble_tooltip .bubble_top{
	background-image: url('../images/bubble_top.gif');
	background-repeat:no-repeat;
	height:16px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url('../images/bubble_middle.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('../images/bubble_bottom.gif');
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:44px;
	position:relative;
	top:-6px;
}
*/
#bubble_tooltip{
	width:147px;
	position:absolute;
	display:none;
}
#bubble_tooltip .bubble_top{
	background-color:#000;
	height:16px;	
}
#bubble_tooltip .bubble_middle{
	background-color:#000;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	color:#0ecce6;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-color:#000;
	height:44px;
	position:relative;
	top:-6px;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 125px;
    height: 155px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    margin-left:10px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
	width:625px;
    *width: 605px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 125px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:  625px;
	*width: 605px;
    height: 155px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  125px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 125px;
    height: 155px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 65px;
    right: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
	*background: transparent url(../images/next-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 65px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
    *background: transparent url(../images/prev-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(../images/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(../images/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(../images/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(../images/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(../images/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(../images/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(../images/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(../images/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(../images/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(../images/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(../images/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../images/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}

#colorSelector {
	position: relative;
	width: 36px;
	height: 36px;
	background: url(../images/select.png);
}
#colorSelector div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 30px;
	height: 30px;
	background: url(../images/select.png) center;
}
#colorSelector2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 36px;
	height: 36px;
	background: url(../images/select2.png);
}
#colorSelector2 div {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 28px;
	height: 28px;
	background: url(../images/select2.png) center;
}
#colorpickerHolder2 {
	top: 32px;
	left: 0;
	width: 356px;
	height: 0;
	overflow: hidden;
	position: absolute;
}
#colorpickerHolder2 .colorpicker {
	background-image: url(../images/custom_background.png);
	position: absolute;
	bottom: 0;
	left: 0;
}
#colorpickerHolder2 .colorpicker_hue div {
	background-image: url(../images/custom_indic.gif);
}
#colorpickerHolder2 .colorpicker_hex {
	background-image: url(../images/custom_hex.png);
}
#colorpickerHolder2 .colorpicker_rgb_r {
	background-image: url(../images/custom_rgb_r.png);
}
#colorpickerHolder2 .colorpicker_rgb_g {
	background-image: url(../images/custom_rgb_g.png);
}
#colorpickerHolder2 .colorpicker_rgb_b {
	background-image: url(../images/custom_rgb_b.png);
}
#colorpickerHolder2 .colorpicker_hsb_s {
	background-image: url(../images/custom_hsb_s.png);
	display: none;
}
#colorpickerHolder2 .colorpicker_hsb_h {
	background-image: url(../images/custom_hsb_h.png);
	display: none;
}
#colorpickerHolder2 .colorpicker_hsb_b {
	background-image: url(../images/custom_hsb_b.png);
	display: none;
}
#colorpickerHolder2 .colorpicker_submit {
	background-image: url(../images/custom_submit.png);
}
#colorpickerHolder2 .colorpicker input {
	color: #778398;
}
#customWidget {
	position: relative;
	height: 36px;
}

#closet_div{
	height:700px;
	background-color:#000000;
	width:970px;
	margin-left:auto;
	margin-right:auto;
	display:none;
}

#profile_user_profile{
	min-height: 100%;
	height:100%;
}

.lb_unlock{
	background-color:#000000;
	margin-left:95px;
	width:790px; 
	text-align:center;
	position: absolute;
    z-index:1002;
    overflow: hidden;

}

.lb_rewards{
	display:none;
	margin-left:340px;
	width:960px; 
	text-align:center;
	position: absolute;
    z-index:1002;
    overflow: hidden;

}

.jGrowl{
margin-top:60px;
margin-left:10px;
z-index:4;
}

.growl_reward {
	margin-top:-10px;
	_margin-left:-124px;
	*margin-left:-124px;
	position:absolute;
	z-index:10000;
}

.notification_points{
	margin-left:40px;
	margin-top:35px;
	color:#c00064; 
	font-size:24px;
	font-weight:bold; 
	font-family:"Arial Black", Arial, Helvetica; 
	letter-spacing: -1.5px;
}

.notification_description{
	color:#fff; font-size:11px; line-height:14px; text-align:left; font-weight:normal;
}

/*#reward_slider { width:300px; margin:0 auto;}
.notification_points { position:relative; left:35px; top:-10px; color:#c00064; font-size:24px; width:89px; text-align:center; font-weight:bold; font-family:"Arial Black", Arial, Helvetica; letter-spacing: -1.5px }
.notification_description { left:150px; top:-25px; color:#fff; font-size:12px; width:20px; text-align:center; font-weight:bold; }
*/

/* Home 2 */

.homepics {width:968px; height:318px; margin-bottom:6px;}

.homepics .pic1, .homepics .pic2, .homepics .pic3, .homepics .pic4 {width:238px; height:318px; position:absolute;}
.homepics .pic1 {background:url(../images/pic1.jpg); margin:0;}
.homepics .pic2 {background:url(../images/pic2.jpg); margin:0 0 0 243px;}
.homepics .pic3 {background:url(../images/pic3.jpg); margin:0 0 0 487px;}
.homepics .pic4 {background:url(../images/pic4.jpg); margin:0 0 0 730px;}

.homelogo {width:343px; height:95px; position:absolute; margin:22px 0 0 613px;}
/* .homelogo {width:343px; height:95px; position:absolute; margin:22px 0 0 15px;} */
html>body .homelogo {background:url(../images/homelogo2.png);}
*html .homelogo {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/homelogo.png");}

.homesign {width:298px; height:94px; position:absolute; margin:184px 0 0 666px;}
/* .homesign {width:298px; height:94px; position:absolute; margin:184px 0 0 336px;} */
html>body .homesign {background:url(../images/home_signin.png);}
*html .homesign {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/home_signin.png");}

.homesign_link, .homesign_link a {width:298px; height:94px;}
.homesign_link {position:absolute; margin:184px 0 0 666px;}
.homesign_link a {display:block;}
.homesign_link span {display:none;}

.homeads {width:968px; height:250px; margin-bottom:6px;}
.homeads a {display:block;}
.homeads span {display:none;}

.homeads .incrowd, .homeads .incrowd a {width:355px; height:250px;}
.homeads .incrowd {position:absolute; margin:0;}

.homeads .create, .homeads .create a {width:300px; height:124px;}
.homeads .create {position:absolute; margin:0 0 0 361px;}

.homeads .shoes, .homeads .shoes a {width:300px; height:120px;}
.homeads .shoes {position:absolute; margin:130px 0 0 361px;}

.homeads .outloud, .homeads .outloud a {width:300px; height:250px;}
.homeads .outloud {position:absolute; margin:0 0 0 668px;}

.homequiz {width:968px; height:116px; background:url(../images/quizbg.jpg);}
.homequiz .coke {width:484px; height:114px; background:url(../images/cokeorpepsi_poll.gif); position:absolute; margin:10px 0 0 11px;}
.homequiz .quizbox { width:450px; height:110px; float:left; margin-left:510px; margin-top:-5px; }
.homequiz .question {position:absolute; margin:25px 0 0 510px;}
.homequiz .answers {position:absolute; margin:65px 0 0 510px;}
.homequiz .submit {position:absolute; margin: 85px 0 0 900px;}

.howworks {background:url(../images/how_works_bg2.jpg);}
.howworks p {font-size:11px; line-height:14px; color:#FFF; margin:8px 0;}
.howworks .title {width:530px; height:30px; background:url(../images/how_works_title.gif); margin:0 auto;}

.howworks .cell1 {background:url(../images/how_works_cell1.gif) top left no-repeat;}
.howworks .cell2 {background:url(../images/how_works_cell2.gif) top right no-repeat;}
.howworks .cell3 {background:url(../images/how_works_cell3.gif) top left no-repeat;}
.howworks .cell4 {background:url(../images/how_works_cell4.gif) top right no-repeat;}
.howworks .cell5 {background:url(../images/how_works_cell5.gif) top left no-repeat;}
.howworks .cell6 {background:url(../images/how_works_cell6.gif) top right no-repeat;}

.howworks .cell1 .text {margin:35px 10px 0 80px;}
.howworks .cell2 .text {margin:35px 80px 0 10px; text-align:right;}
.howworks .cell3 .text {margin:35px 45px 0 80px;}
.howworks .cell4 .text {margin:35px 80px 0 60px; text-align:right;}
.howworks .cell5 .text {margin:35px 45px 0 80px;}
.howworks .cell6 .text {margin:35px 80px 0 60px; text-align:right;}
.spacer-10px{height:10px;}
.quiz_welcome_heading{
font-size:16px; 
color:#333;
}
#clickEditHeadline{
background-color:#e6e6e6;
width:202px;
padding-right:3px;
text-align:right;
}
.profile_user_profile_box { 
padding:1px; 
border:1px solid #ccc; 
background-color: #fff; 
color:#000; 
width:207px; 
margin:5px auto; 
font-size:11px;}

#headline{
font-size:16px;
text-align:center;
margin-top:2px;
margin-bottom:6px;
line-height:18px;
font-family: 'Comic Sans MS',Textile,cursive;
font-weight:500;
color:#6b7543;
}
#edit_headline{
padding:5px;
}
.aboutMe_heading{
text-align:center;
color:#697f13; 
font-size:18px; 
font-family:'Comic Sans MS',Textile;
font-weight:600; 
margin-bottom:8px;
}

.aboutMe_input_box{
margin-bottom:2px;
color:#333333;
width:205px;
}
.aboutMe_input_title{
text-align:center;
color:#6b7543;
font-size:13px;
line-height:18px;
padding:4px;
width:195px;
background-color:#e6e6e6;
margin-bottom:10px;
}

.aboutMe_radio_text{
margin-left:9px;
}
input.aboutMeRadio_field{
padding:2px;
}

input.aboutMeText_field{
border:1px solid #CCCCCC;
color:#888888;
padding:4px;
margin-left:9px;
width:180px;
}

select.aboutMeSelect_field{
color:#444444;
padding:4px;
margin-left:9px;
width:185px;
}

.aboutMe_input_box_v{
padding-bottom:5px;
margin-bottom:6px;
color:#888888;
}
.aboutMe_input_title_v{
text-align:center;
color:#6b7543;
font-size:13px;
line-height:18px;
padding:4px;
width:195px;
background-color:#e6e6e6;
margin-bottom:10px;
}
.aboutMe_response_v{
text-align:center;
font-size:14px;
font-weight:bold;
color:#333333;
}


.fave_row{
width:203px;
margin:3px 0 3px 0;
color:#888888;
}
.fave_q{
background-color:#e6e6e6;
color:#6b7543;
padding-left:5px;
padding-top:2px;
font-size:12px;
line-height:18px;
}
.fave_a{
padding-left:5px;
font-size:14px;
font-weight:bold;
color:#333333;
}
.fave_row_v{
width:203px;
margin:3px 0 3px 0;
color:#888888;
width:100%;
margin-bottom:5px;
}
.fave_q_v{
margin-bottom:3px;
background-color:#e6e6e6;
color:#6b7543;
padding-left:5px;
padding-top:2px;
font-size:12px;
line-height:18px;
}
.fave_a_v{
padding-left:5px;
font-size:14px;
font-weight:bold;
color:#333333;
}
input.so2fave_inputs{
border:1px solid #CCCCCC;
color:#333333;
width:180px;
height:16px;
margin:5px 0;
padding:4px;
text-align:right;
}
.aboutMeSelect_field option{padding:1px; min-width:120px}
.aboutMe_response{font-size:14px;}

.swatch { padding:5px; margin-right:5px; }
.swatch:hover { border:1px solid #ff799; }
.swatch_table { color:#fff; font-weight:bold; text-align:center; }

<!--[if IE]>
.aboutMe_input_title{padding:4px; padding-left:0; padding-bottom:0; margin-bottom:0px; color:#000; font-size:14px;}
.aboutMeRadio_field{margin:0px;padding:0px;}

<![endif]-->

/* Quiz */

.quizpage {width:968px;}
.quizpage .leftside {width:710px; padding:10px 0 0 5px; float:left;}
.quizpage .rightside {width:245px; float:right;}

.quiznav {width:715px; height:28px; margin-top:15px; }
.quiznav ul {margin:0 0 0 10px; padding:0;}
.quiznav li {margin:0; padding:0 6px 0 0; list-style:none; float:left;}
.quiznav a {width:129px; height:28px; display:block;}
.quiznav span {display:none;}

.quiznav li.nav1_on a {background:url(../images/quiznav1_on.jpg);}
.quiznav li.nav1_off a {background:url(../images/quiznav1_off.jpg);}

.quiznav li.nav2_on a {background:url(../images/quiznav2_on.jpg);}
.quiznav li.nav2_off a {background:url(../images/quiznav2_off.jpg);}

.quiznav li.nav3_on a {background:url(../images/quiznav3_on.jpg);}
.quiznav li.nav3_off a {background:url(../images/quiznav3_off.jpg);}

.quizsearch {width:708px; height:37px; background:url(../images/quizsearchbg.jpg);}
.quizsearch .keywords input {width:240px; background:#382a53; border:none; font-size:11px; line-height:20px; color:#a3a3a3; padding:3px;}

.quizlist { margin:px; }

.quizlist .title {font-size:24px; line-height:30px;}
.quizlist .title a {color:#30adbf; font-weight:normal; text-decoration:underline;}
.quizlist .title a:hover {color:#701e68; font-weight:normal; text-decoration:underline;}
.quizlist p {margin:5px 0;}

.quizlist .box {width:210px; padding:5px; background:#efefef;}
.quizlist .box .number {width:70px; float:left; font-size:48px; line-height:50px; color:#38b5c8; font-weight:bold;}
.quizlist .box .response {width:140px; float:right;}
.quizlist .box .response p.big {font-size:18px; line-height:22px; font-weight:bold; color:#717171; margin:4px 0;}
.quizlist .box .response p.small {font-size:10px; line-height:18px; color:#8f8f8f; margin:4px 0;}

/* Quiz Answer */

.currentview {background:#fff9e0; border-bottom:#e3e3e3 1px solid; border-top:#e3e3e3 1px solid; margin:8px 0 0 0;}
.currentview p {color:#696969; margin:4px 0;}
.currentview p.sml {color:#9a9a9a;}
.currentview a {color:#30adbf; font-weight:normal; text-decoration:underline;}
.currentview a:hover {color:#472e7f; font-weight:normal; text-decoration:underline;}

.answertitle {font-size:36px; line-height:40px; color:#4f4f4f; margin:0 0 20px 0;}

.questionlist .questionrow {background:#f7f7f7;}
.questionlist .number {font-size:24px; line-height:30px; color:#2dabbe;}
.questionlist .question {font-size:14px; line-height:24px; color:#848484;}
.questionlist .answer input[type="text"] {width:620px; background:#fff; border:#ebebeb 2px solid; padding:4px; margin:4px 0; font-size:24px; line-height:30px; color:#bf2c8e;}
.questionlist .answer input[type="radio"] {width:20px; background:#fff; border:#ebebeb 2px solid; padding:4px; margin:4px 0; font-size:24px; line-height:30px; color:#bf2c8e;}
.answeroption { font-size:24px; line-height:30px; color:#bf2c8e; }

.quizcreator {background:#f0f0f0; margin:5px 0 0 0;}
.quizcreator .name {font-size:14px; line-height:20px;}
.quizcreator .name a {color:#30adbf; font-weight:bold; text-decoration:underline;}
.quizcreator .name a:hover {color:#472e7f; font-weight:bold; text-decoration:underline;}
.quizcreator p.sml {line-height:15px; margin:3px 0; color:#878787;}

/* Quiz Popup */

.quizpopup {width:525px; height:325px; background:#fff; border:#42b6c7 4px solid;}
.quizpopup .pad {padding:10px;}

.quizpopup .tablinks {border-bottom:#e5e5e5 2px solid; margin:10px 0; line-height:22px; padding-bottom:5px;}
.quizpopup .tablinks .off a {color:#30adbf; font-weight:normal; text-decoration:none;}
.quizpopup .tablinks .off a:hover {color:#472e7f; font-weight:normal; text-decoration:none;}
.quizpopup .tablinks .on a {color:#fff; font-weight:normal; text-decoration:none; background:#190e30; padding:3px 5px;}
.quizpopup .tablinks .on a:hover {color:#fff; font-weight:normal; text-decoration:none; background:#30adbf; padding:3px 5px;}

.quizpopup .takerlist {width:505px; height:200px; overflow:auto;}
.quizpopup .takerlist td {border-bottom:#efeef0 1px solid; padding-bottom:10px;}
.quizpopup .takerlist .name {font-size:14px; line-height:20px;}
.quizpopup .takerlist .name a {color:#30adbf; font-weight:bold; text-decoration:underline;}
.quizpopup .takerlist .name a:hover {color:#472e7f; font-weight:bold; text-decoration:underline;}
.quizpopup .takerlist p.sml {line-height:15px; margin:3px 0; color:#adadad;}

/* Invites */
.fi_link_done { margin-top:3px; padding:4px; background-color:#fffb9a; color:222; font-size:11px; }

/* Splash */
.comingsoon {width:968px; height:496px;}
.comingsoon .mainbg {width:968px; height:500px; background:url(../images/splash.jpg); position:absolute;}
.comingsoon .email {width:235px; height:45px; background:#fff; border:#cb229a 2px solid; position:absolute; margin:251px 0 0 16px;}
.comingsoon .email input {width:215px; *width:195px; background:#fff; border:none; font-size:15px; line-height:35px; padding:10px; *padding:5px; color:#0054a6;}
.comingsoon .button {position:absolute; margin:315px 0 0 100px;}
.comingsoon .girl {width:151px; height:201px; background:url(../images/splashhead.gif); position:absolute; margin:301px 0 0 345px;}
