/* This CSS's unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright 2007- Monogold Limited and may not be reproduced. */ /* Basics */ html, body, table, th, td, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, select, option, img {text-align:left; margin:0; padding:0; border:0;} /*body {text-align: center;}*/ /* Iframe */ iframe#iframe_search {width: 100%; height: 100%;} /* "To avoid problems that can occur in some browsers when the window is narrower than #wrap We set the element's min-width to the same value as the width of #wrap." - Berea Street */ body.narrow {min-width:790px;} body.wide {min-width:964px;} #objectsaveeditorform, #forminput {margin:0px; padding:0px;} /* Font families */ /*body {background:transparent url(../cssimages/body.jpg) top center no-repeat; font-size:62.5%; font-family:"Lucida Grande", Tahoma, Verdana, Arial, sans-serif;}*/ body {background-color:#ccc; font-size:62.5%; /*makes 1em = 10px*/ font-family:"Lucida Grande", Tahoma, Verdana, Arial, sans-serif;} body.fckeditor { font-size:75%; } th, td, p, li, select, option, input, dt, dd {font-family:Verdana, Tahoma, "Lucida Grande", Arial, sans-serif;} /* Font sizes and colors */ h1, h2, h3, h4, h5 {color:#333;} h1 {font-size:1.6em; margin:1.6em 0;} h2 {font-size:1.5em; margin:1.5em 0;} h3 {font-size:1.4em; margin:1.4em 0;} h4 {font-size:1.3em; margin:1.3em 0;} h5 {font-size:1.2em; margin:1.2em 0;} th, td, p, li, select, option, input {font-size:1.1em; color:#333;} /* 1em = appr 10px based on body = 62.5%*/ td input, td select {font-size:1em;} dt, dd {font-size:1.2em;} dt {font-size:1.3em; font-weight:bold; margin:20px 0 6px 0;} dd {margin:5px 0 0 30px;} /* Lists */ /* ul, ol, ul ul {margin: 15px 0 10px 0;padding: 0 0 5px 0;} ul li {list-style-type: disc;margin: 0 0 5px 10px;} ol li {list-style-type: decimal;margin: 0 0 5px 10px;} */ li {list-style-type:none;} /* Links */ a {text-decoration:none; color:#0000c1;} a.record {color:#0000c1;} a:hover {text-decoration:underline;} a.strong.reverse {color:#fff; font-weight:bold;} /* Emphasis */ .new {background-color:yellow;} .important {border:3px solid #b50c00; padding:12px; margin-bottom:12px;} /* Images */ img.noborder {border:none;} .important img {float:left; margin:0 10px 10px 0; padding:3px;} a.photo img {padding:3px; border:1px solid #ccc; float:left;} a.photo_single img {padding:3px; border:1px solid #ccc;} /* Sign-In */ .signin {width:230px; margin:150px 0 0 367px; padding:10px; background-color:#f9f9ff;} .signin {background-color: #f9f9ff; border:1px solid #b7bcc4;} .signin table td {padding-bottom:7px; font-size:1.1em/*13px*/;} .signin input {font-size:1em/*13px*/;} .signin h1 {margin-bottom:10px; margin-top:0;} /* Page wrapper */ /* body class set in global.master */ body.wide div.pagewrap {min-height:680px; margin:0 auto; width:964px; background:#fff url(../cssimages/banner_090311.jpg) top center no-repeat; } body.narrow div.pagewrap {min-height:680px; margin:0 auto; width:790px;} /* Topbar */ body.wide div.topbar {height:60px; /*background: url(../cssimages/ichk_bg.jpg) top center no-repeat;*/} body.narrow div.topbar {height:60px; /*background: url(../cssimages/ichk_bg.jpg) top center no-repeat;*/} /* Toplines */ .topbar a, .topbar_public a, .topbar_publichome a {color:#fff; font-weight:bold; text-decoration:none;} .topbar ul, .topbar_public ul, .topbar_publichome ul {list-style-type:none; /*display:inline;*/ margin:0; padding: 0; color:#fff;} .topbar ul li, .topbar_public ul li, .topbar_publichome ul li {display:inline; margin:0; padding:0;} /* very first topline */ ul.topline {float:right; padding-top:3px; padding-right:160px;} ul.topline li {color:#fff; padding-right:5px;} /* titleline */ ul.titleline {float:left; padding:3px 0 0 10px;} ul.titleline {height:16px;} /* To ensure the Nav line is OK for both Public and Private space */ ul.titleline li {color:#fff; font-weight:bold; font-size:2em/*20px*/;} ul.titleline li span {color:#ccc; font-size:0.75em;} /* signinline - replaces navigation line on sign in page */ ul#signinline {width:964px; float:left; clear:both; margin:3px 0 0 10px;} ul#signinline li {color:white; font-weight:bold;} ul#signinline li a:hover {text-decoration:underline;} /* navigationline */ /*ul#navigationline {width:964px; float:left; clear:both; margin:12px 0 0 10px;}*/ ul#navigationline a {color:#fff;} ul.navigationline {width:964px; float:left; clear:both; margin:12px 0 0 10px;} ul.navigationline {margin-top:60px; margin-left:2px;} .navigationline, .navigationline ul{ margin:0; padding:0; list-style-position:outside; position:relative; line-height:1.6em; z-index:100; } .navigationline a{ display:block; padding:0px 8px; color:#fff; text-decoration:none; line-height:1.6em; font-weight:normal; } .navigationline ul a{background-color:#01687b; color:#fff; line-height:1.6em;} .navigationline a:hover{background-color:#f4962f; color:#fff;} .navigationline ul a:hover{background-color:#f4962f; color:#fff;} .navigationline li{ float:left; position:relative; color:#fff; background-color:#01687b; font-weight:normal; margin:0; padding:20px; line-height:1.6em; } .navigationline li * li {font-size:1em;} .navigationline ul { position:absolute; display:none; width:13em; top:1.6em; } .navigationline li ul a{ width:13em; height:auto; float:left; } .navigationline ul ul{ top:auto; } .navigationline li ul ul { left:13em; margin:0px 0 0 10px; } .navigationline li:hover ul ul, .navigationline li:hover ul ul ul, .navigationline li:hover ul ul ul ul{ display:none; } .navigationline li:hover ul, .navigationline li li:hover ul, .navigationline li li li:hover ul, .navigationline li li li li:hover ul{ display:block; } /* crumbsline */ ul.crumbsline {width:800px; float:left; clear:both; padding:12px 0 0 12px;} ul.crumbsline {padding-bottom:10px;} ul.crumbsline li {padding-right:10px;} ul.crumbsline a {color:#666;} ul.crumbsline a:hover {text-decoration:underline;} /* PageContent */ /*.pagecontent {margin:-80px 10px 0 10px;}*/ /*.pagecontent {margin-top:80px; clear:both;}*/ .pagecontent {margin:0 10px 0 10px; clear:both;} /* Temporary */ .contentpart{display:none;} /* NEW */ /* business object editor/viewer form */ h1.recordheading {margin-bottom:16px; padding-bottom:5px; color:#666; border-bottom:2px dotted #ccc; width:600px;} table.section {border:1px solid #ccc; margin:0 0 20px 0; padding:10px; width:600px; background-color:#fafafa; /*#fffee1;*/} h1.formheading {font-size:1.8em; margin:0; padding:5px; width:590px; color:#fff; background-color:#e71f24; /*#b9141a;#89a6c5;*/} table.section td.label {font-weight:bold; width:120px; padding:5px 10px 5px 5px; vertical-align:middle;} td.value-textarea, td.value-textarea textarea {width:300px; font-size:1.05em; font-family:"Lucida Grande", Tahoma, Verdana, Arial, sans-serif;} table.section option {font-size:1em;} td.value-dropdown, table.section td.value-checkbox, table.section td.value-textbox, table.section td.value-dropdown, table.section td.value-datepicker {width:200px; padding:3px 3px 3px 0;} table.section td.value-htmleditor {width:300px; padding:3px 3px 3px 0;} table.section td.value-checkbox {width:20px;} table.section input, table.section select {padding:5px; text-align:left; background-color:#fff; border:1px solid #8496ba;} table.section input.checkbox, table.section input.textbox {width:250px; padding:5px;} table.section select.dropdown {width:150px; padding:4px;} table.section input.date-pick {width:150px; padding:5px;} /*table.section input.htmleditor {width:300px;} -- no such control, see textarea above*/ table.section input.date-pick {margin-right:3px; width:120px;} table.section input.checkbox {width:20px;} table.section input.hidden {display:none; border:0; margin:0; padding:0;} /*table.section td.value-textbox-long {width:400px;} table.section input.textbox-long {width:400px;}*/ /* Tab/Section Heading Non-FormItems */ h1.sectionheading {font-size:1.8em; margin:0 0 20px 0; padding:5px; width:600px; color:#666; border-bottom:dotted 2px #666;} .noheading h1.sectionheading {display:none;} /* lhs */ .lhs {width:150px; float:left; clear:both;} .lhs_collapse {display:none; float:none; width:0;} /*.lhs p {padding:0 12px 12px 12px;}*/ /*.lhs ul {margin:0; padding: 0; color:#3f5a7c; font-weight:normal;}*/ .lhs h3.panelheader {font-size:1.2em; margin:5px 0 0 0; border:1px solid #2eb058; border-bottom:none; padding:4px 0 4px 8px; background-color:#2eb058; color:#fff;} .lhs h3.panelheader a, .lhs h3.panelheader a:hover {color:#fff;} .lhs .panel {border:1px solid #2eb058; border-top:none; padding:8px;} .lhs .panel {margin:0 0 20px 0; color:#666; line-height:1.3em;} .lhs .panel p {margin-left:10px; padding:0 12px 0 12px; margin-top:0;} .lhs .panel ol {margin-left:10px; padding:0 12px 0 12px; margin-top:0;} .lhs .panel ol li {margin-bottom:0.8em;} .lhs .panel ul li {list-style-type:none; padding:3px 0 3px 5px; font-size:1.2em;} .lhs .panel ul li ul * {font-size:1em; padding:3px 0 3px 5px;} /* so that child items do not grow in size! */ .lhs .panel ul li.this {background-color:#158f9d;} .lhs .panel ul li.this a {color:#fff;} /* Search with Filters */ .lhs .panel p.label {text-align:left; font-weight:bold; padding:0 0 3px 2px; margin:0;} .lhs .panel select {width:120px; margin-bottom:10px;} .lhs .panel select.dropdown {width:100px;} /* 29 May 09 */ .lhs .panel input {width:60px;} .lhs .panel input#kw {width:120px;} /* Register select date pane */ .dateselect {width:590px; margin-bottom:20px; padding:8px; border:1px solid #ccc;} .dateselect p {display:inline; font-size:1.2em; padding:3px 6px 3px 6px; margin:0;} .dateselect p {font-size:1.2em;} .dateselect p.this {background-color:#33e86d;} .dateselect p.this a {font-weight:normal; color:#000;} h1.dateselect {border:none;} /*option.L {background-color:yellow;} option.A {background-color:red; color:#fff;} option[selected] {background-color:green;}*/ /* 29 Aug 09 */ /* Calendar Grid */ table.calendargrid td {text-align:center; padding:2px; border:1px solid #ccc;} /* rhs */ .rhs {color:#333; margin-left:190px; width:600px;} /*.rhs {color:#333; float:left; margin-left:60px; width:600px;}*/ /* message wall content */ .message {margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #ccc;} .message p {width:550px;} .message * td, .message * p, .message * li {font-family:Georgia; line-height:1.3em; font-size:1.1em; margin-bottom:1.1em;} .message ul, /*.message ol {border:1px solid red;}*/ .message ul, .message ol, .message ul ul, .message ol ol {margin:15px 0 15px 0;} .message ol {padding:0;} .message ul li {margin:0 0 5px 24px;} .message ol li {margin: 0 0 5px 30px;} .message td.publishinfo {font-family:Verdana, "Lucida Grande", Tahoma, Arial, sans-serif; text-align:right;} .message td.channel {font-family:Verdana, "Lucida Grande", Tahoma, Arial, sans-serif; text-align:right;} .message .comment {color:#fff;} /* rhs - sectionhead for webpage */ .rhs h1.wp_sectionhead {display:none; height:0; padding:0; margin:0;} /* rhs - weblist (record pane, non-smart) */ table.weblist {width:600px;} table.weblist td {font-size:1.2em; margin-bottom:1.1em; padding:3px; vertical-align:top;} table.weblist td p, table.weblist td a, table.weblist td p a {/*padding:3px 0;*/} table.weblist td p {margin-bottom:0; padding-bottom:0;} table.weblist td.url {width:400px;} table.weblist td.text_extralong {width:350px;} table.weblist td.text_verylong {width:250px;} table.weblist td.text_long {width:200px;} /* should change to wide */ table.weblist td.text_medium {width:150px;} table.weblist td.text_short {width:100px;} table.weblist td.text_veryshort {width:50px;} table.weblist td.text_small_last {width:50px; text-align:right;} table.weblist td.date_medium {width:100px; text-align:right;} table.weblist td.time_hhmm {width:50px; text-align:right;} table.weblist_4c * td {width:120px; font-size:1.2em; margin-bottom:1.1em; padding:3px;} /* rhs - gallery - photosheet */ .photosheet {width:564px; /*background-color:#ccc;*/} .photosheet a {width:140px; text-align:center; display:inline-block; margin:0; padding:0 0 6px 0;} .photosheet a img {padding:3px; border:1px solid #ccc;} /* timetable */ /*#rhs table {width:620px;} causes all rhs tables to be 620!!!*/ table.timetable {margin:0; padding:0; border:none; cellpadding:0; cellspacing:0;} table.timetable th, table.timetable td, table.timetable p {text-align:center; font-family:Tahoma; font-size:/*8.5pt*/0.8em;} table.timetable td {vertical-align:top; padding:0px; height:40px;} table.timetable th.left {width:40px; text-align:left; font-weight:bold;} table.timetable td.left {text-align:left; border-right:1px solid #000;} table.timetable td.slot {margin:0; width:64px; border-top: 1px solid #000; border-right: 1px solid #000; height:40px;} table.timetable td.lastrow {border-top:1px solid #000; height:1px; padding:0;} table.timetable td.left_lastrow {/*border-right:1px solid #000;*/ height:1px; padding:0; margin:0;} table.timetable p.today {padding:0; margin:0; background-color:#ff6; width:64px; height:40px; font-size:1em;} table.timetable p.now {padding:0; margin:0; background-color: #6f9; width:64px; height:40px; font-size:1em;} table.timetable th {width:64px; font-weight:normal; vertical-align:top; padding-bottom:10px;} /* profile page/tab */ .profile h1, .profile h2 {font-size:1.8em; margin-bottom:20px; padding:0;} .profile table.info {width:430px; margin-left:150px;} .profile td, .profile p {font-size:1.2em; vertical-align:top;} .profile .description {width:420px; margin:20px 0 0 150px;} .profile table.info td {padding-bottom:6px; vertical-align:top;} .profile td.label {width:150px; font-weight:bold; vertical-align:top;} .profile * ul {padding-left:20px;} .profile * li {font-size:1.3em; line-height:1.6em; margin:0 0 5px 60px;} /* Unit */ .unitrubric thead td {font-size:1.2em; font-weight:bold; border-bottom:1px solid #ccc;} .unitrubric thead td.h_objective {background-color:#ccc;} .unitrubric thead td.h_band1 {background-color:red; color:#fff; text-align:center;} .unitrubric thead td.h_band2 {background-color:orange; color:#fff; text-align:center;} .unitrubric thead td.h_band3 {background-color:green; color:#fff; text-align:center;} .unitrubric td {vertical-align:top; padding:5px 5px 10px 5px; font-size:1.1em;} .unitrubric td, .unitrubric p {vertical-align:top; margin:0;} .unitrubric td p { font-size:1em; margin-bottom:8px;} .unitrubric td.objective {width:200px; border:1px solid #ccc; border-top:none;} .unitrubric td.band1, .unitrubric td.band2, .unitrubric td.band3 {width:150px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;} .unitplan table {margin-bottom:8px;} .unitplan h1, .unitplan h2 {font-size:1.8em; margin-bottom:20px; padding:0;} .unitplan table.info {width:600px;} .unitplan td, .unitplan p {vertical-align:top; font-size:1.1em; padding:2px;} .unitplan .description {width:420px; margin:20px 0 0 150px;} .unitplan table.info td {padding-bottom:6px;} .unitplan td.label {width:150px; font-weight:bold;} .unitplan * ul {padding-left:20px;} .unitplan * li {font-size:1.3em; line-height:1.6em; margin:0 0 5px 60px;} .unitplan table.box td {padding-bottom:6px; border:1px solid #17a4b5; width:550px;} .unitplan table.box td.label {width:150px; font-weight:bold; color:#fff; background-color:#17a4b5;} .unitplan table.box td.data-blue {border:1px solid #17a4b5; width:200px;} .unitplan table.box td.label-blue {width:200px; font-weight:bold; color:#fff; background-color:#17a4b5; border:1px solid #17a4b5;} .unitplan table.box td.data-green {border:1px solid #2bb35e; width:200px;} .unitplan table.box td.label-green {border:1px solid #2bb35e; width:200px; font-weight:bold; color:#fff; background-color:#2bb35e;} .unitplan table.box td.data-orange {border:1px solid #f99a22; width:200px;} .unitplan table.box td.label-orange {border:1px solid #f99a22; width:200px; font-weight:bold; color:#fff; background-color:#f99a22;} .unitplan table.box td.data-empty {padding-bottom:6px; border:none;} /* web page content */ .webpage {border-bottom:1px solid #ccc;} .webpage h1 {font-size:1.8em; margin-top:0;} .webpage p, .webpage * p {font-size:1.2em; line-height:1.3em; margin-bottom:1.1em;} .webpage ol li, .webpage * ol li, .webpage ul li, .webpage * ul li {font-size:1.2em;} .webpage ol li ol *, .webpage ul li ol *, .webpage ul li ul *, .webpage ol li ul * {font-size:1em;} .webpage {width:590px; margin-right:10px; border-right:1px solid #ccc;} .webpage {border:none;} .webpage ul, .webpage ol, .webpage ul ul, .webpage ol ol {margin:15px 0 15px 0; /*padding for IE*/ padding-left:20px;} .webpage ul li {list-style-type:disc; margin:0 0 5px 20px;} .webpage ol li {list-style-type:decimal; margin: 0 0 5px 20px;} td.long {width:150px;} td.verylong {width:200px;} td.short {width:50px;} .webpage td, .webpage a {font-size:1.1em;} .webpage li {font-size:1.1em;} .webpage h3 {font-size:1.3em;} .webpage table a {font-size:1em;} .webpage table td {font-size:1.2em; width:100px; vertical-align:top;} .webpage table {width:580px;} .webpage table td {border:1px solid #ccc; border-top:0; border-right:0; padding:3px;} .webpage table tr.top td {border-top:1px solid #ccc;} .webpage table tr td.right {border-right:1px solid #ccc;} .webpage table.noborder td {border:none; padding-left:0px;} .webpage table {width:600px; margin-bottom:20px;} .webpage td.medium {font-size:1.2em; width:120px;} .webpage td.long {font-size:1.2em; width:150px;} .webpage td.verylong {font-size:1.2em; width:200px;} .webpage td.short {font-size:1.2em; width:50px;} /* Message */ .checkboxclass {display:block} select {border:1px solid #ccc;} #Subject {width:300px;} /* rhs - RecordPane Search + Paging */ table.paging {margin-top:-18px; width:600px; border-bottom:2px dotted #ccc; padding:2px;}/* for WebList, not RecordPane... */ table.paging td.nosearch {width:0px;} table.paging td.search {width:230px;} table.paging td.search input {width:100px;} table.paging td.search a {padding-left:8px;} table.paging td.itemxy_search {width:250px; text-align:right;} table.paging td.itemxy_nosearch {width:500px; text-align:right;} table.paging td a.disabled {cursor:text; text-decoration:none; color:#ccc;} table.paging td.nav_lbl {width:85px;} table.paging td.nav_first, table.paging td.nav_next, table.paging td.nav_last {width:50px;} table.paging td.nav_back {width:60px;} /* rhs - RecordPane */ #recordpane th {vertical-align:top; padding:4px; padding-top:0;} #recordpane th.select {background-color:#fff; padding:0;} #recordpane td {line-height:1.2em; border-bottom:1px solid #ccf; padding:4px; vertical-align:top;} #recordpane .select_odd {width:38px; text-align:center; background-color:#ccf; padding-left:0; padding-right:0;} #recordpane .select_even {width:38px; text-align:center; background-color:#fff; padding-left:0; padding-right:0;} #recordpane .w100 {width:100px;} #recordpane .w150 {width:150px;} #recordpane .w200 {width:200px;} #recordpane .w300 {width:300px;} /* rhs sidebar */ /*#sidebar {display:none; float:none;} .sidebar {display:none; float:none;}*/ /*.sidebar {float:right; width:80px; margin:0; padding:0;} -- cis */ div#forminput {width:10px;} /* Actions */ h3.actionmessage {font-size:1.8em; margin:0 0 20px 0; padding:5px; width:600px; color:#666; border-bottom:dotted 2px #666;} h3.sectionheading {font-size:1.8em; margin:0 0 20px 0; padding:5px; width:600px; color:#666; border-bottom:dotted 2px #666;} .actionpanel #changepassword {width:560px; /*border:solid 1px #ccc;*/} .actionpanel #changepassword {font-size:1.1em;} .actionpanel #changepassword label {font-weight:bold; width:150px; display:block; float:left; margin-bottom:5px; margin-top:5px;} .actionpanel #changepassword label.error {display:inline; float:none;} .actionpanel #changepassword input {width:60px; margin-top:5px; font-size:1em;} .actionpanel #changepassword input#oldpassword, .actionpanel #changepassword input#newpassword, .actionpanel #changepassword input#Confirm {width:100px; margin-bottom:5px;} .actionpanel #changepassword input.checkbox {width:20px;} .actionpanel #changepassword textarea {width:300px; margin-bottom:5px; font-family:Tahoma; font-size:1em;} .actionpanel #changepassword select {border:1px solid #ccc; width:200px; margin-bottom:5px;} .actionpanel #changepassword h1.success {font-size:1em; margin-top:10px; /*border:solid 1px #ccc;*/ padding:3px; /*background-color:yellow;*/} /* Inline Section Actions */ .actionpane {width:100%; border:1px solid #ccc; padding:6px; margin-bottom:30px;} .actionpane ul {list-style-type:none;} .actionpane ul li {display:inline; margin:0; padding:0 10px 0 0;} /* Delete Action */ p.delete_question {font-size:1.2em; margin-bottom:5px; font-weight:bold;} p.delete_note {font-size:1.2em; margin-bottom:5px;} p.delete_item {font-size:1.2em; margin:0; padding:0;} p.delete_cancel {font-size:1.2em; border:1px solid red; padding:3px;} p.delete_success {font-size:1.2em; padding:3px; border:1px solid green;} /* Footer */ .footer {display:none; margin-top:20px;} .footer {margin-top:10px;} .footer, .footer p {width:100%;} .footer p {font-size:0.9em; margin:0; padding:0; text-align:center; vertical-align:bottom; float:left;} /* Floatboax */ #floatbox-box h3 {margin:10px 0 0 0;} #floatbox-box * p {margin:10px 0 10px 0; font-size:1.2em;} #floatbox-box * a {margin-left: 3px; font-size:1.2em;} #floatbox-box .dropdown {width:150px; border:1px solid #ccc;} #floatbox-box * input {width:150px;} #floatbox-box div.errormsg p{font-size:1.1em; color:#000; border:2px solid red; padding:3px; background-color:#ff9;} #floatbox-box p.failuremsg {font-size:1.1em; color:#000; border:2px solid red; padding:3px; background-color:#ff9;} #floatbox-box p.successmsg {font-size:1.1em; color:#000; border:2px solid gray; padding:3px;} #floatbox-box label {display:block; margin-top:3px; font-size:1.2em; margin:5px 0 5px 0;} #floatbox-box ul.action {padding-top:30px; list-style-type:none; margin:0; padding: 0; color:#fff;} #floatbox-box ul.action li {display:inline; margin:0; padding:0 10px 0 0;} #floatbox-box .createFolderCancel {font-size: 0; display: block; height: 14px; width: 14px; background-image: url(../images/cancelbutton.gif); background-repeat: no-repeat; background-position: -14px 0px; float: right;} #floatbox-box .createFolderCancel:hover {background-position: 0px 0px;} .floatbox-box_large { z-index: 9; width: 85%; margin-left: -45%; height: 80%; top: 5%; left: 50%; /*background-color:#fff;*/ /*border: solid 5px #666;*/ padding:20px;} .floatbox-box_medium { z-index: 9; width: 60%; margin-left: -30%; height: 34%; top: 30%; left: 50%; background-color:#fff; border: solid 5px #666; padding:20px;} .floatbox-box_small { z-index: 9; width: 40%; margin-left: -20%; height: 20%; top: 40%; left: 50%; background-color:#fff; border: solid 5px #666; padding:20px;} #floatbox-background { z-index: 8; width: 100%; !important; /* required for IE...*/ height: 100%; top: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity: 0.65; filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; } /* Email */ .message .icon label {padding-left: 30px;} .ac_results { border: 1px solid gray; background-color: white; padding: 0; margin: 0; list-style: none; position: absolute; z-index: 10000; display: none; } .ac_results li { padding: 2px 5px; white-space: nowrap; color: #101010; text-align: left; } .ac_over { cursor: pointer; background-color: #F0F0B8; } .ac_match { text-decoration: underline; color: black; } /*#jquery-live-search { background: #fff; height: 400px; overflow: auto; padding: 5px 10px; border: 1px solid #A9A9A9; border-width: 0 1px 1px 1px; -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); } */ /* REQUIRED STYLES - the menus will only render correctly with these rules */ .fg-menu-container { position: absolute; top:0; left:-999px; padding: .4em; overflow: hidden; } .fg-menu-container.fg-menu-flyout { overflow: visible; } .fg-menu, .fg-menu ul { list-style-type:none; padding: 0; margin:0; } .fg-menu { position:relative; } .fg-menu-flyout .fg-menu { position:static; } .fg-menu ul { position:absolute; top:0; } .fg-menu ul ul { top:-1px; } .fg-menu-container.fg-menu-ipod .fg-menu-content, .fg-menu-container.fg-menu-ipod .fg-menu-content ul { background: none !important; } .fg-menu.fg-menu-scroll, .fg-menu ul.fg-menu-scroll { overflow: scroll; overflow-x: hidden; } .fg-menu li { clear:both; float:left; width:100%; margin: 0; padding:0; border: 0; } .fg-menu li li { font-size:1em; } /* inner li font size must be reset so that they don't blow up */ .fg-menu-flyout ul ul { padding: .4em; } .fg-menu-flyout li { position:relative; } .fg-menu-scroll { overflow: scroll; overflow-x: hidden; } .fg-menu-breadcrumb { margin: 0; padding: 0; } .fg-menu-footer { margin-top: .4em; padding: .4em; } .fg-menu-header { margin-bottom: .4em; padding: .4em; } .fg-menu-breadcrumb li { float: left; list-style: none; margin: 0; padding: 0 .2em; font-size: .9em; opacity: .7; } .fg-menu-breadcrumb li.fg-menu-prev-list, .fg-menu-breadcrumb li.fg-menu-current-crumb { clear: left; float: none; opacity: 1; } .fg-menu-breadcrumb li.fg-menu-current-crumb { padding-top: .2em; } .fg-menu-breadcrumb a, .fg-menu-breadcrumb span { float: left; } .fg-menu-footer a:link, .fg-menu-footer a:visited { float:left; width:100%; text-decoration: none; } .fg-menu-footer a:hover, .fg-menu-footer a:active { } .fg-menu-footer a span { float:left; cursor: pointer; } .fg-menu-breadcrumb .fg-menu-prev-list a:link, .fg-menu-breadcrumb .fg-menu-prev-list a:visited, .fg-menu-breadcrumb .fg-menu-prev-list a:hover, .fg-menu-breadcrumb .fg-menu-prev-list a:active { background-image: none; text-decoration:none; } .fg-menu-breadcrumb .fg-menu-prev-list a { float: left; padding-right: .4em; } .fg-menu-breadcrumb .fg-menu-prev-list a .ui-icon { float: left; } .fg-menu-breadcrumb .fg-menu-current-crumb a:link, .fg-menu-breadcrumb .fg-menu-current-crumb a:visited, .fg-menu-breadcrumb .fg-menu-current-crumb a:hover, .fg-menu-breadcrumb .fg-menu-current-crumb a:active { display:block; background-image:none; font-size:1.3em; text-decoration:none; } /* REQUIRED LINK STYLES: links are "display:block" by default; if the menu options are split into selectable node links and 'next' links, the script floats the node links left and floats the 'next' links to the right */ .fg-menu a:link, .fg-menu a:visited, .fg-menu a:hover, .fg-menu a:active { float:left; width:92%; padding:.3em 3%; text-decoration:none; outline: 0 !important; } .fg-menu a { border: 1px dashed transparent; } .fg-menu a.ui-state-default:link, .fg-menu a.ui-state-default:visited, .fg-menu a.ui-state-default:hover, .fg-menu a.ui-state-default:active, .fg-menu a.ui-state-hover:link, .fg-menu a.ui-state-hover:visited, .fg-menu a.ui-state-hover:hover, .fg-menu a.ui-state-hover:active, .fg-menu a.ui-state-active:link, .fg-menu a.ui-state-active:visited, .fg-menu a.ui-state-active:hover, .fg-menu a.ui-state-active:active { border-style: solid; font-weight: normal; } .fg-menu a span { display:block; cursor:pointer; } /* SUGGESTED STYLES - for use with jQuery UI Themeroller CSS */ .fg-menu-indicator span { float:left; } .fg-menu-indicator span.ui-icon { float:right; } .fg-menu-content.ui-widget-content, .fg-menu-content ul.ui-widget-content { border:0; } /* ICONS AND DIVIDERS */ .fg-menu.fg-menu-has-icons a:link, .fg-menu.fg-menu-has-icons a:visited, .fg-menu.fg-menu-has-icons a:hover, .fg-menu.fg-menu-has-icons a:active { padding-left:20px; } .fg-menu .horizontal-divider hr, .fg-menu .horizontal-divider span { padding:0; margin:5px .6em; } .fg-menu .horizontal-divider hr { border:0; height:1px; } .fg-menu .horizontal-divider span { font-size:.9em; text-transform: uppercase; padding-left:.2em; } #menuLog { font-size:1.4em; margin:10px 20px 20px; } .hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; } .fg-button { clear: left; margin: 6px; padding: .4em 1em; text-decoration: none !important; cursor: pointer; position: relative; text-align: center; zoom: 1; } /*.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }*/ a.fg-button { float:left; } button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */ .fg-button-icon-left { padding-left: 2.1em; } .fg-button-icon-right { padding-right: 2.1em; } .fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; } .fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; } .fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; } /* solo icon buttons must have block properties for the text-indent to work */ .fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; } #Attachment { width: 18px; height: 18px; } #loading { position:absolute; margin-left:100px; padding:20px 10px 0 0; } /* #emailform input, textarea { width: 480px; margin: 6px 0 6px 50px; font-family: Tahoma; } #emailform lable { font-weight: bolder; } div .submit,saveDrafts { margin: 6px; } */ /* HTML Editor */ /*td.topvalue-htmleditor {width:600px; height:300px;}*/ /* Help */ .HelpPanel, .actionpanel .help { padding:10px; border:solid 1px #ddf0dd; background-color:#d7ffbb; } a.HelpCancel { font-size: 0; display: block; height: 14px; width: 7px; background-image: url(../images/cancelbutton.gif); background-repeat: no-repeat; background-position: -14px 0px; margin-left: 565px; margin-bottom: 15px; } a.HelpCancel:hover { background-position: -14px 0px; } .actionpanel .help p {font-size:1.2em; line-height:1.4em; margin-bottom:1.1em;} .actionpanel .help h3 {margin:18px 0 10px 0;} .HelpDescrip, .help {width:580px; padding:10px;} .HelpDescrip p, .help p {font-size:1.2em; line-height:1.4em; margin-bottom:1.1em;} .HelpDescrip ol li, .help ol li, .HelpDescrip ul li, .help ul li {font-size:1.2em; line-height:1.4em;} .HelpDescrip ol li ol li, .help ol li ol li .HelpDescrip ul li ol li, .help ul li ol li, .HelpDescrip ul li ul li, .help ul li ul li {font-size:1em; line-height:1.4em;} .HelpDescrip ul, .help ul, .HelpDescrip ol, .help ol, .HelpDescrip ul ul, .help ul ul, .HelpDescrip ol ol, .help ol ol {margin:15px 0 15px 0;} .HelpDescrip ul li, .help ul li {margin:0 0 5px 20px;} .HelpDescrip ol li, .help ol li {margin: 0 0 5px 20px;} /* New additions */ /* Search Form */ iframe#iframe_search {background-image:none; width: 100%; height: 100%; border:none; overflow:hidden;} table#PartyBriefGroup td {text-align:left; vertical-align:top; padding:0 8px 8px 0;} .sidebar_searchform {background-image:none;} .pagewrap_searchform {background-image:none;} body.wide div.pagewrap_searchform {margin:0 auto; background:#fff top center no-repeat;} a#close-floatbox {height:18px; color:#fff; width:100%; padding:3px 0 3px 3px; font-size:13px; background-color:#01687b; } p.folatboxaction { padding:3px 0 3px 3px; font-size:13px; display:block; background-color:#01687b; } /* Grid */ table.grid {width:600px;} table.grid td {text-align:center; width:30px; padding:3px; border:1px solid #ccc; border-top:none; border-left:none;} table.grid td.left {text-align:left; width:250px; border:1px solid #ccc; border-top:none;} table.grid tr.head td {text-align:center; font-weight:bold; padding-bottom:8px; border:none; border-bottom:1px solid #ccc;} table.grid tr.head td.left {text-align:left;} /* Custom Styles */ body {background-color:#ccc;} /*#topbar a {color:#000;}*/ ul.topline li {color:#01687b;} ul.topline li a {color:#01687b;} ul.topline li a:hover {text-decoration:underline;} /*ul#titleline li {color:#fff;}*/ ul.titleline li span {color:#ccc;} ul.titleline {list-style:none;} ul.titleline li {list-style:none;} ul.titleline li a {color:#fff;} ul.titleline li a:hover {text-decoration:underline;} .navigationline_publichome ul a, .navigationline_public ul a, .navigationline ul a {background-color:#01687b;} .navigationline_publichome a:hover, .navigationline_public a:hover, .navigationline a:hover{color:#fff;} .navigationline a:hover{background-color:#018aa2; color:#fff;} /* ??? */ .navigationline_publichome ul a:hover, .navigationline_public ul a:hover, .navigationline ul a:hover{color:#fff;} .navigationline ul a:hover{background-color:#018aa2; color:#fff;} /* ??? */ .navigationline_publichome, .navigationline_public, .navigationline {vertical-align:middle; z-index:100;} .navigationline_publichome li, .navigationline_public li, .navigationline li {background-color:transparent;} ul.titleline_publichome, ul.titleline_public {float:left; padding:3px 0 0 10px;} ul.titleline_publichome li, ul.titleline_public li {visibility:hidden;} ul.crumbsline_public {clear:both; padding-top:10px;} ul.crumbsline_public li.thispage {visibility:hidden;} ul.crumbsline_public li.lastpage, ul.crumbsline_public li.home {padding-left:10px;} ul.crumbsline_publichome li.lastpage, ul.crumbsline_publichome li.thispage {visibility:hidden;} .lhs_public {display:none; width:0;} .rhs_public {margin-left:30px; width:600px; min-height:600px;} .rhs {min-height:700px;} h1.wp_sectionhead {font-size:1.8em; margin:0 0 1.6em 0;} .webpage .pageintro {color:#f1592a; font-weight:bold; font-size:1.6em; margin-bottom:20px; font-style:italic;} .pagecontent_public {clear:both; margin:0px 0px 0 0; width:964px; background:transparent url(../cssimages/pagewrap_bg.gif) repeat-y 50% 0;} body.wide div.topbar {height:130px; /*background: url(../cssimages/ichk_bg.jpg) top center no-repeat;*/} div.footer_public div, div.footer_publichome div {width:964px;} div.footer_public a, div.footer_publichome a {color:#fff;} div.footer_public div p.footer_left, div.footer_publichome div p.footer_left {padding:22px 0 0 20px; float:left; color:#fff; width:500px; font-size:0.9em; text-align:left;} div.footer_public div p.footer_right, div.footer_publichome div p.footer_right {padding:22px 25px 0 0; color:#fff; float:right; width:400px; font-size:0.9em; text-align:right;} h2.bullet {background:transparent url(../cssimages/green_bullet.jpg) center left no-repeat; margin-left:10px;} .webpage table.calendar td.veryverylong {width:300px; vertical-align:top;} .rhs_publichome h1.sectionheading {display:none;} .rhs_public h1.sectionheading {display:none;} /* News*/ .home_image {clear:both; margin:0 0 20px 15px;} .home_image img {padding-right:3px;} .rhs_publichome .message {width:500px; margin-left:200px; border:1px solid #f4962f/*#01687b*/; padding:10px;} .rhs_publichome .message div {width:500px; /*border:1px solid #ccc;*/ margin-bottom:8px;} .rhs_publichome .message h1 {margin:0 0 3px 0; padding:0; font-size:1.2em;} .rhs_publichome h1.heading {margin-left:200px; width:500px; font-size:1.4em; background-color:#f4962f /*#01687b*/; color:#fff; padding:5px 17px 5px 5px; margin-bottom:0px;} .rhs_publichome .message p {width:500px; font-size:1.2em;} .rhs_publichome .message p.date {width:100%; text-align:right; margin-top:-10px;} .rhs_publichome .home_left {float:left; width:150px; margin-left:15px; line-height:1.6em;} .rhs_publichome .home_right {float:right; width:200px; margin-right:15px; line-height:1.6em;} .rhs_publichomecontact table.paging {clear:both;} .rhs_publichomecontact {margin-left:200px;} .rhs_publichomecontact h1.sectionheading {display:none;} .rhs_publichomecontact h3.actionmessage {display:none;} h1.formheading {background-color:#01687b;} /* New styling */ body {background-color:#fff; font-size:62.5%; /*makes 1em = 10px*/ font-family:"Lucida Grande", Tahoma, Verdana, Arial, sans-serif;} /*body.wide div.pagewrap_signin {min-height:680px; margin:0 auto; width:964px; background:#fff url(../cssimages/banner_090311.jpg) top center no-repeat; }*/ body.wide div.pagewrap_publichome {min-height:800px; margin:0 auto; width:964px; background:#fff url(../cssimages/publichome.jpg) top left no-repeat;} body.wide div.pagewrap_public {min-height:680px; margin:0 auto; width:964px; background:#fff url(../cssimages/banner_top.jpg) top left no-repeat;} /* topline_public is NEW */ ul.topline_public {/*position:absolute; left:260px; top:66px;*/ float:left; position:relative; top:64px; left:240px; } ul.topline_publichome {/*position:absolute; left:60px; top:374px;*/ float:left; position:relative; top:374px; left:46px;} ul.topline_public li {color:#01687b; padding-right:5px;} ul.topline_public li a {color:#01687b;} ul.topline_public li a:hover {text-decoration:underline;} /*ul.titleline_publichome, ul.titleline_public {float:left; padding:3px 0 0 10px;}*/ ul.titleline_public {clear:both; float:left; margin:2px 0 0 22px;} /*ul.titleline_publichome li, ul.titleline_public li {visibility:hidden;}*/ ul.titleline_public li {visibility:visible; font-size:1.8em; color:#fff; font-weight:bold;} /* public pages navigationline */ /* publichome navigationline */ ul.navigationline_publichome {left:150px; padding-top:8px; padding-left:360px; z-index:1000;} ul.navigationline_public {left:150px; padding-top:20px; padding-left:360px; z-index:1000;} ul.navigationline_publichome a, ul.navigationline_public a {color:#fff;} ul.navigationline_publichome li.divider, ul.navigationline_public li.divider {visibility:hidden;} /*.navigationline_publichome,*/ .navigationline_publichome ul, /*.navigationline_public, */ .navigationline_public ul { margin:0; padding:0; list-style-position:outside; position:relative; z-index:100; /*line-height:1.6em;*/ } .navigationline_publichome a, .navigationline_public a { display:block; padding:0px 8px 3px 8px; color:#fff; text-decoration:none; line-height:1.2em; font-weight:bold; } .navigationline_publichome ul a, .navigationline_public ul a {background-color:#f7941e; color:#fff; line-height:1.6em;} .navigationline_publichome a:hover, .navigationline_public a:hover {background-color:#f7941e; color:#fff;} .navigationline_publichome ul a:hover, .navigationline_public ul a:hover {background-color:#1999cf; color:#fff;} .navigationline_publichome li, .navigationline_public li { float:left; position:relative; color:#fff; background-color:#f7941e; font-weight:normal; font-size:1.2em; margin:0; padding:20px; line-height:1.6em; z-index:100; } .navigationline_publichome li * li, .navigationline_public li * li {font-size:1em;} .navigationline_publichome li * a, .navigationline_public li * a {font-weight:normal;} .navigationline_publichome ul, .navigationline_public ul { position:absolute; display:none; width:13em; top:2.6em; z-index:100; } .navigationline_publichome li ul a, .navigationline_public li ul a{width:13em; height:auto; float:left;} .navigationline_publichome ul ul, .navigationline_public ul ul {top:auto;z-index:100;} .navigationline_publichome li ul ul, .navigationline_public li ul ul {left:13em; margin:0px 0 0 10px;z-index:100;} ul.crumbsline_public {margin-left:20px; padding-top:16px;} body {background-color:#fff;} /*.rhs_public {margin-left:30px; width:600px; min-height:600px;}*/ .rhs_public {margin-left:340px; width:600px; min-height:700px;;} .rhs_public .webpage {position:relative; top:-50px; width:560px;} .rhs_public .wp_sectionhead {position:relative; top:-50px;} .sidebar_public {float:left; padding-left:22px; /*note:if margin-left then IE6 fails*/ width:290px; font-style:italic; font-size:1.4em; font-weight:bold;} .sidebar_public p {margin-top:-188px; color:#fff; text-align:center; padding:0 5px; line-height:1.8em;} .sidebar_public .image {width:290px; background-color:transparent; padding:10px 0 0 0; margin-bottom:20px;} .sidebar_public .image img {width:290px; margin-bottom:10px; z-index:0;} .sidebar_public .imagebig {position:relative; top:-278px; left:312px; z-index:0;} .sidebar_public .imagebig img {} .pagecontent_public {/*clear:both;*/ margin:16px 0 0 0; width:964px; min-height:900px; background:transparent url(../cssimages/background_mid.jpg) repeat-y 50% 0;} /*.pagecontent_publichome {clear:both; width:964px;}*/ body.wide div.topbar_public {height:316px;} div.footer_publichome {width:600px; position:relative; bottom:0; left:0; margin-top:60px; height:40px; display:block; width:964px;} div.footer_publichome div {width:964px; display:block;} div.footer_publichome a {color:#fff;} div.footer_publichome div p.footer_left {padding:22px 0 0 20px; float:left; color:#fff; width:0px; font-size:0.9em; text-align:left;} div.footer_publichome div p.footer_right {padding:22px 25px 0 0; color:#fff; float:right; width:600px; font-size:0.9em; text-align:right; margin:30px 20px 0 0;} div.footer_public {/*height:40px;*/ height:40px; display:block; width:964px; margin-top:-20px; background:transparent url(../cssimages/footer_bottom.jpg) no-repeat 50% 0;} div.footer_public div p.footer_left {padding:6px 0 0 20px; float:left; color:#fff; width:0px; font-size:0.9em; text-align:left;} div.footer_public div p.footer_right {padding:6px 36px 0 0; color:#fff; float:right; width:600px; font-size:0.9em; text-align:right;} .frontpagemessage {/*position:absolute; left:70px; top:10px;*/margin:-80px 0 0 60px;} .frontpagemessage {width:240px; color:#fff; height:600px;} .frontpagemessage h2 {color:#fff;} .frontpagemessage p {font-size:1.2em; color:#fff; line-height:1.5em;} .frontpagemessage a {width:250px; color:#fff;} /* Report Cards etc */ div.reportcard {width:680px;} div.reportcard table td, div.reportcard p, div.reportcard li {font-family:Book Antiqua, Arial; font-size:14px; vertical-align:top; text-align:left; /*border:1px solid #ccc;*/} div.reportcard div td p {margin:0;} div.reportcard ul, div.reportcard ol, div.reportcard ul ul, div.reportcard ol ol {margin:5px 0 15px 0; /*padding for IE padding-left:20px;*/} div.reportcard ul li {list-style-type:disc; margin:0 0 5px 20px;} div.reportcard ol li {list-style-type:decimal; margin: 0 0 5px 20px;} div.reportcard table.hr_heading {margin-bottom:10px; width:680px;} div.reportcard table.hr_heading td.emptyleft {width:410px;} div.reportcard table.hr_heading td.report {vertical-align:bottom; font-weight:bold; font-size:18px; width:400px;} div.reportcard table.hr_heading td.periodname {width:300px; vertical-align:bottom; font-weight:bold; font-size:14px;} div.reportcard table.hr_heading td.perioddates {font-weight:normal; padding-bottom:10px;} div.reportcard table.hr_heading td.student {width:450px; vertical-align:bottom; font-weight:bold; font-size:18px;} div.reportcard table.hr_heading td.classteacher {font-size:15px; vertical-align:bottom; font-weight:bold;} /* ICHK */ div.reportcard table.hr_heading td.label {width:150px; padding:3px; vertical-align:bottom; font-weight:bold;} div.reportcard table.hr_heading td.value {width:280px; padding:3px; vertical-align:bottom; font-weight:normal;} div.reportcard table.hr_heading td.top {border-top:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000;} div.reportcard table.hr_heading td.right {border-right:1px solid #000;} div.reportcard table.hr_heading td.bottom {border-bottom:1px solid #000; border-left:1px solid #000;} div.reportcard td.top {border-top:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000;} div.reportcard td.right {border-right:1px solid #000;} div.reportcard td.bottom {border-bottom:1px solid #000; border-left:1px solid #000;} div.reportcard td.label {padding:3px; vertical-align:bottom; font-weight:bold;} div.reportcard td.value {padding:3px; vertical-align:bottom; font-weight:normal;} div.reportcard td.narrow {width:100px;} div.reportcard td.medium {width:150px;} div.reportcard td.wide {width:200px;} div.reportcard table.hr_heading td.student.primary {width:300px;} div.reportcard table.hr_heading td.periodname.primary {width:300px;} div.reportcard table.hr_heading td.absentlate {font-weight:normal; padding-top:10px;} div.reportcard table.hr_subjects {margin-bottom:30px; margin-top:10px; width:680px;} div.reportcard table.hr_subjects td.course {width:330px; line-height:1.5em;} div.reportcard table.hr_subjects td.grade {width:90px; font-weight:bold; line-height:1.5em;} div.reportcard table.hr_subjects td.teacher {width:200px; line-height:1.5em;} div.reportcard table.hr_subjects td.interview {width:60px;} div.reportcard table.hr_subjects tr.header td {font-weight:bold; vertical-align:bottom; padding-bottom:6px;} div.reportcard table.hr_subjects tr.header td.center {text-align:center;} div.reportcard table.hr_comment {margin-bottom:15px; width:680px;} div.reportcard table.hr_comment td.r_label {font-weight:bold; width:200px; padding-bottom:7px; vertical-align:top;} div.reportcard table.hr_comment td.r_value {font-weight:normal; width:480px; padding-bottom:7px; line-height:1.5em; vertical-align:top;} div.reportcard table.hr_attendance {margin-bottom:15px; width:680px;} div.reportcard table.hr_attendance td.r_leftlabel {font-weight:bold; width:80px; padding-bottom:7px; vertical-align:top;} div.reportcard table.hr_attendance td.r_label {font-weight:normal; width:480px; padding-bottom:7px; vertical-align:top;} div.reportcard table.hr_attendance td.r_value {font-weight:normal; width:150px; padding-bottom:7px; line-height:1.5em; vertical-align:top;} div.reportcard div.subject table td, div.reportcard div.subject p {font-family:Arial; font-size:11px; vertical-align:top; text-align:left; /*border:1px solid #ccc;*/} div.reportcard div.subject {margin-bottom:30px; margin-top:10px; width:680px;} div.reportcard div.subject table {margin-bottom:10px; width:680px;} div.reportcard div.subject table td.course {width:360px; font-size:13px; font-weight:bold; border-top:1px dotted #000; padding:2px 0 3px 0;} div.reportcard div.subject table td.teacher {width:320px; text-align:right; font-size:13px; border-top:1px dotted #000; padding:2px 0 3px 0;} div.reportcard div.subject table td.course_y13 {font-size:13px; font-weight:bold; border-top:1px dotted #000; padding:2px 0 3px 0;} div.reportcard div.subject table td.teacher_y13 {text-align:right; font-size:13px; border-top:1px dotted #000; padding:2px 0 3px 0;} div.reportcard div.subject table.y11 td.course {width:280px; font-size:13px; font-weight:bold; border-top:1px dotted #000; padding:2px 0 3px 0;} div.reportcard div.subject table.y11 td.teacher {width:400px; text-align:right; font-size:13px; border-top:1px dotted #000; padding:2px 0 3px 0;} div.reportcard div.subject table td.report {width:280px; vertical-align:bottom; font-weight:bold; font-size:18px;} div.reportcard div.subject table td.periodname {width:400px; vertical-align:bottom; font-weight:bold; font-size:14px; text-align:right;} div.reportcard div.subject table td.perioddates {font-weight:normal; text-align:right; padding-bottom:10px;} div.reportcard div.subject table td.student {width:280px; padding-bottom:15px; vertical-align:bottom; font-weight:bold; font-size:18px;} div.reportcard div.subject table td.classteacher {padding-bottom:15px; font-size:15px; vertical-align:bottom; font-weight:bold; text-align:right;} #rhs div.reportcard div.subject p.course {font-size:18px; font-weight:bold; clear:both;} #rhs div.reportcard div.subject * p {font-size:11px; margin-bottom:5px;} #rhs div.reportcard div.subject * {font-size:11px;} div.reportcard div.subject table.descriptor {width:680px; border:1px dotted #000; padding:0 12px 12px 12px; margin-top:10px;} div.reportcard div.subject table.correlation {width:150px; float:left; margin:0 20px 10px 0;} div.reportcard div.subject table.correlation td {border-bottom:1px dotted #000; text-align:center; vertical-align:center;} div.reportcard div.subject table table.leftside {margin:0; width:270px;} div.reportcard div.subject table table.rightside {margin:0 0 0 0; width:400px; border-left:1px dotted #000;} div.reportcard p {margin-bottom:8px;} /*div.reportcard */ h1.page {font-weight:normal; font-size:1px; margin:0; color:#fff;} h1.pageafter {font-weight:normal; font-size:1px; margin:0; color:#fff;} /* Print */ td h1.printonly {display:none;} .printonly {display:none;} @media print {#topbar, #primarynav, #lhs, #search, #footer, #sidebar {display: none;} #rhs {margin-left:0px;} body.wide div.pagewrap {background:none; background-color:#fff;} .rhs, table.weblist {width:1200px;} .sidebar {width:0;} .unitplan td, .unitplan p {font-size:0.9em;} h1.sectionheading {display:none; height:0;} h1.printonly {display:block;} h1.page {page-break-before:always;} h1.pageafter {page-break-after:always;} .photosheet {width:700px;} .photosheet h3.printonly {display:block; margin:-10px 0 10px 0; padding:0;} } h1.printonly {display:block; color:#000; font-size:x-large;}