html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
 :focus {outline: 0}
 ins {text-decoration: none}
del {text-decoration: line-through}
 table {border-collapse: collapse; border-spacing: 0}
  .display_none {display:none}
  body {font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif}
a:focus {outline: 1px dotted invert}
hr {border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0}
 h1 {font-size: 25px}
h2 {font-size: 23px}
h3 {font-size: 21px}
h4 {font-size: 19px}
h5 {font-size: 17px}
h6 {font-size: 15px}
 ol {list-style: decimal}
ul {list-style: square}
li {margin-left: 30px}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {margin-bottom: 20px}
 html, body {height: 100%}
 .container_12, .container_16 {width: 960px; height:100%; border: 1px solid #b3b3b3; border-top:0px; border-bottom:0px; position:relative; margin: 0 auto -4em}
.footer, .push {height: 4em}
#footer_wrapper {height:100px}
#footer {margin-left: auto; margin-right: auto; height:100px; width:960px; background:#333}
 .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {display: inline; float: left; margin-left: 10px; margin-right: 10px}
.grid_16_extramargin {margin-left: 20px; margin-right:20px}
.container_12 .grid_3, .container_16 .grid_4 {width: 220px}
.container_12 .grid_6, .container_16 .grid_8 {width: 460px}
.container_12 .grid_9, .container_16 .grid_12 {width: 700px}
.container_12 .grid_12, .container_16 .grid_16 {width: 940px}
 .alpha {margin-left: 0}
.omega {margin-right: 0}
 .container_12 .grid_1 {width: 60px}
.container_12 .grid_2 {width: 140px}
.container_12 .grid_4 {width: 300px}
.container_12 .grid_5 {width: 380px}
.container_12 .grid_7 {width: 540px}
.container_12 .grid_8 {width: 620px}
.container_12 .grid_10 {width: 780px}
.container_12 .grid_11 {width: 860px}
 .container_16 .grid_1 {width: 40px}
.container_16 .grid_2 {width: 100px}
.container_16 .grid_3 {width: 160px}
.container_16 .grid_5 {width: 280px}
.container_16 .grid_6 {width: 340px}
.container_16 .grid_7 {width: 400px}
.container_16 .grid_9 {width: 520px}
.container_16 .grid_10 {width: 580px}
.container_16 .grid_11 {width: 640px}
.container_16 .grid_13 {width: 760px}
.container_16 .grid_14 {width: 820px}
.container_16 .grid_15 {width: 880px}
 .container_12 .prefix_3, .container_16 .prefix_4 {padding-left: 240px}
.container_12 .prefix_6, .container_16 .prefix_8 {padding-left: 480px}
.container_12 .prefix_9, .container_16 .prefix_12 {padding-left: 720px}
 .container_12 .prefix_1 {padding-left: 80px}
.container_12 .prefix_2 {padding-left: 160px}
.container_12 .prefix_4 {padding-left: 320px}
.container_12 .prefix_5 {padding-left: 400px}
.container_12 .prefix_7 {padding-left: 560px}
.container_12 .prefix_8 {padding-left: 640px}
.container_12 .prefix_10 {padding-left: 800px}
.container_12 .prefix_11 {padding-left: 880px}
 .container_16 .prefix_1 {padding-left: 60px}
.container_16 .prefix_2 {padding-left: 120px}
.container_16 .prefix_3 {padding-left: 180px}
.container_16 .prefix_5 {padding-left: 300px}
.container_16 .prefix_6 {padding-left: 360px}
.container_16 .prefix_7 {padding-left: 420px}
.container_16 .prefix_9 {padding-left: 540px}
.container_16 .prefix_10 {padding-left: 600px}
.container_16 .prefix_11 {padding-left: 660px}
.container_16 .prefix_13 {padding-left: 780px}
.container_16 .prefix_14 {padding-left: 840px}
.container_16 .prefix_15 {padding-left: 900px}
 .container_12 .suffix_3, .container_16 .suffix_4 {padding-right: 240px}
.container_12 .suffix_6, .container_16 .suffix_8 {padding-right: 480px}
.container_12 .suffix_9, .container_16 .suffix_12 {padding-right: 720px}
 .container_12 .suffix_1 {padding-right: 80px}
.container_12 .suffix_2 {padding-right: 160px}
.container_12 .suffix_4 {padding-right: 320px}
.container_12 .suffix_5 {padding-right: 400px}
.container_12 .suffix_7 {padding-right: 560px}
.container_12 .suffix_8 {padding-right: 640px}
.container_12 .suffix_10 {padding-right: 800px}
.container_12 .suffix_11 {padding-right: 880px}
 .container_16 .suffix_1 {padding-right: 60px}
.container_16 .suffix_2 {padding-right: 120px}
.container_16 .suffix_3 {padding-right: 180px}
.container_16 .suffix_5 {padding-right: 300px}
.container_16 .suffix_6 {padding-right: 360px}
.container_16 .suffix_7 {padding-right: 420px}
.container_16 .suffix_9 {padding-right: 540px}
.container_16 .suffix_10 {padding-right: 600px}
.container_16 .suffix_11 {padding-right: 660px}
.container_16 .suffix_13 {padding-right: 780px}
.container_16 .suffix_14 {padding-right: 840px}
.container_16 .suffix_15 {padding-right: 900px}
  html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0}
 .clearfix:after {clear: both; content: '.'; display: block; visibility: hidden; height: 0}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}
