/* 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;}*/ /* "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;}*/ body#wide {min-width:980px;} /* vx */ /* Font families */ body {background:#fff; 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 {font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;} /* Font sizes and colors */ h1, h2, h3, h4, h5 {color:#333;} h1 {font-size:1.6em; margin:0 0 0.5em 0;} h2 {font-size:1.5em; margin:0 0 0.5em 0;} h3 {font-size:1.4em; margin:0 0 0.5em 0;} h4 {font-size:1.3em; margin:0 0 0.5em 0;} h5 {font-size:1.2em; margin:0 0 0.5em 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;} /* Paragraphs */ p {line-height:1.6em; margin-bottom:1.1em;} /* Table cells */ td {vertical-align:top;} /* 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;} */ ul li, ol li {list-style-type: none;} /* Calendar */ a.calendar, a.calendar-zh {background: url(../cssimages/calendar_blank.jpg) top center no-repeat; height:80px; font-size:32px; font-weight:bold; font-family:Verdana, sans-serif; padding-top:18px; text-align:center; display:block; color:#000;} a.calendar-zh {font-size:24px; padding-top:18px;} a.calendar:hover {text-decoration:none; color:#f07273;} p.calendar-day {margin-top:-102px; padding-bottom:50px; color:#fff; font-family:Verdana, sans-serif; font-weight:bold; font-size:17px; text-align:center;} p.calendar-month, p.calendar-month-zh {text-align:center; margin-top:-47px; color:#000; font-family:Verdana, sans-serif; font-weight:bold; font-size:19px;} p.calendar-month-zh {margin-top:-45px; font-size:17px;} p.calendar-time {text-align:center; margin-top:-20px; color:#000; font-family:Verdana, sans-serif; font-weight:bold; font-size:19px;} p.calendar-daycycle {text-align:center; margin-top:-16px; color:#000; font-family:Verdana, sans-serif; font-size:9px;} /* Zhongwen */ li span.zhongwen {color:#fff; font-family: "Times New Roman", Arial, Verdana; font-size:2.2em;} /* Links */ a {text-decoration:none; color:#0000c1;} a.record {color:#0000c1;} a:hover {text-decoration:underline;} a.strong.reverse {color:#fff; font-weight:bold;} a.disabled {text-decoration:none; color:#666;} a.disabled:hover {text-decoration:none;} a.linkremoved {text-decoration:none; color:#000;} a.linkremoved:hover {text-decoration:none;} /* 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;} /* signin - top */ /* signin - line1 */ p.signin_line1 {margin:0 0 0 74px; color:#fff; font-weight:bold; font-size:1.6em;} p.signin_line1 span {font-weight:normal; font-size:1em;} /* signin - line2 */ p.signin_line2 {margin:5px 0 0 74px; color:white; font-weight:bold; font-size:1.2em;} p.signin_line2 span {font-weight:normal; color:#fff; font-size:1.3em;} p.signin_line2 a:hover {text-decoration:underline;} /* signin */ .signin {width:400px; margin:60px 0 0 300px; padding:10px; background-color: #f9f9ff; border:1px solid #b7bcc4;} .signin table td {padding-bottom:7px; font-size:1.1em;} .signin input {font-size:1em;} .signin h1 {margin-bottom:10px;} .signin .notice {border:1px solid red; padding:5px; background-color:yellow; margin-bottom:10px;} .signin p, .signin .notice p {font-size:1.2em;} .signin .notice h3 {margin-bottom:6px;} /* Page wrapper */ /* body class set in global.master */ body#wide div.pagewrap {padding-bottom:30px; min-height:680px; margin:0 auto; margin-top:0px; width:980px; /* vx 964px;*/} body#narrow div.pagewrap {padding-bottom:30px; min-height:680px; margin:0 auto; width:790px;} /*body.wide div.pagewrap {padding-bottom:30px; min-height:680px; margin:0 auto; width:964px;}*/ /* Topbar */ /*body#wide div.topbar {height:60px; background: url(../cssimages/moongate.jpg) top center no-repeat;}* vx */ /* vx */ body#wide div.topbar {background: url(../cssimages/moongatevx.jpg) top center no-repeat; height:90px;} body#narrow div.topbar {height:60px; background: url(../cssimages/moongate.jpg) top center no-repeat;} /* Toplines */ .topbar a {color:#fff; font-weight:bold; text-decoration:none;} .topbar ul {list-style-type:none; /*display:inline;*/ margin:0; padding: 0; color:#fff;} /*.topbar ul li {display:inline; margin:0; padding:0;}*/ /*.topbar .apptitle {float:left; margin:0; padding:0; color:#fff; padding-left:76px;}*/ /* very first topline */ /*ul.topline {float:right; padding-top:3px; padding-right:160px;}*/ ul.topline {padding-top:3px; padding-left:76px;} ul.topline li {color:#fff; padding-right:5px;} ul.topline li a:hover {text-decoration:underline;} ul.topline {/*display:inline;*/ width:950px; /*text-align:right;*/} ul.topline li {display:inline;} table.topline {padding:0; margin:0; padding:3px 0 2px 0; width:900px; margin-left:66px;} table.topline td {vertical-align:middle; text-align:center; color:#fff; border:none;} table.topline td.apptitle {text-align:left; padding:none; width:300px;} table.topline td.apptitle span {font-weight:bold; font-size:1.3em;} table.topline td.top_gohome, table.topline td.top_help, table.topline td.top_signout {width:70px;} table.topline td.top_help {width:40px;} table.topline td.top_username {text-align:right; padding-right:6px;} table.topline td.top_search {width:160px;} table.topline td.top_search p {height:20px; padding:0; margin:0;} table.topline td.top_search form {height:20px; padding:0; margin:0;} table.topline td.top_search p, table.topline td a {padding:0; margin:0;} /* Global Search Bar */ input.kwglobal { background-color:#FFFFFF; color:#4C4C4C; font-size:1em; line-height:13px; margin:0; padding:2px; width:160px; border:0 none; } #search-btn { background:url("../cssimages/search_icon.png") no-repeat scroll center center #FFFFFF; border:0 none; color:#000000; cursor:pointer; margin:0; padding:0; text-indent:-2000em; width:29px; margin-left:-29px; position:absolute; margin-top:2px; } /* titleline */ ul.titleline {/*float:left;*/ margin:3px 0 0 10px;} ul.titleline li {color:#fff; font-weight:bold; font-size:2em/*20px*/;} ul.titleline li span {color:#ccc; font-size:0.75em;} /* navigationline moved to nav-original.css */ /* crumbsline */ ul.crumbsline {padding:0; margin-top:38px;} ul.crumbsline li {display:inline; margin:0; padding:0;} ul.crumbsline li {padding-right:15px;} ul.crumbsline a {color:#666;} ul.crumbsline a:hover {text-decoration:underline;} ul.crumbsline li.text {vertical-align:top; font-size:1.1em; font-family:Verdana; color:#666;} ul.crumbsline li a img {} /* Custom link styles */ ul.topline li {color:#fff;/*#b9141a;*/} ul.titleline li {color:#fff;/*#b9141a;*/} ul.titleline li span {color:#ccc;} .navigationline ul a{background-color:#b9141a;} .navigationline a:hover{color:#fff;} .navigationline ul a:hover{color:#fff;} .navigationline {vertical-align:middle;} /* PageContent */ /*div.pagecontent {margin:38px 10px 0 10px;}*/ /*div.pagecontent {margin:95px 0 0 0 ; padding:0;}*/ div.pagecontent {margin:38px 0 0 0 ; padding:0;} div.pagecontent div.landingpage {margin-top:90px;} /* PageTitle */ /* New 15 Feb 2011 */ h1.pagetitle {background-color:Yellow; padding:0; margin:0; border:2px solid #000; padding:3px;} span.pagetitle {color:#B9141A;} /* Temporary */ .contentpart{display:none;} /* 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:#b9141a; /*#b9141a;#89a6c5;*/} h1.formheading span.pagetitle {color:#ccc;} table.section td.label {font-weight:bold; /*width:120px;*/ padding:5px 10px 5px 5px; /*vertical-align:middle;*/} /* added for donationform */ table.section td.value {width:250px;} table.section td.donation {width:250px; padding-left:0;} table.section div table td.donation {width:248px; padding-left:0;} table.section table td.donation {width:248px; padding-left:0;} table.section td.readonly {padding:5px;} table.section td.webpagepopup {font-weight:bold; padding:6px; border:2px solid red; background-color:#ffc;} table.section td.webpagepopup a {padding-left:10px; font-weight:normal;} table.section.readonly td.label, table.section.readonly td.value {vertical-align:top; padding-top:0; margin-top:0;} 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;} /*table.section td.value {width:300px; padding:5px;}*/ 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;}*/ /* Configurable on FormItem */ table.section td.emphasis { background-color:Yellow;} table.section td.alignright {text-align:right;} /* 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;} /* lhs */ .lhs {width:150px; float:left;} .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 #666; border-bottom:none; padding:4px 0 4px 8px; background-color:#666; color:#fff; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; } .lhs h3.panelheader a, .lhs h3.panelheader a:hover {color:#fff;} .lhs .panel {border:1px solid #b7bcc4; border-top:none; padding:8px;} .lhs .panel {margin:0 0 20px 0; color:#666; line-height:1.3em; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; } .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 ul ul {margin:2px 0 0 0;} .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 10px} /* so that child items do not grow in size! */ .lhs .panel ul li ul * a {padding:0;} .lhs .panel ul li.this {background-color:#33e86d;} .lhs .panel ul li.this * {background-color:#fff;} .lhs .panel ul li.this ul li a {background-color:#fff; color:#0000c1;} .lhs .panel ul li.this a {background-color:#33e86d; font-weight:normal; color:#666;} /* 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;} /* panelheader/panel differentiation 22 Jan 10 */ /* search, actions, options, pages, views */ .lhs h3.actions, .lhs h3.search {background-color:#b9141a; /*#e71e24*/ border-color:#b9141a; /*#e71e24*/} .lhs .actions, .lhs .search {border-color:#b9141a; /*#e71e24*/} .lhs_calendar calendars {margin-top:-12px;} .lhs_calendar {margin-top:0; /*-12px;*/} .lhs_calendar h3.pages,.lhs_calendar .actions ,.lhs_calendar h3.pages a, .lhs_calendar div.pages, .lhs_calendar div.pages * {display:none; visibility:hidden; height:0;} .lhs_calendar .actions, .lhs_calendar .pages {margin:0; padding:0;} .lhs_calendar_Facilities .views {display:none; visibility:hidden; height:0;} .lhs_calendar_Planner .actions {display:none; visibility:hidden; height:0;} .calendar_Planner h2.fc-header-title, .calendar_Planner h2.fc-header-title-monogold, .calendar_Planner h2.fc-header-title-monogold-year {/*background-color:yellow; padding:2px; border:1px solid red;*/} .lhs .calendars input {width:10px;} .lhs .calendars li {margin-bottom:3px; -webkit-border-radius:4px; -moz-border-radius:4px;} .lhs .calendars li.action {font-size:1.1em; padding-left:0; margin-left:0; padding-bottom:6px;} .lhs .calendars li.action a.action {padding-right:16px;} .pagewrap_editor {width:800px;} .lhs_editor {float:none; width:0; display:none; visibility:hidden; height:0;} .sidebar_editor {width:0; display:none; visibility:hidden; height:0;} /* 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.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;}*/ /* rhs */ /*.rhs {color:#333; margin-left:200px; 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 {width:570px;} .message * td, .message * p, .message * li {/*font-family:Georgia;*/ line-height:1.4em; font-size:1.1em; margin-bottom:1em;} .message * ul, .message * ol, .message * ul ul, .message * ol ol {margin:15px 0 15px 0;} .message * ol {padding:0;} .message * ul li {list-style-type: disc; margin:0 0 5px 24px;} .message * ol li {list-style-type: decimal; margin: 0 0 5px 30px;} .message td h2 {margin-bottom:0; line-height:1.3em;} .message td h2.single {margin-bottom:20px; line-height:1.3em;} .message td.publishinfo {margin-top:-10px; font-family:Verdana, "Lucida Grande", Tahoma, Arial, sans-serif; text-align:right;} .message td p.publishinfo-top {margin:-16px 0 20px 0; font-size:1em; font-family:Verdana, "Lucida Grande", Tahoma, Arial, sans-serif;} .message td.channel {margin-top:-10px; font-family:Verdana, "Lucida Grande", Tahoma, Arial, sans-serif; text-align:right;} .message td.inreplyto {margin-top:-10px; font-family:Verdana, "Lucida Grande", Tahoma, Arial, sans-serif; text-align:right;} .message .comment {color:#fff;} /* filelist */ table.filelist {width:560px;} table.filelist td {font-size:1.2em; margin-bottom:1.1em; padding:3px; vertical-align:top;} table.filelist td p, table.filelist td a, table.filelist td p {margin-bottom:0; padding-bottom:0;} table.filelist td.icon {width:32px;} table.filelist td.name {width:170px;} /* 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;} .weblist_4c * td {width:120px; font-size:1.2em; margin-bottom:1.1em; padding:3px;} /* Widget Custom Styling */ div.spotlight div img {float:none;} /* Content Map */ /*div.contentmap {width:600px;}*/ div.contentmap ul li {font-size:1.2em;} div.contentmap ul.l1 li a {font-size:1.1em;} div.contentmap ul.l2 li a {font-size:1.1em;} div.contentmap ul.l3 li a {font-size:1em;} div.contentmap ul.l4 li a {font-size:0.9em;} /*div.contentmap ul.l1 {padding-left:170px;}*/ div.contentmap ul.l2 {margin-bottom:10px;} div.contentmap ul.l3 {margin-left:80px;} div.contentmap ul.l4 {margin-left:80px;} /* rhs - calendarlist (record pane, non-smart) */ table.calendarlist {width:610px;} table.calendarlist td {font-size:1.2em; margin-bottom:1.1em; padding:3px; vertical-align:top;} table.calendarlist td.date {width:100px;} table.calendarlist td.item {width:450px;} table.yearview td, table.yearview td p {width:12px; text-align:center;} table.listview td, table.yearview td {font-size:1.2em; margin-bottom:0; padding:3px; /*vertical-align:top;*/ } table.calendarlist td.cal-indicator {font-size:1.2em; margin-bottom:1.1em; padding:3px; vertical-align:top; padding-top:5px;} table.calendarlist td p.cal-indicator {padding-top:4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } /* sports team - photosheet */ .sportsteam {width:586px; margin:8px 0 10px 0; padding:10px; border:1px solid #ccc;/*background-color:#ccc;*/} .sportsteam div {/*height:85px;*/ vertical-align:top; display:inline-block; width:90px; margin:0 7px 5px 0; padding:0;} .sportsteam p {margin:0, padding:0; line-height:1em; font-size:1em;} .sportsteam div a {margin:0; padding:0 0 3px 0; text-align:left;} .sportsteam a {width:90px; text-align:center; display:inline-block; margin:0; padding:0 0 6px 0;} .sportsteam a img {padding:3px; border:1px solid #ccc;} .sportsteam a.email {width:30px; display:inline;} /* rhs - gallery - photosheet */ .photosheet {width:564px; /*background-color:#ccc;*/} .photosheet div {height:170px; vertical-align:top; display:inline-block; width:136px; margin:0, padding:0;} .photosheet p {margin:0, padding:0; line-height:1em; font-size:1em;} .photosheet div a {margin:0; padding:0 0 3px 0; text-align:left;} .photosheet a {width:136px; text-align:center; display:inline-block; margin:0; padding:0 0 6px 0;} .photosheet a img {padding:3px; border:1px solid #ccc;} .photosheet a.email {width:30px; display:inline;} /* org chart */ .orgchart {width:600px; margin-bottom:30px; text-align:center;} .orgchart h1 {margin-bottom:20px;} .orgchart span {width:120px; display:inline-block; vertical-align:top; padding:10px; padding-top:0;} .orgchart span p {text-align:center; width:120px; margin:0; padding:2px; line-height:1.1em; font-size:1.2em;} .x3 {width:450px;} /* timetable */ table.timetable_audit {width:700px; margin:0; padding:0; border:none;} table.timetable_audit td {padding:4px 5px 4px 3px; border:1px solid #ccc;} table.timetable {width:1000px; margin:0; padding:0; border:none;} table.screen {width:600px;} table.timetable th, table.timetable td, table.timetable p {text-align:center; font-family:Tahoma; font-size:0.9em; margin:0; line-height:1.3em; padding:2px 0 2px;} table.timetable td {vertical-align:top; padding:0px; height:36px;} /*table.timetable th.left {width:40px; text-align:left; font-weight:bold;}*/ table.timetable tr.person td {padding-bottom:10px; text-align:left; font-size:1.6em; font-weight:bold; height:auto;} table.timetable tr.heading td {border-bottom:1px solid #000; height:36px;} table.timetable tr.heading td.label {border-bottom:none;} table.timetable td.label {text-align:left; width:70px; padding-top:5px; font-weight:bold;} table.timetable td.left {text-align:left; border-left:1px solid #000;} table.timetable td.slot {margin:0; border-bottom: 1px solid #000; border-right: 1px solid #000; height:40px;} table.timetable td.cycle {border-bottom: 2px solid #000;} table.timetable td.gap {width:5px;} table.timetable td.break {width:36px;} table.timetable td.lunch {width:45px;} table.timetable td.lesson {width:90px;} 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 td.today p {padding:0; margin:0; background-color:#ff6; height:100%; /*width:64px; height:40px; font-size:1em;*/} table.timetable td.now p {padding:0; margin:0; background-color: #6f9; height:100%; /*width:64px; height:40px; font-size:1em;*/} table.timetable th {width:64px; font-weight:normal; vertical-align:top; padding-bottom:10px;} .edgecase {color:blue; /*font-weight:bold;*/} h1.page {font-size:3px; margin:0; color:#fff;} /* profile page/tab */ .profile h1, .profile h2 {font-size:1.8em; margin-bottom:20px; padding:0;} .profile table.info {width:420px; margin-left:170px;} .profile table.noimage {width:580px; margin-left:0px;} .profile td {font-size:1.2em; padding-bottom:4px;} .profile p {font-size:1.2em; margin-bottom:1.6em;} .profile .description {font-size:1.3em; width:590px; margin:20px 0 0 0;} .profile .description p {font-size:1em;} .profile table.info td {padding-bottom:6px;} .profile td.label {width:150px; font-weight:bold;} /* .profile * ul {padding-left:20px;} .profile * li {font-size:1.3em; line-height:1.6em; margin:0 0 5px 60px;} */ .profile ol li, .profile ul li, .profile * ol li, .profile * ul li {font-size:1.2em; line-height:1.6em;} .profile ol li ol *, .profile ul li ol * {font-size:1em; line-height:1.6em;} /*.profile {width:580px; padding-right:20px; border-right:1px solid #ccc;}*/ .profile ul, .profile ol, .profile ul ul, .profile ol ol {margin:15px 0 15px 0; /*padding for IE */ padding-left:20px;} .profile ul li {margin:0 0 5px 20px;} .profile ol li {margin: 0 0 5px 20px;} .profile table {margin-bottom:20px;} .profile td ul {margin-top:0;} .profile ul li {list-style-type: disc;} .profile ol li {list-style-type: decimal;} .profile .description h3, .profile .description h4 {margin-bottom:1em;} .profile h3, .profile h4 {margin-bottom:1em;} .profile .description .fancier {border:3px solid #53bac1; padding:20px; font-family:"Times New Roman"; width: 550px; margin-left: -150px;} .profile .description .fancier h2 {text-align:center; font-family:"Trebuchet MS"; background-color:#009a8a; padding:3px 5px; color:#fff;} .profile .description .fancier p {font-family:"Times New Roman"; font-size:1.2em;} .profile .description .fancier ul {margin-bottom:20px;} .profile .description .fancier ul li {font-family:"Times New Roman"; font-size:1.2em;} .profile .description .gogreen {background-color: #d8e0fc; padding:20px; font-family:"Times New Roman"; width: 550px; margin-left: -150px;} .profile .description .gogreen h2 {text-align:center; font-family:"Trebuchet MS"; background-color:#00d700; padding:3px 5px; color:#fff;} .profile .description .gogreen p {font-family:"Times New Roman"; font-size:1.2em;} .profile .description .gogreen ul {margin-bottom:20px;} .profile .description .gogreen ul li {font-family:"Times New Roman"; font-size:1.2em;} .profile .description .greytone {border:2px solid #7d7d7d; background-color: #e1e1e1; padding:20px; font-family:"Times New Roman"; width: 550px; margin-left: -150px;} .profile .description .greytone h2 {text-align:center; font-family:"Trebuchet MS"; background-color:#7d7d7d; padding:3px 5px; color:#fff;} .profile .description .greytone p {font-family:"Times New Roman"; font-size:1.2em;} .profile .description .greytone ul {margin-bottom:20px;} .profile .description .greytone ul li {font-family:"Times New Roman"; font-size:1.2em;} /* 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:orange; color:#fff; text-align:center;} .unitrubric thead td.h_band2 {background-color:yellow; color:#000; text-align:center;} .unitrubric thead td.h_band3 {background-color:green; color:#fff; text-align:center;} .unitrubric thead td.h_band4 {background-color:lightgreen; color:#000; 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 tr.vert-desc td {font-size:1em; padding-bottom:3px;} .unitrubric td.vert-desc-code {width:30px;} .unitrubric td p { font-size:1em; margin-bottom:8px;} .unitrubric td.objective {width:200px; border:1px solid #ccc; border-top:none;} .unitrubric td.vert-obj {width:200px; border:1px solid #ccc;} .unitrubric td.band1, .unitrubric td.band2, .unitrubric td.band3, .unitrubric td.band4 {width:150px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;} .unitplan table {margin-bottom:18px; width:600px;} .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.2em; 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.label {width:200px; font-weight:bold; color:#000;} .unitplan table.box td.data {border:1px solid #17a4b5; width:200px;} .unitplan table.box td.data p {font-size:1em;} .unitplan table.box td.data-blue {border:1px solid #17a4b5; width:200px;} .unitplan table.box td.label-blue {font-size:1.4em; width:200px; font-weight:bold; color:#fff; background-color:#17a4b5; border:1px solid #17a4b5;} .unitplan table.box td.data-blue p {font-size:1em;} .unitplan table.box td.data-red {border:1px solid red; width:200px;} .unitplan table.box td.label-red {font-size:1.4em; width:200px; font-weight:bold; color:#fff; background-color:red; border:1px solid red;} .unitplan table.box td.data-red p {font-size:1em;} .unitplan table.box td.data-green {border:1px solid #2bb35e; width:200px;} .unitplan table.box td.label-green {font-size:1.4em; border:1px solid #2bb35e; width:200px; font-weight:bold; color:#fff; background-color:#2bb35e;} .unitplan table.box td.data-green p {font-size:1em;} .unitplan table.box td.data-orange {border:1px solid #f99a22; width:200px;} .unitplan table.box td.label-orange {font-size:1.4em; border:1px solid #f99a22; width:200px; font-weight:bold; color:#fff; background-color:#f99a22;} .unitplan table.box td.data-orange p {font-size:1em;} .unitplan table.box td.data-empty {padding-bottom:6px; border:none;} /* UnitPlanner */ .unitplanner table {margin-bottom:18px; width:600px;} .unitplanner h1, .unitplanner h2 {font-size:1.8em; margin-bottom:20px; padding:0;} .unitplanner td, .unitplanner p {vertical-align:top; font-size:1.2em; padding:2px; line-height:1.3em;} .unitplanner td p {font-size:1em; line-height:1.2em;} .unitplanner td table td {font-size:1em; line-height:1.2em;} /*.unitplanner td table td a {font-size:0.8em; line-height:1.2em;}*/ .unitplanner td.label {width:33%; font-weight:bold;} .unitplanner td.heading {font-weight:bold; font-size:1.4em;} .unitplanner td.center {text-align:center;} .unitplanner td table td.heading {font-size:1.1em;} .unitplanner td.action {background-color:#fafad2; text-align:right;} .unitplanner * ul {padding-left:20px;} .unitplanner * li {font-size:1.3em; line-height:1.6em; margin:0 0 5px 60px;} .unitplanner table.burgundy td {border-bottom:1px solid #aa0000; border-right:1px solid #aa0000;} .unitplanner table.burgundy td.left {border-left:1px solid #aa0000;} .unitplanner table.burgundy td.heading {background-color:#aa0000; color:#fff;} .unitplanner table.darkblue td {border-bottom:1px solid #0000bb; border-right:1px solid #0000bb;} .unitplanner table.darkblue td.left {border-left:1px solid #0000bb;} .unitplanner table.darkblue td.heading {background-color:#0000bb; color:#fff;} .unitplanner table.blue td {border-bottom:1px solid #17a4b5; border-right:1px solid #17a4b5;} .unitplanner table.blue td.left {border-left:1px solid #17a4b5;} .unitplanner table.blue td.heading {background-color:#17a4b5; color:#fff;} .unitplanner table.green td {border-bottom:1px solid #2bb35e; border-right:1px solid #2bb35e;} .unitplanner table.green td.left {border-left:1px solid #2bb35e;} .unitplanner table.green td.heading {background-color:#2bb35e; color:#fff;} .unitplanner table.red td {border-bottom:1px solid red; border-right:1px solid red;} .unitplanner table.red td.left {border-left:1px solid red;} .unitplanner table.red td.heading {background-color:red; color:#fff;} .unitplanner table.orange td {border-bottom:1px solid orange; border-right:1px solid orange;} .unitplanner table.orange td.left {border-left:1px solid orange;} .unitplanner table.orange td.heading {background-color:orange; color:#fff;} .unitplanner div.red table {width:600px;} .unitplanner div.red table td.box {width:250px; border:1px solid #ccc; padding:0;} /*.unitplanner div.red table td.box p.heading {font-size:1.1em; text-align:center; font-weight:bold; background-color:red; color:#fff; padding:2px; margin:0;}*/ .unitplanner p.heading {font-size:1.1em; text-align:center; font-weight:bold; background-color:red; color:#fff; padding:2px; margin:0;} .unitplanner p.content {font-size:1em; padding:4px; margin:0; line-height:1em;} .unitplanner p.action {padding:0; margin:0;} .unitplanner p.action a {font-size:0.8em;} .unitplanner td p.content {font-size:1em;} .unitplanner td.tasks {font-size:1em;} /* campaign report */ .campaignreport table {margin-bottom:18px; width:600px;} .campaignreport h1, .campaignreport h2 {font-size:1.8em; margin-bottom:20px; padding:0;} .campaignreport td, .campaignreport p {vertical-align:top; font-size:1.2em; padding:2px;} .campaignreport td.label {width:50%; font-weight:bold;} .campaignreport td.heading {font-weight:bold; font-size:1.4em;} .campaignreport td.subheading {font-weight:bold; font-size:1.1em; text-align:right;} .campaignreport td.action {background-color:#fafad2; text-align:right;} .campaignreport td.footnote {text-align:right;} .campaignreport * ul {padding-left:20px;} .campaignreport * li {font-size:1.3em; line-height:1.6em; margin:0 0 5px 60px;} .campaignreport table.blue td {border-bottom:1px solid #17a4b5; border-right:1px solid #17a4b5;} .campaignreport table.blue td.left {border-left:1px solid #17a4b5;} .campaignreport table.blue td.heading {background-color:#17a4b5; color:#fff;} .campaignreport table.green td {border-bottom:1px solid #2bb35e; border-right:1px solid #2bb35e;} .campaignreport table.green td.left {border-left:1px solid #2bb35e;} .campaignreport table.green td.heading {background-color:#2bb35e; color:#fff;} .campaignreport table.red td {border-bottom:1px solid red; border-right:1px solid red ;} .campaignreport table.red td.left {border-left:1px solid red;} .campaignreport table.red td.heading {background-color:red; color:#fff;} .campaignreport table.blue td.right-x, .campaignreport table.green td.right-x, .campaignreport table.red td.right-x {border-right:none;} .campaignreport td.number {width:80px; text-align:right;} /* web page content */ /*.webpage * {font-family:Georgia;}*/ .webpage h1 {font-size:1.8em;} .webpage h2 {font-size:1.6em; margin-bottom:1em;} .webpage h3 {font-size:1.4em; margin:2em 0 1em 0;} .webpage h4 {font-size:1.4em; margin:2em 0 1em 0;} .webpage dt, .webpage p, .webpage td, .webpage * p {font-size:1.2em; line-height:1.6em; margin-bottom:1.1em;} .webpage td p {font-size:1.1em; line-height:1.4em;} .webpage ol li, .webpage ul li, .webpage * ol li, .webpage * ul li {font-size:1.2em; line-height:1.6em;} .webpage ul li ul *, .webpage ol li ol *, .webpage ul li ol * {font-size:1em; line-height:1.6em;} /*.webpage {width:580px; padding-right:20px; border-right:1px solid #ccc;}*/ .webpage {width:600px;} .webpage ul, .webpage ol, .webpage ul ul, .webpage ol ol {margin:15px 0 15px 0; /*padding for IE */ padding-left:20px;} .webpage ul li {margin:0 0 5px 20px;} .webpage ol li {margin: 0 0 5px 20px;} .webpage table {margin-bottom:20px;} .webpage td ul {margin-top:0;} .webpage td {padding-bottom:10px;} td {border:1px;} .webpage td ol li, .webpage td ul li {font-size:1em; line-height:1.6em;} .webpage ul li {list-style-type: disc;} .webpage ol li {list-style-type: decimal;} .webpage dd {margin:-8px 0 20px 15px; border-left:2px solid #ccc; padding-left:10px;} .webpage p.attention-top {padding:5px; border:1px solid #ccc; background-color:#ff9;} .webpage dd span.top {display:block; width:100%; text-align:right;} table.forceborder {border-left:1px solid #000; border-top:1px solid #000;} table.forceborder td {padding:3px; border-bottom:1px solid #000; border-right:1px solid #000; line-height:1.2em;} /*h1.wp_sectionhead {font-family:Georgia; font-size:1.8em;}*/ /* web page Profile content */ .webprofile h1 {font-size:1.8em;} .webprofile h2 {font-size:1.6em;} .webprofile p, .webprofile td, .webprofile * p {font-size:1.1em; line-height:1.4em; margin-bottom:1.1em;} .webprofile td {padding:6px; font-size:1.2em;} .webprofile p {font-size:1.2em;} .webprofile td p {font-size:1.1em;} .webprofile ol li, .webprofile ul li, .webprofile * ol li, .webprofile * ul li {font-size:1em; line-height:1.4em;} .webprofile ol li ol *, .webprofile ul li ol * {font-size:1em; line-height:1.4em;} .webprofile {width:580px;} .webprofile ul, .webprofile ol, .webprofile ul ul, .webprofile ol ol {margin:0 0 5px 0; /*padding for IE */ padding-left:20px;} .webprofile ul li {margin:0 0 5px 20px;} .webprofile ol li {margin: 0 0 5px 20px;} .webprofile ul li {list-style-type: disc;} .webprofile ol li {list-style-type: decimal;} .webprofile table {margin-bottom:20px;} /* Menu */ table.menu td {width:120px; text-align:center; padding:3px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;} table.menu td.rowheading {width:80px; text-align:left; font-weight:bold;} table.menu tr.menurow_1 td {font-weight:bold; padding-bottom:10px;} table.menu tr.menurow_2 td.today, table.menu tr.menurow_3 td.today, table.menu tr.menurow_4 td.today, table.menu tr.menurow_5 td.today {background-color:yellow;} table.menu tr.menurow_2 td, table.menu tr.menurow_3 td, table.menu tr.menurow_4 td {height:60px;} table.menu tr.menurow_5 td {padding-top:10px;} /* Message */ .checkboxclass {display:block} select {border:1px solid #ccc;} #Subject {width:300px;} /* Horisontal Views 20 Feb 2011 */ .views_horisontal {margin-bottom:20px; width:600px;} .widget-content .rhs_widget .views_horisontal {display:none;} .widget-content .rhs_widget {margin-top:0;} .views_horisontal ul {padding:5px; border:1px solid #ccc;} .views_horisontal ul li { font-size:1.2em; display:inline; /*padding:3px; padding-right:12px;*/ font-weight:bold; } .views_horisontal ul li.this ul li { font-size:1.1em; display:inline; /*padding:3px; padding-right:12px;*/ font-weight:normal; } .views_horisontal ul li.this, .views_horisontal ul li.this ul li.this {background-color:#33e86d;} .views_horisontal ul li.this * {background-color:#fff;} .views_horisontal ul li.this ul li a, .views_horisontal ul li.this ul li.this ul li a {background-color:#fff; color:#0000c1; padding:2px;} .views_horisontal ul li.this a, .views_horisontal ul li.this ul li.this a {background-color:#33e86d; font-weight:bold; color:#000; padding:2px;} .views_horisontal ul li.divider, .views_horisontal ul li ul li.divider {font-weight:normal; padding:0px 6px;} /* 17/1/2012 Override */ .views_horisontal ul li {display: inline-block;} /* rhs - RecordPane Search + Paging */ table.paging {margin-top:-18px; width:600px; border-bottom:2px dotted #ccc; padding:2px;}/* for WebList, not RecordPane... */ table.bottom {margin-top:20px; border-top:2px dotted #ccc;} 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:80px;} 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 {float:right; width:120px; margin:0; padding:0;} .sidebar div {padding:5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color:#f2f2f2;} .sidebar .shortcut-rhs { border:1px solid #f2f2f2; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:8px; margin-bottom:10px; background-color:#fff; } .sidebar .shortcut-rhs ul li {margin-bottom:3px;} .sidebar .shortcut-rhs ul li.shortcut-heading {font-weight:bold;} .sidebarvx {display:none;} /*#sidebar .sidebar {margin:0; padding:0;}*/ 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;*/} .actionpanel .changeaction, .actionpanel .changeaction p {width:560px; /*border:solid 1px #ccc;*/} .actionpanel .changeaction p {padding-left:5px; clear:both;} .actionpanel .changeaction div.inputsection {background-color:#ffc; -moz-border-radius: 8px; -webkit-border-radius: 8px; background-color:#fafafa; border:2px solid #ccc; padding:6px; margin-bottom:20px; } .actionpanel .changeaction {font-size:1.1em;} .actionpanel .changeaction label {vertical-align:middle; font-weight:bold; width:150px; display:block; float:left; margin-bottom:5px; margin-top:5px;} .actionpanel .changeaction p.error {padding:5px; border:2px solid red; color:#000; background-color:#ff9;} .actionpanel .changeaction p.instruction {padding:5px; /*border:1px solid #ccc;*/} .actionpanel .changeaction .label {vertical-align:middle; width:100px; margin-top:5px; font-size:1em;} .actionpanel .changeaction .value {vertical-align:middle; width:250px; margin-bottom:5px;} .actionpanel .changeaction h1.success {font-size:1em; margin-top:10px; /*border:solid 1px #ccc;*/ padding:3px; /*background-color:yellow;*/} strong.good {color:green;} strong.bad {color:red;} .ui_action {font-family:Verdana, Arial; font-size:1em; font-weight:bold;} h3.headingmessage {margin-top:10px; font-size:1.3em; border:solid 2px green; padding:5px; background-color:yellow;} div.norecordsfound p {font-size:1.2em; border:solid 1px red; padding:5px; background-color:#ff9;} p.information {font-size:1.2em; border:solid 1px green; padding:5px; background-color:#ff9;} /* 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 */ div.footer {display:none; position:fixed; bottom:0; left:0;} body#wide div.footer {height:26px; background: url(../cssimages/footer.jpg) top center no-repeat;} body#narrow div.footer {height:26px; background: url(../cssimages/footer.jpg) top center no-repeat;} div.footer, div.footer p {width:100%;} div.footer p {color:#fff; 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: 80%; margin-left: -40%; height: 80%; top: 5%; left: 50%; background-color:#fff; border: solid 5px #666; padding:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .floatbox-box_medium { z-index: 9; /*width: 60%;*/ margin-left: -30%; /*height: 34%;*/ top: 10%; left: 55%; background-color:#fff; border: solid 5px #666; padding:20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .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-box_small ul {margin-top:10px;} .floatbox-box_small div {font-size:1em;} .floatbox-box_loading { z-index: 9; /*width: 20%;*/ margin-left: -15%; /*height: 10%;*/ top: 40%; left: 60%; background-color:#fff; border: solid 5px #666; padding:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #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; } #floatbox-backgroundWhite { 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; } #floatbox-backgroundV2 { 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; } #floatbox-box .webpagepopup p, #floatbox-box .webpagepopup li {font-size:1.2em;} #floatbox-box .webpagepopup ul {margin-bottom:22px;} #floatbox-box .webpagepopup h2 {margin-bottom:12px;} #floatbox-box .webpagepopup ul, #floatbox-box .webpagepopup ol, #floatbox-box .webpagepopup ul ul, #floatbox-box .webpagepopup ol ol {margin:15px 0 15px 0; /*padding for IE */ padding-left:20px;} #floatbox-box .webpagepopup ul li {margin:0 0 5px 20px;} #floatbox-box .webpagepopup ol li {margin: 0 0 5px 20px;} .webpagepopup {margin-top:20px;} /* Loading */ #loading { position:absolute; margin-left:100px; padding:20px 10px 0 0; } /* Help */ .HelpPanel, .actionpanel .help, .help { padding:20px; border:solid 1px #ddf0dd; border:solid 2px #ccc; background-color:#d7ffbb; background-color: #d1dcfa; background-color: #f1f4fe; width:570px; } .help { -moz-border-radius: 10px; -webkit-border-radius: 10px; } 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;} .HelpDescrip ul li, .help ul li {list-style-type: disc;} .HelpDescrip ol li, .help ol li {list-style-type: decimal;} /* New additions */ /* Search Form */ iframe#iframe_search {width: 100%; height: 95%; border:none;} a#close-floatbox {height:18px; color:#fff; width:100%; padding:3px 0 3px 3px; font-size:13px; background-color:#b9141a;} p.floatboxaction { padding:3px 0 3px 3px; font-size:13px; display:block; background-color:#b9141a; margin-bottom:0;} .sidebar_searchform {background-image:none; display:none;} /* Celebrate */ /* profile page/tab */ .celebrate h1.invite {background: url(../cssimages/celebrate_invite.jpg) top center no-repeat; height:600px; margin-bottom:10px; margin-top:20px;} /*.celebratewrap {width:600px; margin-left:-20px; margin-top:-30px; padding:20px; background: url(../cssimages/fabric.jpg) repeat;}*/ /*.celebrate {text-align:center; width:600px; background-color:#3bfe3e; /*#47ce59*/}*/ .celebrate p, .celebrate h1, {text-align:center; line-height:1em;} .celebrate p {font-family:"Perpetua"; font-size:2.3em; margin:0 0 10px 0; padding:10px 0 0 0; color:#fff;} .celebrate p.logo {background: url(../cssimages/celebrate_logo.jpg) top center no-repeat; height:86px;} .celebrate h1.heading {background: url(../cssimages/celebrate.jpg) top center no-repeat; height:92px; margin-bottom:10px; margin-top:20px;} .celebrate div.options {margin-left:138px; text-align:left; padding:5px 0 10px 10px;} .celebrate div.options a {font-family:"Perpetua"; font-size:2em; display:block; color:#fff;} /*.celebrate div.options a:hover {color:#ff01ff;}*/ .celebrate div.footer {padding-bottom:5px; margin:0 10px 0 10px;} .celebrate div.footer p.left {float:left; font-size:1.6em;} .celebrate div.footer p.right {margin-left:350px; text-align:right; font-size:1.6em;} .celebrate h2 {margin-bottom:10px;} .options {margin-bottom:30px;} .options p {margin-top:15px;} .options h2 {margin-top:25px; margin-bottom:5px;} .options select, .options input, .options textarea {display:block; margin-bottom:5px;} .options textarea {width:400px;} .options select {text-align:left; padding:3px; background-color:#fff; border:1px solid #ccc;} .options select.dropdown_wide {width:180px;} .options select.dropdown_narrow {width:180px;} .options input {width:150px;} .cleanform h1.formheading {background-color:#fff; font-size:1.8em; margin:0 0 20px 0; padding:5px; width:600px; color:#666; border-bottom:dotted 2px #666;} .cleanform table {background-color:#fff; color:#666; border:none;} .cleanform table td.label {font-size:1.2em;} .cleanform table td.value-textbox, .cleanform table td.value-dropdown {font-size:1.2em; width:150px;} a#My-link {font-size:1.2em;} .noheading h1.sectionheading {display:none;} td.amountlabel {width:200px; padding-right: 20px; font-weight:bold; font-size:1.2em;} input.readonlyamount {padding:2px; text-align:right; margin-bottom:10px; width:100px; font-weight:bold; font-size:1.1em; border:none; color:#fff; background-color:red;} input.totalamount {padding:2px; text-align:right; margin-bottom:10px; width:100px; font-weight:bold; font-size:1.1em; border:2px solid #000; background-color:yellow;} input.date-pick, input.textbox, input.checkbox, input.htmleditor, select.dropdown {text-align:left; width:300px; padding:3px; background-color:#fff; border:1px solid #ccc;} input.date-pick {margin-right:3px; width:100px;} input.checkbox {width:20px;} input.hidden {display:none; border:0; margin:0; padding:0;} /* 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;} /* Calendar Grid */ table.calendargrid td {text-align:center; padding:2px; border:1px solid #ccc;} /* Ticker */ #ticker-area{ position:absolute; bottom:0; left:20px; background: #ccc; border: 4px solid #666; border-left: none; border-right: none; padding:10px 0; margin:10px 0 20px 0; font-family:Tahoma; font-size: 2.6em; font-weight: bold; color: #000; width: 970px; } #ticker-area ul li {list-style-type:none;} /* Custom */ /* Info Screen */ /* vx landing page widgets */ ul.crumbsline_widget {display:none; margin-bottom:5px;} div.lhs_widget {display:none;} div.rhs_widget {margin-left:0px; margin-top:10px;} div.rhs_widget ul li {list-style-type: disc;} div.rhs_widget ol li {list-style-type:decimal;} ul.crumbsline_donationpublic {display:none;} div.lhs_donationpublic {display:none;} div.rhs_donationpublic {margin-left:150px;} .pagewrap_infoscreen {background-image:none;} .topbar_infoscreen {display:none; width:0;} .topline_infoscreen {display:none; width:0;} .titleline_infoscreen {display:none; width:0;} .navigationline_infoscreen {display:none; width:0;} .crumbsline_infoscreen {display:none; width:0;} /*.pagecontent_infoscreen*/ .rhs_infoscreen h1.sectionheading {display:none; width:0;} .lhs_infoscreen {display:none; width:0;} .sidebar_infoscreen {background-image:none;} .footer_infoscreen {} .photosheet_infoscreen, .photosheet_infoscreen_1 {margin:50px 0 0 80px; width:800px; /*background-color:#ccc;*/} .photosheet_infoscreen a {width:380px; text-align:center; display:inline-block; margin:0; padding:0 0 18px 0;} .photosheet_infoscreen_1 a {width:800px; text-align:center; display:inline-block; margin:0; padding:0 0 18px 0;} .photosheet_infoscreen a img, .photosheet_infoscreen_1 a img {padding:3px; border:1px solid #ccc;} /* info screen calendar */ p.calendar-day {margin-top:-102px; padding-bottom:50px; color:#fff; font-family:Verdana, sans-serif; font-weight:bold; font-size:17px; text-align:center;} p.calendar-month, p.calendar-month-zh {text-align:center; margin-top:-47px; color:#000; font-family:Verdana, sans-serif; font-weight:bold; font-size:19px;} p.calendar-month-zh {margin-top:-45px; font-size:17px;} p.calendar-time {text-align:center; margin-top:-20px; color:#000; font-family:Verdana, sans-serif; font-weight:bold; font-size:19px;} p.calendar-daycycle {text-align:center; margin-top:-16px; color:#000; font-family:Verdana, sans-serif; font-size:9px;} /* adjustment after vx */ /*p.calendar-month {margin-top:-27px;}*/ /*p.calendar-month-zh {margin-top:-25px;}*/ /*p.calendar-time {margin-top:0px;}*/ /* Report Cards etc */ div.reportcard {width:680px;} div.reportcard table td, div.reportcard p {font-family:Arial; font-size:12px; vertical-align:top; text-align:left; /*border:1px solid #ccc;*/} 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.primary {font-size:16px;} 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;} div.reportcard table.hr_heading td.classteacher.smaller {font-size:13px;} div.reportcard table.hr_heading td.student.primary {width:400px;} div.reportcard table.hr_heading td.student.reception {width:500px;} div.reportcard table.hr_heading td.periodname.primary {width:200px;} 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:10px; width:680px;} div.reportcard table.hr_comment td p {line-height:1.2em;} 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.3em; 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;} td.rec_contentwidth {width:700px;} /* text box for reception on-screen, larger for print-out */ div.reportcard div.assessmentcontent p {text-align:justify;} /* 18/1/2012 */ div.reportcard div.assessmentcontent.hide {display:none;} /*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;} div.time-picker { margin-top: 2em; } div.time-picker { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF none repeat scroll 0 0; border:1px solid #000000; height:200px; overflow:auto; position:absolute; width:6em; z-index:99; } div.time-picker-12hours { width:8em; } div.time-picker ul { list-style-type:none; margin:0; padding:0; } div.time-picker li { cursor:pointer; padding:1px; } div.time-picker li.selected { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#316AC5 none repeat scroll 0 0; color:#FFFFFF; } /* Calendar */ #CalendarRepeat, #CalendarRepeatPanel, #CalendarFrequency, #monthCheckbox, #CalendarRepeatStart, #CalendarRepeatEnd {padding-bottom:10px;} #CalendarFrequency select {width:50px;} input.kw { background-color:#FFFFFF; color:#4C4C4C; font-size:1em; left:auto; line-height:15px; margin:0; min-height:15px; padding:4px 4px 5px 7px; position:absolute; right:-202px; top:5px; width:125px; border:0 none; } /* .search .label {padding-left:2px; font-size:1.1em; color:#fff; margin-bottom:4px;} .search p.value {font-size:1em; color:#000; width:130px; line-height:1.2em;} .search p.value input {width:130px; font-size:1em; padding:2px;} */ /* FCKEditor */ /*.fckeditor h1 {font-size:1.8em;}*/ /*.fckeditor h2 {font-size:1.6em; margin-bottom:1em;}*/ /*.fckeditor dt,.fckeditor p,.fckeditor td,.fckeditor * p {font-size:1em; line-height:1.6em; margin-bottom:1.1em;}*/ .fckeditor td {font-size:0.8em;} .fckeditor td p {font-size:1em; line-height:1.4em;} .fckeditor ol li, .fckeditor ul li, .fckeditor * ol li, .fckeditor * ul li {font-size:1em; line-height:1.4em;} .fckeditor ul li ul *, .fckeditor ol li ol *, .fckeditor ul li ol * {font-size:1.1em; line-height:1.4em;} /*.fckeditor {width:580px; padding-right:20px; border-right:1px solid #ccc;}*/ .fckeditor {width:600px;} .fckeditor ul, .fckeditor ol, .fckeditor ul ul, .fckeditor ol ol {margin:15px 0 15px 0; /*padding for IE */ padding-left:20px;} .fckeditor ul li {margin:0 0 5px 20px;} .fckeditor ol li {margin: 0 0 5px 20px;} /*.fckeditor table {margin-bottom:20px;}*/ .fckeditor td ul {margin-top:0;} .fckeditor td {padding-bottom:10px;} td {border:1px;} .fckeditor td ol li, .fckeditor td ul li {font-size:1em; line-height:1.4em;} .fckeditor ul li {list-style-type: disc;} .fckeditor ol li {list-style-type: decimal;} .fckeditor dd {margin:-8px 0 20px 15px; border-left:2px solid #ccc; padding-left:10px;} .fckeditor p.attention-top {padding:5px; border:1px solid #ccc; background-color:#ff9;} .fckeditor dd span.top {display:block; width:100%; text-align:right;} /* .fckeditor table:not([border]), .fckeditor table:not([border]) > tr > td, .fckeditor table:not([border]) > tr > th, .fckeditor table:not([border]) > tbody > tr > td, .fckeditor table:not([border]) > tbody > tr > th, .fckeditor table:not([border]) > thead > tr > td, .fckeditor table:not([border]) > thead > tr > th, .fckeditor .fckeditor table:not([border]) > tfoot > tr > td, .fckeditor table:not([border]) > tfoot > tr > th, .fckeditor table[border="0"], .fckeditor table[border="0"] > tr > td, .fckeditor table[border="0"] > tr > th, .fckeditor table[border="0"] > tbody > tr > td, .fckeditor table[border="0"] > tbody > tr > th, .fckeditor table[border="0"] > thead > tr > td, .fckeditor table[border="0"] > thead > tr > th, .fckeditor table[border="0"] > tfoot > tr > td, .fckeditor table[border="0"] > tfoot > tr > th { border: 1px solid #000; } */ /* WebReports */ .webreport td {padding-bottom:5px;} /* Print */ td h1.printonly {display:none;} .printonly {display:none;} @media print {#topbar, #primarynav, #lhs, #search, #footer, #sidebar {display: none;}} @media print { div.noheading table {margin:0; padding:0;} div.noheading table tr {margin:0; padding:0;} div.noheading table td {margin:0; padding:0;} #rhs {width:800px; margin-left:0px;} h1.sectionheading {display:none; height:0; margin:0; padding:0;} h1.printonly {display:block;} h1.hr {height:60px;} /* to force break for last when short reports */ 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;} div.reportcard.reception {width:750px;} rec_contentwidth {width:820px;} } /*h1.printonly {display:block; color:#000; font-size:x-large;}*/