tags the same colour (which*/
/*messes up anything that was produced in the editor. Mostly, */
/* textcolour can be applied in the Master pages (but not the one */
/*used for SLB*/
.textColourRed
{
font-family: inherit;
color:white;
font-style: italic;
}
.textColour .ekcommentheader
{
font-weight: normal;
color: white;
padding-bottom: 10px;
}
.textColour .ekcommentlabel
{
font-weight: normal;
color: white;
padding-bottom: 10px;
margin-top: 10px;
}
.textColour textarea
{
width: 400px;
border: solid 2px gray;
background-color: #D3D3D3;
}
.textColour
{
font-family: inherit;
color: White;
}
.textColour td
{
font-family: inherit;
color: White ;
}
a:link, a:active, a:hover, a:visited
{
font-family: Arial,Helvetica,sans-serif;
text-decoration: none ;
font-size:14px;
font-weight: normal ;
color: Orange !important;
}
input, select
{
font-family: Arial,Helvetica,sans-serif;
font-size:12px;
line-height:16px;
vertical-align:middle;
}
#dateLabel
{
margin-top: -95px;
margin-bottom: 77px;
margin-left: 8px;
font-weight: bold;
}
#greeting
{
margin-top: -95px;
margin-bottom: 77px;
margin-left: 8px;
font-size: 14px;
color: Red;
font-weight: bold;
z-index: 100;
}
#greetingTeacher
{
margin-top: -95px;
margin-bottom: 64px;
margin-left: 8px;
font-size: 14px;
color: Red;
font-weight: bold;
z-index: 100;
}
.dateFormat h3
{
font-weight: normal;
color: #6495ED;
}
.KSBlog .textColour p
{
font-size: 14px;
margin-bottom: 20px;
}
.textColour td
{
font-family: inherit;
color: white ;
}
a:link, a:active, a:hover, a:visited
{
font-family: Arial,Helvetica,sans-serif ;
text-decoration: none ;
font-weight: normal ;
color: orange ;
}
input, select
{
font-family: Arial,Helvetica,sans-serif;
font-size:12px;
line-height:16px;
vertical-align:middle;
}
/*Headings etc. */
h1
{
font-size: 30px;
padding-bottom: 20px;
color: orange;
}
h2
{
font-size: 20px;
font-weight: normal;
padding-bottom: 10px;
color: orange;
}
h3
{
font-family: Arial,Helvetica,sans-serif ;
font-size: 16px !important;
font-weight: normal;
padding-bottom: 5px;
color: orange;
}
h4
{
font-size: 14px;
font-weight: normal;
color: orange;
}
.boxHeaderText
{
font-size: 20px;
font-weight: normal;
padding-bottom: 10px;
color: orange;
}
.links
{
background:url(images/blobsdark.gif) no-repeat;
padding-left: 30px;
margin-left: -20px;
margin-bottom: 5px;
}
/*Wrappers for forms etc. */
.formWrapper
{
width: 400px;
font: inherit;
}
.formWrapper h2
{
margin-bottom: 20px;
}
.formWrapperNormal
{
width: 400px;
}
.leftFormNormal
{
float: left;
width: 200px;
padding-bottom: 10px;
}
.rightFormNormal
{
float: right;
position: relative;
left: 0px;
width: 200px;
}
/*to raise the position of some content in the boxes */
.boxIndent
{
margin-top: -15px;
background:url(images/3-p1smalldark.jpg) top right no-repeat;
}
.boxIndentMore
{
margin-top: -20px;
}
.boxIndentParents
{
margin-top: -15px;
background:url(images/1-p1pinksmalldark.gif) top right no-repeat;
}
.boxIndentMoreBlank
{
margin-top: -50px;
}
/*step - for something or other. etc. */
.step
{
padding-bottom: 10px;
font-size: large;
color: Orange;
}
.boxes {color:#ffffff;}
.more {background:url(images/more_bgdark.gif) top right no-repeat; padding-right:12px; font-size:11px; color:#B9C0C7; text-decoration:none;}
.more:hover {text-decoration:underline;}
.main {width:766px;}
.ie6 .main {width:780px;}
#header {height:263px;}
#footer {height:100px;}
.column1, .column2, .column3, .indent_column, .col1, .colmid, .col2, .col3, .ind_col {float:left;}
/* a bit of js here will flash the bubble text on the home page to three different settings*/
#bubbleContainer div
{
display:none;
position: absolute;
margin-left: -80px;
height: 75px;
width: 160px;
font-family: Arial,Helvetica,sans-serif;
font-size: 20px;
text-align:center;
color: #CF3300;
line-height: 24px;
opacity: -0.01;
}
.ff2 #bubbleContainer div, .ff3 #bubbleContainer div
{
display:none;
position: absolute;
margin-left: 0px;
height: 75px;
width: 160px;
font-family: Arial,Helvetica,sans-serif;
font-size: 20px;
text-align:center;
color: #CF3300;
line-height: 24px;
opacity: -0.01;
}
.chrome #bubbleContainer div
{
position: absolute;
margin-left: -0px;
height: 75px;
width: 160px;
font-family: Arial,Helvetica,sans-serif;
font-size: 20px;
text-align:center;
color: #CF3300;
line-height: 24px;
opacity: -0.01;
}
#bubble1
{}
#bubble2
{}
#bubble3
{}
/* bubbleText is all bubble text except on the front page - where it is called bubbleContainer*/
#bubbleText
{
margin-left: 350px;
height: 75px;
width: 160px;
margin-top: -100px;
font-family: Arial,Helvetica,sans-serif;
font-size: 20px;
text-align:center;
color: #CF3300;
line-height: 24px;
}
.ff2 #bubbleText, .ff3 #bubbleText
{
margin-top: -90px;
}
#bubbleText .bubbleSmallText
{
font-size: 12px;
color: Black;
line-height: 14px;
}
.hiddenfield
{
display:none;
}
/*JUST FOR IE6.0 MENU THING
for new menu with flyout things - have to keep in the Ektron menu structure for now - but hide all items*/
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/artists_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* common styling */
/* set up the overall width of the menu div, the font and the margins */
/* GET RID OF DEFAULT TABLE STYLE*/
.ie6 .menu
{
width: 790px;
margin:0;
margin-left: 15px;
}
.ie6 table
{
border-collapse: collapse;
margin: 0;
padding: 0;
}
.ie6 .menu ul {
padding:0;
margin:0;
margin-left: 30px;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.ie6 .menu ul li {
float:left;
position:relative;
text-align: center;
}
/* ignore link used by other browsers*/
.ie6 .menu ul li a.hide, .menu ul li a:visited.hide
{
display: none;
width: 140px;
}
/*set the background and foreground color of the main link on hover*/
.ie6 .menu ul li a:hover
{
border:0;
width: 140px;
}
/*make the submenu ul visible and position it beneath the main menu list item*/
.ie6 .menu ul li a:hover ul
{
visibility: visible;
top: 50px;
margin-left: 13px;
text-align: center;
width: 140px;
}
/*style the background and foreground color of the submenu links
the negative margin-right is very important to line up the drop menus*/
.ie6 .menu ul li a:hover ul li a
{
display:block;
border: 0;
color: #fff;
position: relative;
font-size: 12px;
width: 120px;
margin-left: 20px;
margin-right: -24px;
height: 20px;
text-align: center;
}
.ie6 #loginMenu
{
background: transparent url(images/b1dark.jpg) no-repeat left;
margin-top: -10px;
margin-right: 13px;
z-index:2;
}
.ie6 #loginMenu a:hover
{
background: transparent url(images/b1.jpg) no-repeat left;
z-index: 2;
}
.ie6 #kidsMenu
{
background: transparent url(images/b2dark.jpg) no-repeat left;
margin-top: -10px;
margin-right: 13px;
}
.ie6 #kidsMenu a:hover
{
background: transparent url(images/b2.jpg) no-repeat left;
}
.ie6 #beemieMenu
{
background: transparent url(images/b3dark.jpg) no-repeat left;
margin-top: -10px;
margin-right: 13px;
}
.ie6 #beemieMenu a:hover
{
background: transparent url(images/b3.jpg) no-repeat left;
}
.ie6 #informationMenu
{
background: transparent url(images/b4dark.jpg) no-repeat left;
margin-top: -10px;
margin-right: 13px;
}
.ie6 #informationMenu a:hover
{
background: transparent url(images/b4.jpg) no-repeat left;
}
.ie6 #teachersMenu
{
background: transparent url(images/b5dark.jpg) no-repeat left;
margin-top: -10px;
}
.ie6 #teachersMenu a:hover
{
background: transparent url(images/b5.jpg) no-repeat left;
}
/*style the background and foreground colors of the links on hover */
.ie6 .menu ul li a:hover ul li a:hover
{
background: #0393BD;
color: #fff;
position: relative;
left: -20px;
text-align: center;
width: 140px;
}
/*style the hidden span text*/
.ie6 .menu ul li a:hover ul li a span
{
visibility: hidden;
position: absolute;
left: 140px; top: 0;
background:#ffffcc;
font-size: 12px;
width: 100px;
padding: 0 10px;
color: #000;
}
/*make the span text visible */
.ie6 .menu ul li a:hover ul li a:hover span
{
visibility: visible;
text-align: left;
line-height: 1.5em;
}
/*position the span text on the left of the last menu item */
.ie6 .menu ul li a:hover ul.left li a:hover span
{
left: -120px;
}
/*style the first letter of the span text */
.ie6 .menu ul li a:hover ul li a:hover span: first-letter
{
font-weight: bold;
font-size: 1.2em;
}
/*tooltips*/
.ie6 .tooltip
{
position:relative; /*this is the key*/
color:orange;
text-decoration:none
}
.ie6 .tooltip a
{
font-size: 10px;
}
.ie6 .tooltip a span {display: none;}
.ie6 .tooltip a:hover span {display: block;
position: absolute; top: 0px; left: 0; width: 200px;
padding: 5px; margin: 10px; z-index: 100;
color: #AAA; background: black;
font: 10px Verdana, sans-serif; text-align: center;}
/* form settings*/
.ie6 .formWrapper
{
width: 370px;
}
.ie6 .formWrapper h2
{
margin-bottom: 20px;
}
.ie6 .formWrapperNormal
{
width: 370px;
}
.ie6 .leftFormNormal
{
float: left;
width: 185px;
padding-bottom: 10px;
}
.ie6 .rightFormNormal
{
float: right;
position: relative;
left: 0px;
width: 185px;
}
.ie6 .submitFormBox
{
float: right;
text-align: right;
padding-top:4px;
width: 140px;
}
.ie6 .submitButtonWrapper
{
width: 371px;
}
.ie6 .submitButtonleftFormNormal
{
float: left;
width:180px;
}
.ie6 .submitButtonFormBox
{
float: right;
width: 150px;
}
.ie6 #master1col1col .boxes {background:url(images/6-box1dark.gif) top left no-repeat; height:150px;}
/* master 1 left colomn (deep) and two on the right */
.ie6 #master1left2right #middle .indent { padding:0 12px 47px 14px;}
.ie6 #master1left2right #middle .column1 .padding {padding:0px 48px 0 22px;}
.ie6 #master1left2right #middle .column1 .content {padding:0px 0 0px 0;}
.ie6 #master1left2right .boxes {background:url(images/1_box1dark.gif) top left no-repeat;height: 170px;}
.ie6 #master1left2right .boxes .padding {padding:40px 29px 17px 19px;}
.ie6 #master1left2right .boxes .content {padding:7px 0 0 0;}
.ie6 #master1left2right #middle .column2 .text {padding:31px 9px 17px 22px;}
.ie6 #master1left2right #middle .column2 .text .content { padding:7px 0 0 0;}
.ie6 #master1left2right #middle .column1 {width:400px;}
.ie6 #master1left2right #middle .column2 {width:325px;}
.ie6 #master1left2right #middle .column1 .cols {width:303px;}
.ie6 #master1left2right #middle .column1 .col1 {width:170px;}
.ie6 #master1left2right #middle .column1 .col2 {width:133px;}
/* to fix the height of the ratings drop down on beemie*/
.ie6 #beeComment
{
min-height:200px;
height:auto !important;
height:200px;
}
.ie6 .ebSubmitButtonWrapper
{
width: 340px;
}
.ie6 .homeLinkSchool a, .homeLinkFamily a
{
text-decoration: none;
}
.ie6 .homeLinkFamily
{
background-color:black;
}
.ie6 .homeLinkSchool
{
background-color: black;
}
.ie6 #aboutKSText
{
background-color:black;
}
/*Picture Gallery*/
.ie6 #gallContainer
{
width: 700px;
}
.ie6 #gallContainerLeft
{
float: left;
width: 150px;
margin-top: -2px;
}
.ie6 #gallContainerRight
{
float: right;
width: 500px;
margin-left: 20px;
text-align: right;
margin-top: -2px;
}
.ie6 .gallFormWrapper
{
width: 500px;
font: inherit;
padding-left: 20px;
}
.ie6 .gallformWrapperNormal
{
width: 400px;
}
.ie6 .gallleftFormNormal
{
float: left;
width: 199px;
padding-bottom: 10px;
text-align: left;
}
.ie6 .gallFormBox
{
float: right;
position: relative;
width: 200px;
text-align: right;
}
.ie6 .blogHome li, div
{
margin:0in;
margin-bottom:.0001pt;
font-size:10px;
font-family: Arial,Helvetica,sans-serif ;
}
.ie6 .blogHome p
{
margin:0in;
margin-bottom:.0001pt;
line-height: 10px;
font-size:11px;
font-family: Arial,Helvetica,sans-serif ;
}
.ie6 .KSBlog p
{
margin:0in;
margin-bottom:.0001pt;
line-height: 12px;
font-size:12px;
font-family: Arial,Helvetica,sans-serif ;
}
/*///////////////////////////////////////////////////////////////
~CSS File for Ektron Blogs
///////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////
~LAYOUT STYLES
/////////////////////////////////////////////*/
.ie6 .blogHome div.blog{position:relative;margin:0;padding:0;}
.ie6 .blogHome div.blogEntries{float:left; width:240px;}
.ie6 .blogHome div.blogSidebar{width:240px;float:right;top:0;right:0;padding:0 5px 0 5px;}
.ie6 .KSBlog div.blog{position:relative;margin:0;padding:0;}
.ie6 .KSBlog div.blogEntries{float:left;}
.ie6 .KSBlog div.blogSidebar{float:right;top:0;right:0;padding:0 5px 0 5px;}
/*//////////////////////////////////////////////
~HEADER STYLES
/////////////////////////////////////////////*/
.ie6 .blogHome div.blogHeader{background-color:transparent; margin-bottom: 2px;}
.ie6 .blogHome h1.blogTitle{color:yellow;font-size:16px; font-weight: normal; padding:1px 2px 0px 2px;margin:0;margin-bottom: 20px; font-family: Arial,Helvetica,sans-serif ;}
.ie6 .blogHome h2.blogSubhead{color:#CCC;font-size:large;padding:1px 2px 0px 2px;margin:0;}
.ie6 .blogHome span.date{display:block;background-color:#0066CC;font-weight:bold;font-size:small;padding:2px 2px 2px 10px;}
.ie6 .KSBlog div.blogHeader{background-color:transparent; margin-bottom: 2px;}
.ie6 .KSBlog h1.blogTitle{color:yellow;font-size:18px; font-weight: normal; padding:1px 2px 0px 2px;margin:0;font-family: Arial,Helvetica,sans-serif ;}
.ie6 .KSBlog h2.blogSubhead{color:#CCC;font-size:large;padding:1px 2px 0px 2px;margin:0;}
.ie6 .KSBlog span.date{display:block;background-color:#0066CC;font-weight:bold;font-size:small;padding:2px 2px 2px 10px;}
/*//////////////////////////////////////////////
~Entry STYLES
/////////////////////////////////////////////*/
.ie6 .blogHome div.entry{border-bottom:1px solid #CCC;margin:0; margin-bottom: 4px;}
.ie6 .blogHome div.entry .tags{display:none;}
.ie6 .blogHome h3.entryTitle{height: 20px; vertical-align: middle; font-size:12px; font-weight: bold; background-image: url(images/1_boxblogdark.gif);margin:0;padding:2px; padding-left: 10px; }
.ie6 .blogHome h3.entryTitle a{font-size:12px; font-weight: bold;}
.ie6 .blogHome div.entryBody{padding:0 2px 0 2px;margin:0; margin-top: -10px; font-size:smaller; line-height: 14px;}
.ie6 .blogHome div.entryFooter{color:gray;font-size:x-small;padding:2px 2px 4px 2px;text-align:right;line-height: 14px;}
.ie6 .blogHome div.entryFooter a {font-size: 10px;}
.ie6 .blogHome .entrypermalink{margin: 0; padding: 0; display: none;}
.ie6 .blogHome .eksubscribelink{display: none;}
.ie6 .blogHome2 div.entry{border-bottom:1px solid #CCC;margin:0; margin-bottom: 4px;}
.ie6 .blogHome2 h3.entryTitle{font-size:12px; font-weight: bold; background-image: url(images/1_boxblogdark.gif);margin:0;padding:2px; padding-left: 10px; }
.ie6 .blogHome2 h3.entryTitle a{font-size:12px; font-weight: bold;}
.ie6 .blogHome2 h4{font-weight:normal; color: Yellow; margin-bottom: 3px;}
.ie6 .blogHome2 div.entryBody{padding:0 2px 0 2px;margin:0; margin-top: -10px; font-size:smaller; line-height: 12px;}
.ie6 .blogHome2 div.entryFooter{color:gray;font-size:x-small;padding:2px 2px 4px 2px;text-align:right;line-height: 12px;}
.ie6 .blogHome2 div.entryFooter a {font-size: 10px;}
.ie6 .blogHome2 .entrypermalink{margin: 0; padding: 0; display: none;}
.ie6 .blogHome2 .eksubscribelink{display: none;}
.ie6 .KSBlog div.entry{border-bottom:1px solid #CCC;margin:0; margin-bottom: 4px;}
.ie6 .KSBlog div.entry .tags{display: none;}
.ie6 .KSBlog h3.entryTitle{font-size:12px; font-weight: bold; margin:0;padding:2px; padding-left: 0px; }
.ie6 .KSBlog h3.entryTitle a{font-size:12px; font-weight: bold;}
.ie6 .KSBlog div.entryBody{padding:0 2px 0 2px;margin:0; margin-top: -10px; font-size:smaller; line-height: 12px;}
.ie6 .KSBlog div.entryFooter{color:gray;font-size:x-small;padding:2px 2px 4px 2px;text-align:right;line-height: 12px;}
.ie6 .KSBlog div.entryFooter a {font-size: 10px;}
.ie6 .KSBlog .entrypermalink{margin: 0; padding: 0; display: none;}
.ie6 .KSBlog .eksubscribelink{display: none;}
/*//////////////////////////////////////////////
~CALENDAR STYLES
/////////////////////////////////////////////*/
.ie6 .blogHome table.calendarTable{border:1px solid #999;background-color:#EEE;text-align: center; clear: both;}
.ie6 .blogHome tr.monthRow{background-color:#2586B3;color:#FFF;font-weight:bold; text-align: center;}
.ie6 .blogHome td.prevMonth, td.nextMonth{width:8px;text-align:center; font-size: 8px;}
.ie6 .blogHome td.prevMonth a, td.nextMonth a{color:#CCC;font-weight:normal;font-size:8px;}
.ie6 .blogHome td.currentMonth{width:50px;text-align:center;}
.ie6 .blogHome td.currentMonth a {font-size: 8px; }
.ie6 .blogHome tr.dayNamesRow{font-size:8px;color:#666;}
.ie6 .blogHome tr.weekRow td{text-align:center;line-height: 6px;}
.ie6 .blogHome td.inactiveDay{font-size:8px;background-color:#FFF;}
.ie6 .blogHome td.activeDay{background-color:#CCC;font-size:8px; }
.ie6 .blogHome td.activeDay a {font-size: 8px; font-weight: bold;}
.ie6 .blogHome2 table.calendarTable{text-align: center; clear: both; width: 163px;}
.ie6 .blogHome2 tr.monthRow{margin:0; margin-bottom: -10px; padding:0; font-weight:bold; background-image: url(images/1_boxblog2dark.gif); height: 25px; text-align: center;}
.ie6 .blogHome2 td.prevMonth, td.nextMonth{width:10px;text-align:center; font-size: 10px;}
.ie6 .blogHome2 td.prevMonth a, td.nextMonth a {font-weight:normal;font-size:10px;}
.ie6 .blogHome2 td.currentMonth{width:163px;text-align:center;}
.ie6 .blogHome2 td.currentMonth a {font-size: 10px; }
.ie6 .blogHome2 tr.dayNamesRow{font-size:10px; margin-top: -5px;}
.ie6 .blogHome2 tr.weekRow td{text-align:center;line-height: 10px;}
.ie6 .blogHome2 td.inactiveDay{font-size:10px;}
.ie6 .blogHome2 td.activeDay{font-size:10px; }
.ie6 .blogHome2 td.activeDay a {font-size: 10px; font-weight: bold;}
.ie6 .KSBlog table.calendarTable{text-align: center; clear: both; width: 174px;}
.ie6 .KSBlog tr.monthRow{margin:0; margin-bottom: -10px; padding:0; font-weight:bold; height: 25px; text-align: center;}
.ie6 .KSBlog td.prevMonth, td.nextMonth{width:10px;text-align:center; font-size: 10px;}
.ie6 .KSBlog td.prevMonth a, td.nextMonth a {font-weight:normal;font-size:10px;}
.ie6 .KSBlog td.currentMonth{width:140px;text-align:center;}
.ie6 .KSBlog td.currentMonth a {font-size: 10px; }
.ie6 .KSBlog tr.dayNamesRow{font-size:10px; margin-top: -5px;}
.ie6 .KSBlog tr.weekRow td{text-align:center;line-height: 10px;}
.ie6 .KSBlog td.inactiveDay{font-size:10px;}
.ie6 .KSBlog td.activeDay{font-size:10px; }
.ie6 .KSBlog td.activeDay a {font-size: 10px; font-weight: bold;}
.ie6 .blogTeachers table .calendarTable{text-align: center; clear: both; width: 200px;}
.ie6 .blogTeachers tr.monthRow{font-size: 4px; margin:0; margin-bottom: -10px; padding:0; font-weight:bold; height: 25px; text-align: center;width: 200px;}
.ie6 .blogTeachers td.prevMonth, td.nextMonth{width:10px;text-align:center; font-size: 10px;}
.ie6 .blogTeachers td.prevMonth a, td.nextMonth a {font-weight:normal;font-size:10px;}
.ie6 .blogTeachers td.currentMonth{width:200px;text-align:center;}
.ie6 .blogTeachers td.currentMonth a {font-size: 10px; }
.ie6 .blogTeachers tr.dayNamesRow{width: 200px; font-size:10px; margin-top: -5px;}
.ie6 .blogTeachers tr.weekRow td{text-align:center;line-height: 10px;}
.ie6 .blogTeachers td.inactiveDay{font-size:10px;}
.ie6 .blogTeachers td.activeDay{font-size:10px; }
.ie6 .blogTeachers td.activeDay a {font-size: 10px; font-weight: bold;}
.ie6 .KSBlog #calWrapper {width: 400px;}
.ie6 .KSBlog #calDiv {width: 200px; float: left;}
.ie6 .KSBlog #catDiv {width: 180px; float: left; margin-top: 0px; text-align: left;}
.ie6 .KSBlog #subsDiv {float: left; margin-top: 30px;}
/*//////////////////////////////////////////////
~BLOGROLL STYLES
/////////////////////////////////////////////*/
.ie6 .blogHome div.blogSidebar h4{color:#666;font-size:medium;padding-bottom:3px;border-bottom:1px solid #999;margin:5px 0 5px 0;}
.ie6 .blogHome div.blogRoll ul{margin:0;padding:0 0 0 5px;list-style-type:none;}
.ie6 .blogHome div.blogArchive ul{margin:0;padding:0 0 0 5px;list-style-type:none;}
.ie6 .blogHome .blogrolllink { }
.ie6 .KSBlog div.blogSidebar h4{color:#666;font-size:medium;padding-bottom:3px;border-bottom:1px solid #999;margin:5px 0 5px 0;}
.ie6 .KSBlog div.blogRoll ul{margin:0;padding:0 0 0 5px;list-style-type:none;}
.ie6 .KSBlog div.blogArchive ul{margin:0;padding:0 0 0 5px;list-style-type:none;}
.ie6 .KSBlog .blogrolllink { }
/*//////////////////////////////////////////////
~BLOGCATEGORIES STYLES
/////////////////////////////////////////////*/
.ie6 .blogHome2 div.blogSidebar h4{color:#666;font-size:medium;padding-bottom:3px;border-bottom:1px solid #999;margin:5px 0 5px 0;}
.ie6 .blogHome2 div.blogCategories ul{margin:0; margin-left: 10px;padding:0 20px 10px 5px; text-align: center; display:block}
.ie6 .blogHome2 div.blogCategories ul li {float:left; margin-right: 10px; margin-bottom: 10px; list-style: none;}
.ie6 .blogHome2 div.blogCategories ul li a {font-size: 12px; clear: both;}
.ie6 .blogHome2 .blogcatlink { }
.ie6 .KSBlog div.blogSidebar h4{color:#666;font-size:medium;padding-bottom:3px;border-bottom:1px solid #999;margin:0px 0 0px 0;}
.ie6 .KSBlog div.blogCategories ul{margin:0; margin-left: 0px;padding:0 20px 0px 5px; text-align: left; display:block}
.ie6 .KSBlog div.blogCategories ul li {float:left; margin-right: 6px; margin-bottom: 10px; list-style: none;}
.ie6 .KSBlog div.blogCategories ul li a {font-size: 12px; clear: both;}
.ie6 .KSBlog .blogcatlink { }
/*//////////////////////////////////////////////
~BLOGRECENTPOSTS STYLES
/////////////////////////////////////////////*/
.ie6 .blogHome div.blogSidebar h4{color:#666;font-size:medium;padding-bottom:3px; margin-bottom: 4px; border-bottom:1px solid #999;margin:5px 0 5px 0;}
.ie6 .blogHome div.blogRecentPosts ul{margin:0;padding:0 0 0 5px;list-style-type:none;}
.ie6 .blogHome .blogrecentlink { }
.ie6 .KSBlog div.blogSidebar h4{color:#666;font-size:medium;padding-bottom:3px; margin-bottom: 4px; border-bottom:1px solid #999;margin:5px 0 5px 0;}
.ie6 .KSBlog div.blogRecentPosts ul{margin:0;padding:0 0 0 5px;list-style-type:none;}
.ie6 .KSBlog .blogrecentlink { }
/*//////////////////////////////////////////////
~BLOGPOSTS STYLES
/////////////////////////////////////////////*/
/*tooltips*/
.tooltip a
{
position:relative; /*this is the key*/
font-size: 10px;
z-index:999;
color:orange;
text-decoration:none
}
.tooltip:hover a
{
z-index:1000;
background-color:#ff0;
text-decoration:none;
color: Orange;
}
.tooltip a span
{
display: none
}
.tooltip:hover a span
{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:2em;
left:2em;
width:20em;
border:none;
padding: 5px;
background-color:black;
color:yellow;
text-align: left;
}
.bli li a {color:#4d7683;}
form .row {height:48px;}
form .row1 {height:34px;}
.input {width:224px; height:19px;}
.input input {width:224px; height:19px; border:none; background:#a1a9ac; padding:0 0 0 5px; color:#1b1f21;}
textarea {width:224px; height:145px; border:none; background:#a1a9ac; padding:0 0 0 5px; overflow:auto; color:#1b1f21;}
form .div {text-align:right; padding:6px 9px 0 0;}
/*main layout - these settings set the default column widths etc.*/
.main { margin:0 auto; }
#header { background:url(images/body_bgdark.gif);}
#header .main {background:url(images/header_bgbubbledark.gif) no-repeat 0 67px;}
#header .logo {padding:50px 0 50px 30px;}
#header .logo img {margin-right:94px;}
#middle { width:100%; background:url(images/body_bgdark.gif); padding-top: 10px;}
#middle .indent {background:url(images/middle_bgdark.gif) top left no-repeat;}
#middle2 { width:100%; background:url(images/body_bgdark.gif);}
#middle2 .indent {background:url(images/middle_bgdark.gif) top left no-repeat;}
#middle3 { width:100%; background:url(images/body_bgdark.gif);}
#middle3 .indent {background:url(images/middle_bgdark.gif) top left no-repeat;}
#footer {background: white url(images/footer_tall.gif) top repeat-x; border: solid 5px #1B1F21; color:#FFFFFF;}
#footer .left {padding:26px 0 0 27px;}
#footer a {color:#1e2325;}
#footer .right {padding:24px 0 0 0;}
#footer .column1 {width:177px;}
#footer .column2 {width:247px;}
/* these settings are for all the different master pages*/
/* mastermain - for all pages - simple one box with padding*/
#mastermain #middle .indent { padding:0 12px 29px 14px;}
#mastermain .boxes {background:url(images/6-box1dark.gif) top left no-repeat;}
#mastermain .boxes .padding {padding:27px 20px 20px 22px;}
#mastermain .boxes .content {padding:8px 0 0 0;}
#mastermain .columns {padding:31px 10px 3px 0px;}
#mastermain .columns .padding{padding:7px 10px 0 0;}
#mastermain #middle .column1 {width:331px;}
#mastermain #middle .column2 {width:377px;}
#mastermain .boxes .col1 {background:url(images/1_box1dark.gif) top left no-repeat; width:331px;}
#mastermain .boxes .col2 {background:url(images/1_box2dark.gif) top left no-repeat; width:409px;}
#mastermain #middle .column2 .cols {width:350px; padding:9px 0 0 0;}
#mastermain #middle .column2 .col1 {width:190px;}
#mastermain #middle .column2 .col2 {width:160px;}
/* master3col3col - as used for home page*/
#master3col3col #middle .indent { padding:0 5px 13px 5px;}
#master3col3col .boxes .col1 .padding {padding:42px 6px 42px 16px;}
#master3col3col .boxes .colmid .padding {padding:42px 6px 42px 16px;}
#master3col3col .boxes .col2 .padding {padding:42px 6px 42px 16px;}
#master3col3col .columns {padding:10px 10px 35px 0px;}
#master3col3col .columns .column1 .padding{padding:10px 0 0 0;}
#master3col3col .columns .column2 .padding{padding:10px 20px 0 30px;}
#master3col3col .columns .column3 .padding{padding:10px 0px 10px 15px;}
#master3col3col #middle .column1 {width:226px;}
#master3col3col #middle .column2 {width:259px;}
#master3col3col #middle .column3 {width:223px;}
#master3col3col .boxes .col1 {background:url(images/1_boxmiddark.gif) top left no-repeat; width:250px;height:200px;}
#master3col3col .boxes .colmid {background:url(images/1_boxmiddark.gif) top left no-repeat; width:250px;height:200px;}
#master3col3col .boxes .col2 {background:url(images/1_boxmiddark.gif) top left no-repeat; width:250px;height:200px;}
/* master3col3col - as used for home page*/
.ie6 #master3col3col
{
width: 820px;
}
.ie6 #master3col3col #header .main
{
width: 820px;
margin:0;
}
.ie6 #master3col3col #middle .indent { padding:0 5px 13px 5px;}
.ie6 #master3col3col .boxes .col1 .padding {padding:42px 6px 42px 16px;}
.ie6 #master3col3col .boxes .colmid .padding {padding:42px 6px 42px 16px;}
.ie6 #master3col3col .boxes .col2 .padding {padding:42px 6px 42px 16px;}
.ie6 #master3col3col .columns {padding:10px 10px 35px 0px;}
.ie6 #master3col3col .columns .column1 .padding{padding:10px 0 0 0;}
.ie6 #master3col3col .columns .column2 .padding{padding:10px 20px 0 30px;}
.ie6 #master3col3col .columns .column3 .padding{padding:10px 0px 10px 15px;}
.ie6 #master3col3col #middle .column1 {width:226px;}
.ie6 #master3col3col #middle .column2 {width:259px;}
.ie6 #master3col3col #middle .column3 {width:223px;}
.ie6 #master3col3col .boxes .col1 {background:url(images/1_boxmiddark.gif) top left no-repeat; width:250px;height:200px;}
.ie6 #master3col3col .boxes .colmid {background:url(images/1_boxmiddark.gif) top left no-repeat; width:250px;height:200px;}
.ie6 #master3col3col .boxes .col2 {background:url(images/1_boxmiddark.gif) top left no-repeat; width:250px;height:200px;}
/* master2col3col */
#master2col3col #middle .indent { padding:0 12px 13px 14px;}
#master2col3col .boxes .col1 .padding {padding:42px 26px 22px 16px;min-height: 100px;}
#master2col3col .boxes .col2 .padding {padding:42px 26px 22px 16px;min-height: 100px;}
#master2col3col .columns {padding:30px 10px 35px 22px;}
#master2col3col .columns .column1 .padding{padding:5px 0 0 0;}
#master2col3col .columns .column2 .padding{padding:8px 30px 0 0;}
#master2col3col .columns .column3 .padding{padding:10px 0 0 1px;}
#master2col3col #middle .column1 {width:226px; height: 100%;}
#master2col3col #middle .column2 {width:259px;}
#master2col3col #middle .column3 {width:223px;}
#master2col3col .boxes .col1 {background:url(images/1_box1dark.gif) top left no-repeat; width:331px;}
#master2col3col .boxes .col2 {background:url(images/1_box2dark.gif) top left no-repeat; width:409px;}
/* master1col1col */
#master1col1col #middle .indent { padding:0 12px 29px 14px;}
#master1col1col .boxes {background:url(images/6-box1dark.gif) top left no-repeat;}
#master1col1col .boxes .padding {padding:27px 20px 20px 22px;}
#master1col1col .boxes .content {padding:8px 0 0 0;}
#master1col1col .columns {padding:31px 10px 3px 0px;}
#master1col1col .columns .padding{padding:7px 10px 0 0;}
#master1col1col #middle .column1 {width:331px;}
#master1col1col #middle .column2 {width:377px;}
#master1col1col .boxes .col1 {background:url(images/1_box1dark.gif) top left no-repeat; width:331px;}
#master1col1col .boxes .col2 {background:url(images/1_box2dark.gif) top left no-repeat; width:409px;}
#master1col1col #middle .column2 .cols {width:350px; padding:9px 0 0 0;}
#master1col1col #middle .column2 .col1 {width:190px;}
#master1col1col #middle .column2 .col2 {width:160px;}
/* master2col1col */
#master2col1col #middle .indent { padding:0 12px 29px 14px;}
#master2col1col .boxes .padding {padding:10px 20px 20px 15px;height: 150px;}
#master2col1col .boxes .content {padding:0px 0 0 0;}
#master2col1col .columns {padding:31px 10px 3px 30px;}
#master2col1col .columns .padding{padding:7px 10px 0 0;}
#master2col1col #middle .column1 {width:370px;}
#master2col1col #middle .column2 {width:370px;}
#master2col1col .boxes .col1 {background:url(images/box2coldark.gif) top left no-repeat; width:370px;}
#master2col1col .boxes .col2 {background:url(images/box2coldark.gif) top left no-repeat; width:370px;}
#master2col1col #middle .column2 .cols {width:370px; padding:9px 0 0 0;}
#master2col1col #middle .column2 .col1 {width:190px;}
#master2col1col #middle .column2 .col2 {width:160px;}
/* master2col1col2col1col */
#master2col1col2col1col #middle .indent { padding:0 12px 29px 14px;}
#master2col1col2col1col #middle2 .indent { padding:0 12px 29px 14px;}
#master2col1col2col1col .boxes .padding {padding:10px 20px 20px 15px;height: 150px;}
#master2col1col2col1col .boxes .content {padding:0px 0 0 0;}
#master2col1col2col1col .boxes .content2 {padding:0px 0 0 0;}
#master2col1col2col1col .columns {padding:31px 10px 3px 30px;}
#master2col1col2col1col .columns .padding{padding:7px 10px 0 0;}
#master2col1col2col1col #middle .column1 {width:370px;}
#master2col1col2col1col #middle .column2 {width:370px;}
#master2col1col2col1col #middle2 .column1 {width:370px;}
#master2col1col2col1col #middle2 .column2 {width:370px;}
#master2col1col2col1col .boxes .col1 {background:url(images/1_box1dark.gif) top left no-repeat; width:331px;}
#master2col1col2col1col .boxes .col2 {background:url(images/1_box2dark.gif) top left no-repeat; width:409px;}
#master2col1col2col1col #middle .column2 .cols {width:370px; padding:9px 0 0 0;}
#master2col1col2col1col #middle .column2 .col1 {width:190px;}
#master2col1col2col1col #middle .column2 .col2 {width:160px;}
#master2col1col2col1col #middle2 .column2 .cols {width:370px; padding:9px 0 0 0;}
#master2col1col2col1col #middle2 .column2 .col1 {width:190px;}
#master2col1col2col1col #middle2 .column2 .col2 {width:160px;}
/* master2col1colwider */
#master2col1colwider #middle .indent { padding:0 12px 29px 14px;}
#master2col1colwider .boxes .padding {padding:10px 20px 20px 15px;height: 150px;}
#master2col1colwider .boxes .content {padding:0px 0 0 0;}
#master2col1colwider .columns {padding:31px 10px 3px 30px;}
#master2col1colwider .columns .padding{padding:7px 10px 0 0;}
#master2col1colwider #middle .column1 {width:370px;}
#master2col1colwider #middle .column2 {width:370px;}
#master2col1colwider .boxes .col1 {background:url(images/1_box1dark.gif) top left no-repeat; width:331px;}
#master2col1colwider .boxes .col2 {background:url(images/1_box2dark.gif) top left no-repeat; width:409px;}
#master2col1colwider #middle .column2 .cols {width:370px; padding:9px 0 0 0;}
#master2col1colwider #middle .column2 .col1 {width:190px;}
#master2col1colwider #middle .column2 .col2 {width:160px;}
/* master2col2col */
#master2col2col #middle .indent { padding:0 12px 13px 14px;}
#master2col2col .boxes .col1 .padding {padding:26px 26px 15px 22px;}
#master2col2col .boxes .col1 ul {margin-top:8px;}
#master2col2col .boxes .col2 .padding {padding:26px 20px 20px 6px;}
#master2col2col .boxes .col2 .content {padding:11px 0 0 0;}
#master2col2col .columns {padding:27px 10px 35px 22px;}
#master2col2col .columns .column1 .padding{padding:7px 40px 0 0;}
#master2col2col .columns .column2 .padding{padding:5px 30px 0 0;}
#master2col2col #middle .column1 {width:486px;}
#master2col2col #middle .column2 {width:222px;}
#master2col2col .boxes .col1 {background:url(images/2_box1dark.gif) top left no-repeat; width:261px;}
#master2col2col .boxes .col2 {background:url(images/2_box2dark.gif) top left no-repeat; width:479px;}
/*Master for registration and other forms*/
#masterregistration #middle .indent { padding:0 12px 31px 14px;}
#masterregistration #middle .column1 .padding {padding:24px 48px 0 22px;}
#masterregistration #middle .column1 .content {padding:5px 0 13px 0;}
#masterregistration .boxes {background:url(images/5_boxdark.gif) top left no-repeat;}
#masterregistration .boxes .padding {padding:28px 29px 20px 9px;min-height: 120px;}
#masterregistration .boxes .content {padding:7px 0 0 0;}
#masterregistration #middle .column2 .text {padding:31px 29px 17px 22px;}
#masterregistration #middle .column2 .text .content { padding:7px 10px 0 1px;}
#masterregistration #middle .column1 {width:301px;}
#masterregistration #middle .column2 {width:439px;}
/* master 1 left colomn (deep) and two on the right */
#master1left2right #middle .indent { padding:0 12px 47px 14px;}
#master1left2right #middle .column1 .padding {padding:0px 48px 0 22px;}
#master1left2right #middle .column1 .content {padding:0px 0 0px 0;}
#master1left2right .boxes {background:url(images/1_box1dark.gif) top left no-repeat;height: 170px;}
#master1left2right .boxes .padding {padding:40px 29px 17px 19px;}
#master1left2right .boxes .content {padding:7px 0 0 0;}
#master1left2right #middle .column2 .text {padding:31px 9px 17px 22px;}
#master1left2right #middle .column2 .text .content { padding:7px 0 0 0;}
#master1left2right #middle .column1 {width:400px;}
#master1left2right #middle .column2 {width:325px;}
#master1left2right #middle .column1 .cols {width:303px;}
#master1left2right #middle .column1 .col1 {width:170px;}
#master1left2right #middle .column1 .col2 {width:133px;}
/* master with slightly more even middle boxes - 2 columns and 2 sections */
#master2col2colalt #middle .indent { padding:0 12px 29px 14px;}
#master2col2colalt .boxes .col1 .padding {padding:27px 26px 20px 23px;}
#master2col2colalt .boxes .col1 .content {padding-top:8px;}
#master2col2colalt .boxes .col2 .padding {padding:27px 25px 20px 6px;}
#master2col2colalt .boxes .col2 .content {padding:8px 0 0 0;}
#master2col2colalt .columns {padding:29px 10px 35px 22px;}
#master2col2colalt .columns .column1 .padding{padding:7px 40px 0 0;}
#master2col2colalt .columns .column1 strong {color:#FFFFFF;}
#master2col2colalt .columns .column2 .padding{padding:7px 26px 0 0;}
#master2col2colalt #middle .column1 {width:331px;}
#master2col2colalt #middle .column2 {width:377px;}
#master2col2colalt .boxes .col1 {background:url(images/1_box1dark.gif) top left no-repeat; width:331px;}
#master2col2colalt .boxes .col2 {background:url(images/1_box2dark.gif) top left no-repeat; width:409px;}
#master2col2colalt #middle .column2 .cols {width:350px; padding:9px 0 0 0;}
#master2col2colalt #middle .column2 .col1 {width:190px;}
#master2col2colalt #middle .column2 .col2 {width:160px;}
/*for new menu with flyout things - have to keep in the Ektron menu structure for now - but hide all items*/
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/artists_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* common styling */
/* set up the overall width of the menu div, the font and the margins */
.menu {
margin:0;
width: 780px;
padding-top: 10px;
margin-left: -15px;
text-align: center;
z-index:100;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
padding:0;
margin:0;
margin-left: 13px;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
float:left;
position:relative;
z-index: 500;
text-align: center;
}
/* style the links to be 140px wide by 67px high. Set the color and the font size. */
.menu ul li a, .menu ul li a:visited {
display:block;
text-align:center;
text-decoration:none;
width:140px;
height:67px;
}
/* set up the background colours relative to this css file*/
.kids {background-image: url(images/b1a.jpg no-repeat);}
.kids2 {background-color: black;}
.beemies {background-image: url(images/b1a.jpg no-repeat);}
.beemies2 {background-color: black;}
.information {background-image: url(images/b1a.jpg no-repeat);}
.information2 {background-color: black;}
.teachers {background-image: url(images/b1a.jpg no-repeat);}
.teachers2 {background-color: black;}
.login {background-image: url(images/b1a.jpg no-repeat);}
.login2 {background-color: black;}
#loginMenu
{
background: transparent url(images/b1dark.jpg) no-repeat left;
margin-top: -10px;
margin-right: 13px;
z-index:2;
}
#loginMenu a:hover
{
background: transparent url(images/b1.jpg) no-repeat left;
z-index: 2;
}
#kidsMenu
{
background: transparent url(images/b2dark.jpg) no-repeat left;
margin-top: -10px;
margin-right: 13px;
}
#kidsMenu a:hover
{
background: transparent url(images/b2.jpg) no-repeat left;
}
#beemieMenu
{
background: transparent url(images/b3dark.jpg) no-repeat left;
margin-top: -10px;
margin-right: 13px;
}
#beemieMenu a:hover
{
background: transparent url(images/b3.jpg) no-repeat left;
}
#informationMenu
{
background: transparent url(images/b4dark.jpg) no-repeat left;
margin-top: -10px;
margin-right: 13px;
}
#informationMenu a:hover
{
background: transparent url(images/b4.jpg) no-repeat left;
}
#teachersMenu
{
background: transparent url(images/b5dark.jpg) no-repeat left;
margin-top: -10px;
}
#teachersMenu a:hover
{
background: transparent url(images/b5.jpg) no-repeat left;
}
/* make the dropdown ul invisible */
.menu ul li ul {
visibility:hidden;
position:absolute;
margin-left: 13px;
}
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a
{
color:#fff;
text-align: center;
left:-13px;
}
.menu ul li:hover a span
{
display:none;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
visibility:visible;
top:50px;
left:-13px;
width:140px;
z-index:500;
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:block;
color:#fff;
font-size: 12px;
height: 20px;
left: -13px;
}
/* style the hidden span text */
.menu ul li:hover ul li a span {
display:none;
position:absolute;
left:140px; top:0;
background:#ffffcc;
font-size: 12px;
width:100px;
padding:0 10px;
font-weight: normal;
color:black;
z-index:2;
}
/* style the first letter of the span text */
.menu ul li:hover ul li a span:first-letter {
font-weight:bold;
font-size:1.2em;
z-index:2;
}
/* style the background and foreground colors of the links on hover */
.menu ul li:hover ul li:hover
{
margin-left: 0px;
background:#0393BD;
z-index:2;
}
/* make the span text visible */
.menu ul li:hover ul li:hover span {
display:block;
line-height:1.5em;
z-index:200;
}
/* position the span text on the left of the last menu item */
.menu ul li:hover ul.left li:hover span {
left:-120px;
}
/*************/
/* Footer */
/*************/
/* The main footer panel - referenced from the User Control at the foot of the Master Page*/
#divFooter
{
position: relative;
padding-top: 15px;
}
/*this formats the logon section in the common footer*/
#divLogon
{
text-align:left;
width:210px;
list-style-type:none;
padding-left:5px;
}
#divLogon ul
{
display:block;
list-style:none;
padding:0;
margin:0;
line-height: 12px;
}
#divLogon li
{
margin:0;
padding:0;
}
#divLogon li a:link, #divLogon li a:visited
{
padding: 0 0 0 0;
text-decoration:none;
font-size: 10px;
color: Black ;
}
/* This styles the footer logos with links to supporters etc.*/
#supportlogos
{
position: absolute;
bottom:50px;
left: 200px;
width: 200px;
}
#supportlogos ul
{
}
#supportlogos li
{
float:left;
margin:0px 6px 0px 0;
list-style:none;
}
#supportlogos ul li a
{
text-align: center;
text-decoration:none;
}
/* This styles the w3c logos in the footer*/
#w3clogos
{
position: absolute;
bottom: 5px;
right: 340px;
width: 150px;
}
#w3clogos ul
{
display:block;
}
#w3clogos li
{
float:right;
margin:0px 6px 0px 0;
font-weight:normal;
list-style:none;
}
#w3clogos ul li a
{
padding: 0 6px;
text-align: center;
text-decoration:none;
}
/*this formats the address section in the common footer*/
#address
{
position: absolute;
right: 2px;
bottom: 2px;
margin-top: 0px;
font-size:x-small;
text-align:right;
}
/*this formats the terms and conditions section in the common footer*/
#divInfo
{
position: absolute;
text-align:right;
width: 400px;
right: 0px;
bottom: 20px;
}
#divInfo ul
{
display:block;
font-size: small;
}
#divInfo li
{
float:right;
font-size:12px;
list-style:none;
}
#divInfo ul li a
{
padding: 0 6px;
text-decoration: none;
color: black ;
}
#divInfo ul li a:hover
{
text-decoration: underline;
}
/* This styles the footer menu items - the repeated urls to key pages*/
#footermenuitems
{
position: absolute;
text-align:right;
width: 350px;
bottom: 60px;
right: 2px;
}
#footermenuitems ul
{
display:block;
right:0px;
}
#footermenuitems li
{
float:right;
list-style:none;
}
#footermenuitems ul li a
{
padding:0 6px;
color: white ;
text-decoration:none;
}
#footermenuitems ul li a:hover
{
text-decoration:underline;
}
/* end of the footer section*/
/*************/
/* Login Page */
/*************/
#loginStatus
{
margin-top: 40px;
width: 350px
}
#loginStatus h3
{
margin-top: 20px;
}
/*************/
/* Home Page */
/*************/
#imageContainer
{
float: right;
margin-top: -110px;
margin-right: 30px;
height: 180px;
width: 130px;
}
#imageContainer div { display:none;
position:absolute;
height:180px;
width:130px;
opacity: -0.01; }
.ie6 #imageContainer
{
float: right;
margin-top: -120px;
margin-right: 20px;
height: 180px;
width: 130px;
}
.ie6 #imageContainer div { display:none;
position:absolute;
height:180px;
width:130px;
opacity: -0.01; }
#homeGalleryimage1
{
background: url(images/front1.gif) no-repeat left;
}
#homeGalleryimage2
{
background: url(images/front2.gif) no-repeat left;
}
#homeGalleryimage3
{
background: url(images/front3.gif) no-repeat left;
}
#homeGalleryimage4
{
background: url(images/front4.gif) no-repeat left;
}
#homeGalleryimage5
{
background: url(images/front1.gif) no-repeat left;
}
#homeGalleryimage6
{
background: url(images/front5.gif) no-repeat left;
}
#instLatest
{
margin-top: -25px;
}
.ie #instLatest
{
margin-top: -45px;
margin-bottom: 30px;
}
#kidscapismLogo
{
background: transparent url(images/KIDSCAPISMlogoblacktransparentdark.gif) no-repeat left;
width: 240px;
height: 67px;
}
#readKS
{
position: relative;
background: transparent url(images/1-p1orangedark.gif) no-repeat left;
width: 200px;
height: 100px;
z-index: 0;
font-weight: normal ;
color: Orange !important;
}
.ie #readKS
{
position: relative;
background: transparent url(images/1-p1orangedark.gif) no-repeat left;
width: 200px;
margin-top: -20px;
height: 100px;
z-index: 0;
font-weight: normal ;
color: Orange !important;
}
.ie #readKS2
{
position: relative;
background: transparent url(images/1-p1orangedark.gif) no-repeat left;
width: 200px;
height: 100px;
z-index: 0;
font-weight: normal ;
color: Orange !important;
}
.ff2 #readKS2, .ff3 #readKS2
{
position: relative;
background: transparent url(images/1-p1orangedark.gif) no-repeat left;
width: 200px;
height: 100px;
z-index: 0;
}
#readKS a:link, a:active, a:hover, a:visited
{
font-weight: normal ;
color: Orange !important;
}
#writeKS
{
position: relative;
background: transparent url(images/1-p1greendark.gif) no-repeat left;
width: 200px;
height: 100px;
z-index: 0;
}
#drawKS
{
position: relative;
background: transparent url(images/1-p1bluedark.gif) no-repeat left;
width: 200px;
height: 100px;
z-index: 0;
}
#changeKS
{
position: relative;
background: transparent url(images/1-p1purpledark.gif) no-repeat left;
width: 200px;
height: 100px;
z-index: 0;
}
#searchKS
{
position: relative;
background: transparent url(images/1-p1pucedark.gif) no-repeat left;
width: 200px;
height: 100px;
z-index: 0;
}
#contactKS
{
position: relative;
background: transparent url(images/1-p1pinkdark.gif) no-repeat left;
width: 200px;
height: 100px;
z-index: 0;
}
.readWriteDraw h2
{
}
.arrowtext
{
font-family: Arial,Helvetica,sans-serif;
color: Orange;
padding: 5px;
margin-top: 0px;
margin-left:110px;
width: 100px;
z-index: 1;
}
.arrowtext p
{
font-family: Arial,Helvetica,sans-serif;
font-size:14px;
z-index: 1;
color: White;
}
.arrowtext h2
{
font-size:20px;
color: white;
}
#homeInfoLinks
{
}
/* this also styles the registration page coloured boxes*/
.homeLinkSchool, .homeLinkFamily
{
margin: 5px;
padding: 4px;
text-align:center;
width: 250px;
border: ridge 3px gray;
}
.homeLinkSchool a, .homeLinkFamily a
{
text-decoration: none;
color: Black ;
}
.homeLinkFamily
{
background-color: #FE690F;
}
.homeLinkSchool
{
background-color: #05C906;
}
#logoHoldingArea
{
}
.homeButton
{
margin-bottom: 10px;
}
/**********************/
/* Boxes - for beemie stories
all follow the same
colour scheme - all class statements
enclose desired sections in
etc.*/
/**********************/
.beginningsContainerOrangeBegin, .middlesContainerGreenBegin, .endsContainerBlueBegin
{
width: 740px;
padding-top: 14px;
}
.beginningsContainerOrangeBegin
{
background: url(images/6-boxtoporangedark.gif) no-repeat;
}
.beginningsContainerOrangeEnd
{
background: url(images/6-boxbottomorangedark.gif) bottom left no-repeat;
margin-bottom: 10px;
padding-bottom: 10px;
}
.middlesContainerGreenBegin
{
background: url(images/6-boxtopgreendark.gif) no-repeat;
}
.middlesContainerGreenEnd
{
background: url(images/6-boxbottomgreendark.gif) bottom left no-repeat;
margin-bottom: 10px;
padding-bottom: 10px;
}
.endsContainerBlueBegin
{
background: url(images/6-boxtopbluedark.gif) no-repeat;
}
.endsContainerBlueEnd
{
background: url(images/6-boxbottombluedark.gif) bottom left no-repeat;
margin-bottom: 10px;
padding-bottom: 10px;
}
/**********************/
/* Select List Beemie */
/**********************/
#SelectListBeemie
{
min-height: 100%;
}
#slbSearchSelectWrapper
{
}
#slbSelect, #slbSearch
{
}
#slbSelect
{
}
#slbSearch
{
}
.slbCLContainer
{
}
#slbSelectLbl
{
}
/* select labels at left of slb page*/
#slbContentSubjectLbl, #slbSchoolLbl, #slbAgeGroupLbl, #slbStoryPartLbl, #slbSelectSearchBtn
{
float: left;
position: relative;
width: 160px;
margin: 1px;
clear: both;
}
.slbSelectDdl
{
float: right;
text-align: right;
width: 150px;
padding-bottom: 4px;
}
/* select ddls at left of slb page*/
#slbContentSubject, #slbSchool, #slbAgeGroup, #slbStoryPartNumber
{
position: relative;
margin: 1px;
width: 320px;
padding-bottom: 4px;
}
/*formatting of search side of slb*/
#slbAuthorNameLbl, #slbAuthorAgeLbl, #slbSchoolSearchLbl, #slbTitleLbl, #slbContentSubjectSearchLbl, #slbKeywordsLbl
{
}
.slbSearchLbl
{
float: left;
width: 150px;
padding-bottom: 8px;
}
#slbAuthorName, #slbAuthorAge, #slbSchoolSearch, #slbTitle, #slbContentSubjectSearch, #slbKeywords
{
clear: both;
position: relative;
left: 0px;
width: 350px;
}
#slbSearchSectionLbl
{
font-weight: bold;
position: relative;
width: 100px;
}
.slbSearchTxt
{
float: right;
margin: 1px;
width: 160px;
padding-bottom: 1px;
}
#slbBtnSearch, #slbSelectSearchBtn
{
clear: both;
float: left;
width: 150px;
margin-top: -5px;
}
.slbSearchNoResult
{
left: 0px;
position: relative;
width: 600px;
padding-bottom: 20px;
}
#slbErrorMsg
{
position:relative;
font: inherit;
color: White;
}
#slbSearchResultCB
{
position:relative;
padding: 20px;
width: 710px;
}
.slbCLContainer
{
position: relative;
}
.slbSearchResults
{
position:relative;
}
.white
{
font-size: inherit;
color: White;
}
/************************/
/* Styles Used in XSLTs - these style some of the individual contents of e.g slb
/* but may need to change styles in individual xslts if you want specifics - e.g. SelectListBeemie_ContentList2_xsl*/
/************************/
#slbResultCBContainer
{
position:relative;
}
#slbResultCB_AuthorName
{
position: absolute;
}
#slbResultCB_AuthorAge
{
left: 300px;
position: absolute;
}
#slbResultCB_AuthorSchool
{
left: 0px;
position: absolute;
}
#slbResultCB_Title
{
left:0px;
position: absolute;
}
#slbResultCB_Story
{
position: absolute;
}
#slbResultCLBeginAdd
{
position: relative;
}
/* styles the lists of beginnings, middles and ends.
To change e.g. the backgrounds of each category - go into the xslts for the relevant content list or block*/
.slbResultCLContainerOrange, .slbResultCLContainerGreen, .slbResultCLContainerBlue
{
margin-left: -2px;
margin-top: -5px;
width: 740px;
}
.slbResultCLContainerOrange
{
background: url(images/6-boxmidorangedark.gif) repeat-y;
}
.slbResultCLContainerGreen
{
background: url(images/6-boxmidgreendark.gif) repeat-y;
}
.slbResultCLContainerBlue
{
background: url(images/6-boxmidbluedark.gif) repeat-y;
}
.slbResultCLTitle, .slbResultCLAuthorName
{
font-family: Arial,Helvetica,sans-serif;
font-size:small;
color: White;
}
.slbResultCLAuthorName
{
font-weight: bold;
}
.ubOrangeContainer
{
background: url(images/6-boxmidorangedark.gif) repeat-y;
}
.slbResultCLStory
{
padding: 15px;
}
#slbResultCLAddMiddleOrange, #slbResultCLAddMiddleGreen, #slbResultCLAddMiddleBlue
{
left: 800px;
position: absolute;
top: 60px;
width: 100px;
}
.slbResultCLExpand a:link, .slbResultCLExpand a:active, .slbResultCLExpand a:hover, .slbResultCLExpand a:visited
{
font: inherit;
color: Black ;
}
/************/
/* MyBeemie */
/************/
#MyBeemie
{
position:relative;
}
#mybMainContent
{
position: relative;
}
#mybBeginningContainer, #mybMiddleContainer, #mybEndContainer
{
position: relative;
}
#mybMiddleContainer
{
}
#mybEndContainer
{
}
#mybAddMiddle
{
position: relative;
}
#mybBeginningImage
{
position: relative;
}
#mybBeginTitleOnly
{
position: relative;
font-size: 20px;
font-weight: bold;
font-variant: small-caps;
}
#mybStoryTitle
{
padding-top: 30px;
position: relative;
}
#mybStoryTitle h2
{
line-height: 24px;
}
#mybBeginTitle
{
padding-top: 30px;
position: relative;
line-height: 24px;
}
#mybBeginAuthor, #mybBeginAuthorName
{
position: relative;
line-height: 24px;
padding-top: 30px;
padding-bottom: 20px;
}
#mybBeginningAuthorContainer
{
position: relative;
margin-top: 20px;
}
/* this is where there is the problematic clear=both statement.
If we remove it we lose the beemie titles from ff. if we keep it
we lose all middle and end teasers from IE7*/
#mybBeginTeaser, .mybMiddleTeaser, .mybEndTeaser
{
padding: 20px;
margin-top: -2px;
}
#mybBeginTeaser
{
background: url(images/6-boxmidorangedark.gif) repeat-y;
}
.middlesContainerGreenMid
{
background: url(images/6-boxmidgreendark.gif) repeat-y;
padding-bottom: 15px;
margin-top: -2px;
}
.endsContainerBlueMid
{
background: url(images/6-boxmidbluedark.gif) repeat-y;
padding-bottom: 15px;
}
.myMiddleInnerContainer
{
clear: both;
position: relative;
}
.mybMiddleTitle, .mybEndTitle
{
position: relative;
margin-top: -2px;
padding-left: 30px;
padding-top:10px;
}
.mybMiddleTitle
{
}
.mybEndTitle
{
}
.mybMiddleAuthor, .mybEndAuthor
{
position: relative;
margin-left: 30px;
}
.mybMiddleStory
{
position: relative;
margin: 20px;
}
.mybMiddleExpand, .mybEndExpand
{
float: right;
margin-right: 20px;
margin-bottom: 20px;
}
.mybMiddleExpand a, .mybEndExpand a
{
font-weight: bold;
color: Black ;
}
.mybEndInnerContainer
{
clear: both;
position: relative;
}
#mybEndTitleText
{
clear: both;
position: relative;
font-size: 16px;
}
/**********/
/* Beemie */
/**********/
#beeBeginning, #beeMiddle, #beeEnd
{
width: 760px;
}
#beeBeginningStory, #beeMiddleStory, #beeEndStory
{
margin-top: -1px;
padding: 10px 20px 10px 30px;
}
#beeBeginningStory
{
background: url(images/6-boxmidorangedark.gif) repeat-y;
}
#beeMiddleStory
{
background: url(images/6-boxmidgreendark.gif) repeat-y;
}
#beeEndStory
{
background: url(images/6-boxmidbluedark.gif) repeat-y;
}
#beeBeginningImage
{
}
#beeMiddleImage
{
}
#beeEndImage
{
}
#beeComment
{
}
/*******************/
/* CreateBeemie, AddBeemieMiddle and End */
/*******************/
.leftFormNormal
{
float: left;
position: relative;
width: 150px;
margin: 1px;
padding-left: 10px;
padding-bottom: 7px;
clear: both;
}
.rightFormNormal
{
float: right;
text-align: right;
width: 150px;
padding-bottom: 1px;
}
.cbWrapper
{
width: 300px;
font-size: 13px;
}
.cbleftFormNormal
{
float: left;
position: relative;
width: 150px;
margin: 0px;
padding-left: 0px;
padding-bottom: 7px;
clear: both;
}
#cbStory .cbleftFormNormal
{
float: left;
position: relative;
width: 200px;
margin: 0px;
margin-top: 3px;
padding-left: 0px;
padding-bottom: 7px;
clear: both;
}
#cbStory .cbformbox
{
float: right;
text-align: right;
margin-top: 3px;
width: 150px;
padding-bottom: 1px;
}
#cbStory .cbWrapper
{
width: 400px;
}
.cbformbox
{
float: right;
text-align: right;
width: 150px;
padding-bottom: 1px;
}
#abmBeginningCB
{
}
#abmStoryBegin, #abeStoryBegin, #abeStoryMiddle
{
padding: 20px;
}
.abmResultCLContainerGreen
{
background: url(images/6-boxmidgreendark.gif) repeat-y;
padding: 10px;
margin-top: -2px;
}
.abeResultCLContainerBlue
{
background: url(images/6-boxmidbluedark.gif) repeat-y;
padding: 10px;
margin-top: -2px;
}
#abeStoryBegin, #abmStoryBegin
{
margin-top:-2px;
background: url(images/6-boxmidorangedark.gif) repeat-y;
}
#abeAuthorCB, #abeAuthorABM
{
margin-bottom: 10px;
font-weight: bold;
}
#abeStoryMiddle
{
background: url(images/6-boxmidgreendark.gif) repeat-y;
margin-top:-2px;
}
#abeMiddleCB
{
}
/*
#AddBeemieMiddle, #AddBeemieEnd
{
position:relative;
}
#abmName, #abeName
{
position: relative;
font-weight: bold;
width: 140px;
}
#abmAge, #abeAge
{
position: relative;
font-weight: bold;
width: 140px;
}
#abmCountry, #abeCountry
{
font-weight: bold;
position: relative;
width: 140px;
}
*/
#abmGender, #abeGender
{
padding-bottom: 20px;
}
.imageWrapper
{
font-size: 13px;
width: 290px;
}
.imageleftFormNormal
{
float: left;
position: relative;
width: 190px;
margin-top:10px;
clear: both;
}
.smallText
{
float: right;
font-size: 8px;
margin-top: -25px;
}
.imageFormBox
{
float: right;
text-align: right;
margin-top:10px;
width: 100px;
}
.submitWrapper
{
width: 370px;
}
.submitWrapper
{
font-size: 13px;
}
.submitleftFormNormal
{
float: left;
width:230px;
padding-top:4px;
clear: both;
}
.submitFormBox
{
float: right;
text-align: right;
padding-top:4px;
width: 140px;
}
.submitButtonWrapper
{
width: 360px;
}
.submitButtonleftFormNormal
{
float: left;
width:180px;
margin-left: 10px;
margin-right: 10px;
padding-top:4px;
clear: both;
}
.submitButtonFormBox
{
float: right;
text-align: right;
padding-top:5px;
width: 160px;
}
.ebSubmitButtonWrapper
{
width: 320px;
}
.ebSubmitButtonleftFormNormal
{
float: left;
width:180px;
margin-left: 0px;
margin-right: 0px;
padding-top:8px;
clear: both;
}
.ebSubmitButtonFormBox
{
float: right;
text-align: right;
padding-top:8px;
width: 140px;
}
/*
#abmMiddle, #abeMiddle
{
position: relative;
}
reinstate this below if working with JS editor:
.editor
{
width: 725px;
text-align: left;
padding-left: 12px;
padding-bottom: 20px;
padding-right: 5px;
background: url(images/6-boxlongdark.gif) no-repeat;
}
*/
.editorTextBox
{
width: 700px;
background-color:Silver;
font-family: Comic Sans MS;
font-size: 18px;
line-height: 24px;
color: Navy;
border: ridge 4px gray;
padding: 15px;
}
.NPeditorTextBox
{
width: 382px;
height: 515px;
background-color:Silver;
font-family: Comic Sans MS;
font-size: 18px;
line-height: 24px;
color: Navy;
border: ridge 4px #2586B3;
padding: 15px;
}
.CBTitletextbox
{
width: 375px;
font-weight: bold;
color: blue;
}
/*
#abmContainer, #abeContainer
{
position:relative;
}
#abmBeginning, #abeBeginning
{
font-weight: bold;
position:relative;
width:550px;
}
#abmImagePlaceholder, #abeImagePlaceholder
{
position:relative;
width:200px;
}
#abmInfo1, #abeInfo1
{
position:relative;
}
#abmInfo2, #abeInfo2
{
position:relative;
}
#abmInfo3, #abeInfo3
{
position:relative;
}
#abmInfo4, #abeInfo4, #cbInfo4
{
position:relative;
}
#abmInfo5, #abeInfo5
{
position:relative;
}
#abmInfo6, #abeInfo6, cbInfo6
{
position:relative;
}
#abmInfo7, #abeInfo7
{
position:relative;
}
#abmInfo8, #abeInfo8
{
position:relative;
}
#abmThumbnail, #abeThumbnail
{
position: relative;
}
*/
/* AddBeemieMiddle trying to copy master2col1col2col1col - but within cphMain div*/
#cphMain2 #middle .indent { padding:0 1px 29px 14px;}
#cphMain2 #middle2 .indent { padding:0 1px 29px 14px;}
#cphMain2 .boxes .padding {padding:10px 20px 20px 15px;}
#cphMain2 .boxes .content {padding:0px 0 0 0;}
#cphMain2 .boxes .content2 {padding:0px 0 0 0;}
#cphMain2 .columns {padding:1px 10px 3px 30px;}
#cphMain2 .columns .padding {padding:7px 10px 0 0;}
#cphMain2 #middle .column1 {width:370px;}
#cphMain2 #middle .column2 {width:370px;}
#cphMain2 #middle2 .column1 {width:370px;}
#cphMain2 #middle2 .column2 {width:370px;}
#cphMain2 .boxes .col1 {background:url(images/1_box1dark.gif) top left no-repeat; width:331px; height:180px;}
#cphMain2 .boxes .col2 {background:url(images/1_box2dark.gif) top left no-repeat; width:409px; height:180px;}
#cphMain2 #middle .column2 .cols {width:370px; padding:9px 20px 0 0;}
#cphMain2 #middle .column2 .col1 {width:190px;}
#cphMain2 #middle .column2 .col2 {width:160px;}
#cphMain2 #middle2 .column2 .cols {width:370px; padding:9px 0 0 0;}
#cphMain2 #middle2 .column2 .col1 {width:190px;}
#cphMain2 #middle2 .column2 .col2 {width:160px;}
/*cphMain3 was created to cope with the panels in abm, abe and cb*/
#cphMain3 #middle .indent { padding:0 12px 29px 14px;}
#cphMain3 #middle3 .indent { padding:0 12px 29px 14px;}
#cphMain3 .boxes .padding {padding:10px 20px 20px 15px;}
#cphMain3 .boxes .content {padding:0px 0 0 0;}
#cphMain3 .boxes .content2 {padding:0px 0 0 0;}
#cphMain3 .columns {padding:1px 10px 3px 30px;}
#cphMain3 .columns .padding{padding:7px 10px 0 0;}
#cphMain3 #middle .column1 {width:370px;}
#cphMain3 #middle .column2 {width:370px;}
#cphMain3 #middle3 .column1 {width:370px;}
#cphMain3 #middle3 .column2 {width:370px;}
#cphMain3 .boxes .col1 {background:url(images/1_box1dark.gif) top left no-repeat; width:331px;height:180px}
#cphMain3 .boxes .col2 {background:url(images/1_box2dark.gif) top left no-repeat; width:409px;}
#cphMain3 #middle .column2 .cols {width:370px; padding:9px 0 0 0;}
#cphMain3 #middle .column2 .col1 {width:190px;}
#cphMain3 #middle .column2 .col2 {width:160px;}
#cphMain3 #middle3 .column2 .cols {width:370px; padding:9px 0 0 0;}
#cphMain3 #middle3 .column2 .col1 {width:190px;}
#cphMain3 #middle3 .column2 .col2 {width:160px;}
/*******************/
/* User Beemie Listing */
/******************
.cbEditButton
{
margin-left: 100px;
}
*/
/*******************/
/* User Beemie Edit */
/*******************/
.UBEResultCLContainer
{
width: 740px;
}
.UBEResultCLTitle
{
float: left;
width: 600px;
font-family: Arial,Helvetica,sans-serif;
font-size:small;
color: White;
}
.UBEEdit
{
float: right;
width: 50px;
}
/******************/
/* Stories Portal */
/******************/
/* common formatting on the chapter boxes*/
.portChapter1, .portChapter2, .portChapter3, .portChapter4, .portChapter5, .portChapter6
{
width: 370px;
}
.portChapter1_Title, .portChapter2_Title, .portChapter3_Title, .portChapter4_Title, .portChapter5_Title, .portChapter6_Title
{
width: 330px;
font-size: 16px;
font-weight: normal;
color: yellow;
padding: 15px;
cursor: pointer;
}
.portChapter1_Summary, .portChapter2_Summary, .portChapter3_Summary, .portChapter4_Summary, .portChapter5_Summary, .portChapter6_Summary
{
width: 330px;
padding: 15px;
}
.portChapter1, .portChapter3, .portChapter5
{
float: left;
position: relative;
margin-top: 20px;
}
.portChapter2, .portChapter4, .portChapter6
{
float: right;
position: relative;
margin-top: 20px;
}
.chapterWrapperTop
{
background:url(images/3-box1topdark.gif) top left no-repeat;
padding-bottom: 14px;
}
.chapterWrapperBottom
{
background:url(images/3-box1bottomdark.gif) bottom left no-repeat;
padding-top: 14px;
padding-bottom: 14px;
}
.chapterWrapper
{
background:url(images/3-box1middark.gif) repeat-y;
margin: 0;
padding-bottom: 14px;
}
/******************/
/* Stories */
/******************/
.storyDetails, .storyDetailsBold
{
margin-top: 7px;
}
.storyDetailsBold a
{
color: yellow ;
font-weight: bold;
}
#storyImg1, #storyImg2, #storyImg3
{
float: left;
padding: 5px;
}
#storyComments
{
padding-bottom: 200px;
padding-top: 10px;
}
/*wrappers for comments*/
.commentWrapper
{
background:url(images/6-boxtop740dark.gif) top left no-repeat;
padding-top: 13px;
margin-top: 5px;
width: 740px;
}
.storyFinalParaList
{
margin-top: 5px;
margin-bottom: 10px;
padding-bottom: 10px;
width: 720px;
}
.commentWrapperMiddle
{
width: 740px;
font-size: 1.25em;
background:url(images/6-boxmid740dark.gif) repeat-y;
padding: 0px;
padding-left: 10px;
padding-bottom: 26px;
}
.commentWrapperMiddleFinalParas
{
width: 740px;
background:url(images/6-boxmid740dark.gif) repeat-y;
padding: 0px;
padding-left: 10px;
}
.commentWrapperBottom
{
background:url(images/6-boxbottom740dark.gif) bottom left no-repeat;
padding-bottom: 13px;
width: 740px;
margin-bottom:150px;
}
/*wrappers for additional bits like paras etc.*/
.addWrapper
{
background:url(images/6-boxtop740dark.gif) top left no-repeat;
padding-top: 13px;
margin-top: 5px;
width: 740px;
}
.addWrapperMiddle
{
width: 740px;
background:url(images/6-boxmid740dark.gif) repeat-y;
padding: 0px;
padding-left: 10px;
padding-bottom: 5px;
}
.addWrapperBottom
{
background:url(images/6-boxbottom740dark.gif) bottom left no-repeat;
padding-bottom: 13px;
width: 740px;
}
/******************/
/* Quick Stories */
/******************/
.storyDetails
{
margin-top: 7px;
}
#storyImage1, #storyImage2, #storyImage3
{
float: left;
padding: 5px;
}
.qstoryMain
{
line-height: 30px;
font-family: Arial ;
font-size:large;
color: Yellow;
}
.qstoryTitle
{
font-size:25px;
margin-top: 30px;
color: Lime;
}
#qstoryAddPic
{
padding-bottom: 20px;
}
#qstoryComments
{
padding-bottom: 200px;
}
#qstoryComment
{
}
/******************/
/* Chapters */
/******************/
.instalmentSummary
{
float: left;
position: relative;
}
.instalmentSummaryTop
{
background:url(images/3-box1topdark.gif) top left no-repeat;
padding-top: 14px;
width: 370px;
}
.instalmentSummaryBottom
{
background:url(images/3-box1bottomdark.gif) bottom left no-repeat;
padding-bottom: 14px;
width: 370px;
margin-bottom: 10px;
}
.instalmentSummaryWrapper
{
background:url(images/3-box1middark.gif) repeat-y;
width: 370px;
}
#chapInstal1_Summary, #chapInstal1_Title
{
width: 330px;
margin-left: 10px;
}
#chapInstal1_Title h2, h3
{
color: Yellow !important;
}
.instalmentPDFMP3
{
float: right;
position: relative;
width: 300px;
}
.instalmentPDFMP3Top
{
background:url(images/6-boxtopgreen300dark.gif) top left no-repeat;
padding-top: 13px;
width: 300px;
}
.instalmentPDFMP3Bottom
{
background:url(images/6-boxbottomgreen300dark.gif) bottom left no-repeat;
padding-bottom: 13px;
width: 300px;
margin-bottom: 10px;
}
.instalmentPDFMP3Wrapper
{
background:url(images/6-boxmidgreen300dark.gif) repeat-y;
width: 300px;
}
.instalmentPDFMP3Wrapper a:link, .instalmentPDFMP3Wrapper a:active, .instalmentPDFMP3Wrapper a:hover, .instalmentPDFMP3Wrapper a:visited
{
font: inherit;
color: Black ;
}
.storyOnline, .storyPDF, .storyMP3
{
padding: 5px;
margin-left: 20px;
padding-left: 40px;
}
.storyOnline
{
background:url(images/webwritedark.gif) no-repeat;
}
.storyPDF
{
background:url(images/acrobat3dark.gif) no-repeat;
}
.storyMP3
{
background:url(images/ipoddark.gif) no-repeat;
}
/******************/
/* Families Main */
/******************/
#famBlurb
{
margin-bottom: 20px;
}
#famInfoLeft
{
width: 80px;
float: left;
}
#famInfoRight
{
width: 120px;
float: right;
margin-top: -60px;
}
#famInfo
{
width: 220px;
height: 150px;
}
/******************/
/* Teachers */
/******************/
.teachContent
{
margin-top: -30px;
}
.teachButton, .teachButtonBlack
{
margin-bottom: 3px;
padding: 1px;
text-align:center;
width: 210px;
border: ridge 2px gray;
}
.teachButton a
{
text-decoration: none;
color: Black ;
}
.teachButton
{
background-color: #2586B3;
}
.teachButtonBlack a
{
text-decoration: none;
color: white ;
}
.teachButtonBlack
{
background-color: black;
}
/******************/
/* Teacher Approval*/
/******************/
.apprSummary
{
margin: 2px;
margin-bottom: 4px;
padding: 2px;
font: inherit;
color: black;
background-color:GrayText;
}
.apprTeaser
{
margin: 2px;
margin-bottom: 4px;
padding: 2px;
background-color:GrayText;
}
.apprLinks
{
width: 200px;
margin-bottom: 10px;
}
.apprApprove, .apprUnApproveLink
{
float: left;
width: 80px;
margin-bottom: 10px;
}
.apprReject, .apprDelete
{
width: 80px;
float: right;
margin-bottom: 10px;
}
/******************/
/*for Schools Picker*/
/******************/
#spdivMain
{
background-color: Black;
}
.spFormWrapper
{
width: 820px;
font: inherit;
color: White;
}
.spFormWrapper h2
{
margin-bottom: 20px;
}
.spformWrapperNormal
{
font: inherit;
color: White;
}
.spleftFormNormal
{
float: left;
margin: 2px;
width: 400px;
padding-bottom: 10px;
}
.spFormBox
{
float: right;
position: relative;
text-align: left;
width: 400px;
}
/*for ClassSchool*/
.classWriteContent, .classReadContent
{
margin-top: -20px;
padding-left: 110px;
height: 120px;
width: 110px;
}
.classReadContent
{
background:url(images/2-p1dark.jpg) top left no-repeat;
}
.classWriteContent
{
background:url(images/5-p1dark.jpg) top left no-repeat;
}
/**********/
/* Beemie Certificate*/
/**********/
#beeCertBodyTag
{
width: 760px;
}
#beeCertLink
{
margin-top: 10px;
margin-bottom: 10px;
}
#beeCertBeemie
{
width: 760px;
text-align: left;
}
.beeCertWrapper
{
background:url(images/certtopdark.gif) top left no-repeat;
padding-top: 70px;
margin-top: 10px;
}
#beeCertBottom
{
background:url(images/certbottomdark.gif) bottom left no-repeat;
padding-bottom: 60px;
margin-bottom: 10px;
}
.beeCertMid
{
background: url(images/certmiddark.gif) repeat-y;
padding: 20px 60px 20px 70px;
}
#beeCertBeemie p
{
}
p.asterisk
{
text-align: center;
}
#beeCertTitle
{
padding: 0 10px 0 10px;
z-index: 10;
font-size:x-large;
font-variant: small-caps;
font-weight: bold;
clear: both;
}
#authors
{
padding: 15px 10px 0 10px;
position: relative;
text-align:left;
font-size: 100%;
}
#authors ul
{
display:block;
}
#authors li
{
float:left;
font-weight:normal;
padding-right: 10px;
list-style:none;
}
#beeCertBeginningContainer, #beeCertMiddleContainer, #beeCertEndContainer
{
position: relative;
margin-top: 40px;
padding: 0;
}
#beeCertBeginning, #beeCertMiddle, #beeCertEnd
{
padding: 15px;
}
#beeCertBeginningAuthor, #beeCertMiddleAuthor, #beeCertEndAuthor
{
position: absolute;
top: 0em;
left: 50px;
font-size: 100px;
color: Gray;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
-moz-opacity:0.20;
}
#beeCertBeginningStory, #beeCertMiddleStory, #beeCertEndStory
{
text-align: justify;
}
/**********/
/* About Kidscapism*/
/**********/
#aboutKSText
{
margin-top: -50px;
padding: 4px;
text-align:center;
border: ridge 3px gray;
background-color: Black;
}
.aboutKSTopMargin
{
margin-top: -30px;
margin-left: 15px;
}
/**********/
/* Add to Stories*/
/**********/
#addstoryMain
{
width: 750px;
margin-left: 10px;
}
#addstoryNotify
{
margin: 10px;
}
.finalPara
{
margin: 10px;
}
.genericContainerBlueBegin
{
background: url(images/6-boxtopbluedark.gif) no-repeat;
padding-top: 10px;
}
.genericContainerBlueEnd
{
background: url(images/6-boxbottombluedark.gif) bottom left no-repeat;
padding-bottom: 10px;
}
.genericContainerBlueMid
{
background: url(images/6-boxmidbluedark.gif) repeat-y;
padding-left: 20px;
padding-right: 20px;
}
#addstoryApproval
{
margin-top: 10px;
}
#addstoryOriginal
{
margin: 10px;
}
#addstoryComment
{
margin-left: 5px;
margin-bottom: 20px;
}
#addstorySubmit
{
margin-left: 10px;
}
.addstoryFormWrapper
{
width: 700px;
font: inherit;
margin-bottom: 20px;
}
.addstoryFormBox
{
float: right;
width: 300px;
}
.addstoryleftFormNormal
{
float: left;
width: 300px;
}
#storyFinalParaContent, #storyWhatNextContent, #storyTodaysTaskContent
{
}
#storyFinalParaContent
{
}
/**********/
/* Picture Popup*/
/**********/
#PicturePopup
{
padding: 50px;
padding-bottom: 80px;
background:url(images/body_bgdark.gif);
}
.picpopBlurb
{
margin-bottom: 20px;
}
.picpopsubmitWrapper
{
width: 500px;
font-size: 13px;
}
.picpopsubmitleftFormNormal
{
float: left;
width:230px;
padding-top:4px;
font-weight: bold;
color: Orange;
clear: both;
}
.picpopsubmitFormBox
{
float: right;
text-align: right;
padding-top:4px;
width: 110px;
}
.picpopformWrapper
{
width: 400px;
font: inherit;
}
.picpopformWrapper h2
{
margin-bottom: 20px;
}
.picpopformWrapperNormal
{
width: 500px;
}
.picpopleftFormNormal
{
float: left;
width: 250px;
font-weight: bold;
color: Orange;
padding-bottom: 10px;
}
.picpopformBox
{
float: right;
position: relative;
left: 0px;
width: 200px;
}
#picpopUploadBtn
{
margin-top: 20px;
}
/*Picture Gallery*/
#gallContainer
{
width: 700px;
}
#gallContainerLeft
{
float: left;
width: 150px;
margin-top: -20px;
}
#gallContainerRight
{
float: right;
width: 500px;
margin-left: 20px;
margin-top: -20px;
}
.gallFormWrapper
{
width: 420px;
font: inherit;
padding-left: 20px;
}
.gallformWrapperNormal
{
width: 400px;
}
.gallleftFormNormal
{
float: left;
width: 200px;
padding-bottom: 10px;
}
.gallFormBox
{
float: right;
position: relative;
width: 200px;
}
/* gallery display*/
#gallResults
{
background:url(images/6-boxbottom740dark.gif) bottom left no-repeat;
width: 740px;
}
#gallFeedback
{
background:url(images/6-boxbottom740dark.gif) top left no-repeat;
padding-left: 20px;
padding-bottom: 20px;
width: 740px;
}
#gallResults #Category
{
position: relative;
}
#gallResults p
{
font-family: Tahoma, Arial, Sans-Serif;
margin: 0, 6px;
padding-bottom: 0px;
}
#gallResults ul
{
font-family: Tahoma, Arial, Sans-Serif;
margin: 0, 6px;
padding: 0;
}
#gallResults img
{
display: block;
margin: 0 auto 5px auto;
border: 1px solid #ccc;
border-bottom-color: #eee;
border-left-color: #ddd;
border-top-color: #bbb;
width: 75px;
height: 75px;
}
#gallResults p.imgPic
{
margin: 0 0 10px 0;
float: left;
width: 80px;
text-align: center;
background-color: #fff;
}
#gallResults p.imgPicDiv
{
margin: 5px;
float: left;
width: 80px;
text-align: center;
background-color: #fff;
}
#gallResults p.imgPic a
{
display: block;
float: left;
margin: 0;
padding: 0;
border: 1px solid #ccc;
border-top-color: #eee;
border-right-color: #ddd;
border-bottom-color: #bbb;
background-color: #fff;
text-align: center;
}
#gallResults p.imgPic a:hover;
{
border-color: #ccc;
background-color: #eee;
}
#gallResults p.imgPicName
{
clear: left;
}
#gallResults #contentTop
{
background:url(images/6-boxtop740dark.gif) top left no-repeat;
padding-top: 13px;
width: 740px;
}
#gallResults #content2
{
width: 740px;
font-size: 1.25em;
background:url(images/6-boxmid740dark.gif) repeat-y;
padding: 0px;
padding-bottom: 26px;
}
#gallResults ul.thumbnails
{
margin: 0;
padding-left: 20px;
float: left;
text-align: center;
background:url(images/6-boxmid740dark.gif) repeat-y;
line-height: 1em;
list-style: none;
width: 740px;
margin-bottom: -5px;
}
#gallResults ul.thumbnails li
{
display: inline;
margin: 0;
padding: 0;
}
#gallResults p.imgPic a, ul.thumbnails a
{
display: block;
float: left;
margin: 0;
padding: 0;
border: 1px solid #ccc;
border-top-color: #eee;
border-right-color: #ddd;
border-bottom-color: #bbb;
background-color: #fff;
text-align: left;
}
#gallResults p.imgPic a:hover, ul.thumbnails a:hover
{
border-color: #ccc;
background-color: orange;
}
#gallResults ul.thumbnails a
{
width: 80px;
margin-right: 10px;
margin-bottom: 10px;
}
#previewBeemie
{
margin: 20px;
}
/*Blogs*/
.blogHome2
{
font-family: font-family: Arial,Helvetica,sans-serif;
width: 210px;
margin-top: 85px;
font-size: 14px;
color: Yellow;
}
.blogTeachers
{
font-family: font-family: Arial,Helvetica,sans-serif;
color: Yellow;
width: 500px;
}
#calendarBlog
{
float: left;
width: 200px;
margin-top: -3px;
}
.tinyText
{
font-size: 10px;
color: White;
}
.ekcommentheader
{
font-size: 18px;
}
.ekcommentdata
{
font-size: 10px;
visibility:hidden;
}
.ekcommentlabel
{
margin-bottom: 5px;
visibility:hidden;
}
.ekcommenttext textarea
{
margin-top: 5px;
}
.ekcommenttext input
{
margin-top: 20px;
}
.KSBlog td .blogpostemail, td .blogpostvisit
{
font-size: 12px;
}
/*******************/
/* Create Worksheet*/
/*******************/
.CWWrapper
{
width: 730px;
font-size: 13px;
}
.CWleftFormNormal
{
float: left;
position: relative;
width: 300px;
margin: 0px;
padding-left: 0px;
padding-bottom: 7px;
clear: both;
}
.CWFormBox
{
float: right;
text-align: right;
width: 420px;
padding-bottom: 1px;
}
.CWTextBox
{
float: right;
background-color: #CCCCFF;
padding: 2px;
width: 420px;
border: inset 1px gray;
}
/**********************/
/* Select List Worksheet */
/**********************/
#slWSSelect
{
padding-top: 5px;
}
.slWSpadding
{
padding-top: 6px;
}
/* select labels at left of slWS page*/
.slWSLabel
{
float: left;
position: relative;
width: 160px;
margin: 1px;
clear: both;
}
.slWSSelectDdl
{
float: right;
text-align: right;
width: 150px;
padding-bottom: 4px;
}
/* select ddls at left of slWS page*/
.slWSWrapper
{
position: relative;
margin: 1px;
width: 320px;
padding-bottom: 4px;
}
/************************/
/* Styles Used in XSLTs - these style some of the individual contents of e.g slWS
/* but may need to change styles in individual xslts if you want specifics - e.g. SelectListBeemie_ContentList2_xsl*/
/************************/
#slWSResultCBContainer
{
position:relative;
}
#slWSResultCB_AuthorName
{
position: absolute;
}
#slWSResultCB_AuthorAge
{
left: 300px;
position: absolute;
}
#slWSResultCB_AuthorSchool
{
left: 0px;
position: absolute;
}
#slWSResultCB_Title
{
left:0px;
position: absolute;
}
#slWSResultCB_Story
{
position: absolute;
}
#slWSResultCLBeginAdd
{
position: relative;
}
/* styles the lists of beginnings, middles and ends.
To change e.g. the backgrounds of each category - go into the xslts for the relevant content list or block*/
.slWSResultCLContainerBlue, .slWSResultCLContainerGreen, .slWSResultCLContainerOrange
{
margin-left: -2px;
margin-top: -5px;
width: 740px;
}
.slWSResultCLContainerBlue
{
background: url(images/6-boxmidbluedark.gif) repeat-y;
margin-left:0;
}
.slWSResultCLContainerGreen
{
background: url(images/6-boxmidgreendark.gif) repeat-y;
margin-left:0;
}
.slWSResultCLContainerOrange
{
background: url(images/6-boxmidorangedark.gif) repeat-y;
margin-left:0;
}
.slWSResultCLTitle, .slWSResultCLAuthorName
{
font-family: Arial,Helvetica,sans-serif;
font-size:small;
color: white;
}
.slWSResultCLAuthorName
{
font-weight: bold;
}
.ubblueContainer
{
background: url(images/6-boxmidbluedark.gif) repeat-y;
}
.slWSResultCLStory
{
padding: 15px;
}
/* Beemie Selector*/
#BSWrapper
{
width: 700px;
height: 400px;
}
#BSTable
{
position: absolute;
top: 370px;
margin-top: 20px;
font-weight: normal;
color: White;
}
#BSTable label
{
font-weight: normal;
color: White;
}
#BSIntroText
{
margin-top: 10px;
}
.BSImage img
{
width: 80px;
height: 80px;
}
#BSStory
{
position: absolute;
margin-left: 70px;
margin-top: 10px;
}
#BSNews
{
position: absolute;
margin-left: 70px;
margin-top: 150px;
}
#BSPlay
{
position: absolute;
margin-left: 330px;
margin-top: 150px;
}
#BSLetter
{
position: absolute;
margin-left: 330px;
margin-top: 10px;
}
#BSInstructions
{
position: absolute;
margin-left: 550px;
margin-top: 150px;
}
#BSImageWrapper
{
width: 600px;
}
#BSPoem
{
position: absolute;
margin-left: 550px;
margin-top: 10px;
}
#BSSubmit
{
margin-top: -30px;
}
/*Worksheet basic settings*/
/*border is approximately A4 size*/
#WSBorder
{
position: absolute;
width: 700px;
height: 1050px;
padding: 20px;
background-image:url(images/greybackgrounddark.gif);
}
#WSDate
{
position: absolute;
right: 40px;
top: 40px;
}
#WSTitle
{
position: absolute;
width: 700px;
top: 90px;
}
#WSSummaryWrapper
{
position: absolute;
width: 700px;
top: 160px;
}
#WSSummary
{
position: absolute;
height: 60px;
width: 700px;
}
#WSObjectivesWrapper
{
position: absolute;
width: 700px;
top: 280px;
}
#WSObjectives
{
position: absolute;
height: 150px;
width: 700px;
}
#WSBorder #howToFindBlurb
{
position: absolute;
height: 100px;
top: 470px;
width: 700px;
text-align: center;
}
#WSBorder #rememberBlurb
{
position: absolute;
height: 100px;
bottom: 30px;
width: 700px;
text-align: center;
}
#WSBorder #howToFindBlurb p, #WSBorder #rememberBlurb p
{
width: 400px;
font-weight: bold;
color: Navy;
text-align: center;
}
#WSBorder .WSHeadingText
{
color: Green;
margin-bottom: 10px;
}
#WSBorder .links
{
background:url(images/blobsdark.gif) no-repeat;
padding-bottom: 5px;
}
#WSLinksBox
{
padding-left: 25px;
padding-top: 20px;
}
#WSCategory
{
position: absolute;
bottom: 20px;
left: 30px;
}
#WSBorder .WSText
{
padding: 10px;
}
#WSBorder #taskResultWrapper
{
position: absolute;
top: 600px;
width: 700px;
}
#WSBorder #taskWrapper
{
float: left;
width: 280px;
height: 350px;
}
#WSBorder #resultWrapper
{
float: right;
text-align: left;
width: 380px;
height: 350px;
}
#WSTeacherName
{
position: absolute;
bottom: 20px;
right: 30px;
}
#WSYearGroup
{
position: absolute;
width: 700px;
top: 40px;
text-align: center;
}
#WSBorder h1
{
font-size: 20px;
padding-bottom: 20px;
text-align: center;
}
#WSBorder h2
{
font-size: 20px;
font-weight: normal;
padding-bottom: 10px;
text-align: center;
}
#WSBorder h3
{
font-size: 14px;
font-weight: bold;
padding: 10px;
}
#WSBorder h4
{
font-size: 14px;
font-weight: normal;
color: navy;
}
.blogHome li, div
{
margin:0in;
margin-bottom:.0001pt;
font-size:10px;
font-family: Arial,Helvetica,sans-serif ;
}
.blogHome p
{
margin:0in;
margin-bottom:.0001pt;
line-height: 10px;
font-size:11px;
font-family: Arial,Helvetica,sans-serif ;
}
.KSBlog li, div
{
font-size:12px;
font-family: Arial,Helvetica,sans-serif ;
}
.KSBlog p
{
margin:0in;
margin-bottom:.0001pt;
line-height: 12px;
font-size:12px;
font-family: Arial,Helvetica,sans-serif ;
}
/*///////////////////////////////////////////////////////////////
~CSS File for Ektron Blogs
///////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////
~LAYOUT STYLES
/////////////////////////////////////////////*/
.blogHome div.blog{position:relative;margin:0;padding:0;}
.blogHome div.blogEntries{float:left; width:240px;}
.blogHome div.blogSidebar{width:240px;float:right;top:0;right:0;padding:0 5px 0 5px;}
.KSBlog div.blog{position:relative;margin:0;padding:0;}
.KSBlog div.blogEntries{float:left;}
.KSBlog div.blogSidebar{float:right;top:0;right:0;padding:0 5px 0 5px;}
#parentsTFTD
{padding-top: 20px;}
#parentsTFTDText
{margin-top: 25px; font-size: 13px; font-weight: bold; color: white }
/*//////////////////////////////////////////////
~HEADER STYLES
/////////////////////////////////////////////*/
.blogHome div.blogHeader{background-color:transparent; margin-bottom: 2px;}
.blogHome h1.blogTitle{color:yellow;font-size:16px; font-weight: normal; padding:1px 2px 0px 2px;margin:0;margin-bottom: 20px; font-family: font-family: Arial,Helvetica,sans-serif;}
.blogHome h2.blogSubhead{color:#CCC;font-size:large;padding:1px 2px 0px 2px;margin:0;}
.blogHome span.date{display:block;background-color:#0066CC;font-weight:bold;font-size:small;padding:2px 2px 2px 10px;}
.blogHomeParents div.blogHeader{background-color:transparent; margin-bottom: 0px;}
.blogHomeParents h1.blogTitle{color:blue;font-size:1px; font-weight: bold; padding:1px 2px 0px 2px;margin:0; font-family: Tahoma, Arial, Sans-Serif;}
.blogHomeParents h2.blogSubhead{color:#CCC;font-size:large;padding:1px 2px 0px 2px;margin:0;}
.blogHomeParents span.date{display:block;background-color:#0066CC;font-weight:bold;font-size:small;padding:2px 2px 2px 0px;}
.KSBlog div.blogHeader{background-color:transparent; margin-bottom: 2px;}
.KSBlog h1.blogTitle{color:yellow;font-size:18px; font-weight: normal; padding:1px 2px 0px 2px;margin:0;font-family: font-family: Arial,Helvetica,sans-serif;}
.KSBlog h2.blogSubhead{color:#CCC;font-size:large;padding:1px 2px 0px 2px;margin:0;}
.KSBlog span.date{display:block;background-color:#0066CC;font-weight:bold;font-size:small;padding:2px 2px 2px 10px;}
/*//////////////////////////////////////////////
~Entry STYLES
/////////////////////////////////////////////*/
.blogHome div.entry{border-bottom:1px solid #CCC;margin:0; margin-bottom: 4px;}
.blogHome div.entry .tags{display:none;}
.blogHome h3.entryTitle{height: 20px; vertical-align: middle; font-size:12px; font-weight: bold; background-image: url(images/1_boxblogdark.gif);margin:0;padding:2px; padding-left: 10px; }
.blogHome h3.entryTitle a{font-size:12px; font-weight: bold;}
.blogHome div.entryBody{padding:0 2px 0 2px;margin:0; margin-top: -10px; font-size:smaller; line-height: 14px;}
.blogHome div.entryFooter{color:gray;font-size:x-small;padding:2px 2px 4px 2px;text-align:right;line-height: 14px;}
.blogHome div.entryFooter a {font-size: 10px;}
.blogHome .entrypermalink{margin: 0; padding: 0; display: none;}
.blogHome .eksubscribelink{display: none;}
.blogHomeParents div.entry{margin:0; margin-bottom: 0px;}
.blogHomeParents div.entry .tags{display:none;}
.blogHomeParents h3.entryTitle{height: 0px; vertical-align: middle; font-size:12px; font-weight: bold; ;margin:0;padding:0px; padding-left: 0px; }
.blogHomeParents h3.entryTitle a{font-size:12px; font-weight: bold; display: none;}
.blogHomeParents div.entryBody{padding:0 0px 0 0px;margin:0; margin-top: -12px; font-size:12px; line-height: 14px;}
.blogHomeParents div.entryBody p{padding:0 2px 0 0px;margin:0; margin-top: 0px; font-size:12px; line-height: 14px;}
.blogHomeParents div.entryFooter{color:gray;font-size:x-small;padding:2px 2px 4px 2px;text-align:right;line-height: 10px; display: none;}
.blogHomeParents div.entryFooter a {font-size: 10px; display: none;}
.blogHomeParents .entrypermalink{margin: 0; padding: 0; display: none;}
.blogHomeParents .eksubscribelink{display: none;}
.blogHome2 div.entry{border-bottom:1px solid #CCC;margin:0; margin-bottom: 4px;}
.blogHome2 h3.entryTitle{font-size:12px; font-weight: bold; background-image: url(images/1_boxblogdark.gif);margin:0;padding:2px; padding-left: 10px; }
.blogHome2 h3.entryTitle a{font-size:12px; font-weight: bold;}
.blogHome2 h4{font-weight:normal; color: Yellow; margin-bottom: 3px;}
.blogHome2 div.entryBody{padding:0 2px 0 2px;margin:0; margin-top: -10px; font-size:smaller; line-height: 12px;}
.blogHome2 div.entryFooter{color:gray;font-size:x-small;padding:2px 2px 4px 2px;text-align:right;line-height: 12px;}
.blogHome2 div.entryFooter a {font-size: 10px;}
.blogHome2 .entrypermalink{margin: 0; padding: 0; display: none;}
.blogHome2 .eksubscribelink{display: none;}
.KSBlog div.entry{border-bottom:1px solid #CCC;margin:0; margin-bottom: 4px;}
.KSBlog div.entry .tags{display: none;}
.KSBlog h3.entryTitle{font-size:12px; font-weight: bold; margin:0;padding:2px; padding-left: 0px; }
.KSBlog h3.entryTitle a{font-size:12px; font-weight: bold;}
.KSBlog div.entryBody{padding:0 2px 0 2px;margin:0; margin-top: -10px; font-size:smaller; line-height: 12px;}
.KSBlog div.entryFooter{color:gray;font-size:x-small;padding:2px 2px 4px 2px;text-align:right;line-height: 12px;}
.KSBlog div.entryFooter a {font-size: 10px;}
.KSBlog .entrypermalink{margin: 0; padding: 0; display: none;}
.KSBlog .eksubscribelink{display: none;}
/*//////////////////////////////////////////////
~CALENDAR STYLES
/////////////////////////////////////////////*/
.blogHome table.calendarTable{border:1px solid #999;background-color:#EEE;text-align: center; clear: both;}
.blogHome tr.monthRow{background-color:#2586B3;color:#FFF;font-weight:bold; text-align: center;}
.blogHome td.prevMonth, td.nextMonth{width:8px;text-align:center; font-size: 8px;}
.blogHome td.prevMonth a, td.nextMonth a{color:#CCC;font-weight:normal;font-size:8px;}
.blogHome td.currentMonth{width:50px;text-align:center;}
.blogHome td.currentMonth a {font-size: 8px; }
.blogHome tr.dayNamesRow{font-size:8px;color:#666;}
.blogHome tr.weekRow td{text-align:center;line-height: 6px;}
.blogHome td.inactiveDay{font-size:8px;background-color:#FFF;}
.blogHome td.activeDay{background-color:#CCC;font-size:8px; }
.blogHome td.activeDay a {font-size: 8px; font-weight: bold;}
.blogHome2 table.calendarTable{text-align: center; clear: both; width: 163px;}
.blogHome2 tr.monthRow{margin:0; margin-bottom: -10px; padding:0; font-weight:bold; background-image: url(images/1_boxblog2dark.gif); height: 25px; text-align: center;}
.blogHome2 td.prevMonth, td.nextMonth{width:10px;text-align:center; font-size: 10px;}
.blogHome2 td.prevMonth a, td.nextMonth a {font-weight:normal;font-size:10px;}
.blogHome2 td.currentMonth{width:163px;text-align:center;}
.blogHome2 td.currentMonth a {font-size: 10px; }
.blogHome2 tr.dayNamesRow{font-size:10px; margin-top: -5px;}
.blogHome2 tr.weekRow td{text-align:center;line-height: 10px;}
.blogHome2 td.inactiveDay{font-size:10px;}
.blogHome2 td.activeDay{font-size:10px; }
.blogHome2 td.activeDay a {font-size: 10px; font-weight: bold;}
.KSBlog table.calendarTable{text-align: center; clear: both; width: 174px;}
.KSBlog tr.monthRow{margin:0; margin-bottom: -10px; padding:0; font-weight:bold; height: 25px; text-align: center;}
.KSBlog td.prevMonth, td.nextMonth{width:10px;text-align:center; font-size: 10px;}
.KSBlog td.prevMonth a, td.nextMonth a {font-weight:normal;font-size:10px;}
.KSBlog td.currentMonth{width:140px;text-align:center;}
.KSBlog td.currentMonth a {font-size: 10px; }
.KSBlog tr.dayNamesRow{font-size:10px; margin-top: -5px;}
.KSBlog tr.weekRow td{text-align:center;line-height: 10px;}
.KSBlog td.inactiveDay{font-size:10px;}
.KSBlog td.activeDay{font-size:10px; }
.KSBlog td.activeDay a {font-size: 10px; font-weight: bold;}
.blogTeachers table.calendarTable{text-align: center; clear: both; width: 200px;}
.blogTeachers tr.monthRow{font-size: 4px; margin:0; margin-bottom: -10px; padding:0; font-weight:bold; height: 25px; text-align: center;width: 200px;}
.blogTeachers td.prevMonth, td.nextMonth{width:10px;text-align:center; font-size: 10px;}
.blogTeachers td.prevMonth a, td.nextMonth a {font-weight:normal;font-size:10px;}
.blogTeachers td.currentMonth{width:200px;text-align:center;}
.blogTeachers td.currentMonth a {font-size: 10px; }
.blogTeachers tr.dayNamesRow{width: 200px; font-size:10px; margin-top: -5px;}
.blogTeachers tr.weekRow td{text-align:center;line-height: 10px;}
.blogTeachers td.inactiveDay{font-size:10px;}
.blogTeachers td.activeDay{font-size:10px; }
.blogTeachers td.activeDay a {font-size: 10px; font-weight: bold;}
.KSBlog #calWrapper {width: 400px;}
.KSBlog #calDiv {width: 210px; float: left;}
.KSBlog #catDiv {width: 180px; float: left; margin-top: 0px; text-align: left;}
.KSBlog #subsDiv {float: left; margin-top: 30px;}
/*//////////////////////////////////////////////
~BLOGROLL STYLES
/////////////////////////////////////////////*/
.blogHome div.blogSidebar h4{color:#666;font-size:medium;padding-bottom:3px;border-bottom:1px solid #999;margin:5px 0 5px 0;}
.blogHome div.blogRoll ul{margin:0;padding:0 0 0 5px;list-style-type:none;}
.blogHome div.blogArchive ul{margin:0;padding:0 0 0 5px;list-style-type:none;}
.blogHome .blogrolllink { }
.KSBlog div.blogSidebar h4{color:#666;font-size:medium;padding-bottom:3px;border-bottom:1px solid #999;margin:5px 0 5px 0;}
.KSBlog div.blogRoll ul{margin:0;padding:0 0 0 5px;list-style-type:none;}
.KSBlog div.blogArchive ul{margin:0;padding:0 0 0 5px;list-style-type:none;}
.KSBlog .blogrolllink { }
/*//////////////////////////////////////////////
~BLOGCATEGORIES STYLES
/////////////////////////////////////////////*/
.blogHome2 div.blogSidebar h4{color:#666;font-size:medium;padding-bottom:3px;border-bottom:1px solid #999;margin:5px 0 5px 0;}
.blogHome2 div.blogCategories ul{margin:0; margin-left: 10px;padding:0 20px 10px 5px; text-align: center; display:block}
.blogHome2 div.blogCategories ul li {float:left; margin-right: 10px; margin-bottom: 10px; list-style: none;}
.blogHome2 div.blogCategories ul li a {font-size: 12px; clear: both;}
.blogHome2 .blogcatlink { }
.KSBlog div.blogSidebar h4{color:#666;font-size:medium;padding-bottom:3px;border-bottom:1px solid #999;margin:0px 0 0px 0;}
.KSBlog div.blogCategories ul{margin:0; margin-left: 0px;padding:0 20px 0px 5px; text-align: left; display:block}
.KSBlog div.blogCategories ul li {float:left; margin-right: 6px; margin-bottom: 10px; list-style: none;}
.KSBlog div.blogCategories ul li a {font-size: 12px; clear: both;}
.KSBlog .blogcatlink { }
/*//////////////////////////////////////////////
~BLOGRECENTPOSTS STYLES
/////////////////////////////////////////////*/
.blogHome div.blogSidebar h4{color:#666;font-size:medium;padding-bottom:3px; margin-bottom: 4px; border-bottom:1px solid #999;margin:5px 0 5px 0;}
.blogHome div.blogRecentPosts ul{margin:0;padding:0 0 0 5px;list-style-type:none;}
.blogHome .blogrecentlink { }
.KSBlog div.blogSidebar h4{color:#666;font-size:medium;padding-bottom:3px; margin-bottom: 4px; border-bottom:1px solid #999;margin:5px 0 5px 0;}
.KSBlog div.blogRecentPosts ul{margin:0;padding:0 0 0 5px;list-style-type:none;}
.KSBlog .blogrecentlink { }
/*//////////////////////////////////////////////
~BLOGPOSTS STYLES
/////////////////////////////////////////////*/
#themePicker
{
position: relative;
width:220px;
margin-left: 0px;
font-size: 10px;
color:gray;
z-index: 100;
}
#themePicker ul
{
display:block;
}
#themePicker li
{
list-style:none;
}
#themePicker ul li a
{
padding:0 6px;
color: white ;
text-decoration:none;
}
#themePicker ul li a:hover
{
text-decoration:underline;
}
/*Picture Picker*/
#PictureGallery
{
margin-bottom: -36px;
}
#picturePicker img
{
display: block;
margin: 0 auto 5px auto;
border: 1px solid #ccc;
border-bottom-color: #eee;
border-left-color: #ddd;
border-top-color: #bbb;
width: 75px;
height: 75px;
}
#picturePicker p.imgPic
{
margin: 0 0 10px 0;
float: left;
width: 75%;
text-align: center;
background-color: #fff;
}
#picturePicker p.imgPic a
{
display: block;
float: left;
margin: 0;
padding: 0;
border: 1px solid #ccc;
border-top-color: #eee;
border-right-color: #ddd;
border-bottom-color: #bbb;
background-color: #fff;
text-align: center;
}
.ie6 #picturePicker p.imgPic a
{
display: block;
float: left;
margin: 0;
padding: 4px 4px 9px 4px;
border: 1px solid #ccc;
border-top-color: #eee;
border-right-color: #ddd;
border-bottom-color: #bbb;
background-color: #fff;
text-align: center;
}
#picturePicker p.imgPic a:hover;
{
border-color: #ccc;
background-color: #eee;
}
#picturePicker p.imgPicName
{
clear: left;
}
#picturePicker #contentTop
{
background:url(images/6-boxtopstretchdark.gif) top left no-repeat;
padding-top: 13px;
}
#picturePicker #content2
{
width: 763px;
font-size: 1.25em;
padding-bottom: 26px;
}
#picturePicker ul.thumbnails
{
margin: 0 0 10px 0;
padding-left: 20px;
padding-bottom: 26px;
float: left;
text-align: center;
background:url(images/6-boxmidstretchdark.gif) repeat-y;
line-height: 1em;
list-style: none;
width: 763px;
}
.ie6 #picturePicker ul.thumbnails
{
margin: 0 0 10px 0;
padding-left: 20px;
padding-bottom: 26px;
float: left;
text-align: center;
background:url(images/6-boxmidstretchdark.gif) repeat-y;
line-height: 1em;
list-style: none;
}
#picturePicker ul.thumbnails li
{
display: inline;
margin: 0;
padding: 0;
}
#picturePicker p.imgPic a, ul.thumbnails a
{
display: block;
float: left;
margin: 0;
padding: 0;
border: 1px solid #ccc;
border-top-color: #eee;
border-right-color: #ddd;
border-bottom-color: #bbb;
background-color: #fff;
text-align: left;
}
#picturePicker p.imgPic a:hover, ul.thumbnails a:hover
{
border-color: #ccc;
background-color: orange;
}
#picturePicker ul.thumbnails a
{
width: 80px;
margin-right: 10px;
margin-bottom: 10px;
}
#picturePicker #gallFeedback
{
background:url(images/6-boxbottom760dark.gif) top left no-repeat;
padding-left: 20px;
padding-bottom: 20px;
width: 760px;
}
/**********/
/* Picture Popup*/
/**********/
#PicturePopup
{
margin: 20px;
}
.picpopBlurb
{
margin-bottom: 20px;
}
.picpopsubmitWrapper
{
width: 500px;
font-size: 13px;
}
.picpopsubmitleftFormNormal
{
float: left;
width:230px;
padding-top:4px;
font-weight: bold;
color: Orange;
clear: both;
}
.picpopsubmitFormBox
{
float: right;
text-align: right;
padding-top:4px;
width: 110px;
}
.picpopformWrapper
{
width: 400px;
font: inherit;
}
.picpopformWrapper h2
{
margin-bottom: 20px;
}
.picpopformWrapperNormal
{
width: 500px;
}
.picpopleftFormNormal
{
float: left;
width: 250px;
font-weight: bold;
color: Orange;
padding-bottom: 10px;
}
.picpopformBox
{
float: right;
position: relative;
left: 0px;
width: 200px;
}
#picpopUploadBtn
{
margin-top: 20px;
}