body {background: #c2c2c2; background-image: url(/images/main_bg.png); background-repeat: repeat-y; background-position: center; color: #333; padding: 0 0 0; height: 100%}
a {color: #29abe2; font-weight: normal; text-decoration: underline}
a:hover {color: #7ac943}
.container_12, .container_16 {background: #fff; height: 100%}
h1, h2, h3, h4, h5, h6 {line-height: 1.2em; margin-bottom: .3em}
h2 {margin-top: 1em}
h5 {font-size: 1.2em}
h6 {font-size: 1em; text-transform: uppercase}
h1 a {font-weight: normal}
h1#branding {height: 70px; font-weight: normal; font-size: 24px; line-height: 70px; text-align: center}
.grid_16 h2#page-heading, .grid_12 h2#page-heading {font-size: 24px; text-transform: normal; font-weight: 700; padding: 0; margin: 0; margin-bottom: .3em}
.grid_16 h2#page-heading {margin-left: 8px}
h3#page-subheading {display: none; font-size: 18px; text-transform: normal; font-weight: 400; padding: 0; margin: 10px 0 0 0; line-height: 20px}
.page-crumbs {border-bottom: 1px solid #ccc}
#main {padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc}
#main_content {min-height: 400px; overflow: auto}
#main_support {min-height: 200px; border-bottom: 1px solid #ccc}
.divider {clear: left; height: 10px; margin-right: 20px; border-top: 1px solid #ccc}
#important_items {height: 100%}
.box {background: #ddd; margin-bottom: 20px; padding: 10px 10px 1px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px}
.box_level2 {background: #eee; margin-bottom: 20px; padding: 10px 10px 1px 10px}
.user {height: 100px; margin-bottom: 10px}
.box h2 {font-size: 1em; font-weight: normal; text-transform: uppercase; color: #fff; background: #333; margin: -10px -10px 0 -10px; padding: 6px 12px; -moz-border-radius: 2px; -webkit-border-radius: 2px}
.box h2 a {color: #fff; background: #333 url('/images/switch_minus.gif') 96% 50% no-repeat; display: block; padding: 6px 12px; margin: -6px -12px; border: none}
.box h2 a.visible {color: #fff; background: #333 url('/images/switch_minus.gif') 96% 50% no-repeat; display: block; padding: 6px 12px; margin: -6px -12px; border: none}
.box_level2 h2 {background: #666}
.grid_4 .box h2 a {background-position: 97% 50%}
.grid_5 .box h2 a {background-position: 98% 50%}
.grid_12 .box h2 a {background-position: 99% 50%}
.box h2 a.hidden {background-image: url('/images/switch_plus.gif')}
.box h2 a.hidden:hover {background-image: url('/images/switch_plus.gif')}
.box h2 a:hover {background-color: #111}
.block {padding-top: 10px}
div.menu {padding: 0}
div.menu h2 {margin: 0}
div.menu .block {padding-top: 0}
p {margin-bottom: 1em}
blockquote {font-family: Georgia, 'Times New Roman', serif; font-size: 1.2em; padding-left: 1em; border-left: 4px solid #ccc}
blockquote cite {font-size: .9em}
ul, ol {padding-top: 0}
ul.menu {list-style: none; border-top: 1px solid #bbb}
ul.menu li {margin: 0}
ul.menu li a {display: block; padding: 4px 10px; border-bottom: 1px solid #ccc}
ul.menu li a:hover {background: #eee}
ul.menu li a:active {background: #f00}
ul.menu ul {list-style: none; margin: 0}
ul.menu ul li a {padding-left: 30px}
ul.section {border-top: 0; margin-bottom: 0}
ul.section li {text-transform: uppercase}
ul.section li a {background: #f00}
ul.section li a:hover {background: #aaa}
ul.section li a:active {color: #fff; background: #f00}
ul.section li li a {background: #ddd; border-bottom: 1px solid #eee}
ul.section li li a:hover {background: #ccc}
ul.section li li a:active {color: #000; background: #fff}
ul.section ul li {text-transform: none; padding-top: 10px; clear: left; *height: 20px}
ul.section ul.current li a {background: #eee; border-bottom: 1px solid #fff}
ul.section ul.current li a:hover {background: #ddd}
ul.section ul.current li a:active {background: #f00}
ul.section li a.current {color: #fff; background: #666}
ul.section li a.current:hover {background: #555}
ul.section li a.current:active {background: #444}
ul.section li a.active {background: #fff; cursor: default}
ul.section li.current > a.active {color: #fff; background: #f00; cursor: default}
ul.section li.current > a.active:hover {color: #fff; background: #666; cursor: default}
ul.section li.current a {background: url(/images/list_selected_icon.gif) no-repeat; background-position: 6px 6px}
.top_link_box {background: #ddd; min-height: 120px; margin-bottom: 20px}
.top_link_box form {margin: 0; padding: 0}
.top_link_box form select {margin: 0}
.box_bottom_links ul {list-style: none; margin: 0; padding: 0}
.box_bottom_links ul li {margin: 0; padding: 0; background: #ccc; width: 50%; float: left}
.box_bottom_links ul li a {padding: 10px}
table {width: 100%; border: 1px solid #bbb; margin-bottom: 10px}
col.colC {width: 8em}
th, td {padding: .2em 1em; text-align: left}
thead th {border-bottom: 1px solid #888; background: #bbb; padding: .4em 1em .2em}
thead th.table-head {font-size: 1em; font-weight: normal; text-transform: uppercase; color: #fff; background: #555; border: 1px solid #555}
tbody th, tbody td {border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: #eee}
tbody tr.odd th, tbody tr.odd td {background: #fff}
tfoot th, tfoot td {border-top: 2px solid #666; background: #eee}
tfoot tr.total th, tfoot tr.total td {border-top: 6px double #666}
tfoot tr.total th {text-transform: uppercase}
th.currency, td.currency {text-align: right}
form {overflow: hidden}
fieldset {border: 1px solid #bbb; padding: 10px; position: relative; background: #e9e9e9; margin-bottom: 10px}
legend {font-size: 1.1em; padding: .4em .8em; background: #fff; border: 1px solid #bbb}
fieldset.login p {margin-bottom: 1em; margin-top: 0pt}
fieldset p label, fieldset p input {width: 98%}
fieldset p select {width: 99%}
fieldset.login p label {float: left; line-height: 2em; margin-right: 3%; text-align: right; width: 32%}
fieldset.login p input {width: 60%}
fieldset.login input.button {margin-left: 35%}
form p.notice {font-weight: bold}
input.search.text {width: 66%}
input.search.button {width: 28%; margin-left: 2%}
.articles {padding: 0}
.articles h2 {margin: 0}
#articles {padding-top: 0}
.article {border-top: 1px solid #666; padding-top: .5em}
.box .article {border-top: 3px solid #fff; padding: 13px 10px 0 10px}
.article h2 {font-size: 2em; font-weight: normal; text-transform: none; color: #333; background: transparent; padding: 0; margin: 0; border: none}
.article h3 {margin-bottom: .2em; font-size: 1.6em}
.box .first {border-top: none}
.article h4 {font-size: 1.2em; text-transform: uppercase; margin-bottom: .5em}
.article a.image {float: left; margin: 3px 10px 3px 0; padding: 4px; border: 1px solid #bbb; background: #fff}
.article a.image:hover {border: 1px solid #666}
.article a.image img {float: left}
.article p.meta {color: #666; border-top: 1px dotted #999; border-bottom: 1px dotted #999; padding: .3em 0; margin-bottom: .8em}
#site_info .box {color: #fff; background: #666; margin-bottom: 10px}
#loading {float: right; margin-right: 16px}
.block {padding-bottom: 1px}
.toggler {color: #222; margin: 0; padding: 2px 5px; background: #eee; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5; font-size: 1.1em; font-weight: bold; text-indent: 20px; background: #eee url('/images/list_closed_icon.gif') 4px no-repeat}
.toggler_active {background: #eee url('/images/list_opened_icon.gif') 4px no-repeat}
dd h4 {margin: 0; padding: 4px; line-height: 1.2em}
dd p {margin: 0; padding: 4px}
.float-right {padding: 10px 20px; float: right}
#accordian-block {padding-bottom: 10px}
#accordian-block dd {width: 380px}
td.clip {width: 100%}
td.clip div {overflow: hidden}
#navigation {margin: 0; padding: 0; margin-top: 17px}
#navigation ul {width: 700px; height: 34px; background: #323346 url(/images/topbar_mid.png); margin: 0; padding: 0}
#navigation ul li {padding: 0; margin: 0; width: 110px; float: left; text-align: center; list-style-type: none; font-weight: normal; line-height: 34px}
#navigation ul li a {font-weight: normal; text-decoration: none; display: block; width: 110px; background: #323346 url(/images/topbar_mid.png); color: #fff}
#navigation ul li a.first {background: #323346 url(/images/topbar_lhs.png)}
#navigation ul li.last a {width: 120px; background: #323346 url(/images/topbar_rhs.png) top right}
#navigation ul li a:hover {background-position: 0 -36px}
#navigation ul li a:active {background-position: 0 -72px; color: #87a17c}
#navigation ul li a.selected {background-position: 0 -108px}
#navigation ul li ul {display: none; position: absolute; z-index: 100000; width: 110px}
#navigation ul li ul li {clear: left; border: 1px solid #445846; border-top-width: 0px; border-bottom-width: 0px}
#navigation ul li.last {float: right}
#navigation ul li:hover ul {display: block}
 .fc, .fc .fc-header, .fc .fc-content {font-size: 1em}
.fc {direction: ltr}
.fc table {border-collapse: collapse; border-spacing: 0}
.fc td, .fc th {padding: 0; vertical-align: top}
 table.fc-header {width: 100%}
.fc-header-left {width: 25%}
.fc-header-left table {float: left}
.fc-header-center {width: 50%}
.fc-header-center table {margin: 0 auto}
.fc-header-right {width: 25%}
.fc-header-right table {float: right}
.fc-header-title {margin-top: 0; white-space: nowrap}
.fc-header-space {padding-left: 10px}
 .fc-rtl .fc-header-title {direction: rtl}
 .fc-header .fc-state-default, .fc-header .ui-state-default {margin-bottom: 1em; cursor: pointer}
.fc-header .fc-state-default {border-width: 1px 0; padding: 0 1px}
.fc-header .fc-state-default, .fc-header .fc-state-default a {border-style: solid}
.fc-header .fc-state-default a {display: block; position: relative; border-width: 0 1px; margin: 0 -1px; width: 100%; text-decoration: none}
.fc-header .fc-state-default span {display: block; border-style: solid; border-width: 1px 0 1px 1px; padding: 3px 5px}
.fc-header .ui-state-default {padding: 4px 6px}
.fc-header .fc-state-default span, .fc-header .ui-state-default span {white-space: nowrap}
 .fc-header .fc-no-right {padding-right: 0}
.fc-header .fc-no-right a {margin-right: 0; border-right: 0}
.fc-header .ui-no-right {border-right: 0}
 .fc-header .fc-corner-left {margin-left: 1px; padding-left: 0}
.fc-header .fc-corner-right {margin-right: 1px; padding-right: 0}
 .fc-header .fc-state-default, .fc-header .fc-state-default a {border-color: #777;  color: #333}
.fc-header .fc-state-default span {border-color: #fff #fff #d1d1d1;  background: #e8e8e8}
 .fc-header .fc-state-active a {color: #fff}
.fc-header .fc-state-down span, .fc-header .fc-state-active span {background: #888; border-color: #808080 #808080 #909090;  }
 .fc-header .fc-state-disabled a {color: #999}
.fc-header .fc-state-disabled, .fc-header .fc-state-disabled a {border-color: #ccc;  }
.fc-header .fc-state-disabled span {border-color: #fff #fff #f0f0f0;  background: #f0f0f0}
 .fc-widget-content {border: 1px solid #ccc;  }
.fc-content {clear: both}
.fc-content .fc-state-default {border-style: solid; border-color: #ccc;  }
.fc-content .fc-state-highlight { background: #ffc}
.fc-content .fc-not-today {background: none}
.fc-cell-overlay { background: #9cf; opacity: .2; filter: alpha(opacity=20);  }
.fc-view { width: 100%; overflow: hidden}
 .fc-event, .fc-agenda .fc-event-time, .fc-event a {border-style: solid; border-color: #36c;  background-color: #36c;  color: #fff;  }
 .fc-event {text-align: left}
.fc-event a {overflow: hidden; font-size: .85em; text-decoration: none; cursor: pointer}
.fc-event-editable {cursor: pointer}
.fc-event-time, .fc-event-title {padding: 0 1px}
 .fc-event a {display: block; position: relative; width: 100%; height: 100%}
 .fc-rtl .fc-event a {text-align: right}
 .fc .ui-resizable-handle {display: block; position: absolute; z-index: 99999; border: 0 !important;  background: url(data:image/gif;base64,AAAA) !important;  }
 .fc-event-hori {border-width: 1px 0; margin-bottom: 1px}
.fc-event-hori a {border-width: 0}
 .fc-content .fc-corner-left {margin-left: 1px}
.fc-content .fc-corner-left a {margin-left: -1px; border-left-width: 1px}
.fc-content .fc-corner-right {margin-right: 1px}
.fc-content .fc-corner-right a {margin-right: -1px; border-right-width: 1px}
 .fc-event-hori .ui-resizable-e {top: 0 !important;  right: -3px !important; width: 7px !important; height: 100% !important; cursor: e-resize}
.fc-event-hori .ui-resizable-w {top: 0 !important; left: -3px !important; width: 7px !important; height: 100% !important; cursor: w-resize}
.fc-event-hori .ui-resizable-handle {_padding-bottom: 14px;  }
 .fc-grid table {width: 100%}
.fc .fc-grid th {border-width: 0 0 0 1px; text-align: center}
.fc .fc-grid td {border-width: 1px 0 0 1px}
.fc-grid th.fc-leftmost, .fc-grid td.fc-leftmost {border-left: 0}
.fc-grid .fc-day-number {float: right; padding: 0 2px}
.fc-grid .fc-other-month .fc-day-number {opacity: 0.3; filter: alpha(opacity=30);   }
.fc-grid .fc-day-content {clear: both; padding: 2px 2px 0;  }
 .fc-grid .fc-event-time {font-weight: bold}
 .fc-rtl .fc-grid {direction: rtl}
.fc-rtl .fc-grid .fc-day-number {float: left}
.fc-rtl .fc-grid .fc-event-time {float: right}
 .fc .fc-agenda th, .fc .fc-agenda td {border-width: 1px 0 0 1px}
.fc .fc-agenda .fc-leftmost {border-left: 0}
.fc-agenda tr.fc-first th, .fc-agenda tr.fc-first td {border-top: 0}
.fc-agenda-head tr.fc-last th {border-bottom-width: 1px}
.fc .fc-agenda-head td, .fc .fc-agenda-body td {background: none}
.fc-agenda-head th {text-align: center}
 .fc-agenda .fc-axis {width: 50px; padding: 0 4px; vertical-align: middle; white-space: nowrap; text-align: right; font-weight: normal}
 .fc-agenda-head tr.fc-all-day th {height: 35px}
.fc-agenda-head td {padding-bottom: 10px}
.fc .fc-divider div {font-size: 1px;  height: 2px}
.fc .fc-divider .fc-state-default {background: #eee;  }
 .fc .fc-agenda-body td div {height: 20px;  }
.fc .fc-agenda-body tr.fc-minor th, .fc .fc-agenda-body tr.fc-minor td {border-top-style: dotted}
.fc-agenda .fc-day-content {padding: 2px 2px 0;  }
 .fc-event-vert {border-width: 0 1px}
.fc-event-vert a {border-width: 0}
 .fc-content .fc-corner-top {margin-top: 1px}
.fc-content .fc-corner-top a {margin-top: -1px; border-top-width: 1px}
.fc-content .fc-corner-bottom {margin-bottom: 1px}
.fc-content .fc-corner-bottom a {margin-bottom: -1px; border-bottom-width: 1px}
 .fc-event-vert span {display: block; position: relative; z-index: 2}
.fc-event-vert span.fc-event-time {white-space: nowrap; _white-space: normal; overflow: hidden; border: 0; font-size: 10px}
.fc-event-vert span.fc-event-title {line-height: 13px}
.fc-event-vert span.fc-event-bg { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .3; filter: alpha(opacity=30);  }
 .fc-event-vert .ui-resizable-s {bottom: 0 !important;  width: 100% !important; height: 8px !important; line-height: 8px !important; font-size: 11px !important; font-family: monospace; text-align: center; cursor: s-resize}
.timeline {margin-bottom: 10px; position: relative; width: 940px; height: 400px}
.timeline .timeline_view {background: #ccc; border: 1px solid #b3b3b3; overflow: hidden; position: relative; width: 938px; height: 400px}
.timeline .timeline_corner {width: 10px; height: 10px; position: absolute}
.timeline .timeline_corner_tl {background: url(/images/round10px_tl.png) no-repeat; top: 0px; left: 0px}
.timeline .timeline_corner_tr {background: url(/images/round10px_tr.png) no-repeat; top: 0px; right: 0px}
.timeline .timeline_corner_bl {background: url(/images/round10px_bl.png) no-repeat; bottom: -2px; *bottom: -6px; left: 0px}
.timeline .timeline_corner_br {background: url(/images/round10px_br.png) no-repeat; bottom: -2px; *bottom: -6px; right: 0px}
.timeline .timeline_corner_br .timeline_week_lines {position: absolute; top: 20px; font-size: 10px}
#timeline_loading {position: absolute; width: 520px; height: 200px; background: #efefef; left: 200px; top: 100px; -moz-border-radius: 10px; -webkit-border-radius: 10px; z-index: 10000; text-align: center; line-height: 200px; border: 2px solid #dedede}
.timeline_week {background: #ddd; width: 100000px; top: 0px; height: 400px}
.timeline_day_lines .timeline_day {float: left; height: 400px}
.timeline_view_zoomlevel_week .timeline_day_lines .timeline_day {width: 143px}
.timeline_view_zoomlevel_month .timeline_day_lines .timeline_day {width: 31px}
.timeline_month_week {position: absolute; font-size: 12px; text-indent: 2px; text-align: left; border-style: solid; border-color: #333; border-width: 0px; border-left-width: 1px; height: 20px}
.timeline_leftarrow {position: absolute; cursor: pointer; top: 200px; width: 29px; height: 24px; z-index: 10000}
.timeline_leftarrow a {text-indent: -5000px; display: block; width: 29px; height: 24px; background: url(/images/scroll_arrows.png) no-repeat}
.timeline_leftarrow a:hover {background-position: 0 -25px}
.timeline_leftarrow a:active {background-position: 0 -50px; *background-position: 0 0}
.timeline_rightarrow {position: absolute; cursor: pointer; top: 200px; right: 0px; width: 29px; height: 24px; z-index: 10000}
.timeline_rightarrow a {text-indent: -5000px; display: block; width: 29px; height: 24px; background: url(/images/scroll_arrows.png) -30px 0 no-repeat}
.timeline_rightarrow a:hover {background-position: -30px -25px}
.timeline_rightarrow a:active {background-position: -30px -50px}
.timeline_arrow_vertical {top: 377px}
.timeline_top {text-align: center; color: #b3b3b3; margin: 4px}
.timeline_central {position: absolute; top: 199px;    height: 24px; line-height: 24px; color: #333; cursor: hand}
.timeline_view_vertical .timeline_central {top: 376px}
.timeline_central_text {float: left; background: #cff; background: url(/images/timeline_central_max.png) no-repeat; text-align: center; line-height: 24px}
.timeline_central_day_solo .timeline_central_text {width: 460px}
.timeline_central_day .timeline_central_text {width: 130px; *width: 119px}
.timeline_central_week .timeline_central_text {width: 210px; *width: 224px }
.timeline_central_month .timeline_central_text {width: 290px; *width: 270px}
.timeline_central_arrow {width: 24px; height: 24px; float: right;  line-height: 24px; background: url(/images/timeline_central_max.png) no-repeat; background-position: top right}
.timeline_central_week .timeline_central_arrow {*display: none}
.timeline_week_day_weekend .timeline_central {background-position: 0 -25px}
.timeline_add_event {position: absolute; bottom: 10px; padding-left: 10px; display: none}
.timeline_zoom_wrapper {position: absolute; top: 10px; right: 10px; width: 100px; float: left; height: 34px; background: transparent; z-index: 10000}
.timeline_zoom_wrapper .timeline_zoom div {font-size: 2em; text-indent: -5000px; float: left; width: 50px; height: 34px; line-height: 34px; text-align: center; font-weight: bold; cursor: pointer}
.timeline_zoom_wrapper .timeline_zoom .timeline_zoomout a {text-indent: -5000px; display: block; width: 50px; height: 34px; background: url(/images/zoom.png) no-repeat}
.timeline_zoom_wrapper .timeline_zoom .timeline_zoomout a:hover {background-position: 0 -34px}
.timeline_zoom_wrapper .timeline_zoom .timeline_zoomout a:active {background-position: 0 -68px}
.timeline_zoom_wrapper .timeline_zoom .timeline_zoomout span {display: block; width: 50px; height: 34px; text-indent: -5000px}
.timeline_zoom_wrapper .timeline_zoom .timeline_zoomout.timeline_zoomout_disabled {background: url(/images/zoom.png) no-repeat; background-position: 0 -102px}
.timeline_zoom_wrapper .timeline_zoom .timeline_zoomin a {text-indent: -5000px; display: block; width: 50px; height: 34px; background: url(/images/zoom.png) -50px 0px no-repeat}
.timeline_zoom_wrapper .timeline_zoom .timeline_zoomin a:hover {background-position: -50px -34px}
.timeline_zoom_wrapper .timeline_zoom .timeline_zoomin a:active {background-position: -50px -68px}
.timeline_zoom_wrapper .timeline_zoom .timeline_zoomin span {display: block; width: 50px; height: 34px; text-indent: -5000px}
.timeline_zoom_wrapper .timeline_zoom .timeline_zoomin.timeline_zoomin_disabled {background: url(/images/zoom.png) no-repeat; background-position: -50px -102px}
.timeline_header {width: 360px; padding-left: 10px; float: left; height: 30px}
.timeline_header h2 {line-height: 30px; margin: 0; padding: 0}
.timeline_nav_wrapper {position: relative; height: 40px; width: 220px; right: 0px; float: right}
.timeline_nav_wrapper .timeline_nav {float: right; width: 210px; height: 30px; border: 1px solid #333; background: #ccc; color: #999; -moz-border-radius: 2px; -webkit-border-radius: 2px}
.timeline_nav_wrapper .timeline_nav div {background: transparent; padding: 5px; float: right; font-weight: bold; width: 59px; text-align: center}
.timeline_nav_wrapper .timeline_nav .nav_current {background: #eee; color: #333}
.timeline_nav_wrapper .timeline_nav .nav_week {width: 60px}
.timeline_nav_wrapper .timeline_nav .nav_month {border-left: 1px solid #333; border-right: 1px solid #333}
.timeline_view {-moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #000; clear: both}
.timeline_view div {font-family: sans-serif}
.timeline_week_day {background: #fff !important; border-style: solid; border-color: #ddd; border-width: 0px; border-left-width: 1px; text-align: left; color: #ccc}
.timeline_week_day_weekend {background: #eee !important}
.timeline_first_day_month {border-left-color: #aaa}
.timeline_today {background: #323346 !important}
.timeline_today .timeline_top {color: #fff}
.timeline_event {height: 12px; position: relative; z-index: 10000; background: #29abe2; -moz-border-radius: 5px; -webkit-border-radius: 5px; opacity: 0.9; filter: alpha(opacity = 90)}
.timeline_event span {display: block}
.timeline_event span span.gloss {display: block; height: 5px; background: #fff; opacity: 0.2; filter: alpha(opacity = 20)}
.timeline_event {border: 1px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; top: 60px}
.timeline_view_zoomlevel_week .timeline_event {height: 18px !important}
.timeline_view_zoomlevel_week .timeline_event span span.gloss {height: 8px}
.add_button {position: relative; left: -4px; width: 20px; height: 20px; cursor: pointer}
.add_button a {text-decoration: none; display: block; width: 20px; height: 20px; background: url(/images/add_button.png) no-repeat}
.add_button a:hover {background-position: 0 -21px}
.add_button a:active {background-position: 0 -42px}
#timeline_popup_global {position: absolute; z-index: 10002; opacity: 0.95; filter: alpha(opacity = 95)}
.timeline_popup {position: relative}
.timeline_popup .popup_main {min-width: 200px; max-width: 300px; width: 350px; min-height: 140px; border: 3px solid #fff; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px}
.timeline_popup .popup_main .popup_main_content {border: 2px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 10px; padding-top: 4px; padding-bottom: 4px}
.timeline_popup .popup_main .popup_main_content .popup_title {font-size: 18px; margin-right: 30px}
.timeline_popup .popup_main .popup_main_content .popup_date {font-size: 12px; color: #666}
.timeline_popup .popup_main .popup_main_content .popup_content {min-height: 60px; line-height: 1em; padding-bottom: 10px}
.timeline_popup .popup_main .popup_main_content .popup_close {position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background: url(/images/close_button.png) no-repeat; cursor: pointer}
.timeline_popup .popup_main .popup_main_content .popup_close:hover {background-position: 0 -21px}
.timeline_popup .popup_main .popup_main_content .popup_close:active {background-position: 0 -42px}
.timeline_popup .popup_main .popup_main_content .popup_buttons {height: 20px}
.timeline_popup .popup_right {position: relative; float: right; width: 40px; min-height: 100px; height: 100%; background: url(/images/popup_right.png) no-repeat}
.timeline_popup .popup_right .popup_close {position: relative; top: 10px; left: 10px; width: 20px; height: 20px; background: url(/images/close_button.png) no-repeat; cursor: pointer}
.timeline_popup .popup_right .popup_close:hover {background-position: 0 -21px}
.timeline_popup .popup_right .popup_close:active {background-position: 0 -42px}
.timeline_popup .popup_clear {clear: left}
.timeline_popup .popup_bottom {float: left; min-width: 200px; height: 24px; background: url(/images/popup_bottom.png) no-repeat}
.timeline_popup .popup_bottom .popup_bottom_speech {width: 100%; height: 24px; background: url(/images/popup_bottom_speech.png) center no-repeat}
.timeline_popup .popup_corner {float: right; width: 40px; height: 24px; background: url(/images/popup_corner.png) no-repeat}
.Lesson_position {top: 60px}
.Term_position {top: 90px}
.Term_position:hover {background-color: #54859A}
.Term_position:active {background-color: #54859A}
.Holiday_position {top: 120px}
.Holiday_position:hover {background-color: #4D2591}
.Teaching_position {top: 150px}
.Timetable_position {top: 180px}
.Parent_position {top: 232px}
.Special_position {top: 260px}
.Sporting_position {top: 280px}
.Term {background-color: #54859A}
.Holiday {background-color: #4D2591}
.Teaching {background-color: #54859A}
.Timetable {background-color: #54859A}
.Parent {background-color: #5C4023}
.Special {background-color: #D48017}
.Sporting {background-color: #4D8954}
.event_choice {clear: left}
.checkbox {width: 20px; height: 20px; margin-right: 8px; background-image: url(/images/checkboxes.png); background-repeat: no-repeat}
.checkbox:hover {background-position: 0 -20px}
.checkbox:active {background-position: 0 -40px}
.checkbox.checked {background-position: 0 -60px}
.checkbox.checked:hover {background-position: 0 -80px}
.checkbox.checked:active {background-position: 0 -40px}
.selector {position: relative; float: right; width: 220px; height: 32px}
.selector .selector_label {float: left; width: 172px; height: 32px; line-height: 32px; text-indent: 8px; background: #dddddd}
.selector .selector_content {display: none; position: absolute; z-index: 100000; top: -180px; width: 202px; border: 1px solid #ccc; background: #fff; padding: 8px}
.selector_trigger {float: right; width: 48px; height: 32px; background-image: url(/images/selector_uparrows.png)}
.selector_trigger:hover, .selector_trigger.focus {background-position: 0 -32px}
.selector_trigger:active {background-position: 0 -64px}
.term_event_noshow div.term_event {display: none}
.holiday_event_noshow div.holiday_event {display: none}
.special_event_noshow div.special_event {display: none}
.parent_event_noshow div.parent_event {display: none}
.sporting_event_noshow div.sporting_event {display: none}
.term_event {background: #54859A; border-color: #54859A}
.term_event a {background: #54859A; border-color: #54859A; color: #fff}
.timeline .term_event {position: absolute; top: 60px}
.holiday_event {background: #4D2591 !important; border-color: #4D2591}
.holiday_event a {background: #4D2591; border-color: #4D2591; color: #fff}
.timeline .holiday_event {position: absolute; top: 90px}
.teaching_theme, ul.menu li.teaching_theme {background: #54859A; border-color: #54859A}
.teaching_theme a, ul.menu li.teaching_theme a {background: #54859A; border-color: #54859A; color: #fff}
.timeline .teaching_theme {position: absolute; top: 110px}
.parent_event {background: #5C4023; border-color: #5C4023}
.parent_event a {background: #5C4023; border-color: #5C4023; color: #fff}
.timeline .parent_event {position: absolute; top: 140px}
.special_event {background: #D48017; border-color: #D48017}
.special_event a {background: #D48017; border-color: #D48017; color: #fff}
.timeline .special_event {position: absolute; top: 170px}
.sporting_event {border-color: #4D8954; background: #4D8954}
.sporting_event a {background: #4D8954; border-color: #4D8954; color: #fff}
.timeline .sporting_event {position: absolute; top: 210px}
ul.menu li.event_noshow {background: transparent; border: 0}
ul.menu li.event_noshow a {background: transparent; border: 0}
.event_type_list li {padding: 2px}
.event_checkbox {width: 40px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-right: 10px; float: left; color: #fff; text-align: center; cursor: pointer}
.event_checkbox a {color: #fff; cursor: pointer}
.fieldset_edit {border: 0px; width: 320px; background: #fff; margin: 0; padding: 0; margin-right: 10px; margin-bottom: 10px}
.fieldset_edit_float {float: left}
.fieldset_edit_float p {width: 280px; margin: 0; padding: 0; padding-right: 10px}
.fieldset_edit_float legend {display: block; border: 0px; margin: 0; padding: 0; font-weight: bold}
.fieldset_edit_float label {display: block; border: 0px}
.fieldset_edit_float input {width: 280px}
input, textarea {border: 1px solid #b3b3b3; padding: 4px; text-indent: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; color: #636363; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
input[type='checkbox'] {width: 20px}
select {padding: 2px; font-size: 14px}
input:focus, textarea:focus {border: 1px solid #29ABE2; color: #323346; background: #a9ddf3}
.school_details li, .form_event_what li, .form_event_when li, .form_event_who li, .form_event_alert li, .buttons li {list-style-type: none; margin: 0; padding: 0}
.school_details fieldset, .form_event_what fieldset, .form_event_when fieldset, .form_event_who fieldset, .form_event_alert fieldset, .buttons fieldset {border: 0; background: #fff; margin: 0; padding: 0; margin-right: 10px; margin-bottom: 10px}
.school_details legend, .form_event_what legend, .form_event_when legend, .form_event_who legend, .form_event_alert legend, .buttons legend {display: block; border: 0px; margin: 0; padding: 0; font-weight: bold}
.school_details label, .form_event_what label, .form_event_when label, .form_event_who label, .form_event_alert label, .buttons label {display: block; margin-top: 2px}
.form_event_what legend, .form_event_when legend, .form_event_who legend, .form_event_alert legend {display: none}
.form_event_what_lhs {float: left; width: 300px; margin-right: 20px; border: 0px solid #f00}
.form_event_what_rhs {float: left; width: 600px; border: 0px solid blue}
.form_event_what_rhs input, .form_event_what_rhs textarea {width: 580px !important}
.form_event_when .form_event_when_to {float: left; width: 20px; margin-top: 24px; margin-right: 8px; text-align: center}
.delete_message a {color: #f00; text-decoration: underline}
.errorExplanation {border: 1px solid #FF9999; background: #FFCCCC; padding: 10px; margin-bottom: 10px}
.errorExplanation h2 {color: #FF0000; font-size: 18px; line-height: 1em; margin: 0; margin-bottom: 1em; padding: 0}
.errorExplanation ul {padding: 0; margin: 0}
#flash_notice, #flash_message {background: #a9ddf3; border: 1px solid #29abe2; margin-bottom: 10px}
#flash_notice .flash, #flash_message .flash {padding: 10px}
.form_event_what {background: #fff}
.form_event_what .title, .form_event_what .content {width: 100%}
.form_event_what .title input, .form_event_what .title textarea, .form_event_what .content input, .form_event_what .content textarea {width: 100%}
.form_event_when, .form_event_alert {background: #fff}
.form_event_when .start_time, .form_event_when .end_time, .form_event_alert .start_time, .form_event_alert .end_time {float: left; width: 120px; background: #fff}
.form_event_when .start_time input, .form_event_when .end_time input, .form_event_alert .start_time input, .form_event_alert .end_time input {width: 110px}
.form_event_when .all_day, .form_event_alert .all_day {padding-top: 20px; float: left}
.form_event_when label, .form_event_alert label {display: block; width: 100px}
.form_event_who {background: #fff}
.buttons_submit {margin-right: 20px; background: #ccc; text-align: center; padding-top: 4px; padding-bottom: 4px}
.buttons_submit ol {padding: 0; margin: 0}
.buttons_submit ol li {padding: 0; margin: 0}
.buttons {text-align: center; background: none; border: 0}
button {position: relative; border: 0; padding: 0; cursor: pointer}
button::-moz-focus-inner {border: none}
button span {position: relative; display: block; white-space: nowrap}
.button_normal {margin: 0 !important; padding: 0 !important; border: 0 !important; height: 34px; width: 180px; background: url(/images/buttons_normal_rhs.png) no-repeat; background-position: 100% -34px; padding-right: 10px !important}
.button_normal:hover, .button_normal:focus {background-position: 100% -68px}
.button_normal:hover .button_normal_label, .button_normal:hover span, .button_normal:hover a {background-position: 0 -68px}
.button_normal .button_normal_label, .button_normal span, .button_normal a {margin: 0; padding: 0; display: block; height: 34px; background: url(/images/buttons_normal_main.png) no-repeat; background-position: 0 -34px; text-decoration: none; padding-right: 18px; text-align: center; text-indent: 30px; font-size: 16px; font-weight: normal; line-height: 34px; color: #fff}
.button_small {margin: 0; padding: 0; border: 0; height: 18px; width: 50px; background: url(/images/buttons_small_rhs.png) no-repeat; background-position: 100% -18px; padding-right: 10px; margin-right: 10px}
.button_small:hover, .button_small:focus {background-position: 100% -36px}
.button_small:active {background-position: 100% -54px}
.button_small:hover .button_small_label, .button_small:hover span, .button_small:hover a {background-position: 0 -36px}
.button_small:active .button_small_label, .button_small:active span, .button_small:active a {background-position: 0 -54px}
.button_small .button_small_label, .button_small span, .button_small a {margin: 0; padding: 0; padding-left: 1px; display: block; background: url(/images/buttons_small_main.png) no-repeat; background-position: 0px -18px; text-decoration: none; padding-right: 20px; text-align: center; text-indent: 20px; font-size: 12px; font-weight: normal; line-height: 18px; color: #fff; cursor: pointer}
.button_small_bigwidth {width: 100px}
.button_small_error {background: url(/images/buttons_small_rhs_error.png) no-repeat}
.button_small_error .button_small_label_error, .button_small_error span, .button_small_error a {background: url(/images/buttons_small_main_error.png) no-repeat}