/*--------------------------------------------------------------------- [table of contents] 1. Reset 2. Colours 3. General Tag Setup 4. Site Wide Styles 5. Forms 6. Search 7. Page Specific Styles /* 1. Css Rest ----------------------------------------------------------*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } ol,ul { list-style:none; } blockquote,q { quotes:none; } /* remember to define focus styles! */ :active, :hover { outline:none; } /* remember to highlight inserts somehow! */ ins { text-decoration:none; } del { text-decoration:line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse:collapse; border-spacing:0; } /* End CSS Reset -----------------------------------------------*/ /* 2. Colours ----------------------------------------------------- #f3f7fc Off White Blue #b5cfef Light Blue #6998c8 Light/Mid Blue #72a1d2 Mid/Light Blue #457eb8 Mid Blue #e2ef83 Yellow/Green #68913a Mid/Dark Green #444 Dark Grey */ /* 3. General Tag Setup -------------------------------------------*/ p { margin:0 0 1em; } h2,h3,h4,h5,h6 { font-family:Georgia, "Times New Roman", Times, serif; margin:1em 0; } h4 { margin:0 0 24px; } h1 { color:#333; font-size:2em; margin:0 0 .5em; } h2 { color:#777; margin:0 0 1em; } h3 { color:#457eb8; font-size:13px; } h4 { color:#81ac57; font-size:12px; } ul,ol,dl { margin:1em 0; } li { margin:0 0 .5em; } #container ul li,#tinymce ul li { list-style-type:square; margin-left:20px; } #container ol li,#tinymce ol li,#container-home ol li { list-style-type:decimal; margin-left:20px; } #container ol.letter li,#tinymce ol.letter li { list-style-type:lower-alpha; margin-left:20px; } #container ol.roman li,#tinymce ol.roman li { list-style-type:lower-roman; margin-left:20px; } a:link { color:#5C8ABB; } a:visited { color:#5C8ABB; } a:hover { color:#68913a; } a:active { color:#457eb8; outline:none; } em { font-style:italic; } strong { font-weight:bold; } hr { border-color:#d3d3d3; border-style:solid none none; border-width:1px 0 0; height:0; margin:0; } .org { font-weight:bold; } .center { text-align:center; } /* End Selecter Setup -----------------------------------------*/ /* General Setup ----------------------------------------------*/ body { font:62.5%/170% Arial, Helvetica, sans-serif; text-align:center; color:#555; background:#fff; } .left { float:left; } .right { float:right; } .clear { clear:both; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac \*/ .clearfix { display:block; } /* End hide from IE Mac */ .infobox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .infobox { display:inline-block; } /* Hide from IE Mac \*/ .infobox { display:block; } /* End hide from IE Mac */ #container ul.no-bullet li,#tinymce ul.no-bullet li,#container ol.no-bullet li,#tinymce ol.no-bullet li { list-style-type:none; } .round { -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; } /* End General Setup ------------------------------------------*/ /* 4. Site Wide Styles ----------------------------------------------*/ /* Layout Col -------------------------------------------------*/ .gutter { margin-right:30px; } .gutter-left { margin-left:30px; } .col_span_1 { width:210px; float:left; } .col_span_2 { width:450px; float:left; } .col_span_3 { width:685px; float:left; } .col_span_4 { width:930px; } .col_span_33 { width:290px; float:left; } #side-content { float:right; width:290px; text-align:justify; } /* End Layout Col ---------------------------------------------*/ /* Containers -------------------------------------------------*/ #container-home { min-height:360px; } #container,#container-home { width:930px; text-align:left; font-size:1.2em; } #container { margin:20px auto; } /* to centre layout */ #container-home { margin:25px auto;}/* to centre layout */ #header { text-align:left; height:330px; background:#457eb9 url(../images/header-bg.png) repeat-x; font-size:1.2em; color:#fff; } #header-all { text-align:left; height:140px; background:#457eb9 url(../images/header-bg-new.gif) repeat-x 0 0; } #header-content { margin:0 auto; width:930px; font-family:Arial, Helvetica, sans-serif; } #footer { clear:both; padding:20px 0 8px 5px; margin:20px 0 0; background:#fff url(../images/container-bg.gif) repeat-x bottom; text-align:center; } #footer-links { margin:5px 0; font-size:1.2em; } #copyright { width:960px; margin:0 auto; text-align:center; } /* centre layout if main container is centred */ #container-home+p img,#container+p img { padding:0 12px; } /* End Containers ---------------------------------------------*/ /* Navigation -------------------------------------------------*/ #nav-wrap { background:#6998c8 url(../images/nav-bg.gif) repeat-x;} #nav { width:930px; margin:0 auto; text-align:left; height:32px; font-weight:normal; font-size:14px; line-height:30px; border-left:1px solid #5b80af; color:#fff; /*font-family:Georgia, "Times New Roman", Times, serif; */ font-family:Helvetica, Arial, sans-serif;} #nav li { float:left; margin:0; } #nav li span { background:#f4f9fe; border-color:#477BAF #9CBCDF #9CBCDF #477BAF; border:1px solid #477BAF; display:inline-block; font-family:"Helvetica Neue", Arial, Helvetica, Sans-serif; font-size:9px; height:16px; line-height:17px; margin-right:5px; min-width:12px; padding:0 2px; text-align:center; color:#68913a; } #nav li span.disabled { display:none; } #nav li a { text-decoration:none; font-weight:bold; display:block; padding:0 10px; height: 32px; border-right:1px solid #5b80af; color:#fff; font-size:12px; } #nav li a:hover { display:block; color:#e2ef83; background-color:#5689be; } #nav label { font-size:.8em; } #nav li#search { float:right; width:235px; position:relative; height:30px; top:0; } #nav li#search label { font-family:tahoma; text-transform:uppercase; margin-right:10px; font-weight:bold; } #nav li#search input#search-box { color:#6e6e6e; font-family:tahoma; padding:2px; border-bottom:1px solid #999; border-left:1px solid #999; border-top:1px solid #666; border-right:1px solid #666; font-size:1em; width:140px; height:19px; } #nav li#search #go-but { background:url(../images/go-but.png) no-repeat 0 0; text-indent:-9999px; border:0; width:27px; height:27px; cursor:pointer; font-size:0; line-height:25px; position:absolute; right:0; top:2px; } /* Sub Nav */ #nav ul, #nav ul ul{position:absolute; left:-1000px; visibility:hidden; top:18px; z-index:100; border: 1px solid #5b80af; border-width: 0 1px 1px;} #nav ul{background:#5689be;} #nav ul li{float:none; border-bottom: 1px dotted #5b80af;} #nav li:hover{position:relative;} #nav ul a{border:none; background:none; text-indent:0; text-decoration:none; font-weight:normal; line-height:18px; width:auto; padding:.4em 1em; color:#FFF; font-family: Helvetica, Arial, sans-serif; height: 20px;} #nav li:hover > ul{visibility:visible; left:0;} #nav li:hover > a{color:#e2ef83; background-color:#5689be;} #nav ul a:hover{background-color: #6998c8;} /* First level */ #nav ul{width:165px;} /* Second level */ #nav ul ul{width:325px; left:165px; top:-13px;} .ie6 #nav li{display: inline; float: none;} .ie6 #nav li a{display: inline-block;} .ie6 #nav li a:hover{display: inline-block;} .ie6 #nav li span{background: #F4F9FE; border-color: #477BAF #9CBCDF #9CBCDF #477BAF; border: 1px solid #477BAF; display: block; font-family: "Helvetica Neue", Arial, Helvetica, Sans-serif; font-size: 9px; height: 16px; line-height: 17px; margin-right: 5px; min-width: 12px; width:12px; float:left; padding: 0 2px; text-align: center; color: #68913A;} .ie6 #nav-wrap, .ie7 #nav-wrap{ position: relative; z-index: 800; } #top-links { margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#fff; letter-spacing:1px; background:#27496c; } #top-links ul { margin:0 auto; padding:0; float:right; } #top-links div { width:890px; margin:0 auto; padding-left:40px; background:url(../images/100-australia-sm.png) no-repeat left center; min-height:30px; } #top-links p { font-size:11px; font-weight:normal; letter-spacing:0; margin:0; line-height:30px; } #top-links p em { color:#e2ef83; } #top-links li { float:left; margin-left:25px; margin-top:6px; } #top-links li a,#top-links-bar li a { color:#fff; text-decoration:none; } #top-links li a:hover,#top-links-bar li a:hover { color:#e2ef83; } /* End Nav ----------------------------------------------------*/ /* Specific Containers ----------------------------------------*/ /* Header Content ---------------------------------------------*/ #header-content h1 { background:url(../images/logo-rest.gif) no-repeat 0 10px; text-indent:-9999px; height:83px; width:600px; display:block; float:left; margin-bottom:0; } #home #header-content h1 { height:83px; width:652px; margin-bottom:0; background:url(../images/logo.gif) no-repeat 0 10px; } #home #header-content .first { float:left; } #header-content { position:relative; top:0; } #header-content h2 { font-size:24px; letter-spacing:.4px; color:#e2ef83; margin-top:1em; margin-bottom:24px; } #header-content p:first-child { margin-top:2em; } #header-content p { color:#fff; font-weight:bold; margin-top:12px; font-family:Georgia, "Times New Roman", Times, serif; } #header-content p a { color:#e2ef83; text-decoration:none; } #header-content p a:hover { text-decoration:underline; } #header-content h4 { color:white; margin:24px 0; } a.header-buttons { background:url(../images/green-button.gif) no-repeat; display:inline-block; -moz-box-orient:vertical; -moz-box-align:center; width:83px; height:29px; text-align:center; color:#fff; text-decoration:none; font-weight:bold; margin:8px 20px 0 0; padding:5px 0 0; } #header a.header-buttons-med { background:url(../images/green-button-med.gif) no-repeat; width:170px; display:inline-block; -moz-box-orient:vertical; -moz-box-align:center; height:29px; text-align:center; color:#fff; text-decoration:none; font-weight:bold; margin:8px 6px 0; padding:5px 0 0; } a.header-buttons:link,a.header-buttons-blue:link,a.header-buttons:visited,a.header-buttons-blue:visited,a.header-buttons:hover,a.header-buttons-blue:hover { color:#fff; } a.header-buttons-blue { background:url(../images/blue-buttons.png) no-repeat; display:block; width:210px; height:32px; text-align:center; color:#fff; text-decoration:none; font-weight:bold; float:left; margin:0 30px 0 0; line-height:32px; } a.header-buttons,a.header-buttons-blue~a.header-buttons-blue { margin-right:0; } #benefits { float:left; margin-top:2em; } #benefits li { background:url(../images/bullet.png) no-repeat; padding-left:45px; height:35px; line-height:35px; font-weight:bold; color:#fff; } #boy { background:transparent url(../images/hm-header-books.png) no-repeat scroll center bottom; height:235px; width:237px; position:absolute; top:29px; right:0; z-index:2; } #member { background:url(../images/member.png) no-repeat scroll right 0; height:333px; width:248px; position:absolute; top:2px; right:0; z-index:2; } #school { background:url(../images/schools.png) no-repeat scroll right 0; height:249px; width:228px; position:absolute; top:52px; right:0; z-index:2; } #orgs { background:url(../images/org.png) no-repeat scroll right 0; height:230px; width:230px; position:absolute; top:70px; right:0; z-index:2; } /* End Header Content -----------------------------------------*/ /* Main Content ---------------------------------------------*/ #container h2,#container-home h2,#tinymce h2 { text-transform:uppercase; } #container p img,#container-home p img,#tinymce p img { float:left; padding:0 4px 3px; } /* End Main Content ---------------------------------------------*/ /* 5. Forms----------------------------------------------------------*/ /* General ----------------------------------------------*/ legend { font-weight:bold; color:#457eb8; position:relative; top:0; left:-7px; padding-bottom:6px; } input.text { padding:6px; border:1px solid #b5cfef; font-size:12px; overflow:visible; } dt.multiple-line { height:55px; } /* End General -------------------------------------------------*/ /* Register Forms ----------------------------------------------*/ .register { background:#f3f7fc; padding:12px; border:1px solid #b5cfef; width:636px; margin-bottom:24px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; position:relative; } .register.student { background:#1D61A5 url(../images/search-bar-bot-bg.png) repeat-x; z-index: 3000; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 18px; border: 1px solid #1D61A5; } .register.student #SchoolSearch { width: 450px; border: 1px solid #316090; padding: 10px; color: #93979A; font-size: 16px; margin-left: 30px; } .searching { padding-left: 20px; position:relative; display:none; left:-30px; } #searchoptions .searching { left:-40px; } .searching.active { background: white url(../images/ajax-loader.gif) no-repeat 5px; display:inline;} .register.student legend { color:white; } .register-img { float:left; margin-right:24px; } .register-text { float:left; width:440px; } .register dd { margin:2px 0 12px; } .register dt { font-weight:bold; float:left; width:200px; margin-right:30px; text-align:right; padding-top:2px; } .register input.text,.register textarea { padding:6px; border:1px solid #b5cfef; width:350px; } .register select { padding:6px; border:1px solid #b5cfef; width:160px; } .register input.submit,.submitad, .submitcontact { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:transparent url(../images/button-bg.gif) repeat-x scroll 0 0; border:1px solid #ffcb16!important; color:#666; cursor:pointer; float:left; font-family:arial; font-size:12px; font-weight:bold; padding:3px 12px!important; width:auto; margin:6px 3px; } .secondary-button { border:1px solid #ccc!important; -moz-border-radius:5px; -webkit-border-radius:5px; background:transparent url(http://www.sustainableschoolshop.com.au/themes/schoolshop/images/button-bg-sec.gif) repeat-x scroll 0 0; color:#777; cursor:pointer; float:left; font-family:arial; font-size:12px; font-weight:bold; margin:6px 3px; padding:3px 12px!important; width:130px; } .submitcontact { margin:0px; margin-left: 112px; } /* Contact Forms ----------------------------------------------*/ /* Booklist Forms ----------------------------------------------*/ #booklist-school { background:#bbd3f0 url(../images/booklists-sm.gif) no-repeat 655px 5px; margin-bottom:12px; padding:12px; border:1px solid #457eb8; } #booklist-school span { float:left; width:560px; } .booklist-select { background:#f3f7fc url(../images/booklists-sm-step2.gif) no-repeat 655px 5px; border:1px solid #b5cfef; margin-bottom:12px; padding:12px; } #booklist-school h3,.booklist-select h3 { margin-top:0; margin-bottom:6px; } .booklist { margin-bottom:24px; margin-top:24px; border:3px solid #1D61A5; -moz-border-radius:6px; -webkit-border-radius:6px; } .booklist h4 { color:white; margin-bottom:12px; } .booklist h3 { color:white; margin-bottom:12px; } .booklist dl { margin-top:0; } .booklist dt { float:left; margin:0 6px 0 80px; } .booklist dd { margin-bottom:6px; } #booklist-continue { float:right; } a.more-link { background:url(../images/down-arrow-dark.gif) no-repeat right 4px; padding-right:16px; } a.more-link-up { background:url(../images/down-arrow-dark-up.gif) no-repeat right 4px; padding-right:16px; } #steps li { color:white; list-style-type:none; padding-left:63px; padding-bottom:1px; display:block; height:1%; } #steps li p { color:black; } #steps li.one { background:url(../images/booklists-num1-bg.gif) no-repeat 0 4px; } #steps li.two { background:url(../images/booklists-num2-bg.gif) no-repeat 0 4px; } #steps li.three { background:url(../images/booklists-num3-bg.gif) no-repeat 0 4px; } /* Errors ------------------------------------------------------*/ #container form .error,#tinymce form .error { border:1px solid #FF0000; } .success-box,.successBox,.success { border:1px solid #C4D78A; padding:12px 30px 12px 12px; margin:0 0 12px; width:430px; background:url(../images/success.gif) no-repeat 440px 10px; } .error-box { border:1px solid #FF0000; padding:12px 30px 12px 12px; margin:0 0 12px; width:430px; background:url(../images/warning.gif) no-repeat 440px 10px; } .errorBox { border:1px solid #FF0000; padding:12px 30px 12px 12px; padding-right:40px; margin:0 40px 12px 0; width:430px; background:url(../images/warning.gif) no-repeat 440px 10px; } #container .error-box li,#tinymce .error-box li { list-style-type:none; background:url(../images/warning16.gif) no-repeat 0 1px; margin:0 0 0 15px; padding-left:30px; } #edit-details .error { display:block; margin-top:3px; } /* Login ------------------------------------------------------*/ #login-form {border: 1px solid #d1ccbf; background: #fdfdfd url(http://www.sustainableschoolshop.com.au/themes/schoolshop/images/hm-boxes-bg.png) repeat-x bottom left; width: 640px; color: #716767; font-family: Georgia, "Times New Roman", Times, serif; float: left; margin:0 20px 18px 0;} #login-form form{padding:10px 20px 20px; background: url(../images/login-leaves-bg.png) no-repeat right top; } #login-form legend{position: relative; display: block; height: 28px;} #login-form legend span{font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; position: absolute; left: 0; top:0; color: #423c3c; width:400px} #login-form ul li{list-style-type: none; padding: 0; margin: 0 0 8px; overflow: hidden;} #login-form li label{text-align: right; margin-right: 24px; float: left; width: 140px; font-size: 15px;} #login-form li label span{display: block; font-size: 12px; font-family: Arial, "Helvetica Neue", sans-serif;} #login-form input { vertical-align: middle; } #login-form input.submit {display: block; margin: 10px 0 6px 165px; background: url(../images/login-button.png) no-repeat; border: none; text-indent: -9999em; width: 157px; height: 37px; cursor: pointer; font-size: 0; line-height: 31px; } #login-form input.submit:hover{-webkit-box-shadow:1px 4px 6px #aaa; -moz-box-shadow:1px 4px 6px #aaa; box-shadow: 1px 4px 6px #aaa;} #login-form input.changeemail {display: block; margin: 10px 0 6px 165px; background: url(../images/blue-buttons-2.gif) no-repeat; border: none; width: 210px; height: 37px; cursor: pointer; line-height: 31px; color:white; font-variant:small-caps; font-weight:bold; letter-spacing:.5px;} #login-form input.changeemail:hover{-webkit-box-shadow:1px 4px 6px #aaa; -moz-box-shadow:1px 4px 6px #aaa; box-shadow: 1px 4px 6px #aaa;} #login-form #lf-remember-me{margin-left: 165px;} #fm-lf-username, #fm-lf-password, #fm-lf-email {width: 310px;} label[for=lf-remember-me]{font-family: Arial, "Helvetica Neue", sans-serif; vertical-align: middle;} label[for=fm-lf-password]{padding-top: 10px;} #login-form .text{padding: 8px;} .login-secondary{float: left; width: 260px; margin-bottom: 18px; padding-bottom: 18px;} .login-secondary.first{border-bottom: 1px dotted #d1ccbf;} .login-secondary h3{font-weight: normal; color: #534b4b; font-size: 14px; margin-top: 0;} .reset-pwd-button{background: url(../images/reset-pwd-button.png) no-repeat; width: 137px; height: 31px; display: block; text-indent: -9999em; margin-bottom: 10px;} .change-email-button{background: url(../images/change-email-button.png) no-repeat; width: 137px; height: 31px; display: block; text-indent: -9999em; margin-bottom: 10px;} .reset-pwd-button:hover, .change-email-button:hover{-webkit-box-shadow:1px 4px 6px #aaa; -moz-box-shadow:1px 4px 6px #aaa; box-shadow: 1px 4px 6px #aaa;} #login-form .errorBox{ background-color:white; width:438px;} #login-form .successBox{ background-color:white; width:438px; } /* 6. Search --------------------------------------------------------*/ .searchbox { background:#1d61a5; width:922px; padding:3px; border:1px solid #3874AF; border-width:0 1px 1px; margin:20px auto; color:#E7F1FC; font-family:Arial, Helvetica, sans-serif; font-size:13px; position:relative; } .searchbox p { margin:0 0 3px; } .searchbox input,.searchbox select { padding:2px; border:1px solid #407bb6; } .searchbox .searchbox-note {position:relative; top:10px; left:5px; margin:0;} .search-button { background:url(../images/green-button.gif) no-repeat 0 1px; width:83px; height:29px; color:#fff; font-weight:bold; border:0; padding-bottom:1px; margin-left:10px; positi0on:absolute; right:18px; border:0!important; font-family:Arial, Helvetica, sans-serif; top:0; text-shadow:1px 1px 0px #888; cursor:pointer;} .result { padding:10px 10px 0; width:90%; margin:0 auto 10px; border:1px solid #c4dcf8; } .result-alt { padding:10px 10px 0; background:#e9f2fb; border:3px solid #e9f2fb; width:90%; margin:0 auto 10px; padding-bottom:10px;} .result.editbox { width:12%; float:left;margin-left:10px; text-align: left; position:relative;} .result.editbox span.arrow { display:block; height: 20px; width: 12px; background: url(../images/result-arrow.png) no-repeat; position:absolute; top:10px; left:-12px; } .result-alt.editbox { width:12%; float:left;margin-left:10px; text-align: left; position:relative;padding-bottom:10px;} .result-alt.editbox span.arrow { display:block; height: 20px; width: 12px; background: url(../images/result-alt-arrow.png) no-repeat; position:absolute; top:8px; left:-14px; } .editbox a { display:block; margin:1px 0px; } .result-icon { width:24%; float:left; } .result-icon { display:block; text-align:center; } .result-icon strong { display:block; text-align:center; margin:10px 0; } .result-icon input { display:block; margin:0; float:left; } .result-description { margin:0 0 0 20px; display:block; float:right; width:70%; text-align:left;} #container .result-description ul li,#tinymce .result-description ul li { list-style-type:none; } .result-description h3 { margin-top:0; } .result-details-container { width:80%; float:left; } .price { font-size:22px; } .mini-price { font-size:22px; float:left; font-weight:bold; } .result-price-container { width:20%; float:right; text-align:right; } .result-more-details { clear:both; width:500px; text-align:justify; padding:5px; float: left; } .result-more-details p { margin-bottom:.5em; } .result-mini-details { clear:both; width:180px; text-align:justify; padding:5px; } .result-mini-details p { margin-bottom:.5em; } .result-more-details h4 { margin-bottom:0; } .result-more-details p.contact-details { margin-top:10px; } .result.inactive { background:url(../images/bg-stripe.png) center; } .result-alt.inactive { background:url(../images/bg-stripe-alt.png) center; } .share {float: right;} .share h5 { float: left; margin: 0; padding-right: 1em; } .result-more-details .share a { float: left; } .share .facebook { background: url(http://www.facebook.com/images/connect_favicon.png) no-repeat; padding-left: 1.5em; } .result-icon .moreDetailsLink { padding-left:12px; } /* Search Mini Ad box ------------------------------------------*/ #searchresultsbox-mini { background:#dbd9cc url(../images/mini-search-top-bg.gif) no-repeat; width:209px; } #searchresultsbox-mini h3 { width:180px; min-height:60px; position:relative; top:10px; margin:0 auto; text-align:center; color:#50768a; } #searchresultsbox-mini p { width:194px; margin:0 auto 1em; } #searchresultsbox-mini h3 span { float:right; font-size:10px; background:url(../images/help-icon.gif) no-repeat; text-indent:-9999px; width:20px; height:20px; } #searchresultsbox-mini .result { background:#dbd9cc; margin:0; padding:0; width:197px; border-width:0 1px 1px; } #searchresultsbox-mini .result h4 { margin-top:5px; margin-bottom:12px; color:#50768a; } #searchresultsbox-mini .result h5 { color:#7b6a5d; font-size:12px; } #searchresultsbox-mini .result-inner { margin:0 4px 4px; background:#fff; padding:4px; } #searchresultsbox-mini .result-description ul { margin-top:0; } #searchresultsbox-mini .break { word-wrap:break-word; overflow:auto; } #searchresultsbox-mini .mini-price { margin:10px 0; } /* 7. Page Specific----------------------------------------------------*/ /* Noticeboard.php ---------------------------------------------*/ #noticeboard-container { border:1px solid #e1ebf8; border-width:0 1px 1px; padding:20px 0; text-align:center; } #container #noticeboard-tabs { /*float:left;*/ margin:0; padding:0; height:32px; position:relative; width:100%; } #container #noticeboard-tabs li { float:left; list-style-type:none; margin:0; padding:0; background:url(../images/tabs.gif) no-repeat right -35px; line-height:32px; display:block; margin-right:1px; padding-right:15px; } #container #noticeboard-tabs li a { background:url(../images/tabs.gif) no-repeat 0 -35px; margin-left:-2px; } #container #noticeboard-tabs li.schools a { background:url(../images/tabs-schools.gif) no-repeat left -35px; padding-left:30px; } #container #noticeboard-tabs li.community a { background:url(../images/tabs-community.gif) no-repeat left -35px; padding-left:30px; } #container #noticeboard-tabs li.commercial a { background:url(../images/tabs-commercial.gif) no-repeat left -35px; padding-left:30px; } body #container #noticeboard-tabs li.schools.active a { background:url(../images/tabs-schools.gif) no-repeat 0 0; padding-left:30px; } body #container #noticeboard-tabs li.community.active a { background:url(../images/tabs-community.gif) no-repeat 0 0; padding-left:30px; } body #container #noticeboard-tabs li.commercial.active a { background:url(../images/tabs-commercial.gif) no-repeat 0 0; padding-left:30px; } #container #noticeboard-tabs a { color:#e2ef83; text-decoration:none; display:block; padding:0 0 0 15px; margin-right:2px; font-weight:bold; } #container #noticeboard-tabs li.active { background:url(../images/tabs.gif) no-repeat right 0; margin-right:1px; padding-right:15px; } #container #noticeboard-tabs li.active a { background:url(../images/tabs.gif) no-repeat 0 0; } #noticeboard-select { background:#1d61a5; color:#e7f1fc; font-weight:bold; padding:5px; clear:both; } #noticeboard-select h2 { color:#e2ef83; margin-bottom:0; text-transform:capitalize; } #noticeboard-select span a { color:#e2ef83; } #noticeboard-select h2 span a { color:#fff; font-size:12px; font-weight:normal; } #noticeboard-select h2 span a:hover { color:#e2ef83; } #noticeboard-select select,#noticeboard-select input { margin:0 4px; } #noticeboard-select span { float:right; } .noticeboards { width:90%; margin:0 auto 10px; background:#e1ebf8; padding-bottom:1px; border:1px solid #b5cfef; text-align:left; position:relative; overflow:hidden; } .adsPreviewWrapper { margin:10px auto; background:#e1ebf8; padding:12px; border:1px solid #b5cfef; text-align:left; position:relative; } .adsPreviewHeader { background:#b5cfef url(../images/ads.png) no-repeat 12px center; padding:4px 10px 4px 35px; margin:-12px -12px 0; color:#2e567e; text-transform:capitalize; font-style:normal; font-size:18px; } .adsPreviewHeader h3 { margin:0; font-size:16px; color:#2E567E; } #adPreview.result { width:auto; margin:0 auto; border:1px solid #ddd; } .noticeboards.expired h3 { background:#ffe7cf url(../images/ads.png) no-repeat 12px center; padding-left:35px; border-bottom:1px solid #D1CCBF; } .noticeboards .new { background:#e1ebf8 url(../images/mark-read-bg.gif) no-repeat bottom right; } .noticeboards.expired { border:1px solid #D1CCBF; background:#E7E6DE; } .noticeboards.expired span.expired { position:absolute; right:18px; bottom:-2px; font-size:11px; color:#000000; text-decoration:none; line-height:18px; padding-left:15px; width:109px; background:url(../images/expired-bg.gif) no-repeat 0 -2px; } .noticeboards h3 { background:#b5cfef url(../images/ads.png) no-repeat 12px center; padding:4px 10px 4px 35px; margin-top:0; color:#2e567e; text-transform:capitalize; font-style:normal; font-size:18px; } .noticeboards h3.active { background-color:#9bb8cf; margin-bottom:2px; } .noticeboards h3 span { float:right; font-size:12px; } .noticeboards.new h3 span { background:url(../images/favorites.gif) no-repeat 0 -2px; padding-left:30px; } .noticeboards h3 em { font-size:12px; margin-left:6px; } .noticeboards p { padding:0 20px; } .noticeboards.new a.read { position:absolute; right:18px; bottom:-2px; font-size:11px; color:#ce761e; text-decoration:none; line-height:18px; padding-left:12px; width:109px; background:url(../images/mark-read-bg.gif) no-repeat 0 -2px; } /* Home Search box ---------------------------------------------*/ #home-search { background:#e7e6de; width:400px; float:right; } #home-search form { margin-bottom:6px; background:#fff; padding:12px; border:1px solid #d1ccbf; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } #home-search form input { padding:4px; font-family:tahoma; color:#6e6e6e; } .home-search-button { background:url(../images/home-search-button.gif) no-repeat; text-indent:-9999px; border:0; width:35px; height:35px; cursor:pointer; } #home-search div { padding:15px; } #home-search div.categories { background:#fff; border:1px solid #d1ccbf; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin-bottom:6px; } #home-search div.categories.ads a { color:#809658; } #home-search div.categories.ads a:hover { color:#72A1D2; } #home-search div.categories.ads p strong { background:url(../images/warning.png) no-repeat; padding-left:21px; color:#BB4B47; } #home-search div.categories td,#home-search div.requirement td { padding:3px 0; } #home-search div.requirement { background:#fff; border:1px solid #d1ccbf; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } #home-search ul li a span { color:#68913a; } #home-search h3 { background:#6998C8 url(../images/searchbox-h3.gif) no-repeat -2px 0; color:#fff; padding:8px 10px; margin:0; } #home-search .home-search-label { position:absolute; left:-9999em; } /* Home Page Notice box ---------------------------------------------*/ #home-notice { background:#f9fcf5; margin-bottom:24px; } #home-notice form { margin-bottom:20px; } .home-message { padding:18px; border-bottom:1px solid #a9bf6e; } #home-notice ul li a span { color:#68913a; } #home-notice h3 { background:url(../images/new-message-h3.gif) no-repeat -1px 1px; color:#fff; padding:8px 10px; margin:0; } /* Login -----------------------------------------------------*/ #container .login-register ul li { list-style-type:none; background:url(../images/small-bullet.gif) no-repeat 0 2px; margin-left:0; padding:2px 0 2px 35px; } .login-register { border:1px solid #b5cfef; padding:12px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; background:url(../images/login.png) no-repeat bottom right; } .login-register a#register-button { background:url(../images/register.gif) no-repeat; text-indent:-9999px; display:block; width:280px; height:34px; margin-left:35px; } .login-register h3 { margin-top:0; } /* Create Ads Questions ---------------------------------------*/ #questionArea h3 { background:#457eb8; color:#fff; padding:6px; margin:0; } #questionArea h3 span { float:right; font-size:12px; } #questionArea h3 span a { color:#e2ef83; } #questionArea dl { margin:0 0 6px; background:#f9f9f9; border:1px dotted #ddd; padding:6px 0; position:relative; } #questionArea dt { float:left; width:250px; margin:0 6px 12px 12px; padding:0; font-family:Georgia, "Times New Roman", Times, serif; } #questionArea dt .info { font-size: 0.8em; color: rgb(143, 143, 143); } #questionArea dd { float:left; padding:0; width:400px; margin-left:30px; } #questionArea dd.change { border-left:0; width:60px; float:left; } #questionArea dd.change a { color:#cc0000; } #questionArea dd.responseBar { color:#457eb8; font-size:15px; font-weight:normal; margin-left:30px; } #questionArea dd textarea { width:332px; height:100px; } .ad-preview-h2 { width:837px; background:#457eb8; margin:0 auto; padding:3px 10px; color:#fff; font-size:14px; } /* Toolbox ---------------------------------------*/ .toolbox { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:#f3f7fc; border:1px solid #b5cfef; float:left; width:361px; margin-bottom:24px; padding:12px 12px 12px 75px; min-height:120px; } .toolbox h3 { margin:0 0 12px; font-size:24px; font-weight:normal; letter-spacing:1px; } .toolbox ul { overflow:hidden; margin:0 0 12px; } #container .toolbox li { margin:0 12px 0 0; line-height:18px; list-style-type:none; } #toolbox-letters { background:#f3f7fc url(../images/letters.gif) no-repeat 10px 9px; } #toolbox-forms { background:#f3f7fc url(../images/forms.gif) no-repeat 2px 9px; } #toolbox-posters { background:#f3f7fc url(../images/posters.gif) no-repeat 7px 8px; } #toolbox-newsletters { background:#f3f7fc url(../images/newsletters.gif) no-repeat 10px 9px; } #toolbox-newsletters + p { clear:both; } #toolbox-letters h4,#toolbox-forms h4,#toolbox-posters h4,#toolbox-newsletters h4 { margin-bottom:3px; color:#666; font-size:1em; font-family:Cambria, Georgia, Times, "Times New Roman", Serif; } .colour { width:46%; float:left; } .b-w { width:48%; float:left; padding-left:5%; border-left:1px solid #B5CFEF; } .poster-sub-heading { display:block; float:none; clear:both; padding:3px 0 0; } /* Edit Advertisements ---------------------------------------*/ #action-box { -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; border:1px solid #B5CFEF; float:right; padding:1em; position:relative; margin-bottom:12px; top:1em; width:17%; height:128px;} #action-box p { padding:0; } #action-box a { color:#d11f1a; text-decoration:none; display:block; } #action-box ul li { list-style-type:none; margin-left:0; } #action-box .list-ad { background:url(../images/script_add.png) no-repeat; border:0; color:#d11f1a; cursor:pointer; font-family:Arial, Helvetica, sans-serif; margin-top:6px; padding-left:20px; } #action-box a.add-more { background:url(../images/add.png) no-repeat; padding-left:20px; } #ad-contact-details { width:90%; margin:1em auto; border:1px solid #9bb8cf; padding:12px; background:#f3f7fc; -moz-border-radius:5px; -webkit-border-radius:5px; } #ad-contact-details strong { color:#5c8fc4; margin-right:12px; font-weight:normal; } #ad-contact-details h5 { margin:0; color:#2E567E; font-size:13px; } #ad-contact-details h5 span a { color:#d11f1a; font-size:11px; font-weight:normal; font-family:Arial,sans-serif; } #showDetails { overflow:hidden; height:110px; } #showDetails ul li { list-style-type:none; float:left; margin:10px; padding:0 1em; } #searchresultsbox .result { margin:12px 0 0; width:75%; border:1px solid #B5CFEF; -moz-border-radius:5px; -webkit-border-radius:5px; float:left; } #searchresultsbox.noticeboards { padding:12px; } #searchresultsbox.noticeboards h3 { margin:-12px -12px 2px; background:#9BB8CF url(../images/ads.png) no-repeat 5px center; padding:2px 12px 4px 30px; font-size:16px; } #searchresultsbox.noticeboards h3 span { background:url(../images/flag_green.png) no-repeat left center; padding-left:20px; } #searchresultsbox.noticeboards.expired h3 span { background:url(../images/flag_red.png) no-repeat left center; padding-left:20px; } a.unlist { background:url(../images/script_delete.png) no-repeat; color:#d11f1a; padding-left:22px; padding-bottom:5px; } a.extendExpiry { background:url(../images/add.png) no-repeat; padding-left:22px; padding-bottom:5px; } a.contact { background:url(../images/email-small.gif) no-repeat; padding-left:22px; padding-bottom:5px; } a.editAd{ background:url(../images/ads.png) no-repeat; padding-left:22px; padding-bottom:5px; } a.relist { background:url(../images/script_add.png) no-repeat; color:#d11f1a; padding-left:22px; padding-bottom:5px; } a.removeItem { background:url(../images/delete.png) no-repeat; color:#d11f1a; padding-left:22px; padding-bottom:5px; } a.remove { background:url(../images/delete.png) no-repeat; color:#d11f1a; padding:0 0 0 20px; } #delete { background:url(../images/bin_empty.png) no-repeat; border:0; padding-left:20px; font-family:Arial, Helvetica, sans-serif; color:#d11f1a; cursor:pointer; margin-top:6px; } #searchresultsbox .result-description { width:85%; margin:0; } #searchresultsbox .result-description ul li { float:left; } #searchresultsbox .result-description ul li:first-child { width:320px; margin-left:0!important; } #searchresultsbox .result-more-details { margin-left:20%; padding:0; } #searchresultsbox .result-icon { width:15%; } .extend { color:#d11f1a; } #searchresultsbox.noticeboards h3,#searchresultsbox.noticeboards .expired h3 { margin:-12px -12px 2px; background-image:url(../images/ads.png); background-repeat:no-repeat; background-position:5px center; padding:2px 12px 4px 30px; font-size:16px; } #searchresultsbox.noticeboards .expired h3 { margin-bottom:2px; } dl.edit-details dt { float:left; margin-right:12px; width:100px; text-align:right; color:#5c8fc4; font-weight:normal; } dl.edit-details dd input { width:200px; } dl.edit-details dd { float:left; margin-bottom:12px; } #edit-details { height:110px; } #searchresultsbox.noticeboards.expired h3 { background:#FFE7CF url(../images/ads.png) no-repeat scroll 12px center; border-bottom:1px solid #D1CCBF; padding-left:35px; } /* Help me pages ---------------------------------------------*/ /* = Member booklists page = */ #booklist-helpme h4 { color:#666; margin:18px 0 6px; } /** SCHOOL REGISTRATION FORM **/ .checks { width:200px; height:210px; float:left; border:1px solid #cccccc; background:#ffffff; padding:2px; margin:2px; } .checks p { padding:0; margin:2px; } /** Success / Fail notify **/ .error { border:1px solid red; background:white; padding:3px; color:red; clear:both;} .editing,.data { text-align:left; } .editing td,.data td { vertical-align:top; padding:3px; } .vert { text-align:right; padding:3px; vertical-align:top; } .contacts { text-align:left; width:100%; padding:3px; } .contacts td { padding-left:3px; vertical-align:middle; line-height:100%; } .alt { background:#e9f2fb; } /* School Section Forms ----------------------------------------------*/ .schoolForm { background:#f3f7fc; padding:12px; margin-bottom:12px; width:904px; border:1px solid #b5cfef; } .schoolForm dt { font-weight:bold; width:150px; float:left; text-align:right; padding-right:10px; clear:left; } .schoolForm dd { text-align:left; margin-bottom:5px; } .schoolForm textarea { padding:6px; width:370px; border:1px solid #b5cfef; font-size:12px; } .schoolForm input.text { width:370px; } .schoolForm input.form-submit { width:80px; float:right; margin-right:10px; background:#457eb8; color:#fff; } .search-nav { padding:2px; padding-left:4px; background:#fff; margin:12px 0; } .chosen { border:1px solid #D1CCBF; background:white; padding:8px; margin:6px 0; } .result { border:1px solid #cccccc; background:white; padding:12px; } #miniadsearch .result,#miniadsearch .result-alt { padding:5px; font-size:10px; line-height:normal; } #miniadsearch ul li { margin-left:3px; } #miniadsearch .result-description { margin:0 0 0 5px; display:block; float:right; width:70%; } #miniadsearch h4 { margin-bottom:4px; } .minisearchresults { margin:2px; } .chosenSelect { float:left; width:90px; } .chosenTitle,.changSchool { float:left; width:200px; padding:2px; } .chosenTitle { color:#457EB8; } .student_number { float:left; padding:2px; } .requestForm { border:1px solid red; background:#ffffee; padding:12px; } .requestForm td { padding:5px; } .remove,.change { float:right; padding:4px; } .schoolChange { border:1px solid red; background:white; padding:2px; } /* Forms ----------------------------------------------*/ #forum-header { background:#92b4dd url(../images/forum-header-bg.gif) repeat-x; } #forum-header h2 { margin-bottom:.2em; padding-left:12px; padding-top:12px; color:#2b4d71; } #forum-header h3 { margin:0; text-transform:none; padding:0 12px 12px; color:#fff; } #forum-header h4 { background:#b5cfef; text-transform:none; padding:3px 12px; margin:0; color:#457eb8; border:1px solid #72a1d2; border-width:1px 0 0; } #forum-header h4 span { float:right; font-weight:normal; background:url(../images/email.gif) no-repeat 0 2px; padding-left:30px; } .post { background:#cce5f3 url(../images/post.gif) repeat-x; } .post-reply { background:#eaf3fe url(../images/post-reply.gif) repeat-x; } .post-reply .post-details { background:url(../images/post-reply-details.gif) repeat-x; } .post .post-details { background:url(../images/post-details.gif) repeat-x; } .post-details { float:left; width:25%; min-height:100px; padding:12px; } .post-details dt { font-weight:bold; float:left; margin-right:1em; color:#2b4d71; width:60px; } .post-details dd { color:#457eb8; font-weight:bold; } .post-content { float:left; width:69%; padding:12px; } .post-content h3 { color:#81ac57; } .replies { color:#2b4d71; text-decoration:none; font-weight:bold; background:url(../images/has-replies-arrow-hoz.gif) no-repeat 0 4px; padding-left:15px; } .replies-view { color:#2b4d71; text-decoration:none; font-weight:bold; background:url(../images/has-replies-arrow.gif) no-repeat 0 4px; padding-left:15px; } .replies a,.replies-view a { color:#2b4d71; text-decoration:none; font-weight:bold; } .replies span,.replies-view span { float:right; background:url(../images/reply-post-bg.gif) no-repeat; width:119px; height:20px; text-align:center; line-height:21px; } .replies span a,.replies-view span a { color:#e2ef83; font-weight:bold; display:block; text-decoration:none; } .forum-list td { background:#ebf5fb url(../images/forum-list.gif) repeat-x; padding:10px 0 10px 5px; color:#457eb8; } #table-head th { background:#b5cfef; padding:10px 0 10px 5px; } #forum-list { width:930px; } .forum-list .fname a { font-weight:bold; color:#2b4d71; text-decoration:none; } .forum-list .fname a:hover { text-decoration:underline; } .forum-list.sticky .fname { background:#e0ead5 url(../images/sticky.gif) no-repeat; padding-left:35px; } .forum-list.sticky td { background:#e0ead5 url(../images/sticky-bg.gif) repeat-x; } .subscribeto { background:url(../images/mail.gif) no-repeat; text-indent:-9999px; width:23px; height:23px; display:block; margin:0 auto; } .move-up { background:url(../images/move-up.gif) no-repeat; float:left; text-indent:-9999px; position:relative; top:5px; left:20px; } .move-up a { width:17px; height:16px; display:block; } .move-down { background:url(../images/move-down.gif) no-repeat; text-indent:-9999px; float:left; position:relative; top:5px; left:20px; } .move-down a { width:17px; height:16px; display:block; } .delete { background:url(../images/delete.gif) no-repeat; width:20px; height:20px; display:block; text-indent:-9999px; margin:0 auto; } .hasbook { background:url(../images/hasbook.png) no-repeat; padding:2px 0 2px 22px; margin-left:5px; } .hasbook:active,.hasbook:visited { color:#F3F7FC; } .hasbook:hover { color:#669966; } .nobook { background:url(../images/nobook.png) no-repeat; padding:2px 2px 2px 22px; margin-left:5px; } .nobooklist { background: white url(../images/cross.gif) no-repeat 2px 2px; padding:2px 2px 2px 22px; margin-left:5px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } a.nobooklist { color:#CC0000; } a.nobooklist:hover { color:white; background: #CC0000 url(../images/cross.gif) no-repeat 2px 2px; } .nobook:active,.nobook:visited { color:#F3F7FC; } .nobook:hover { color:#669966; } .gotbook { display:none; } .booklist{ margin-bottom:24px; margin-top:24px; } .booklist h4{ color:#61646e; margin-bottom:12px;} table.list tr.oddrow{ background-color:#e8f0f9; } table.list tr.evenrow{background-color:#f4f6f9;} table.list td{ padding:3px 6px; vertical-align:top; } dl.more{margin-top:10px; display:none; } dl.more dt{ margin-left:0px; width:42%; text-align:right; color:#888; margin-right:15px; } dl.morebookinfo{margin-top:10px;} dl.morebookinfo dt{ margin-left:0px; width:29%; text-align:right; color:#888; margin-right:15px; float:left; clear:both; } dl.morebookinfo dd { float:left; width:65%; } td label{font-weight:bold;font-size:13px;} a.more-link{background:url(../images/down-arrow-dark.gif) no-repeat right 4px;padding-right:16px;} a.more-link-up{ background:url(../images/down-arrow-dark-up.gif) no-repeat right 4px; padding-right:16px;} /* Forum Search Result Classes */ .forum { width:900px; } .forum td { text-align:left; padding:6px; background:#F3F7FC; } .forum a { float:right; } .forum.alt td { background:#e9f2fb; } /* Secure Payment Class */ .payment { background:#FFFFDF url(../images/secure-image.gif) right top no-repeat; border:1px solid #DBDCE3; } .selectall { padding:0; margin:2px; font-size:.9em; } .noticeboards .itemdetails { width:700px; float:left; padding:10px; } .noticeboards .itemdetails dt { float:left; width:50px; } .noticeboards .itemdetails dd { width:550px; float:left; } .noticeboards .itemdetails links { width:350px; float:none; clear:both; } .noticeboards .forsale { width:100px; float:left; padding-left:12px; } .newSchool { border:1px solid red; background:#ffffcc; } #suburbSelection { position:absolute; padding:0; margin:0; } #suburbSelect { width:365px; padding:0; margin:0; max-height:200px; } .requires { color:red; } a.unlist:hover { color:green; } .emph { font-weight:bold; color:#006600; text-transform:capitalize; } .navbutton { float:left; padding:3px 5px; border:1px solid #cccccc; margin-right:5px; font-weight:bold; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } #selected.navbutton { color:white; text-decoration:none; font-weight:bold; background:#3774B2; border:1px solid #555; } .report { border-right:1px solid #B5CFEF; border-bottom:1px solid #B5CFEF; } .report td { padding:10px; border-top:1px solid #B5CFEF; border-left:1px solid #B5CFEF; } .alt td { background-color:#F3F7FC; } .report th { background-color:#427CB7; color:white; padding:10px; border-left:1px solid #B5CFEF; border-top:1px solid #B5CFEF; } .booklistformTable td { padding:5px; } #container #noticeboard-tabs li.helpme { background:transparent url(../images/none.gif); width:168px; position:absolute; top:0; right:0; margin:0; padding:0; } #container #noticeboard-tabs li.helpme a { float:right; background:transparent url(../images/green-button-med.gif) no-repeat scroll 0; width:168px; padding:0; color:white; text-align:center; line-height:29px; display:block; } table.list td { padding:3px 6px; vertical-align:top; } dl.more { margin-top:10px; display:none; } dl.more dt { margin-left:0; width:42%; text-align:right; color:#888; margin-right:10px; } table.list td label { font-weight:bold; font-size:13px; } #questionArea { font-size:1.2em; } #questionArea em { color:#68913A; } .responseBar { display:none; font-weight:bold; padding-left:30px; } /* Register school search list */ .result ul.school-search-results li { list-style-type:none!important; } .result ul.school-search-results li a { text-decoration:none; } .result ul.school-search-results li a:hover { text-decoration:underline; } .more-information { position:absolute; top:6px; right:6px; } /* Styles for information icon */ .info-wrapper { float:left; margin:3px 0 0 1em; } .info-wrapper .info-link:hover .info-content,.info-wrapper .info-link.over .info-content { visibility:visible; } .info-wrapper li { list-style-type:none!important; padding:0!important; margin:0!important; } .info-content { position:absolute; right:-250px; width:200px; border:1px solid #ccc; margin:0; top:-17px; visibility:hidden; padding:12px; background:#fff; z-index:1000; } .info-content li { position:relative; } .info-wrapper ul.info-content ul li { list-style-type:square; margin-left:20px; } .info-content li span { background:url(../images/info-content-bg.gif) no-repeat left -2px; position:absolute; left:-33px; display:block; height:30px; width:30px; } .info-link a { background:url(../images/information.png) no-repeat; display:block; text-indent:-9999px; width:20px; height:16px; overflow:hidden; float:left; } .type label { float:left; } #studentBlock,#parentBlock { float:left; } .register #parentBlock p { width:600px; } .student ul { top:-7px!important; } .student .info-wrapper { float:right; } /* Search Box styles for search-result-ad */ .searchbox input[type=text] { padding:5px; margin:0 6px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #1A558F; } .searchbox .schoolselecter input.text { margin-left:0; width:250px; } .searchbox .schoolselecter { margin:6px 0 0; text-align: left; width:490px; clear:both; float:left;} .searchbox .schoolselecter label { margin-right:64px; margin-left: 0; } .searchbox select { padding:4px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #1A558F; } #ads_searchTerm { width:390px; } .searchbox a { color:#fff; text-decoration:none; padding:1px 6px; background:#598DC3; -moz-border-radius:5px; -webkit-border-radius:5px; display:block; width:90px; text-align:center; position:absolute; right:187px; top:54px; } #basicsearchbox { background: url(../images/search-bar-bg.png) repeat-x bottom left; padding:12px; margin:0 auto; text-align: l; } .searchbox { font-size:13px; margin:0 auto 20px;} .searchbox label { font-weight:bold; } .schoolselecter label {margin-left: 169px; margin-right: 0px !important;} .search-label, .school-label, .listings-label{display: inline-block;width: 130px;text-align: right; } #schoolInput { width:350px; } #schoolSelection { position: absolute; left:155px; z-index:100;} .register #schoolSelection { position: absolute; left:48px; z-index:100; top:82px; background-color:White; border:1px solid #316090; border-top:none; } .register .result { width:450px; padding:6px; border:none; } .register #SchoolSearch { width:450px; } .register #addNewBookList { height:auto; } .register #addNewBookList a.add-to-profile.alt {background: #efefef; } .register #addNewBookList a.add-to-profile {background:#fff; } .register #addNewBookList a.alt:hover, .register #addNewBookList a:hover, .register #addNewBookList a.add-to-profile:hover {background: #6AA3DC; } .register .selectSchool { font-size:14px; color:#1E62A6; float:right; width:200px; padding-left:32px; padding-top: 10px; padding-bottom: 10px; background:#fff url(../images/red-arrow.png) no-repeat 0 center; height:26px; font-weight:bold; } /* School Selection */ .register.student #addNewBookList a.add-to-profile { background: white; padding: 6px 3px; border-bottom: 1px dotted #E3E3E3; color: #535353; } .register.student #addNewBookList a.add-to-profile.alt {background-color: transparent;} .register.student #addNewBookList a.alt:hover, .register.student #addNewBookList a:hover, .register.student #addNewBookList a.add-to-profile:hover { background: #6AA3DC; color: white; } .register.student .result{width: 458px; clear: both;} .register.student .school-select-options { margin-top: 24px; padding-top: 12px; border-top: 1px solid #CCC; } #searchoptions { display:block; margin:1px 0 0; clear:both; z-index:200; border-top:1px solid #4386c9; background: url(../images/search-bar-bot-bg.png) repeat-x; padding: 6px 12px 12px;} /*#searchoptions div.inner { padding:12px; }*/ .error p { color:#FF0000; } #area { float:left; width:auto; padding-top:5px; } .listings { width:45%; float:left; clear: both; text-align: left; } .searchbox .suburbselecter { float:none; } .searchbox #schoolInput { width:276px; padding:5px; margin:0 6px 0 0; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #1A558F; } .searchbox input[type=radio] { border:0; } .searchbox input[type=radio] { border:0; } /* video buttons on homepage */ .videobar { background-color:#E7E6DE; border:1px solid #dddddd; width:100%; padding:5px; } .videobutton { background:url(../images/video-button.gif) 0 0 no-repeat; padding:0 12px; font-size:12px; height:33px; line-height:33px; width:222px; display:block; margin:0 auto; font-weight:bold; text-decoration:none; color:#fff!important; text-indent:14px; } .videobutton:hover { background:url(../images/video-button-over.gif) 0 0 no-repeat; } /* Styles for banner on learn more schools page */ p.learnmore-banner { position:relative; } #container p.learnmore-banner img,#tinymce p.learnmore-banner img { float:none; padding:0; } p.learnmore-banner a { position:absolute; left:130px; top:62px; width:170px; height:28px; line-height:28px; font-size:15px; color:#fff; text-decoration:none; cursor:pointer; text-align:center; display:block; background:url(../images/green-button-med.gif) no-repeat; } .scroll { overflow:hidden; } .scroll ul { list-style:none; margin:0; padding:0; position:relative; top:0; /* Required for IE */ } .scroll li { text-align:center; position:relative; } /* New homepage box layouts */ .content-box-span-1 { width:194px; height:135px; } .content-box-span-1 li { height:145px; } .content-box-span-2 { width:424px; } .content-box-span-1,.content-box-span-2 { border:1px solid #576b40; float:left; margin:3em 0; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:1em; background:#E7E6DE; color:#816b6b; position:relative; min-height:135px; } .content-box-span-1 a,.content-box-span-2 a { color:#48709c; } .content-box-span-2 ul li { background:url(../images/bullet-leaves.png) no-repeat left center; padding-left:25px; } .content-box-span-1 h3,.content-box-span-2 h3 { font-size:1em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#534b4b; margin:.5em 0 1em; } .content-box-span-1 em { background:url(../images/peering-woman.png) no-repeat center top; width:194px; height:70px; display:block; margin-top:-67px; position:absolute; } .content-box-span-1.gutter,.content-box-span-2.gutter { margin-right:20px; } a#parents-video-button { width:144px; height:31px; margin:1em auto; background:#6998C8 url(../images/blue-small-button.png) no-repeat; display:block; color:#fff; text-decoration:none; font-weight:bold; line-height:33px; text-align:center; } #home-boxes-wrapper { clear:both; } /* Faqs page */ ul#faq-sections li { list-style-type:none; margin-left:0; width:296px; float:left; padding:20px 12px; } ul#faq-sections li.gutter { margin-right:20px; } #faq-parents-section a,#faq-schools-section a,#faq-organisations-section a { display:block; text-align:center; background:transparent url(../images/green-button-med.gif) no-repeat scroll 0 0; color:#FFFFFF; font-weight:bold; height:29px; margin:18px auto 0; padding:5px 0 0; text-align:center; text-decoration:none; width:170px; } ul#faq-sections li#faq-intro-text { padding:10px 0; width:320px; } #faq-parents-section,#faq-schools-section,#faq-organisations-section { border:1px solid #B5CFEF; background:#F3F7FC; -moz-border-radius:10px; margin-bottom:20px; color:#457EB8; } #faq-parents-section { background:#F3F7FC url(../images/faq-person.png) no-repeat 20px 10px; } #faq-schools-section { background:#F3F7FC url(../images/faq-blackboard.png) no-repeat 20px 10px; } #faq-organisations-section { background:#F3F7FC url(../images/faq-briefcase.png) no-repeat 20px 10px; } #faq-parents-section p,#faq-schools-section p,#faq-organisations-section p { padding-left:100px; font-size:14px; margin-bottom:2em; } #schoolname { font-weight:bold; } #yearlevelchecks .multicolumn-column { padding-right:4em; } #member-booklists-list li { list-style-type:none!important; } .booklist h3 em { font-size:1.4em; font-style:normal; margin-right:1em; } #tinymce { text-align:left!important; } #bookForm .rough,#bookForm h4 { margin:0 auto 10px; width:93%; text-align:left; } #bookForm .book-results-info { color:black; font-style:normal; font-weight:normal; margin-left:5em; visibility:none; } #bookForm .action label { font-weight:bold; } /* Tell a friend */ #tellafriend .intuitive { margin:5px 0; width:180px; padding:4px; font-size:11px; letter-spacing:1px; color:#555; } #tellafriend legend { color:#534B4B; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; } #tellafriend label { position:absolute; left:-9999em; } #tellafriend .submit { background:transparent url(../images/toplink-buttons.png) no-repeat scroll 0 50%; color:#fff; display:block; float:right; padding:0; width:74px; margin-top:3px; margin-right:5px; border:0; height:22px; } #nil-results { width:90%; margin:0 auto 10px; } #nil-results a.accept { background:transparent url(../images/toplink-buttons.png) no-repeat scroll 0 50%; color:white; display:block; line-height:29px; padding:0; text-align:center; width:74px; font-weight:bold; text-decoration:none; margin-top:3px; margin-right:5px; } /* Email Check on Registration Page */ .register input.checkSuccess { border:1px solid green; } .register input.checkWarning { border:1px solid orange; } .successIcon { background:url(../images/small-bullet.gif) no-repeat top left; display:block; width:25px; height:25px; float:right;} .warningIcon { background:url(../images/warning.gif) no-repeat top left; display:block; width:25px; height:25px; float:right;} a.inappropriate { background:#598DC3 url(../images/flag_red.png) no-repeat 3px 3px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px; border-radius:5px; color:#FFFFFF; display:block; padding:2px 4px 2px 20px; text-align:center; text-decoration:none; margin-top:10px; } a.inappropriate:hover { background:#1D61A5 url(../images/flag_red.png) no-repeat 3px 3px; } .span-star-wrapper {position:relative; top:0px; left:0px;} .span-star-wrapper span { height:50px; width:60px; padding:2px; padding-top:15px; position:absolute; color:white; font-weight:bold; font-size:14px; text-align:center; display:block; left:-210px; top:15px; } .span-star-wrapper span.close {background: url(../images/closematch.gif) no-repeat 0 0;} .span-star-wrapper span.exact { background: url(../images/exactmatch.gif) no-repeat 0 0;} .span-star-wrapper span.book{ background: url(../images/bookmatch.gif) no-repeat 0 0;} .booklistheader { background:#1D61A5; padding:8px; color:#ffffff; } #addNewBookList { height:61px; background:#FFFFFF; overflow-y:auto; overflow-x:hidden; } #addNewBookList a { margin:0px; padding:3px; padding-left:6px; display:block; text-decoration:none; color:#222222; } #addNewBookList a:hover {background-color:#1D61A5; margin:0px; padding:3px; padding-left:6px; color:white; } #addNewBookList a.tick { background:#D9E8FB url(../images/tick.gif) no-repeat right center ; margin:0px; padding:3px; padding-left:6px;} #addNewBookList a.tick:hover { background:#1D61A5 url(../images/tick.gif) no-repeat right center ; margin:0px; padding:3px; padding-left:6px;} #addNewBookList a.add-to-profile { background:url(../images/add.png) no-repeat right center; margin:0px; padding:3px 10px;} #addNewBookList a.add-to-profile:hover {background:#1D61A5 url(../images/add.png) no-repeat right center; margin:0px; padding:3px 10px; } #addNewBookList a.alt, a.add-to-profile.alt {background: #efefef url(../images/add.png) no-repeat right center;} a.messageread { background: none repeat scroll 0 0 #7CAD45; border-radius: 5px 5px 5px 5px; color: white; float: right; font-size: 15px; font-weight: bold; margin: 2px; padding: 5px; position: relative; text-decoration: none; top: 0; } .moreinfo{ color:#555555; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px; border-radius:5px; padding:5px; background:#D9E8FB; } .summaryBox { border:1px solid white; padding:0px; margin:0px; } .summary { background-color:white; padding:3px 3px 3px 6px; display:block; clear:both; } .summary #selectLink { margin-right:80px; } .booklist-search-results h3 { color:white; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:16px; } .summary.even { background-color:#efefef;} .summary.header { background-color:#1D61A5; font-weight:bold; color:white; } .summary .book { display:block; float:left; width:400px; } .summary .match { display:block; float:left; width:150px; } .summary .action { display:block; float:left; width:20px; padding-left:40px; } .summary.header .action { width:150px; padding-left:0px; } .booksubheading {background-color:#E9F2FB;} .uniformlist .booksubheading h4, #bookForm .booksubheading h4 { margin:5px; margin-left:20px; } .uniformlist .booksubheading h4 a, #bookForm .booksubheading h4 a { text-align:left; } a.button { background:#598DC3; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px; border-radius:5px; color:#FFFFFF!important; display:block; padding:2px 8px 2px 8px; text-align:center; text-decoration:none; } a.button:hover {background:#1D61A5; color: #fff; } a.backButton { color:#B4D095; display:block; padding:2px 8px 2px 8px; text-align:center; font-size:14px; } .amountRow {padding-bottom:2px; } .amountDD { padding-top:2px; padding-bottom:2px; } .highlight{background-color:#FFFFBE; padding:.5em;} .highlight em{color:#c00;} .alternatepayment { display:block; position:absolute; width:210px; right:-260px; top:0px;} .alternatepayment h4 { margin: 0px 0px 5px 0px; } /* pulled from scratch.css */ #boy{background:url(../images/hm-header-books.png) no-repeat bottom center; height:235px;} #home #header{height:23em;} #benefits li{margin-bottom:0em;} #home #header-content, #home #nav, #container-home{width:940px;} #top-links div{width:900px} #container-home h2{font-size:18px; color:#423c3c; font-weight:normal; text-transform:none; margin:0 0 0.75em; line-height:1.2em;} #container-home h3{margin:0 0 0.3em 0; color:#534b4b; font-weight:normal;} #container-home h3 a {font-weight: bold;} li#login-form-header{margin:0 0 0.5em 0; width:300px;} #login-form-header label{ position:absolute; left:-9999em; } #login-form-header fieldset{position:relative;} #login-form-header legend span{ position:absolute; color:#E2EF83; left:-105px; top:4px; font-family:Arial, Helvetica, Sans-serif; min-width:100px; } *html #login-form-header legend span{top:8px;} #login-form-header input{ font-size:0.9em; width: 96px; } #top-links div{ height:30px; } #hm-upper-content{overflow:hidden; margin:2.5em 0; margin-bottom:2em;} /* overview list on left*/ #overview{width:280px; margin:0; float:left;} #overview li{padding-left:60px; margin-bottom:2.5em; display:block; width:220px;} li#ov-foreveryone{background:url(../images/user_group.png) no-repeat top left;} li#ov-registerforfree{background:url(../images/search-icon.png) no-repeat top left;} li#ov-booktrading{background:url(../images/hm-textbook-trade.png) no-repeat top left; margin-bottom:0;} /* Search bar */ #hm-search, #user-groups{width:614px; float:right; padding:12px; background:url(../images/hm-boxes-bg.png) repeat-x;} #hm-search{border:1px solid #d1ccbf; padding:18px 12px; width: 434px;} #member-home #hm-search{border: 1px solid #E8E5DF; margin-bottom: 1.5em;} #hm-search form, #hm-search-form{position:relative; width:390px;} #hm-search label{position:absolute; left:-9999em;} #hm-search input[type="text"]{ width:280px; padding:5px; border:1px solid #7F9DB9; } #hm-search input[type="text"]:focus{border:1px solid #9DB97F; } #hm-search .search-button{background-position:0 0; padding-bottom:4px;} #hm-search-form{ float:left; } #hm-search-browse-category{ float:right; width:180px; padding-left:26px; border-left:1px solid #d1ccbf; min-height:65px; } #hm-search-browse-category form{width:180px;} #hm-search-browse-category h3{margin-bottom:1.5em;} #hm-search-browse-category ul{ margin:0 0 6px 0; overflow:hidden; } #hm-search-browse-category li{ float:left; margin:0 12px 3px 0; } #hm-search-browse-category form{ clear:both; } #hm-category-selectlist { width: 164px; } /* User specific content and scroller */ #user-groups{border:1px solid #d1ccbf; margin-bottom:1.5em; height:200px; color:#816b6b; position:relative;} #user-groups-content{width:446px; float:left; margin:0;} #user-groups-content div.home-scroll{overflow:hidden; position:relative; height:150px; width:446px;} #user-groups-content ul{margin:0;} #user-groups #user-groups-content h2{margin:0.5em 0 0.9em 0;} #user-groups-links{width:160px; float:right; margin:-12px -12px -12px 0; height:225px; border-left:1px solid #d1ccbf;} #user-groups-links li{height:54px; margin:0; border-top:1px solid #f8f7f4; background-color:#edece6; border-bottom:1px solid #d1ccbf;} #user-groups-links a{color:#534b4b; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; font-size:1.35em; display:block; height:46px; padding:0.5em 8.1px 0 24.3px; outline:none; width:128px; margin:0} #user-groups-links li a.selected{background:url(../images/ug-links-selected.png) no-repeat left -2px; margin-left:-17px; padding-left:41px; position:relative;} #user-groups-links a span{display:block; font-size:0.741em; color:#716767;} .home-scroll .panel{ width:446px; padding-right:4em; } .scroll{overflow:hidden;} a.hm-button-parents-view-video, a.hm-button-orgs-learn-more, a.hm-button-primary-register, a.hm-button-students-learn-more{ display:inline-block; height:39px; margin:1em 0 0 0; } a.hm-button-parents-view-video, a.hm-button-orgs-learn-more, a.hm-button-students-learn-more{ width:139px;} a.hm-button-primary-register, a.lmst-button-register-join { background:url(../images/hm-button-register-and-join.png) no-repeat 0 0; width:159px; margin-right:1em; } a.student { background:url(../images/hm-button-student-register-join.png) no-repeat 0 0; } #ug-schools a.hm-button-primary-register{ background:url(../images/hm-button-register.png) no-repeat 0 0; width:159px; margin-right:1em; } a.hm-button-parents-view-video{ background:url(../images/hm-button-parents-view-video.png) no-repeat 0 3px; } a.hm-button-orgs-learn-more{ background:url(../images/hm-button-orgs-learn-more.png) no-repeat 0 3px; } a.hm-button-students-learn-more{ background:url(../images/hm-button-students-learn-more.png) no-repeat 0 3px; } a.hm-button-primary-register span, a.hm-button-parents-view-video span, a.hm-button-orgs-learn-more span, .hm-schools-call span, a.hm-button-students-learn-more span{ position:absolute; left:-9999em; display:block; } #ug-students a.hm-button-primary-register{margin:0 1em 0 0;} #ug-students a.hm-button-students-learn-more{margin:0;} .panel img{float:left; margin-right:2em;} abbr[title="and"]{font-family:"Adobe Caslon Pro",Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif; font-style:italic; font-weight:bold;} #home-boxes-wrapper{ margin:1.5em 0 2em 0; padding:0em 0 0 0; overflow:hidden; } #home-boxes-wrapper .scroll ul li{background:none; padding-left:0;} .hm-box-span-1{width:194px; float:left; border:1px solid #d1ccbf; background:url(../images/hm-boxes-bg.png) repeat-x; padding:12px; height:125px; position:relative;} .hm-box-span-1 li{height:145px;} .hm-box-span-2{width:432px; float:left; border:1px solid #d1ccbf; background:url(../images/hm-boxes-bg.png) repeat-x; padding:12px;} .hm-box-span-1 ul li, .hm-box-span-2 ul li, ul.news-list li { background:url(../images/bullet-leaves.png) no-repeat left center; padding-left:25px; /* Re-applying clear styles so that this displays correctly in admin */ margin:0 0 0.5em; list-style-image:none; list-style-position:outside; list-style-type:none; } .hm-box-tagline{padding-top:30px;} .hm-box-tagline em{font-style:normal; font-size:22px;} .gutter{margin-right:20px;} #top-links .toplink-buttons{ background:url(../images/toplink-buttons.png) no-repeat; display:block; color:#fff; text-decoration:none; font-weight:bold; font-family: Arial, Helvetica, Sans-serif; width:74px; height:21px; line-height:21px; text-align:center; position:relative; top:5px; } #top-links input.toplink-buttons{ border:0; display:inline-block; top:0; font-size:11px; } .hm-schools-or-call{ line-height:1; display:inline-block; position:relative; top:-10px; left:-6px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; font-style:italic; } .hm-schools-or-call span{ display:block; width:15px; } .hm-schools-call{ display:inline-block; width:125px; height:39px; background:url(../images/hm-button-schools-call.png) no-repeat 0 3px; margin:1em 0 0em 0; } p.nop { margin: 0 !important; } /* Page Specific */ /* Member Homepage */ #member-home #hm-search{float:left;} #trading-tips{width:461px; float:left; margin-bottom:1.2em;} #trading-tips h2{border-bottom:4px double #d1ccbf; padding-bottom:1.2em; padding-top:0.3em; padding-left:2.75em; background:url(../images/icon-trading-tips.png) no-repeat left 0px;} #trading-tips ul li{background:url(../images/leaves.gif) no-repeat left center; padding-left:2em;} #trading-tips p{width:207px; float:left; clear:left;} /*#trading-tips ul{float:right; width:50%; margin:0;}*/ /* Tiny MCE compatibility */ .mceContentBody #trading-tips p {width: 190px; height: auto; } .mceContentBody #trading-tips li { list-style-image:none; list-style-position:outside; list-style-type:none; } #get-started{ background:url(../images/icon-help.png) no-repeat 0 0; } #postage-calculator{ background: url(../images/calculator.png) no-repeat -4px -4px; } #user-guides{background: url(../images/teacher.png) no-repeat -8px -3px;} #tax-refund{background: url(../images/receipt.png) no-repeat -3px -4px; } #get-started, #postage-calculator, #user-guides, #tax-refund{clear:left; margin-top:2.2em; padding-left:4.25em; width:415px; display: inline-block;} #user-guides h2, #tax-refund h2, #user-guides p, #tax-refund p, #get-started p{ margin-bottom: 0; } #messages{ background-color:#faf9f8; padding:2.5em 1.5em 0.5em 1.5em; width:423px; float:right; margin:5em 0 0; border:1px solid #e8e5df; position:relative; } #messages h3{margin:0;} #messages h4{color:#716767; font-size:11px; font-weight:normal; margin-bottom:1em; font-variant:small-caps;} #messages .column-container ul{font-size:24px; color:#7cad45; font-family:Georgia, "Times New Roman", Times, serif; margin:0;} #messages .column-container ul p, #messages .column-container{font-size:12px; color: #534B4B; font-family: Arial, Helvetica, Sans-serif;} #messages .column-container ul li{padding-bottom:0.3em; border-bottom:1px dotted #d1ccbf;} #messages .messages-tabs{position:absolute; right:-1px; top: -43px;} #messages .messages-tabs li{float:left; background-color:#f3f2ef; margin:0 0 0 2px;} #messages .messages-tabs li a{ display:block; padding:0.5em 1.2em; border:1px solid #e3e2db; font-family:Georgia, "Times New Roman", Times, serif; color:#534b4b; text-decoration:none; font-size:13px; } #messages .messages-tabs li.current a{background-color:#faf9f8; border-bottom-color:#faf9f8; } #messages .messages-tabs li a span{ background-color:#fff; padding:3px 5px 1px; color:#4d7fb2; border:1px solid #c8c7c6; border-width:1px 0 0 1px; font-size:10px; margin:0px 10px 0 -6px; font-family:Arial, Helvetica, Sans-serif; line-height:12px; } a.place-an-ad{ display:block; width:170px; height:50px; background:url(../images/place-an-ad-button.png) no-repeat; float:left; text-indent:-9999em; top:25px; left:80px; position:relative; } #messages {min-height: 409px;} #messages .pagination{float:right; margin:0;} #messages .pagination li{float:left;margin:3px; background-color:#e7e4dc;font-size:11px;} #messages .pagination li a{ text-decoration:none; display:block; padding:2px 6px; color:#534b4b; } #messages .pagination li.current{ background-color:#d1ccbf; } #messages .messages-content-container { overflow: hidden; position: relative; /* For IE */ display: none; } #messages .column-container { overflow: hidden; width: 425px; position: relative; /* For IE */ } #messages .item-list { width: 9000px; position: relative; left: 0px; /* For IE */ } #messages .item-column { float: left; } #messages .item-column li { width: 425px; } #messages .ad-alert h3 {margin-right: 1.5em; float: left; } #messages .ad-alert h4 { float: left; width: 230px;} #messages .ad-alert p { float: right; margin-right: 1em; } #messages .empty { height: 5em; } .membership-prompt{ padding: 1em 1.5em 0.5em 1.5em; width: 423px; float: right; background: url(http://www.sustainableschoolshop.com.au/themes/schoolshop/images/hm-boxes-bg.png); border: 1px solid #E8E5DF; color: #534B4B; position: relative;} .size_selector { margin-left:20px; } #noticeboard-container div.ssad-container { display:block; } .membership-prompt{ padding: 1em 1.5em 0.5em 1.5em; width: 423px; float: right; } .membership-prompt .button { display: inline-block; background: #9cc172; background: -moz-linear-gradient(top, #9cc172 0%, #81b04b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9cc172), color-stop(100%,#81b04b)); background: -webkit-linear-gradient(top, #9cc172 0%,#81b04b 100%); background: -o-linear-gradient(top, #9cc172 0%,#81b04b 100%); background: -ms-linear-gradient(top, #9cc172 0%,#81b04b 100%); background: linear-gradient(top, #9cc172 0%,#81b04b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cc172', endColorstr='#81b04b',GradientType=0 ); width: 100px; height: 26px; margin-right: 0!important; font-size: 13px; font-weight: bold; line-height: 26px; border: 1px solid #76a046; border-radius: 3px; box-shadow: 0 5px 5px rgba(0,0,0,0.1); text-shadow: 1px 1px 1px rgba(0,0,0,0.1); } .membership-prompt .button:hover { background: #b3d882; background: -moz-linear-gradient(top, #b3d882 0%, #81b04b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3d882), color-stop(100%,#81b04b)); background: -webkit-linear-gradient(top, #b3d882 0%,#81b04b 100%); background: -o-linear-gradient(top, #b3d882 0%,#81b04b 100%); background: -ms-linear-gradient(top, #b3d882 0%,#81b04b 100%); background: linear-gradient(top, #b3d882 0%,#81b04b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3d882', endColorstr='#81b04b',GradientType=0;) color:#fff; } #container-home .membership-prompt h2{margin-bottom: .3em;} .prompt-msg{width: 300px;} .prompt-msg p{margin-bottom: .8em;} .expiration-date{font-size: 15px; margin-bottom: 6px; display: block; font-family: Georgia, serif;} .action .button{margin:0px 30px 6px 0; float: right; position: absolute; right: 18px; top: 40px;} .info-link{font-size: 11px; width: 150px; text-align: center; line-height: 1;} .member-dashboard{ width: 434px; float: left; margin-bottom: 2.5em; } .md-dashboard-action{background: #f8f8f6; border: 1px solid #E8E5DF; padding: 1.2em 1.5em 1.2em 60px; margin-bottom: .25em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 380px;} .md-dashboard-action ul{margin: 0;} .md-dashboard-action li{display: inline; margin: 0 .5em;} .md-title{float: left; width: 120px; font-family: Georgia, serif; font-size: 13px; color: #2d2d2d;} .md-tbts .md-title, .md-uts .md-title{ width: 166px; } .md-tbts .md-title span, .md-uts .md-title span{ margin-right: 3px; } .md-tbts{background: #f8f8f6; width: 428px; padding-left: 12px;} .md-uts{background: #f8f8f6; width: 428px; padding-left: 12px;} .md-myads{background: #f8f8f6 url(../images/ssads-large.png) no-repeat 10px 6px;} .lab-important, .lab-notice, .lab-new{ display: inline-block; margin: 1em 0 .3em 0!important; font-size: 10px!important; text-transform: uppercase; color: #fff!important; background: #333; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 0px 4px; font-family: Helvetica neue, Arial, sans-serif; text-align: center; } .lab-important{background: #c43c35;} .lab-notice{background: #5f98c8;} .lab-new{background: #94bc5f;} .lab-important br, .lab-notice br, .lab-new br{display: none;} a.messageread{ float: right; clear: both; display: inline-block; background: #9cc172; background: -moz-linear-gradient(top, #9cc172 0%, #81b04b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9cc172), color-stop(100%,#81b04b)); background: -webkit-linear-gradient(top, #9cc172 0%,#81b04b 100%); background: -o-linear-gradient(top, #9cc172 0%,#81b04b 100%); background: -ms-linear-gradient(top, #9cc172 0%,#81b04b 100%); background: linear-gradient(top, #9cc172 0%,#81b04b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cc172', endColorstr='#81b04b',GradientType=0 ); font-size: 12px; font-weight: bold; line-height: 26px; border: 1px solid #76a046; border-radius: 3px; box-shadow: 0 5px 5px rgba(0,0,0,0.1); text-shadow: 1px 1px 1px rgba(0,0,0,0.1); padding: 0px 12px; font-family: Arial, Helvetica, sans-serif; color: #fff!important; } .newmessage{overflow: hidden;} a.messageread:hover {background:#9FC377; color: #fff;} .lb-box {background-color:white; padding: 1em 2em; text-align: left; font-size: 12px;} .lb-box li {list-style: disc; list-style-position: inside;} .lb-box a.button {display:inline;} .lb-box .btns {text-align: center;} #student-cats{width:374px; height:225px; float:left; padding:12px; background:url(../images/sc-boxes-bg.png) repeat-x;border:1px solid #d1ccbf; margin-bottom:1.5em; color:#816b6b; position:relative;} .student-scroll .panel{ width:240px; padding-right:4em; } #student-cats-content{width:255px; float:right; margin:0;} #student-cats-content div.student-scroll{overflow:hidden; position:relative; height:195px; width:240px;padding-left:.5em;padding-right:1em;text-align: center;} #student-cats-content ul{margin:0;} #student-cats #student-cats-content h2{margin:0.5em 0 1.9em;text-align:center;} #student-cats-links{width:111px; float:left; margin:-12px 0px -12px -12px; height:249px; border-right:1px solid #d1ccbf;} #student-cats-content .panel img {float: none;} #student-cats-links li{height:48px; margin:0; border-top:1px solid #f8f7f4; background-color:#edece6; border-bottom:1px solid #d1ccbf;} #student-cats-links a, #student-cats-links .blank {color:#534b4b; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; font-size:1em; display:block; height:46px; padding:0.5em 8.1px 0 10px; outline:none; width:113px; margin:0} #student-cats-links .blank {padding: 0; width: 111px;} #student-cats-links li a.selected{background:url(../images/sc-links-selected.png) no-repeat right -2px; padding-right:3px; position:relative;} #student-cats-links a span{display:block;margin-top:0.7em;} #student-cats h2 {margin:0.5em 0 0.3em; font-size:16px;} #sc-search{border:1px solid #d1ccbf; padding:18px 12px;width:614px; float:left; background:url(../images/hm-boxes-bg.png) repeat-x;} #uni-stats, #school-stats {clear:left;float:left;width:374px;background:#fbfbfa url(../images/hm-boxes-bg.png) repeat-x;padding:1em;border:1px solid #e8e5df;margin:2.5em 0 1.8em;} #uni-stats ul, #school-stats ul {overflow:hidden; margin:8px 0 0;border-top:1px dotted #e5e1d6;padding-top:5px;} #uni-stats li, #school-stats li {float:left; margin:0px;padding:0 10px; text-align:center; color:#716767; font-family:Georgia, "Times New Roman", Times, serif; width: 100px;border-left:1px dotted #e5e1d6;} #uni-stats li:first-child, #school-stats li:first-child {border:none;width: 115px;padding-left:5px} #uni-stats h2, #school-stats h2 { background:url(../images/icon-school-stats.png) no-repeat right -2px; margin:0 0 0.2em 0; padding:0.25em 0 0.75em 0;} #uni-stats span, #school-stats span {font-size:16px;} #student-tips{width:510px; float:right; margin:2.5em 0em 1.5em;} #student-tips h2{border-bottom:4px double #d1ccbf; padding-bottom:1.2em; padding-top:0.3em; padding-left:2.75em; background:url(../images/icon-trading-tips.png) no-repeat left 0px;} #student-tips ul li{background:url(../images/leaves.gif) no-repeat left center; padding-left:2em;margin:1.5em;} #uni-get-started{background:url(../images/icon-help.png) no-repeat left center; padding-left:4.25em; width:460px;float:right;margin-bottom:2em;} #uni-get-started h2{margin-bottom:0;} #uni-friend {width:490px; float:right; padding:12px; background:url(../images/sc-boxes-bg.png) repeat-x;border:1px solid #d1ccbf; margin-bottom:1.5em; height:60px; color:#816b6b; position:relative;} /* ==== Student Learn More Page - prefix with lmst == */ #home #container h2{font-size:18px; color:#423c3c; font-weight:normal; text-transform:none; margin:0 0 0.75em; line-height:1.2em; text-transform:none;} #home #container{ width:940px;} #home #header-content, #home #nav{width:940px;} #home #container h3{margin:0 0 0.3em 0; color:#534b4b;font-weight:normal;} #home #container h3 a {font-weight: bold;} #lmst-intro{ width:590px; padding:18px 24px 0px; background:#EDECE6 url(../images/hm-boxes-bg.png) repeat-x; border:1px solid #d1ccbf; float:left; margin-right:20px; margin-bottom:2.5em; } #lmst-intro img{ float:left; margin:-6px 3.5em 0px 0.8em; } #lmst-site-stats{ padding:18px 12px; background:#EDECE6 url(../images/hm-boxes-bg.png) repeat-x; border:1px solid #d1ccbf; float:left; width:254px; color:#716767; } #lmst-site-stats h2{ background:url(../images/icon-school-stats.png) no-repeat right center; display:block; padding:.5em 0 .5em 0; margin-top:-.5em; } .lmst-stats-table{ width:100%; font-size:1.2em; } .lmst-stats-table th, .lmst-stats-table td{ font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; padding: 2px 0 8px; border-bottom:1px solid #dedacf; } .lmst-stats-table td{font-size:1.25em; text-align:center;} .lmst-button-register-join{ background:url(../images/hm-button-register-and-join.png) no-repeat 0 0; display:inline-block; width:159px; height:39px; text-indent:-9999em; margin:1em 0 0; } #lmst-benefits{ clear:both; width:460px; overflow:hidden; padding-right:39px; float:left; margin:0; } #lmst-benefits h3{line-height:1.2; font-size:16px;} #container #lmst-benefits li{ list-style-type:none; margin:1em 0 0em 0; display:inline-block; padding:0 0 0px 55px; } #lmst-benefits li.lmst-benefits-recycle{background:url(../images/recycle.png) no-repeat 0 3px;} #lmst-benefits li.lmst-benefits-sell{ background:url(../images/dollar.png) no-repeat 0 1px;} #lmst-benefits li.lmst-benefits-save{ background:url(../images/save.png) no-repeat 0 7px;} #lmst-benefits li.lmst-benefits-community{ background:url(../images/community.png) no-repeat 0 2px; } #lmst-tips{ width:400px; float:left; margin-left:40px; } #lmst-tips ul{ margin:0;} #container #lmst-tips li{ list-style-type:none; margin:1em 0 0 0;} #lmst-tips li ul li{ margin:0 0 0.5em 0px; padding-left:25px; background:url(../images/bullet-leaves.png) no-repeat; } #lmst-tips h3{font-size:16px;} #lmst-tips .trading-tips{ background:url(../images/icon-trading-tips.png) no-repeat; display:inline-block; padding:0px 0 0 55px; margin-bottom:1.5em !important; } #lmst-tips .need-help{ background:url(../images/icon-help.png) no-repeat; display:inline-block; padding:0px 0 10px 55px; } #lmst-tips .need-help h3{margin-bottom:0;} #lmst-cat-boxes{ clear:both; margin:2.5em 0 2em; overflow:hidden; display:inline-block; } #lmst-cat-boxes h3{ margin-top:0.5em;} #container #lmst-cat-boxes li{ float:left; width:158px; list-style-type:none; margin:0 0 0 10px; background:#EDECE6 url(../images/hm-boxes-bg.png) repeat-x; padding:6px; border:1px solid #d1ccbf; height:203px; } #lmst-cat-boxes li:first-child{ margin:0;} h3 abbr[title="and"]{ font-weight:normal; } /* End Student Learn more page */ /* IE - Check external stylesheets first */ .ie7 #home #header-content{position: relative; z-index: ;} .ie7 #boy{z-index: 900;} #questionArea label.Books, #questionArea label.Uniforms { font-weight:bold; } a.place-wanted-ad { background: url("../images/blank-green-button-over.png") no-repeat scroll 0 0 transparent; border: medium none; color: #FFFFFF; cursor: pointer; display: block; float: left; font-size: 12px; font-weight: bold; height: 43px; padding-bottom: 6px; text-align:center; padding-top: 10px; width: 235px; text-decoration:none; } .booklist dd { display: block; float: left; height: 20px; margin-bottom: 6px; width: 200px; } /* isbn# lightbox */ #email-box, #isbn-box { -moz-border-radius: 6px; background: #eef2f7; -webkit-border-radius: 6px; border: 1px solid #536376; -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px; -moz-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;; padding: 14px 22px; width: 400px; position: relative; display: none; } #lightbox-close {width:30px;} #email-box p {text-align: left;} #email-box p, #isbn-box p {font-size:13px;} #email-box #sign_up_form, #isbn-box #sign_up_form {margin-top: 13px;} #isbn-box input {padding:4px; width:150px; font-weight:bold;} #submit-isbn, #cancel-isbn {display:inline;} #email-box #actions, #isbn-box #actions {margin-top:10px;} #email-box #actions p {text-align:center; font-size:11px; margin:0;} #email-box #lightbox-close {display:inline; padding: 4px 10px;} #suggested-amount{font-size:12px; clear:both;} #suggested-amount th, #suggested-amount td {padding:2px 20px 2px 2px;} .isbnNumber{color: #999;} .isbnPortion { color: #444; display: inline-block; margin: 0 3px; } /* Uniform Lists */ .uniform-trading{text-align:left; padding:0 25px;} .uniform-trading h2{font-size: 16px; font-family: Georgia; color: #000; font-weight: normal; text-transform:none!important; margin-bottom: 1.4em;} .school-selection, .booklist-search-results, .uniformlist{background: #1D61A5 url(../images/search-bar-bot-bg.png) repeat-x 0 0; padding: 18px; margin: 0 auto; border: 1px solid #005095; position: relative;} .uniformlist{margin-bottom: 36px;} .school-selection{ width: 719px; color:white;} .booklist-search-results{ width: 719px;} .uniformlist-wrapper{width: 654px; margin: 0 auto; position: relative;} .school-selection label{display: block; color: #fff; font-size: 14px; float: left; width: 150px; text-align: right; margin-right: 18px; padding-top: 4px;} .school-selection select{padding: 4px; font-size: 12px; display: inline-block; border: 1px solid #ccc; margin-bottom: 12px;} .uniformlist-selection{ background: #fff; padding: 6px; width:530px; height: 61px; overflow-y: auto; overflow-x:hidden; border: 1px solid #316090; } .uniformlist-selection ol{margin: 0;} .uniformlist-selection li{list-style-type:none!important; margin: 0!important; color:black;} .uniformlist-selection li:hover, .uniformlist-selection .selected{-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} .uniformlist-selection li:hover{ background: #dcecfa url(../images/blue-tick-circle-icon.png) no-repeat 98% center; cursor: pointer;} .uniformlist-selection .selected{background: #f2f8fd url(../images/green-tick-circle-icon.png) no-repeat 98% center; } .uniformlist-selection .waiting{background: #f2f8fd url(../images/ajax-loader-small.gif) no-repeat 98% center; } .uniformlist-selection li.waiting:hover {background: #f2f8fd url(../images/ajax-loader-small.gif) no-repeat 98% center; } .uniformlist-selection a { text-decoration:none; color:black; display:block; width:100%; padding: 3px 4px 2px 10px;} .more_info { width:460px; } .ul-header{color: #fff; margin-bottom: 10px;} .ul-body{background: #fff; padding: 4px;} .ul-checkbox{text-align: center; width: 10%;} .ul-more-info{width: 15%; text-align: center;} .ul-body table{width:100%;} .ul-body td{padding: 8px 4px;} .ul.body .alt td{background: #efefef;} .ul-body td.alt {background: #F3F7FC;} .ul-select-all{text-align: center;} .ul-school-title, .ul-list-title{display: block; font-size: 13px; font-weight: 500;} .ul-school-title{font-size: 14px;} .noticeboard-section-title{ font-family: Georgia; font-size: 18px; font-weight: normal; text-align: left; float: left!important; margin: 17px 12px 0; } .noticeboard-steps{overflow: hidden;} .noticeboard-steps.no-float li {float:none!important;} .noticeboard-steps li{ float: left!important; font-family: Georgia; font-weight: normal; font-size: 14px; margin: 0 6px; display: block; padding: 6px 0 4px 35px; } .noticeboard-steps li p {margin-bottom: .5em;} .step1,.step2,.step3{background: url(../images/123steps-sprite.png) no-repeat;} .step1{background-position: 0 0;} .step2{background-position: -36px -36px;} .step3{background-position: -72px -72px;} .selected-lists{ width: 680px; margin: 0 auto 18px; padding: 3px 10px; background: url(../images/selected-lists-bg.png) no-repeat center 0; min-height: 60px; } .selected-lists .remove{background-image: url(../images/cross-icon-sm-trans.png); background-position: left center; padding-left: 14px;} .selected-lists ol,.selected-lists li{margin: 0!important; padding: 0!important; list-style: none!important;} .print{float: right; display: block; position: relative; } .print a{background: url(../images/printer-icon.png) no-repeat; text-indent: -9999em; width: 25px; height: 25px; display: block; text-decoration: none;} .tooltip{position: absolute; text-indent: 0; display: block; left: -130px; color: #fff; background: #1D61A5; padding:2px 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .tooltip:after{ content: ' '; height: 0; width: 0; position: absolute; right: -12px; border: 6px solid transparent; border-left-color: #1D61A5; top: 5px; } .print.top{float: none; position: absolute; top:-44px; right: 0;} .ul-actions{margin: 0 auto; overflow: hidden;} .ul-actions input[type="submit"]{ /* background: url(../images/button-rec-green-trans.png) no-repeat; display: block; border: none; color: #fff; width: 184px; height: 43px; padding-bottom: 6px; font-weight: bold; font-size: 12px; cursor: pointer; float: left; */ display: inline-block; background: #9cc172; background: -moz-linear-gradient(top, #9cc172 0%, #81b04b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9cc172), color-stop(100%,#81b04b)); background: -webkit-linear-gradient(top, #9cc172 0%,#81b04b 100%); background: -o-linear-gradient(top, #9cc172 0%,#81b04b 100%); background: -ms-linear-gradient(top, #9cc172 0%,#81b04b 100%); background: linear-gradient(top, #9cc172 0%,#81b04b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cc172', endColorstr='#81b04b',GradientType=0 ); color: #fff; width: auto; height: auto; font-size: 13px; font-weight: bold; line-height: 26px; border: 1px solid #76a046; border-radius: 3px; box-shadow: 0 5px 5px rgba(0,0,0,0.1); text-shadow: 1px 1px 1px rgba(0,0,0,0.1); padding: 4px 8px; cursor: pointer; } .ul-actions input[type="submit"]:hover{ background: #b3d882; background: -moz-linear-gradient(top, #b3d882 0%, #81b04b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3d882), color-stop(100%,#81b04b)); background: -webkit-linear-gradient(top, #b3d882 0%,#81b04b 100%); background: -o-linear-gradient(top, #b3d882 0%,#81b04b 100%); background: -ms-linear-gradient(top, #b3d882 0%,#81b04b 100%); background: linear-gradient(top, #b3d882 0%,#81b04b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3d882', endColorstr='#81b04b',GradientType=0;) color:#fff; } .ie7 .ul-actions input[type="submit"]{ zoom: 1; display: inline; float: left;} .no-added{color: #000;} .show-hide-details{float: right;} .ul-remove-list{position: absolute; top: 18px; right: 18px; background: url(../images/cross-icon-med-trans.png) no-repeat; text-indent:-9999em; width:14px; height:14px;} span.loading { height: 16px; width:16px; float:right; display:none; } span.loading.active { background: url(../images/ajax-loader.gif) #ffffff; display:block; } .print a:hover {cursor: pointer;} #terms-box { background:#fefefe; padding:10px; font-size:12px; overflow:hidden;} #terms-box div{ text-align:left; } #terms-box div#terms-content { height:520px; padding:10px; background:white; display:block; } #terms-box .terms-panel { overflow-y:scroll; overflow-x:hidden; height: 500px; margin:10px; } #terms-box #sign_up_form { z-index: 9009; } #terms-box h2 { font-size: 18px; } /* #terms-box .clearfix { display:inline; } */ #terms-box .register { position:static; } #terms-box a.button { font-size: 18px; width:50px; font-weight:bold; } #noticeboard-container div.ssad-container { display:block; } a#print-form {background: url("../images/printer-icon.png") no-repeat 0 0 transparent; display: block; text-indent: 35px; height: 25px;} #uniform-alert{ background: none repeat scroll 0 0 #ffffff; border: 1px solid #536376; border-radius: 6px 6px 6px 6px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.6); display: none; padding: 30px 22px 10px 12px; position: relative; width: 600px; font-size:13px; text-align: left; }