/* --------------------- 01. General 02. Global Classes 03. Structure 04. Navigation - Footer 05. Homepage - Tour - How it Works - Benefits 06. Subpages - Graphic Headings - 3-D Designer - Contest - FAQ - News - Cool Rooms 07. Forms - Errors - Login / Forgot Login - Checklist - Contact - Update Profile - Update Rooms - Signup - Send Cart to a Friend - Cool Rooms Admin 08. Social Media Integration - Facebook ---------------------------------------------------------- 01. GENERAL ---------------------------------------------------------- */ @import url("reset.css"); a:link, a:visited { color:#8B150C; font-weight:bold; text-decoration:none; } a:hover { color:#004286; } body { background:white url(../images/bg.gif); background-attachment: scroll; color:#000; font:62.5% Arial, Verdana, sans-serif; padding-bottom:5em; text-align:center;} h1 { margin-bottom:1.5em;} h1.logo, div.logo { background:url(../images/logo.png) no-repeat; display:inline; float:left; height:125px; margin-bottom:0; width:280px; } div.logo a { display:block; height:125px; width:280px} h2.title { font-size:2em; color:#8B150C; line-height:1.2em; margin-bottom:1em; } hr { border:0; clear:both; color:#ccc; background:#ccc; height:1px; margin:2.5em 0 7px } ol { list-style-type:decimal; list-style-position:inside;} p { margin-bottom:1.25em;} /* ---------------------------------------------------------- 02. GLOBAL CLASSES ---------------------------------------------------------- */ .bullet { margin-bottom:2em;} .bullet li { background:url(../images/bullet.gif) no-repeat 0 0.5em; line-height:1.4em; margin-bottom:0.25em; padding-left:0.95em; } .btn { background-image:url(../images/buttons.gif); background-repeat:no-repeat; display:block; height:21px;} .clear { clear:both } .error-3d { color:#A10A00; font-weight:bold;} .float-left { float:left;} .inline li { float:left; display:inline;} .nopadding { padding:0 } .noindent { margin-left:0; padding-left:0 } .nobullet { list-style:none; list-style-image:none } .replace { text-indent:-9999px;} .wrap { font-size:1.1em; margin:0 auto; text-align:left; width:960px } /* ---------------------------------------------------------- 03. STRUCTURE ---------------------------------------------------------- */ #header { overflow:hidden; position:relative;} #content { clear:both; font-size:1.2em; line-height:1.6em; margin-top:-35px; text-align:left; } #content-main { display:inline; float:left; margin:5em 7em 2.5em 0; width:550px;} #content-secondary { display:inline; float:left; margin:5em 0 2.5em; width:315px;} #footer { border-top:1px dotted #C2817F; clear:both; margin-top:3.5em; padding-top:1.5em; position:relative } /* ---------------------------------------------------------- 04. NAVIGATION ---------------------------------------------------------- */ #nav-main { /*left:325px; position:absolute; top:37px;*/ float:right; margin-top:36px; } #nav-main li { display:inline; float:left; font-weight:bold; } #nav-main li a { background-image:url(../images/nav.gif); background-repeat:no-repeat; display:block; height:14px; text-indent:-9999px; } #nav-main li a.active { cursor:default; } #nav-main li.home a { width:45px;} #nav-main li.designer a { width:100px; background-position:-45px 0;} #nav-main li.store a { width:49px; background-position:-145px 0;} #nav-main li.about a { width:53px; background-position:-194px 0;} #nav-main li.news a { width:50px; background-position:-247px 0;} #nav-main li.blog a { width:47px; background-position:-361px 0;} #nav-main li.contact a { width:56px; background-position:-297px 0;} #nav-main li.home a:hover { background-position:0 -14px;} #nav-main li.designer a:hover { background-position:-45px -14px;} #nav-main li.store a:hover { background-position:-145px -14px;} #nav-main li.about a:hover { background-position:-194px -14px;} #nav-main li.news a:hover { background-position:-247px -14px;} #nav-main li.blog a:hover { background-position:-361px -14px;} #nav-main li.contact a:hover { background-position:-297px -14px;} #nav-main li.home a.active { background-position:0 -28px;} #nav-main li.designer a.active { background-position:-45px -28px;} #nav-main li.store a.active { background-position:-145px -28px;} #nav-main li.about a.active { background-position:-194px -28px;} #nav-main li.news a.active { background-position:-247px -28px;} #nav-main li.blog a.active { background-position:-361px -28px;} #nav-main li.contact a.active { background-position:-297px -28px;} /* FOOTER */ #footer ul { display:inline; float:left; } #footer li { border-right:1px dotted #666; display:inline; margin-right:0.5em; padding-right:0.5em; } #footer li.legal { border:0; font-weight:bold; margin-right:2em;} #footer li.end { border:0; } #footer li a { color:#333; } #footer li a:visited { color:#666;} #footer li a:hover { color:#8B150C; text-decoration:underline; } #footer li#moncur { border:0; position:absolute; right:0; top:1.5em; } #footer li#moncur a, #footer li#moncur a:visited { background:none; padding-left:0; position:relative; } #footer li#moncur span { display:none; font-size:10px; font-weight:normal; left:-165px; position:absolute; white-space:nowrap;} /* ---------------------------------------------------------- 05. HOMEPAGE ---------------------------------------------------------- */ /*#flash { float:left; margin:65px 0.3em 0 -30px; width:504px;}*/ #identity { float:left; display:inline; margin-bottom:2.25em; padding-left:0.6em; position:relative;} #identity h1 { background:url(../images/headline.gif); height:179px; margin:0 0 0 -0.6em; width:482px; } #identity h2 { border-top:1px dotted #C2817F; font-weight:normal; margin:1em 0 1em; padding-top:1em; width:465px;} #identity h2 strong { display:block;} #identity h2.clear strong { display:inline;} #identity h2 a:link { color:#8B150C; font-weight:bold; text-decoration:none; border-bottom: 1px dotted #8B150C; } #identity h2 a:visited { color:#8B150C; border-bottom: 1px dotted #8B150C; } #identity h2 a:hover { color:#004286; border-bottom: 1px dotted #004286;} #identity ul#tour { background:url(../images/bg_callout_pick.gif) no-repeat; padding:0 0 2em 4.5em; } #identity #bubble { position:absolute; top:-7px; right:0;} #identity #followUs {float:left; background:url(../images/follow_us_bg.png) no-repeat; height: 64px; position: absolute; top: 0; padding-left: 92px;} /* GIVEAWAY */ ul#giveaway { float:right; display:inline; width:250px; height:60px; background:url(../images/iPod.gif) no-repeat; } ul#giveaway li { font-weight:bold; color: #8A150C; line-height:1.3em; } ul#giveaway li a { display:block; padding:6px 40px 0px 45px; } ul#giveaway li a span { display:block; font-size:0.9em; font-weight:normal; color:#000; text-transform:uppercase; } #register { padding: 6px 0; } #register li { float:left; display:inline; } #register li a { background-image:url(../images/register_btn.gif); background-repeat:no-repeat; height: 46px; border:0; display:block; text-indent:-9999px; } #register li.free a { width:176px; } #register li.free a:hover { background-position:-199px 0; } #viewdemo { float:right; display:inline; padding: 6px 0; width: 250px;} #viewdemo li { display:inline; } #viewdemo li a { background-image:url(../images/viewdemo_btn.gif); background-repeat:no-repeat; height: 46px; border:0; display:block; text-indent:-9999px; } #viewdemo li.free a { width:177px; } #viewdemo li.free a:hover { background-position:-199px 0; } /* TOUR */ ul#tour { background:url(../images/bg_callout_check.gif) no-repeat; overflow:hidden; padding:2em 0 2em 5.5em;} ul#tour li { float:left; display:inline; margin-right:2px;} ul#tour li a { border:0; display:block } #go-build.btn { background-position:0 -25px; width:88px; } #go-build.btn:hover { background-position:-150px -25px;} #go-demo.btn { background-position:0 -50px; width:88px; } #go-demo.btn:hover { background-position:-150px -50px;} #go-store.btn { background-position:0 -75px; width:82px; } #go-store.btn:hover { background-position:-150px -75px;} #go-design.btn { background-position:0 -525px; width:105px; } #go-design.btn:hover { background-position:-150px -525px;} #go-designroom.btn{ background-position:0 -625px; width:97px;} #go-designroom.btn:hover{ background-position:-150px -625px; } /* HOW IT WORKS */ #how { background:url(../images/bg_how.png) no-repeat; clear:both; font-size:0.9em; line-height:1.4em; padding:12px 0 20px; position:relative; width:960px; } #how h2 { background:url(../images/how.png) no-repeat; height:119px; left:-13px; position:absolute; top:-7px; width:170px;} #how dl { border-right:1px dotted #999; display:inline; float:left; margin-right:12px; padding-right:12px; } #how dl dt { background-image:url(../images/how_icons.gif); background-repeat:no-repeat; height:68px; } #how dl#step1 { margin-left:172px; width:160px;} #how dl#step1 dt { width:160px; } #how dl#step2 { width:190px;} #how dl#step2 dt { background-position:-170px 0; width:178px; } #how dl#step3 { width:174px;} #how dl#step3 dt { background-position:-348px 0; width:174px; } #how dl#step4 { border:0; margin:0; padding:0; width:170px;} #how dl#step4 dt { background-position:-524px 0; width:150px; } /* BENEFITS */ #benefits { clear:both; font-size:0.9em; margin:2em 0 0 28px; overflow:hidden;} #benefits div { float:left; display:inline; margin-right:3em;} #benefits div.end { margin-right:0; width:330px;} #benefits li { background:url(../images/bullet.gif) no-repeat 0 0.5em; font-weight:bold; line-height:1.4em; margin-bottom:0.25em; padding-left:0.95em; } #benefits h3 { background-image:url(../images/subheadings.gif); background-repeat:no-repeat; height:11px; margin-bottom:0.5em;} #benefits h3.student { width:150px;} #benefits h3.univ { background-position:0 -20px; width:175px;} #benefits h3.parent { background-position:0 -40px; width:141px;} /* ---------------------------------------------------------- 06. SUBPAGES ---------------------------------------------------------- */ #checklist h1 { background:url(../images/headline_checklist.gif) no-repeat; height:120px; margin-bottom:3em; width:537px; } #contact h1 { background:url(../images/headline_contact.gif) no-repeat; height:90px; margin-bottom:2em; width:527px;} #coolrooms h1 { background:url(../images/headline_coolrooms.gif) no-repeat; height:90px; margin-bottom:2em; width:894px; } #create #content h1 { background:url(../images/headline_contest.gif) no-repeat; height:199px; margin-bottom:1em; width:791px;} #create #content h1.contest-small { background:url(../images/headline_contest_small.gif) no-repeat; height:155px; margin-bottom:1em; width:821px;} #faq h1 { background:url(../images/headline_faqs.gif) no-repeat; height:65px; margin-bottom:2em; width:170px;} #forget-login h1 { background:url(../images/headline_login.gif) no-repeat; height:118px; width:585px;} #help h1 { background:url(../images/headline_help.gif) no-repeat; height:65px; width:530px;} #news h1.title { color:#8B150C; font-size:1.8em; letter-spacing:-1px; line-height:1.2em; margin-bottom:0.3em; } #news #content-secondary h2 { background:url(../images/subheadings.gif) no-repeat 0 -585px; border-bottom:1px dotted #C2817F; height:18px; margin:2em 0 0.75em 1.5em; width:267px;} #news #content-secondary h3 { background:url(../images/subheadings.gif) no-repeat 0 -765px; border-bottom:1px dotted #C2817F; height:18px; margin:2em 0 0.75em 1.5em; width:267px;} #news h2 { color:#8B150C; font-size:1.3em; font-weight:normal; margin:1.5em 0 0.5em; text-transform:uppercase;} #profile h1 { background:url(../images/headline_profile.gif) no-repeat; height:65px; width:446px;} #signup h1 { background:url(../images/headline_signup.gif) no-repeat; height:65px; width:446px;} #signup.popup h1 { background:url(../images/headline_request.gif) no-repeat; height:50px; margin-bottom:0.5em; width:455px; } #signup.addroom h1 { background:url(../images/headline_addroom.gif) no-repeat; height:64px; width:530px; } #signup h1#welcome { background:url(../images/headline_welcome_dyd.gif) no-repeat; height:90px; width:376px; } #store h1 { background:url(../images/headline_store.gif) no-repeat; float:left; height:65px; margin-bottom:1.5em; width:607px;} #store.cart h1 { background:url(../images/headline_cart.gif) no-repeat; float:left; height:65px; margin-bottom:1em; width:607px;} #store.pre-checkout h1 { background:url(../images/headline_precheckout.gif) no-repeat; float:left; height:120px; margin:1em 0 2em; width:650px;} #loginpage h1 { background:url(../images/headline_signin.gif) no-repeat; height:65px; margin-bottom:1.5em; width:200px;} #select h1 { background:url(../images/headline_layout.gif) no-repeat; height:65px; margin-bottom:1.5em; width:415px;} /* 3-D DESIGNER */ #designer { background:#535353 url(../images/bg_header.gif) repeat-x;} #designer #content.wrap { position:relative; width:1190px;} #designer #content a#change-room { float:right; margin:2em 325px 0 0;} #designer #footer { border-top:1px dotted #333; color:#eee} #designer #footer li a { color:#ccc; } #designer #footer li a:hover { color:#eee; } #designer #footer li#moncur span { color:#999; display:none; font-size:10px; font-weight:normal; left:-165px; position:absolute; white-space:nowrap;} #currentroom-info { background:url(../images/room_infobar.gif) no-repeat; color:#000; margin:2.5em 0 0 248px; overflow:hidden; padding:12px 30px 15px; position:relative; width:565px;} #currentroom-info a { border-bottom:1px dotted #8B150C; } #currentroom-info a#help.popup { border:0; padding:0; right:30px; top:12px; position:absolute;} #currentroom-info h2 { float:left; display:inline; margin-bottom:0; width:300px; z-index:999;} #currentroom-info h2 span { color:#8B150C; font-size:1.6em; font-weight:normal; padding-left:0.25em;} #currentroom-info p { float:left; display:inline; text-align:right; margin-bottom:0; width:150px; margin-right:50px;} #currentroom-info span.bottom { background:url(../images/room_infobar_bottom.gif) no-repeat; display:block; bottom:0; height:20px; left:0; width:625px; position:absolute;} /* CONTEST */ #create #content-main { width:700px;} #create #flashcontent { margin:2em } #create h2 { background:none; text-transform:uppercase;} #create h2.replace { background-image:url(../images/subheadings.gif); background-repeat:no-repeat; margin:1.5em 0 0.5em 0; width:420px;} #create h2#contest-first { background-position:0 -665px; } #create h2#contest-second { background-position:0 -685px;} #create h2#contest-done { background-position:0 -705px; margin:3em 0 1em;} #create h2#contest-third { background-position:0 -725px; } #create h2.intro { margin-top:-1em; text-transform:none;} #create h2.intro, #create p.intro { font-size:1.2em; line-height:1.5em;} #create #contest-steps { margin:1.5em 0 1em;} #create #form-editstudent input.continue { background-position:0 -475px; margin-left:11em; } #create #form-editstudent input.continue:hover { background-position:-150px -475px; } #create #form-contestlayout input.btn { background-color:#DEEBF0; background-position:0 -100px; width:60px; margin-bottom:4em; } #create #form-contestlayout input.btn:hover { background-position:-150px -100px; } #create #form-editstudent label, #create #form-editstudent input { display:inline; float:left;} #create #form-editstudent select { margin-right:10px;} #create #contest-finish { font-size:1.2em; line-height:1.6em;} #create #contest-finish p { width:665px;} /* FAQs */ h2.category { font-size:1.3em; font-weight:normal; margin-bottom:0.5em; text-transform:uppercase; } dl.faq { margin:0 0 4em; width:580px;} dl.faq dt { border-top:1px dotted #5E8E9F; line-height:1.3em; padding:10px 10px 12px; width:510px; } dl.faq dt:hover, dl.faq dt.active { background:url(../images/bg_faq.png) repeat; cursor:pointer; } dl.faq dt a { background:url(../images/icon_faq.gif) no-repeat; border:0; color:#000; display:block; font-weight:bold; padding:0 0 0 22px; width:508px;} dl.faq dt.active a { background:url(../images/icon_faq.gif) no-repeat 0 -266px; } dl.faq dd { padding:5px 25px 0 35px; width:470px;} dl.faq dd p { margin:0; padding-bottom:1em;} dl.faq dd a:hover { color:#004286; } /* NEWS */ ul.articles { margin:0.5em 0 0 0.8em; } ul.articles li { color:#333; font-size:0.9em; margin-bottom:0.75em; width:270px;} ul.articles li a { display:block; font-size:1.1em; } ul.articles li.active a { color:#000;} #news ul#tour { background:url(../images/bg_callout_check.gif) no-repeat; padding:2em 0 2em 6em;} #news #content-main img.float-left { background:#fefefe; border:2px solid #CDD5DA; margin:0 2em 2em 0; padding:1em;} #news #news_content img { float:left; margin:1em; } /* COOL ROOMS */ div.roomthumb { background:url(../images/bg_roomthumb.png) no-repeat bottom right; display:inline; float:left; margin:0 25px 15px 0; padding:10px 10px 20px; text-align:center; width:164px;} div.roomthumb div { overflow:hidden; height:142px; margin-bottom:0.75em; position:relative; width:160px; } div.roomthumb div a { display:block; height:142px; position:absolute; text-align:right; width:160px; z-index:10;} div.roomthumb a.btn { background-position:0 -525px; margin:0 auto; width:102px;} div.roomthumb a.btn:hover { background-position:-150px -525px; } #coolrooms h2 { color:#8B150C; margin-bottom:0.25em; } #coolrooms form { margin-bottom:2em; overflow:hidden;} #coolrooms label, #coolrooms select { float:left; display:inline; margin-right:1em; vertical-align:middle;} #coolrooms label { font-weight:bold; } #coolrooms #content-main { margin-right:0; width:650px;} #coolrooms #content-secondary { padding-top:160px; width:300px;} #coolrooms #content-secondary h2 { font-size:1.2em; font-weight:normal; text-transform:uppercase;} /* HELP: 3D DESIGNER */ #help.popup { padding:0 50px; } #help.popup h1 { margin-top:2em;} #help.popup #content { margin:0; padding-top:0.25em; } #help.popup li { margin-bottom:1em;} /* ---------------------------------------------------------- 07. FORMS ---------------------------------------------------------- */ label, input { display:block;} input, textarea, select, option { font:11px Arial, Helvetica, sans-serif; } input.btn { background-image:url(../images/buttons.gif); background-repeat:no-repeat; border:0; height:21px; margin:0; } input.btn:hover { cursor:pointer; } span.required { color:#B0000D } /* ERRORS */ ul#errors { background:#F7F7D8; border:1px solid #F2CA41; margin-bottom:1.5em; padding:10px; width:370px;} ul#errors li { background:url(../images/bullet_exclamation.png) no-repeat; margin-bottom:0.5em; padding-left:1.8em; } /* LOGIN */ ul#login { border-left:1px dotted #E5E5E5; padding: 30px 0px 0px 1.5em; float:right; margin-left:2em; overflow:hidden; /*position:absolute; right:0;*/} ul#login li { float:left; display:inline; margin-right:4px;} ul#login li a { border:0; display:block; } #go-login.btn { background-position:0 0px; width:52px; } #go-login.btn:hover { background-position:-150px 0px;} #go-register.btn { background-position:0 -500px; width:69px; } #go-register.btn:hover { background-position:-150px -500px;} #login { border-left:1px dotted #E5E5E5; padding-left:1.5em; float:right; margin-left:2em; /*position:absolute; right:0;*/ } #login fieldset { float:left; display:inline; margin-top:1.6em; } #login fieldset.submit input { float:left;} #login #login-name, #login #login-password { background:#F1F6F9; margin-right:3px; width:87px;} #login input.btn { background-color:#fff; width:58px; } #login input.btn:hover { background-position:-150px 0; } #login #univ-icon { float:left; margin-right:10px; vertical-align:middle; } #login div { float:left; display:inline; margin-top:0.3em; } #login p { line-height:1.3em; margin-bottom:0; } #login #logout.textlink { background:none; border:0; color:#8B150C; cursor:pointer; display:inline; float:left; font-weight:bold; height:auto; line-height:1.3em; margin:0; padding:0; text-decoration:underline; } #login #logout.textlink:hover { color:#004286; } #login #profile-update { float:left; display:block; text-decoration:underline; width:auto; } #login span.divider { color:#ccc; float:left; display:inline; margin:0 0.3em; } /* FORGOT LOGIN */ #forgot { margin-top:2em;} #forgot input { display:inline; float:left; margin:0 0.5em 1em 0; padding:3px; width:150px;} #forgot input.btn { background-color:#DEEBF0; background-position:0 -375px; display:inline; float:left; vertical-align:middle; width:127px; } #forgot input.btn:hover { background-position:-150px -375px; } /* CHECKLIST */ #checklist h1 { margin-bottom:1em;} #checklist-form hr { background:#7FAABC; margin-bottom:1em;} #checklist-form p { clear:both; margin-bottom:0.5em; overflow:hidden;} #checklist-form input, #checklist-form label { display:inline; float:left; vertical-align:middle; } #checklist-form label { font-weight:bold; margin-left:0.25em; width:230px;} #checklist-form label span { color:#333; font-weight:normal;} #checklist-form fieldset { float:left; margin-bottom:1em; width:275px;} #checklist-form h2 { background-image:url(../images/subheadings.gif); background-repeat:no-repeat; color:#8B150C; font-size:1.3em; height:15px; margin-bottom:0.5em; text-transform:uppercase; width:255px; } #checklist-form h2#appliances { background-position:0 -325px } #checklist-form h2#bath { background-position:0 -345px } #checklist-form h2#bedding { background-position:0 -365px } #checklist-form h2#carepkg { background-position:0 -385px } #checklist-form h2#decor { background-position:0 -405px } #checklist-form h2#electronics { background-position:0 -425px } #checklist-form h2#furniture { background-position:0 -445px } #checklist-form h2#kitchen { background-position:0 -465px } #checklist-form h2#laundry { background-position:0 -485px } #checklist-form h2#lighting { background-position:0 -505px } #checklist-form h2#misc { background-position:0 -525px } #checklist-form h2#supplies { background-position:0 -545px } #checklist-form h2#storage { background-position:0 -565px } #print-checklist.btn { background-position:0 -400px; margin-bottom:3em; width:105px; } #print-checklist.btn:hover { background-position:-150px -400px; } /* CONTACT */ #contact-form label { clear:left; float:left; width:12em;} #contact-form input, #contact-form textarea { margin-bottom:1em; padding:3px; width:250px;} #contact-form input.replace { padding:0;} #contact-form input.btn { background-color:#DEEBF0; background-position:0 -100px; margin-left:13em; width:60px; } #contact-form input.btn:hover { background-position:-150px -100px; } /* UPDATE PROFILE */ #profile #content-main { width:900px;} #form-editstudent { overflow:hidden; } #form-editstudent fieldset { display:inline; float:left; margin:0 5em 2em 0; padding-top:1em; width:400px; } #form-editstudent fieldset.submit { border-top:1px solid #7FAABC; margin-bottom:0; padding-top:1.5em; width:800px; } #form-editstudent fieldset.last { margin-right:0; } #form-editstudent label { clear:left; float:left; font-weight:bold; width:10em;} #form-editstudent input { margin-bottom:1em; padding:3px; width:250px;} #form-editstudent select { margin-bottom:1.5em;} #form-editstudent input.replace { padding:0;} #form-editstudent input.btn { background-color:#DEEBF0; background-position:0 -450px; width:89px; } #form-editstudent input.btn:hover { background-position:-150px -450px; } #form-editstudent #password-change input.btn { background-color:#DEEBF0; background-position:0 -750px; margin-top:2em; width:127px; } #form-editstudent #password-change input.btn:hover { background-position:-150px -750px; } #form-editstudent #password-change { position:relative;} #form-editstudent #password-change span { /*display:none; */float:left; position:absolute; right:70px; bottom:-30px; height:76px; z-index:9999; } #form-editstudent #password-change span#error { background:url(../images/bg_alert_pw_error.png) no-repeat; width:152px; display:none; } #form-editstudent #password-change span#success { background:url(../images/bg_alert_pw.png) no-repeat; width:187px; display:none;} #form-editstudent h2, #room-mgmt h2.replace { background-image:url(../images/subheadings.gif); background-repeat:no-repeat; color:#8B150C; font-size:1.3em; height:15px; margin-bottom:1em; text-transform:uppercase; width:255px; } #form-editstudent h2#contact-info { background-position:0 -605px } #form-editstudent h2#billing-info { background-position:0 -625px } #form-editstudent h2#shipping-info { background-position:0 -645px } #form-editstudent h2#change-password { background-position:0 -825px } /* UPDATE ROOMS */ #active-room { margin-bottom:5em; overflow:hidden; padding-top:1em;} #active-room img { border:2px solid #7FAABC; float:left; display:inline; margin:0 2.5em 0 0; padding:1em;} #active-room div { float:left; display:inline; width:500px;} #active-room div h2 { background:none; color:#000; height:auto; font-size:2em; font-weight:bold; margin-bottom:0; text-transform:none; } #active-room h2 { background-position:0 -782px; } #active-room h3 { font-weight:normal; margin:0.5em 0 1.5em; text-transform:uppercase; } form#edit-roomname { margin:0.5em 0 1em; overflow:hidden; } #edit-roomname input { display:inline; float:left; margin-right:0.5em; padding:3px; width:220px;} #edit-roomname input.btn { background-color:#DEEBF0; background-position:0 -100px; margin-top:0.2em; padding:0; width:60px; } #edit-roomname input.btn:hover { background-position:-150px -100px; } ul#tabs { background:url(../images/tabs_bottomborder.gif) repeat-x bottom left; margin:2em 0; overflow:hidden; width:100%; } ul#tabs li { margin-right:0.5em; } ul#tabs li a { background-image:url(../images/tabs_profile.gif); background-repeat:no-repeat; display:block; height:42px;} ul#tabs li a.active { te } ul#tabs li#tab-personal a { background-position:0 -59px; width:184px;} ul#tabs li#tab-personal a.active { background-position:0 0; } ul#tabs li#tab-rooms a { background-position:-188px 0; width:134px;} ul#tabs li#tab-rooms a.active { background-position:-188px -59px; } #room-mgmt #active-room ul { overflow:hidden;} #room-mgmt #active-room ul li { margin-right:0.5em;} #room-mgmt #active-room ul li#btn-designroom a { background-position:0 -625px; width:97px;} #room-mgmt #active-room ul li#btn-designroom a:hover { background-position:-150px -625px; } #room-mgmt #active-room ul li#btn-editname a { background-position:0 -675px; width:135px;} #room-mgmt #active-room ul li#btn-editname a:hover { background-position:-150px -675px; } h2#add-room { float:right; font-size:1.1em; text-align:right; width:300px;} h2#add-room strong { color:#004286;} h2#other-rooms { background-position:0 -802px; margin-bottom:0; width:176px;} div.other-rooms { float:left; display:inline; overflow:hidden; padding:1.75em 4em 1.75em 0; width:400px; } #room-mgmt hr { background:#AFCBD6; border:0; height:1px; margin:1em 0 0; } div.other-rooms h2 { background:none; color:#000; height:auto; font-size:1.5em; font-weight:bold; line-height:1.3em; margin-bottom:0.3em; text-transform:none; } div.other-rooms img { border:2px solid #7FAABC; display:inline; float:left; margin:0 2em 0 0; padding:0.5em; width:100px; } div.other-rooms ul { overflow:hidden;} div.other-rooms ul li.make-activeroom input { background-color:#DEEBF0; background-position:0 -700px; width:176px;} div.other-rooms ul li.make-activeroom input:hover { background-position:-200px -700px; } div.other-rooms ul li.delete-room input { background-color:transparent; background-position:0 -650px; margin-top:1.5em; width:116px;} div.other-rooms ul li.delete-room input:hover { background-position:-150px -650px; } /* SIGNUP */ #signup img#signup-steps { margin-bottom:1.5em;} #signup #form-editstudent { position:relative; margin-bottom:200px; overflow:visible; width:800px;} #signup #form-editstudent fieldset { width:auto;} #signup #form-editstudent label, #signup #form-editstudent input { display:inline; float:left;} #signup #form-editstudent label { width: 15em;} #signup #form-editstudent select { margin-right:10px; width:200px;} #signup #form-editstudent div.divider { border-top:1px dotted #C2817F; padding:1em 0 0; width:550px;} #signup #form-editstudent div.dormlayoutoption { border:dashed 1px #999; display:inline; float:left; font-weight:bold; margin:0 20px 20px 0; height:100px; padding:10px; width:230px; } #signup #form-editstudent div.dormlayoutoption input { float:left;width:30px; } #signup #form-editstudent #coolrooms-link { position:absolute; padding-bottom:300px; right:30px;} #signup #form-editstudent h2 { color:#000; background:none; font-size:1em; height:auto; text-transform:none; width:auto;} #signup h2#signup-congrats { background:url(../images/subheadings.gif) no-repeat 0 -725px; margin:1.5em 0 0.5em 0; width:410px;} #signup #form-editstudent input.continue { background-position:0 -475px; } #signup #form-editstudent input.continue:hover { background-position:-150px -475px; } #signup #form-editstudent fieldset.clear { /*width:500px;*/} #signup #form-editstudent h2 { background-image:url(../images/subheadings.gif); background-repeat:no-repeat; color:#8B150C; font-size:1.3em; height:15px; margin-bottom:1em; text-transform:uppercase; width:255px; } #signup #form-editstudent h2#login-info { background-position:0 -745px } #signup #form-editstudent h2#contact-info { background-position:0 -605px } #signup #form-editstudent h2#billing-info { background-position:0 -625px } #signup #form-editstudent h2#shipping-info { background-position:0 -645px } #signup #form-editstudent h2.layout-choose { background:none; color:#000; font-weight:normal; height:auto; line-height:1.4em; margin:0.75em 0 1.25em; text-transform:none; width:500px; } #signup #form-editstudent input.btn { background-color:#DEEBF0; background-position:0 -100px; width:60px; } #signup #form-editstudent input.btn:hover { background-position:-150px -100px; } #signup #form-editstudent p { width:480px;} #signup #form-editstudent p.request { display:inline; font-size: .75em;} #signup #form-editstudent input#shipping_duplicate { width:20px;margin-right:200px; padding-left:0px;margin-left:0px; } #signup #form-editstudent .required { display: inline; float:left; width: 10px; font-size: 2em; margin-left: 5px; padding-top: 5px; } #signup #form-editstudent .valueError {display: inline; float:left; font-size: 1em; font-weight: bold; margin-left: 15px; padding-top: 5px; color: #B0000D;} #signup.popup { padding:0 50px; } #signup.popup h1 { margin-top:2em;} #signup.popup #content { margin:0; } #signup.popup form { margin-top:2em;} #signup.popup form label { clear:left; float:left; font-weight:bold; width:10em;} #signup.popup form input, #signup.popup form textarea { margin-bottom:1em; padding:3px; width:250px;} #signup.popup form input.replace { padding:0;} #signup.popup form input.btn { background-color:#DEEBF0; background-position:0 -100px; margin-left:11em; width:60px; } #signup.popup form input.btn:hover { background-position:-150px -100px; } #signup a#start-designing { background-position:0 -775px; width:179px; } #signup a#start-designing:hover { background-position:-200px -775px; } #signup #container_university_message { width: 500px; margin-bottom:20px; } /* SEND CART LINK */ #emailcart { padding-left:20px; } #emailcart #form-sendcartlink { width:630px;} #emailcart #form-sendcartlink label, #emailcart #form-sendcartlink input { display:inline; float:left; margin-top:20px; } #emailcart #form-sendcartlink label { width: 120px; clear: left; font-weight:bold;} #emailcart #form-sendcartlink input { width:200px; clear:right;} #emailcart #form-sendcartlink input.submit { clear:both;} #emailcart #form-sendcartlink select { margin-right:10px; width:200px;} #emailcart #form-sendcartlink h2 { color:#000; background:none; font-size:1em; height:auto; text-transform:none; width:auto;} #emailcart #form-sendcartlink input.btn { background-color:#DEEBF0; background-position:0 -100px; width:60px; } #emailcart #form-sendcartlink input.btn:hover { background-position:-150px -100px; } /* COOLROOMS ADMIN */ #coolrooms-admin { color:#fff; margin:1em 0 3em 250px; overflow:hidden; width:600px; } #coolrooms-admin h1 { font-size:1.8em; font-weight:normal; line-height:1.3em; margin-bottom:0;} #coolrooms-admin h2 { font-size:1.4em; color:#ccc; font-weight:normal; margin-bottom:1em;} #designer #content #coolrooms-admin a { border-bottom:1px dotted #ccc; color:#ccc; font-weight:normal; margin:0; } #designer #content #coolrooms-admin a:hover { color:#fff; } #coolrooms-admin input.textfield { float:left; display:inline; padding:3px; width:200px;} #coolrooms-admin input.btn { background-color:#fff; background-position:0 -550px; display:inline; float:left; margin:0.25em 0 0 0.5em; width:137px;} #coolrooms-admin input.btn:hover { background-position:-150px -550px; } #coolrooms-admin input.make { background-position:0 -575px; height:45px; margin:1em auto; width:137px;} #coolrooms-admin input.make:hover { background-position:-150px -575px; } #coolrooms-description { color:#fff; margin:1em 0 1em 250px; overflow:hidden; width:600px; } #coolrooms-description h2 { font-size:1.4em; color:#ccc; font-weight:normal; margin-bottom:0; } /* ---------------------------------------------------------- 08. SOCIAL MEDIA INTEGRATION ---------------------------------------------------------- */ .media_contact { padding:10px; width:266px; height:120px; background-image: url('/assets/images/media_contact.png'); font-size:13px; font-weight:bold; } .media_caption { font-size:large; font-family:Times New Roman; color:#8B150C; } /* FACEBOOK CONNECT*/ html .fb_share_link { padding:0px 0 0 20px; height:16px; width: 150px; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; color:#8B150C; font-weight:bold; text-decoration:none; cursor: pointer; } .SharedDiv { background-color: red; zindex: 20; } .SharedDiv input{ zindex: 30; } .leftFlash{display: block; float: left; width: 504px; margin: 2px 0.3em 0pt -30px;} .taglLne{display: block; float: left; width: 452px; height: 50px; padding-top:30px;} #signup.Emailpopup { padding:0 50px; } #signup.Emailpopup h1 { margin-top:2em;} #signup.Emailpopup #content { margin:0; } #signup.Emailpopup h1 { background:url(/assets/images/build_your_own_room.gif) no-repeat; height:50px; margin-bottom:0.5em; width:500px; }