/* AdmissionsDean - screen css Note: slowly moving css from separate files such as: table.css and content.css into this single master screen css file. T.O.C. - Base - Tables - Forms -Thin -Wide - Layout - Header - Left Column - Main Column - SideCol - Blocks - Footer - Section/Page Specific - Home - Profile Setup - Dialogs - Fancybox - Unsorted */ /* BASE ---------------------------------------------------------- */ body{ font-weight: bold; font-family: Arial, Helvetica, Verdana,sans-serif; font-size: 13px; color: #63675d; background: #fff url(../../images/landing/main/bg_inside.jpg) 50% 0 no-repeat;} a { outline: none; } a:link, a:visited{ color: #5bafee; text-decoration: none;} a:hover{ color: #007dc3; text-decoration: none;} strong{ font-weight: bold; color: #333; } p, dd{ line-height: 1.4em; padding-bottom: 1em;} h1{ font-size: 28px; color: #007dc3; } h2{ color: #007dc3; font-size: 18px; font-weight: bold; margin-bottom: .5em;} h3{ font-size: 16px; font-weight: bold; color: #38393a; padding-bottom: .5em;} h4{ color: #38393A; font-weight: bold;} p{ font-weight: normal; } /* FORMS ---------------------------------------------------------- */ input, select{ font-size: 16px; padding: .4em .3em .2em .3em; border: 2px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px;} input[readonly='readonly'], select[readonly='readonly'] { border: none;} input[type="text"], input[type="password"]{ width: 250px;} input.short{ width: 75px;} input.long{ width: 400px;} input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border-color: #5bafee; } input[type="text"].purple:focus, select.purple:focus { border-color: #ab21f1;} input[type="radio"], input[type="checkbox"] { width: 20px; margin-right: .25em; margin-top: .5em;} input[type="radio"].multi, input[type="checkbox"].multi{ margin-left: 1em;} .buttonrow{margin: 1em 0 2em 0;} input.button{ background: transparent url(../../images/landing/buttons.png) no-repeat; cursor:pointer; border: none; font-size: 0; line-height: 999px; overflow: hidden; margin: 0 10px 5px 0;} input.button.signup{ width: 142px; height: 44px;} input.button.saveChanges{ width: 218px; height: 42px; background-position: 0 -70px;} input.button.imDone{ width: 263px; height: 42px; background-position: 0 -140px;} input.button.addLawSchool{ width: 241px; height: 45px; background-position: 0 -210px;} input.button.cancel{ width: 120px; height: 42px; background-position: 0 -280px;} input.button.startUsing{ width: 337px; height: 45px; background-position: 0 -350px;} input.button.login{ width: 129px; height: 44px; background-position: 0 -420px;} input.button.uploadPhoto{ width: 123px; height: 30px; background-position: 0 -490px;} input.button.editInfo{ width: 79px; height: 30px; background-position: 0 -560px;} input.button.deleteSchool{ width: 123px; height: 30px; background-position: 0 -630px;} input.button.saveChangesSmall{ width: 130px; height: 30px; background-position: 0 -700px;} input.button.freeGetStartedNow{ width: 300px; height: 45px; background-position: 0 -770px;} input.button.gotoDiscussionBoard{ width: 325px; height: 45px; background-position: 0 -840px;} input.button.submit{ width: 160px; height: 45px; background-position: 0 -910px;} /* Thin */ .cssLayout.thin div.nolabel, .cssLayout.thin div p{ margin-left: 100px; } .cssLayout.thin label { width: 100px; w\idth: 85px;} .cssLayout.thin h4{ margin-left: 100px;} .cssLayout.thin div.controlset div { margin-left: 100px;} .cssLayout.thin div.buttonrow { margin-left: 100px; } /* Wide */ .cssLayout.wide div.nolabel, .cssLayout.wide div p{ margin-left: 300px; } .cssLayout.wide label { width: 300px; w\idth: 285px;} .cssLayout.wide h4{ margin-left: 300px;} .cssLayout.wide div.controlset div { margin-left: 300px;} .cssLayout.wide div.buttonrow { margin-left: 300px; } /* LAYOUT ---------------------------------------------------------- */ /* .outside pages are the signup and login pages. .home is just the homepage .inside is all other pages TODO: This should be reorganized for clarity */ #page { margin: 0 auto; width: 1000px; overflow: hidden;} #hd{ position: relative; height: 212px; z-index: 1;clear:both;} #hd .logo{ position: absolute; z-index: 2; top: 30px; left: 0px; display: block; width: 459px; height: 84px; background: url(../../images/landing/header/ad_logo.png) no-repeat; line-height: 999px; overflow: hidden;clear:both;} #topNav{ position: absolute; top: 60px; right: 0px;} #googleSearch{ float: right; padding-top: 90px;} #topTabs{ position: absolute; bottom:0; right: 50px;} #bd { border-top: 4px solid #f1f2f2; position: relative; background: #fff url(../../images/landing/main/left_nav_bg.png) repeat-x; min-height: 1200px;} .inside #bd{ -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px;} .inside .col{ width: 1000px; w\idth: 740px; float:left; padding: 0px 20px 10px 10px; background: #fff url(../../images/landing/main/inside_content_bg.png) top repeat-x;min-height:1200px; } .inside .leftCol{ position: relative; float:left;width: 230px; padding-bottom: 10em;} #ft{ padding: 2.5em 0 1em 0; color: #c8c7c7; text-align: center;} .inside #ft{ padding-top: 3em;} /* HEADER ---------------------------------------------------------- */ #topNav a{ display: block; float: right; padding: 12px 5px 10px 35px; background: transparent url(../../images/lsat/header/topnav.png) no-repeat; overflow: hidden; font-size: 12px; cursor: pointer;} #topNav a:hover { color: #007DC3; } #topNav a.gray { color: #9c9d9e;} #topNav a.gray:hover{ color: #555;} #topNav a.profile{ background-position: 0 0; } #topNav a.logOut{ background-position: 0 -50px;} #topNav a.discussionBoard{ background-position: 0 -150px;} #topNav a.lawSchools{ background-position: 0 -100px;} #topNav a.applicants{ background-position: 0 -200px;} #topNav a.signUp{ background-position: 0 -250px;} #topNav a.logIn{ background-position: 0 -300px;} #topTabs a{ display: block; float: left; width: 136px; height: 55px; background: url(../../images/landing/header/toptabs.png) no-repeat; overflow: hidden; line-height: 999px} #topTabs a.signup{ background-position: 0 0; } #topTabs a.signupActive{ background-position: 0 -55px; } #topTabs a.login{ background-position: -136px 0; } #topTabs a.loginActive{ background-position: -136px -55px; } .mainNav { position: absolute; text-align: center; bottom: 0; width: 1000px; w/idth: 965px; padding: 8px 0 0 5px; margin: 0; background: url(/images/lsat/main/nav_bg.png) left no-repeat;} .mainNav li { float: left; width: 199px; height: 46px; text-align: center; background: url(/images/lsat/main/nav_bullet.png) right no-repeat; } .mainNav li a { padding: 15px 4px 17px 8px; line-height: 18px; display: block; font-size: 13px; } .mainNav li a.active{ color: #fff; background: url(/images/lsat/header/mainnav_hover2.png) center top no-repeat;} .mainNav li a:hover { color: #007DC3;} .mainNav li.last { background: none;} /* LEFT COLUMN ---------------------------------------------------------- */ .leftCol ul.nav li { text-align: right; height: 29px; xfont-size: 14px; xline-height: 30px;} .leftCol ul.nav li a { display: block; height: 29px; color: #fff; padding: 8px 15px 0 0;} .leftCol ul.nav li a.active { color: #007dc3; background: url(../../images/main/leftnav_bg.png) repeat-x; } .leftCol ul.nav li a:hover { color: #007dc3; } .leftCol ul.nav li.smaller a:hover { background:transparent url(/images/main/white_arrow.png) no-repeat scroll right center; } li#active-subsection a { color: #007dc3; background:transparent url(/images/main/white_arrow.png) no-repeat scroll right center; } .leftCol .logoA{ background: url(../../images/icons.png) 2px -139px no-repeat; padding: 5px 4px 5px 1px; margin-right: -1px;} /* Forum specific */ .leftCol ul.nav li.forum_section a:hover { color: #72a812; } .leftCol .logoA{ background: url(../../images/landing/icons.png) 2px -139px no-repeat; padding: 5px 4px 5px 1px; margin-right: -1px;} .leftCol .logoA span{ visibility: hidden;} .leftCol ul.nav li a.active .logoA, .leftCol ul.nav li:hover .logoA{ background: url(../../images/icons.png) 2px -174px no-repeat; } .leftCol ul.nav li a.app_year { color: #007dc3; font-size: 13px; } .leftCol ul.nav li.smaller { height: 22px; xfont-size: 13px; xline-height: 19px; } .leftCol ul.nav li a.app_year:hover { background: transparent url(../../images/main/white_arrow.png) right no-repeat;} .leftCol ul.nav li a.app_year .active { background: transparent url(../../images/main/white_arrow.png) right no-repeat;} /* Forum specific */ .leftCol .logoB{ background: url(../../images/landing/icons.png) -16px -139px no-repeat; padding: 5px 4px 5px 1px; margin-right: -1px;} .leftCol .logoB span{ visibility: hidden;} .leftCol ul.nav li a.active .logoB, .leftCol ul.nav li:hover .logoB{ background: url(../../images/landing/icons.png) -16px -174px no-repeat; } /* BLOCKS - LEFT COLUMN */ .leftCol .block h4 { background: transparent url(../../images/content/block_hd.png) no-repeat; color: #007dc3; padding-top: 7px; line-height: 25px; margin: 0; text-align: center; } .leftCol .block .mid { border: 5px solid #007dc3; border-width: 0 5px; background-color: #fafafa; text-align: center; } .leftCol .block.user .mid { border: none; border-width: 0px;background-color:transparent;background: transparent url(../../images/content/block_mid_bg.png) repeat scroll 0 0; } .leftCol .block h4.foot { background: transparent url(../../images/content/block_ft.png) bottom no-repeat; padding: 8px 5px;} .leftCol .block.user h4.foot {padding:0px;padding-top:8px;margin-top:-1px;padding-bottom:20px;margin-right:1px;} .leftCol .block h4.school_foot { height:55px;margin-right: 1px; background: transparent url(../../images/content/school_logo_foot.png) no-repeat center bottom; font-size: 11px; letter-spacing: 0px; padding: 0px 5px; } .leftCol .block h4.school_foot a { position: relative; left: 5px; top: -10px; } .leftCol .block h4.school_foot img { position: relative; left: 0px; top: 10px; margin-bottom: 15px; } .leftCol .block h4.school_foot img.now_tracking { position: relative; left: -5px; top: 2px; margin-bottom: 0;} .leftCol .block h4.school_foot a.tracking_school { position: relative; left: 0px; top: -10px; color: red;} .leftCol .block.school h4.foot a { font-size: 12px;} .leftCol .block.user h4.foot input{ margin-right: 0;} .leftCol .block .mid img { width: 160px; height: 110px; padding-bottom: 10px;} .leftCol .block .mid img.school_logo { width: 160px; height: 160px; padding-bottom: 10px;} .leftCol .block{ width: 200px; margin: 15px;} .leftCol .block.user { width: 215px; margin: 10px;} .leftCol .block.forum {background: url(/images/forum/forum_left_nav_block.png) no-repeat;width:201px;height:185px;padding-top:10px;padding-left:5px;} .leftCol .block.forum div.loggedout h4 {background:transparent; color: #007dc3; line-height: 25px; margin: 0; text-align: left;font-size:17px;font-weight: bold;} .leftCol .block.forum div.loggedout {padding-top:28px;padding-left:10px;background: url(../../images/forum/lrg_forum_sticky.png) no-repeat;width:201px;height:185px;border:collapse;} /* .leftCol .block.forum div.loggedin {padding-top:25px;padding-left:10px;background: url(../../images/forum/lrg_forum_sticky.png) no-repeat;width:180px;height:145px;border:collapse;} .leftCol .block.forum div.loggedin h4 {background:transparent; color: #007dc3; line-height: 25px; margin: 0; text-align: left;font-size:15px;font-weight: bold;} .leftCol .block.forum div.avatar {background: url(../../images/forum/avatar_bg.png) no-repeat;width:125px;height:112px;margin-top:-10px;margin-left:20px;vertical-align: baseline;text-align: center;} */ .leftCol .block.forum div.content {color: #007dc3;line-height:18px; padding-left:15px;padding-right:45px;text-align:left;font-size:11px;font-weight:bold;} .leftCol .block.forum div.content a {color: #5badea; text-decoration: none;} .leftCol .block.forum div.content a:hover {color: #007dc3; text-decoration: underline;} /* MAIN COLUMN ---------------------------------------------------------- */ /* Forum Corners */ .forumTopics { padding: 5px; background:url(../../images/forum/topics_BG.png) repeat-y; background-position:-1px 0; } .forumTopicCornersTop { background:url(../../images/forum/topics_TOP.png) no-repeat;width:100%;height:10px; } .forumTopicCornersBottom { background:url(../../images/forum/topics_BOT.png) no-repeat;width:100%;height:10px; } /* BLOCKS */ .b1h, .b2h, .b3h, .b4h, .b1f, .b2f, .b3f,.b4f { display:block; font-size:1px; overflow:hidden;} .block{ margin-bottom: 2em;} /* FOOTER ---------------------------------------------------------- */ .inside #ft{ background: url(../../images/landing/main/ft_bg.jpg) 50% 0 no-repeat;} #ft .links{ padding-bottom: 20px;} #ft .links a { padding: 2px 15px 0 15px; border-right: 2px solid #d8d7d7; color: #c8c7c7; font-size: 16px; text-decoration: none;} #ft .links a:hover{ color: #333;} #ft .links a.last{ border: none;} #ft .fineprint{ clear: both;} /* CLEAR FIX ---------------------------------------------------------- */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block;} html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* Forum */ .discussion_hd_center_block { float: left; width: 280px; text-align: right; } .discussion_hd_center_block input { padding: 5px; border: 2px solid #ccc; font-size: 11.9px; color:#000; margin-top: 15px; text-align:right; } .discussion_hd_center_block input.search { color: #8bca1c; padding-right:40px; width: 225px; } .discussion_hd_center_block input.submit_forum { background: url(../../images/landing/main/search_submit_forum.png) no-repeat; border: 0px; width: 38px; margin-left: -43px; } div.forum_spacer { height:2px; width: 100%; background: url(../../images/forum/forum_dots.png) repeat-x; } div.forabg li.row:hover { background-color: #dbeefc; } div.forabg li.row a:hover { color: #2c94ce; } div.forabg ul { clear:both; display: block; } div.forabg ul.topics li.row { background-color: #eeeeee; margin-right:1px; } div.forabg li div { line-height: 20px; } div.forabg li div.forum_info span.info { font-weight: normal; margin-right:5px; } div.forabg li div.forum_info span.info span.label { font-weight: bold; margin-right:5px; } div.forabg li div.forum_title { font-size:15px; } div.forabg li div.forum_desc { font-size:13px; } div.forabg li div.forum_info { font-size:12px; } div.locked a.forum_reply_topic { } a.forum_reply_topic { display: block; height: 53px; width: 190px; background: url(../../images/forum/POST_YOUR_REPLY_BUTTON.png) no-repeat; } a.forum_reply_topic:hover { background: url(../../images/forum/POST_YOUR_REPLY_BUTTON_ROLLOVER.png) no-repeat; } a.forum_post_topic { display: block; height: 53px; width: 190px; background: url(../../images/forum/START_NEW_TOPIC_BUTTON.png) no-repeat; } a.forum_post_topic:hover { background: url(../../images/forum/START_NEW_TOPIC_BUTTON_ROLLOVER.png) no-repeat; } div.postbody_userinfo span.field_name { /*margin-left:35px;*/ font-size:12px; font-weight: bold; color: #000; } div.postbody_userinfo span.field_value { font-size:12px; font-weight: normal; color: #63675d; } div.postbody_userinfo span.field_value.online { font-weight: bold; color: #72a812; } div.postbody_userinfo span.field_value.offline { font-weight: bold; color: #ff0338; } div.postbody_right div.content { font-size: 13px; line-height: 20px; font-weight: normal; color: #63675d; } .pagination { font-size:12px; }