/* Styles added Sept 2006 */

html, body {
	overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
	font-family: "Lucida Sans", "Tahoma", "Arial", "Verdana", "sans-serif";
font-size: 1em;

}
a {
color: #01042F;
text-decoration: none;
}
a:hover {
color: #cc3300;
text-decoration: underline;
}
body.login { 
background: #EFF6F7;
margin: 0 auto;
min-width: 760px;
width: 100%;
padding: 0px; /* required for Opera to have 0 margin */
text-align: center; /* centers board in MSIE */
}
#logHeader {
width: 100%;
height: 95px;
background-color: #fff;
border-bottom: 3px solid #DAEBF4;
text-align: center;
margin-left: auto; margin-right: auto; 
}
.logWrapTop {
text-align: center;
margin: 10px 0 0 0; 
width: 760px;
margin-left: auto; margin-right: auto; 
}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #009DC7}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px
}
.logWrapTop h2 {
margin-top: 10px;
text-align: left;
font-size: 250%;
color: #006699;
font-family: "Trebuchet MS", "Verdana", "Arial", "sans-serif";
padding: 8px 0 20px 0;
}
#loginBox {
background-color: #009DC7;
float: left;
text-align: center;
width: 230px;
}
#loginBox td em {
font-size: 0.7em;
}
#loginBoxLinks {
text-align: left;
margin: 20px 0 5px 10px;
line-height: 1.5em;
color: #fff;
}
#loginBoxLinks a {
color: #fff;
text-decoration: none;
}

#loginBoxLinks a:hover {
color: #000;
text-decoration: underline;
}
#loginBox h2 {
font-family: "Trebuchet MS", "Verdana", "Arial", "sans-serif";
text-align: left;
font-size: 1.6em;
color: #fff;
padding: 0;
margin: 0 10px;
border-bottom: none;
}
#loginContent h2, #loginContent2 h2 {
font-family: "Trebuchet MS", "Verdana", "Arial", "sans-serif";
text-align: left;
font-size: 1.6em;
padding: 0;
margin: 0 10px 0 0;
border-bottom: none;
}
table.log {
padding: 0;
margin: 5px 0 0 0;
}
table.log td {
text-align: left;
margin: 0;
font-size: 1em;
padding: 3px 3px;
color: #fff;
}
table.log2 td {
text-align: left;
margin: 0;
font-size: 1em;
padding: 3px 3px;
color: #006699;
}
table.log2 td em {
font-size: 0.8em;
}
#loginContent {
text-align: left;
padding: 6px 6px;
float: right;
width: 515px;
background-color: #fff;
border: 1px solid #DAEBF4;
}
#loginContent2 {
text-align: left;
padding: 6px 6px;
float: right;
width: 760px;
background-color: #fff;
border: 1px solid #DAEBF4;
}
#logFooter {
text-align: left;
margin: 10px 0 10px 0;
border-top: 3px solid #DAEBF4;
width: 760px;
}
#logFooter h3 {
margin: 10px 0 0 0;
color: #165B6A;
font-size: 1.2em;
padding: 0;
}
#logFooter p {
padding: 0;
font-size: 0.9em;
line-height: 1.2em;
color: #6093A1;
}
#logFooter h3 strong {
color: #FF5509;
}
#logFooter h3 em {
color: #CC3333;
font-style: normal;
}
#logBody {
background-color: #EFF6F7;
width: 100%;
text-align: center;
margin-left: auto; margin-right: auto; 
}
#logWrapTopLinks {
float: right;
color: #009DC7;
}
#logWrapTopLinks a, #logFooter p a {
text-decoration: none;
color: #009DC7;
}
#logWrapTopLinks a:hover, #logFooter p a:hover {
color: #CC3333;
text-decoration: underline;
}
#logo {
float: left;
}
#pageLeft {
    float: left;
	background: url("/icons/nav/edu_1_header_backgd.gif") repeat-x transparent;
	border-left: 1px solid #BED6E0;
	border-right: 1px solid #BED6E0;
	border-bottom: 1px solid #BED6E0;
    width: 50%;
    padding: 0;
      }
   #pageRight {
   width: 49%;
   float: right;
	background: url("/icons/nav/edu_1_header_backgd.gif") repeat-x transparent;
		border-left: 1px solid #BED6E0;
		border-right: 1px solid #BED6E0;
		border-bottom: 1px solid #BED6E0;
	  padding: 0;
	  }
	  
	#main1 {
		margin:0; padding:0;
		}
	#main2 {
		margin:0; padding:0;
		}
	#pleft {
	background: url("/icons/nav/edu_1_header_backgd.gif") repeat-x transparent;
		border-left: 1px solid #BED6E0;
		border-right: 1px solid #BED6E0;
		border-bottom: 1px solid #BED6E0;
		float:left;
		width:260px;
		margin:0; padding:0;
		}
		h4.blue {
		color: #6E98A0;
		font-size: 1.4em;
		font-family: "Lucida Sans", "Tahoma", "Arial", "Verdana", "sans-serif";
		font-weight: normal;
		border-bottom: 1px dashed #6E98A0;
		}
	#right {
	background: url("/icons/nav/edu_1_header_backgd.gif") repeat-x transparent;
		border-left: 1px solid #BED6E0;
		border-right: 1px solid #BED6E0;
		border-bottom: 1px solid #BED6E0;
	float:right;
	width: 280px;
	margin: 0; padding: 0;
		}
		#footer {
		font-size: 1em;
		width: 100%;
		margin-top: 10px;
		text-align: center;
		border-top: 1px solid #BED6E0;
		}
		#right ul li {
	list-style-image:url("/icons/nav/list-arrow.gif");
	color: #4D4B33;
	}
	#middle {
		margin:0 290px 0 270px ;
		background: url("/icons/nav/edu_1_header_backgd.gif") repeat-x transparent;
		border-left: 1px solid #BED6E0;
		border-right: 1px solid #BED6E0;
		border-bottom: 1px solid #BED6E0;
		}
		div#middle table td {
		font-size: 90%;
		}
	.column-in {
		margin:0; padding:0.5em 1em;
		}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}
		body.personal {
		overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
		margin: 0;
		padding:0;
		}


/* 
 * ========================================
 *    eduKIT - October 2006 V.1 (B E T A)
 * ========================================
 */



body.test { 
background: #FFF;
margin: 0;
min-width: 765px;
padding: 0px; /* required for Opera to have 0 margin */
font-family: "Lucida Sans", "Tahoma", "Arial", "Verdana", "sans-serif";
font-size: 0.7em;
background: #D8EAFC url("/icons/nav/edu_3_body_background.gif")
repeat-x ;
letter-spacing: none;
}
#consoleWrap {
margin: 0;
padding: 0; 
width: 903px;
position: absolute;
}
#consoleLeft {
float: left;
background: url("/icons/nav/edu_3_top_left.gif") no-repeat transparent;
margin: 0;
padding: 0;
height: 22px;
width: 289px;
}
.alt {
display: none;
}
#consoleLeftMiddle {
	width: 289px;
	position: absolute;
	top: 22px;
	margin: 0;
	padding: 0;
	height: 58px;
}
#consoleRightMiddle {
width: 425px;
position: absolute; top: 22px;
margin: 0;
padding: 0;
}
#emailIcon {
float: left;
width : 74px; 
height : 55px;
background: url("/icons/nav/edu_3_email.gif") no-repeat transparent;
position : relative;
}
#emailLink, #projectsLink, #calendarLink, #filestoreLink, #sitebuilderLink, #forumsLink, #eportfolioLink, #chatLink, #photoLink, #videoLink {
padding: 41px 0 0 0;
margin: 0;
text-align: center;
color: #497780;
}
a.#emailLink, a.#projectsLink, a.#calendarLink, a.#filestoreLink, a.#sitebuilderLink, a.#forumsLink, a.#eportfolioLink, a.#chatLink, a.#photoLink, a.#videoLink {
color: #497780;
}
a:hover.#emailLink, a:hover.#projectsLink, a:hover.#calendarLink, a:hover.#filestoreLink, a:hover.#sitebuilderLink, a:hover.#forumsLink, a:hover.#eportfolioLink, a:hover.#chatLink, a:hover.#photoLink, a:hover.#videoLink {
color: #CC3300;
}
#emailLink, #sitebuilderLink {
width: 74px;
height: 55px;
display : block;
text-decoration: none;
}
#forumsLink {
width: 67px;
height: 55px;
display : block;
text-decoration: none;
}
#chatLink, #photoLink, #videoLink {
width: 69px;
height: 55px;
display : block;
text-decoration: none;
}
#eportfolioLink {
width: 77px;
height: 55px;
display : block;
text-decoration: none;
}
#sitebuilderIcon {
float: left;
width : 74px; 
height : 55px;
background: url("/icons/nav/edu_3_sitebuilder.gif") no-repeat transparent;
position : relative;
}
#eportfolioIcon {
float: left;
width : 77px; 
height : 55px;
background: url("/icons/nav/edu_3_eportfolio.gif") no-repeat transparent;
position : relative;
}
#forumsIcon {
float: left;
width : 67px; 
height : 55px;
background: url("/icons/nav/edu_3_forums.gif") no-repeat transparent;
position : relative;
}
#chatIcon {
float: left;
width : 69px; 
height : 55px;
background: url("/icons/nav/edu_3_chat.gif") no-repeat transparent;
position : relative;
}
#photoIcon {
float: left;
width : 69px; 
height : 55px;
background: url("/icons/nav/edu_3_photo.gif") no-repeat transparent;
position : relative;
}
#videoIcon {
float: left;
width : 69px; 
height : 55px;
background: url("/icons/nav/edu_3_video.gif") no-repeat transparent;
position : relative;
}
#projectsIcon {
float: left;
width : 72px; 
height : 55px;
background: url("/icons/nav/edu_3_projects.gif") no-repeat transparent;
position : relative;
}
#projectsLink, #calendarLink {
width: 72px;
height: 55px;
display : block;
text-decoration: none;
}
#calendarIcon {
float: left;
width : 72px; 
height : 55px;
background: url("/icons/nav/edu_3_calendar.gif") no-repeat transparent;
position : relative;
}
#filestoreIcon {
float: left;
width : 71px; 
height : 55px;
background: url("/icons/nav/edu_3_filestore.gif") no-repeat transparent;
position : relative;
}
#filestoreLink {
width: 71px;
height: 55px;
display : block;
text-decoration: none;
}
#consoleBottom {
position: absolute; top: 83px; 
margin: 0;
padding: 0;
width: 765px;
color: #6E98A0;
}
.console ul, .navLinks ul {
padding: 0; margin: 0;
} 
.navLinks li {
display: inline;
list-style-type: none;
color: #497780;
}
#mailNo {
text-align: right;
float:left;
width:110px;
margin:0; padding: 0;
}
#schoolName {
text-align: center;
margin:0 130px;
padding: 0;
}
#consoleDate {
text-align: right;
float: right;
width:130px;
margin:0; padding:0;
}
#consoleLeftTop, #consoleRightTop {
margin:0; padding: 4px 0 0 10px;
color: #6E98A0;
}
.console li {
display: inline;
list-style-type: none;
color: #6E98A0;
height: 22px;
padding: 0px 6px 4px 4px;
background: url("/icons/nav/edu_1_top_divider.gif") no-repeat transparent;
background-position: 100%; 
}
.console li a, #consoleRightTop a, #consoleLeftTop a {
color: #6E98A0;
text-decoration: none;
}
#mailNo a, #mailNo a:hover {
color: #cc3300;
padding: 0px 6px 4px 4px;
text-decoration: none;
}
#mailNo a:hover {
text-decoration: underline;
}
.console li.nodiv, .console li.nodiv a {
display: inline;
list-style-type: none;
color: #6E98A0;
margin: 0;
text-decoration: none;
background: none;
}
.console li.nodiv em, #consoleLeftTop em , #consoleRightTop em{
color: #CC3300;
font-style: normal;
}
#emailLinkText, #projectsLinkText, #calendarLinkText, #filestoreLinkText, #sitebuilderLinkText, #forumsLinkText, #eportfolioLinkText, #chatLinkText {
text-align: center; height: 22px; padding-top: 3px; top: 64px; width: 65px;
}
#emailLinktext {
	position: absolute; 
	left: 16px; 
	padding-top: 3px;
}
.console li a:hover, #consoleRightTop a:hover {
color: #CC3300;
}
#consoleLogo {
float: left;
background: url("/icons/nav/edu_3_logo_holder.gif") no-repeat transparent;
width: 184px;
height: 78px;
}
#logoSwap {
width: 149px;
height: 98px;
margin-left: auto; margin-right: auto;
position: relative; top: 23%;

}
#consoleRight {
float: left;
text-align: left;
background: url("/icons/nav/edu_3_top_right.gif") no-repeat transparent;
width: 287px;
height: 22px;
}
body.discussion { 
	background: #ECF3F6;
	color: #222;
	font-family: "Tahoma", "Arial", "Verdana", "sans-serif";
	font-size: 0.7em;
	line-height: 135%;
	margin: 3px;
	padding: 0px; /* required for Opera to have 0 margin */
	text-align: center; /* centers board in MSIE */
}

#ipbwrapper{ 
	margin: 16px auto 16px auto; /* centers the box, no matter the overall width, also applies a 20px gap at the top and bottom of the board */
	text-align: left; /* re_aligns text to left second part of two part MSIE centering workaround */
	/* EDIT THIS TO CHANGE THE WIDTH OF THE BOARD -> 750px is a common fixed resolution size */
	width: 98%;
}

.discBorderwrap,
.discBorderwrapm{ /* this will affect the outlining border of all the tables and boxes through-out the skin. */
	background: #FFF; 
	border: 1px solid #BED6E0;
	padding: 0px 1px 1px 1px; 
	margin: 0px 0px 0px 0px;
	width:100%; 
}
h2.disc {font-size: 1.2em; color: #497780; margin: 0; padding:4px 0px 0px 4px; letter-spacing: 1px;}
h2.disc a {
text-decoration : underline;
font-weight: bold;
color : #497780;
}
h2.disc a:hover {
border-bottom : 1px solid #CC3300;
color : #CC3300;
}
.discBox1 {background: url(/icons/nav/skin2_title_bar_tile.gif) repeat-x; height: 26px; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.discLogoRight {background: url(/icons/nav/skin2_title_bar_fixed.gif) no-repeat transparent; height: 26px; width: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: right;}
table.discNumbers {
margin : 0px 0px;
padding : 0px 0px;
}
.quotetop{
	border-right:1px dotted #000; border-top:1px dotted #000; background: #E4EAF2; border-bottom:0px none; border-left:4px solid #8394B2; color: #000;
	font-weight: bold;
	font-size: 10px;
	padding: 3px; margin-left:auto; margin-right:auto; margin-top:8px; margin-bottom:0;
}

.quotedThread{
	border-right:1px dotted #000; border-bottom:1px dotted #000; background:#FAFCFE; border-left:4px solid #8394B2; border-top:0px none; color: #465584;
	padding: 4px;
	margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:8px
}
#discRefreshButton {
	width : 81px; 
	height : 30px;
	background: url(/icons/nav/edu_1_forum_refresh.gif) no-repeat transparent;
	position : relative;
}
#discSignatureButton {
	width : 102px;
	height : 30px;
	background : url(/icons/nav/edu_1_forum_signature.gif) no-repeat transparent;
	position : relative;
}
#discMarkAsReadButton {
	width : 115px;
	height : 30px;
	background : url(/icons/nav/edu_1_forum_mark_as_read.gif) no-repeat transparent;
	position : relative;
}
#discSubUnsubButton {
	width : 174px; 
	height : 30px;
	background: url(/icons/nav/edu_1_forum_sub_unsub.gif) no-repeat transparent;
	position : relative;
}
#discAbuseButton {
	width : 78px; 
	height : 30px;
	background: url(/icons/nav/edu_1_forum_report_abuse.gif) no-repeat transparent;
	position : relative;
}
#discStickyButton {
	width : 35px; 
	height : 30px;
	background: url(/icons/nav/edu_1_forum_sticky_unsticky.gif) no-repeat transparent;
	position : relative;
}
#discLockedButton {
	width : 35px; 
	height : 30px;
	background: url(/icons/nav/edu_1_forum_locked_unlocked.gif) no-repeat transparent;
	position : relative;
}
#discBackButton {
	width : 65px; 
	height : 30px;
	background: url(/icons/nav/edu_1_forum_back.gif) no-repeat transparent;
	position : relative;
}
#discNewMessageButton {
	width : 113px; 
	height : 30px;
	background: url(/icons/nav/edu_1_forum_new_message.gif) no-repeat transparent;
	position : relative;
}
#discReplyButton {
	width : 70px; 
	height : 30px;
	background: url(/icons/nav/edu_1_forum_reply.gif) no-repeat transparent;
	position : relative;
}
#discQuoteButton {
	width : 75px; 
	height : 30px;
	background: url(/icons/nav/edu_1_forum_quote_reply.gif) no-repeat transparent;
	position : relative;
}
#discPrivateMButton {
	width : 53px; 
	height : 30px;
	background: url(/icons/nav/edu_1_forum_reply_private.gif) no-repeat transparent;
	position : relative;
}
#discReplaceButton {
	width : 82px;
	height : 30px;
	background: url(/icons/nav/edu_1_forum_replace.gif) no-repeat transparent;
	position : relative;
}
#discDeleteButton {
	width : 75px;
	height : 30px;
	background: url(/icons/nav/edu_1_forum_delete.gif) no-repeat transparent;
	position : relative;
}
.discRow1 { 
	background: #EBF2F4;
	padding: 4px 4px;
	margin: 0px 0px;
}
.discRow1read { 
	background: #EBF2F4;
	padding: 4px 4px;
	margin: 0px 0px;
}
.discRow1content { 
	background: #EBF2F4;
	padding: 10px 8px;
	margin: 0px 0px;
}
td {
font-size: 0.8em;
font-family: "Geneva", "Tahoma", "Arial", "Verdana", "sans-serif";
}
.discRow1 a { 
	font-weight : bold;
	text-decoration : none;
	color : #006699;
}
.discRow1read a { 
	font-weight : normal;
	text-decoration : none;
	color : #006699;
}
.discDivider {
	background: url(/icons/nav/hm_forum_divider_tile.gif) repeat x;
	height : 3px;
	width : 100%;
}
.discRow1read a:hover, .discRow1 a:hover { 
	text-decoration: underline;
	color : #DD6900;
}
.discRow1 em { 
	font-size: 80%;
	font-style: italic;
	color: #333366;
}
.discRow4 { 
	background: #EBF2F4;
	padding: 4px 4px;
	margin: 0px 0px;
}
.discRow4 strong { 
	background: #EBF2F4;
	color : #006699;
	font-weight: bold;
}
.discRow2 strong { 
	background: #EBF2F4;
	color : #006699;
	font-weight: bold;
}
.discRow4 a, .discRow3 a, .discRow2 a, .discRow1 em a { 
	text-decoration : none;
	color : #006699;
	border-bottom: 1px solid #006699;
}
.discRow4 a:hover, .discRow3 a:hover, .discRow2 a:hover, .discRow1 em a:hover { 
	border-bottom: 1px solid #CC3300;
	color : #CC3300;
}
.discRow4 em { 
	font-size: 80%;
	font-style: italic;
	color: #333366;
}
.discRow2 {
	background: #DCE6EA;
	padding: 4px 4px;
	margin: 0px 0px;
	font-weight: bold;
	color: #333366;
}
.discRow5 {
	background: #fff;
	padding: 4px 4px;
	margin: 0px 0px;
	border-top: 1px dashed #849EC3;
}
.discRow6 {
	background: #fff;
	padding: 4px 4px;
	margin: 0px 0px;
	border-bottom: 1px dashed #849EC3;
}
.discRow2blank {
	background: #DBE5E9;
	padding: 4px 4px;
	margin: 0px 0px;
	font-weight: bold;
	color: #333366;
}
.discRow3 {
	background: #BED6E0;
	padding: 4px 4px;
	margin: 0px 0px;
	font-weight: bold;
	color: #333366;
}
.discRow7 {
	background: #BBC7DC;
	padding: 4px 4px;
	margin: 0px 0px;
	font-weight: bold;
	color: #333366;
}
.discRow7 a:hover { 
	color : #DD6900;
	text-decoration : none;
}
.ipbtable {
width:100%;
}

table.ipbtable,
tr.ipbtable,
td.ipbtable
{ /* required for text in tables, because tables do not inherit from body */
	background: transparent;
	color: #222;
	line-height: 135%;
}

.ipbtable td,
.divpad{ /* gives all tables faux cellpadding of 5px */
	padding: 5px;
}

td.nopad{ /* allows some tables to have no padding on the td */
	padding: 0;
}
.alt, hiddenUp {
	display: none;
}
#linkDiscRefresh {
width: 81px;
height: 30px;
display : block;
}
#linkDiscSticky {
width: 35px;
height: 30px;
display : block;
}
#linkDiscLocked {
width: 35px;
height: 30px;
display : block;
}
#linkDiscSignature {
width : 102px;
height : 30px;
display : block;
}
#linkDiscMarkAsRead {
width : 115px;
height : 30px;
display : block;
}
#linkDiscNewMessage {
width: 113px;
height: 30px;
display : block;
}
#linkDiscBack {
width : 65px;
height : 30px;
display : block;
}
#linkDiscSubUnsub {
width : 174px;
height : 30px;
display : block;
}
#linkDiscReply {
width : 70px;
height : 30px;
display : block;
}
#linkDiscQuote {
width : 75px;
height : 30px;
display : block;
}
#linkDiscPrivateM {
width : 53px;
height : 30px;
display : block;
}
#linkDiscAbuse {
width : 78px;
height : 30px;
display : block;
}
#linkDiscReplace {
width : 82px;
height : 30px;
display : block;
}
#linkDiscDelete {
width : 75px;
height : 30px;
display : block;
}

.red { color: #CC0033; font-weight: bold}

.admintitle { color: #0000A0; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: x-small; }
.adminblue { color: #0000A0 }

/* Required by SM::Form module when displaying error messages */
em.formerror { color: rgb(96,0,0); }
 
/* Required by file storage when displaying error messages */
em.fserror { color: #ff0000; font-size: large; }


/* Email quota warning messages */
.quota-error { color: #cc0033; text-decoration: blink}
.quota-warn { color: #cc0033; }

/* Email folder size display */
p.folder-error { color: #cc0033; }
p.folder-warn { color: #000000; }
strong.folder-error { color: #000000 }
strong.folder-warn { color: #000000; }

/* Email buttons */
.buttons {	padding: 0px; border: 1px ridge #000000; font-size: xx-small}

.title { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: x-small;}
.bgcolor-title {background: url(/icons/nav/skin2_title_bar_tile.gif) repeat-x; height: 26px; width: 100%; color: #497780; margin: 0; padding:0; border: 1px solid #BDD6E0;}
.bgcolor {
background-color: #BDD6E0;
}

td.login { background-color: #FF9900; }
td.arrow { background-color: #A4E1FF; }
.outerbox { border: 1px solid #A4E1FF; width: 98%; padding: 0px; margin: 0px; }
.spacer { clear: both; }
form { margin: 0px;	padding: 0px; }

/*other table backgrounds*/

.darkcolor {
	background-color: #CCCCCC;
}

.midcolor {
	background-color: #F0F0F0;
}

.lightcolor {
	background-color: #F8F8F8;
}


/* Simple email views */
.bgcolor-title-simple { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background-color: #A4E1FF;}
TD.simple { font-family: Verdana, Arial, Helvetica, sans-serif;}
A.simple { font-family: Verdana, Arial, Helvetica, sans-serif;}
INPUT.simple { font-family: Verdana, Arial, Helvetica, sans-serif;}


/* added 15/1/2004*/

.darkgrey {
 background-color: #CCCCCC;
}
 
.midgrey {
 background-color: #F0F0F0;
}
 
.lightgrey {
 background-color: #F8F8F8;
}
 
 
.container {
 width: 100%;
 border: 1px solid #CCCCCC;
 padding: 0px;
 margin: 0px;
}
 
.heading {
 background-color: #CCCCCC;
 margin: 0px;
 width: 100%;
 height: 30px;
}
 
h2.subheading {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #0000A0;
 margin: 0px 0px 5px 0px;
 margin-top: 5px;
 padding-left: 12px;
 font-size: 1.2em; 
}
 
h1.bulk_title {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #0000A0;
 margin: 0px;
 padding-left: 12px;
 padding-bottom: 3px;
 display: block;
 font-size: 1.4em;
}
 
p.subheading {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #0000A0;
 margin: 0px;
 font-weight: bold;
}
 
.tbleheadings {
 font-weight: bold;
 padding-left: 12px;
}
 
.tblebigheadings {
 font-weight: bold;
 padding-left: 12px;
}
 
td.bluevertical {
 border-left: 1px solid #0B4F7C;
 
}
 
td.blueadjacent {
 border-top: 1px solid #0B4F7C;
 border-left: 1px solid #0B4F7C;
}
 
td.bluehorizontal {
 border-top: 1px solid #0B4F7C;
 background-color: #F6F8F9;
}
 
.tbleblueheading {
 height: 24px;
 background-color: #F6F8F9;
 border-top: 1px solid #0B4F7C;
}
 
.borderwhitebox {
 margin-left: 12px;
 padding: 3px;
 background-color: #FFFFFF;
 border: 1px solid #CCCCCC;
 width: 95%;
}
 
.reditalic {
 font-style: italic;
 color: #FF0000;
}
/* WEB STATISTICS STYLES - APRIL 2004 */
td.navitem a {
	text-decoration: none;
}
/* Primary Email Interface */

#primaryEmailNav, #primaryEmail {
margin: 0;
padding: 0;
}
div.options ul {
list-style-type: none;
border-top: 1px solid #36ABBF;
border-bottom: 1px solid #36ABBF;
border-left: 1px solid #36ABBF;
background-color: #C1ECF3;
margin: 0;
padding: 6px 4px;
}
div.options ul li {
display: inline;
padding: 6px 10px 6px 2px;
margin: 4px 4px;
font-size: 130%;
font-family: "Comic Sans MS";
border-right: 1px solid #36ABBF;
}
div#primaryEmail table td {
margin: 0;
padding: 0;
}
div#primaryEmail td.mail {
background-color:#E2F6F9;
height: 25px;
font-size: 100%;
color: #003366;
margin: 0;
border-bottom: 1px solid #36ABBF;
padding: 1px 3px 0 8px;
}

div#primaryEmail td.header {
background-color:#36ABBF;
height: 30px;
font-size: 120%;
font-weight: bold;
color: #fff;
margin: 0;
padding: 1px 3px 0 8px;
}
div#primaryEmail .foldername {
color: #36ABBF;
font-size: 150%;
font-weight: bold;
text-transform: uppercase;
padding-left: 5px;
}
div#primaryCenter h1, h4.blue {
color: #36ABBF;
font-size: 150%;
font-weight: bold;
text-transform: uppercase;
padding-left: 5px;
width: 98%;
border-bottom: 1px solid #36ABBF;
}
div#primaryEmailNav ul, div#primaryEmailNav ul li {
list-style-type: none;
margin: 0;
padding: 0;
}
div#primaryEmailNav ul li span {
display: none;
}
div#primaryEmailNav ul li a {
display: block;
height: 52px;
}
div#primaryEmailNav ul li p {
display: block;
height: 54px;
margin: 0;
}
/*div#primaryEmailNav ul li a {
display: none;
}*/
div#primaryEmailNav ul li table.folders {
width: 186px;
height: 46px;
}
div#primaryEmail table.displaySimple {
margin: 10px 5px 5px 10px;
}
div#primaryEmail table.displaySimple td {
padding: 4px 4px;
font-size: 100%;
}
div#primaryEmail table.displaySimple td {
padding: 4px 4px;
}
div#primaryEmail table.displaySimple td strong {
color: #36ABBF;
}
div#primaryEmailNav ul li table.folders td.folderIcon {
width: 61px;
margin: 0;
padding: 0;
}
div#primaryEmailNav ul li table.folders td.foldersBkgd {
background: url("/icons/nav/edu_6_foldersbkgd.gif") 0 0 repeat-x;
height: 46px;
}
div#primaryEmailNav ul li table.folders td.foldersBkgd a {
font-family: "Comic Sans MS";
font-size: 130%;
color: #FF6600;
padding: 0;
margin-top: 8px;
}
div#primaryEmailNav ul li table.folders td.count {
font-family: "Comic Sans MS";
font-size: 130%;
color: #FF0000;
background: url("/icons/nav/edu_6_foldersend.gif") 0 0 no-repeat;
width: 46px;
height: 46px;
padding-bottom: 15px;
padding-left: 5px;
margin: 0;
}
/* Space Box */

div#primaryEmailNav table.space {
margin: 0;
padding:0;
width: 186px;
height: 40px;
}
div#primaryEmailNav table.space td {
margin: 0;
padding:0;
}
div#primaryEmailNav table.space td.spaceBkgd {
background: url("/icons/nav/edu_6_space_backgd.gif") 0 0 repeat-x;
height: 40px;
width: 93px;
}
div#primaryEmailNav table.space td.spaceEmpty {
background: url("/icons/nav/edu_6_space_empty.gif") 0 0 no-repeat;
width: 54px;
}
div#primaryEmailNav table.space td.spaceFull {
background: url("/icons/nav/edu_6_space_full.gif") 0 0 no-repeat;
width: 39px;
}
div#primaryEmailNav ul li.actionsHeader p {
background: url("/icons/nav/edu_6_mail_actions_header.gif") 0 0 no-repeat;
width: 186px;
}
div#primaryEmailNav ul li.spaceHeader p {
background: url("/icons/nav/edu_6_mail_space_header.gif") 0 0 no-repeat;
width: 186px;
margin-top: -15px;
}
div#primaryEmailNav ul li.foldersHeader p {
background: url("/icons/nav/edu_6_mail_folders_header.gif") 0 0 no-repeat;
width: 186px;
}
div#primaryEmailNav ul li.writeEmail a {
background: url("/icons/nav/edu_6_write_email.gif") 0 0 no-repeat;
width: 186px;
}
div#primaryEmailNav ul li.addressBook a {
background: url("/icons/nav/edu_6_address_book.gif") 0 0 no-repeat;
width: 186px;
}
div#primaryEmailNav ul li.emptyTrash a {
background: url("/icons/nav/edu_6_empty_trash.gif") 0 0 no-repeat;
width: 186px;
}
div#primaryEmailNav ul li.sendEcard a {
background: url("/icons/nav/edu_6_send_ecard.gif") 0 0 no-repeat;
width: 186px;
}
div#primaryEmailNav ul li.writeEmail a:hover, div#primaryEmailNav ul li.addressBook a:hover, div#primaryEmailNav ul li.emptyTrash a:hover, div#primaryEmailNav ul li.sendEcard a:hover {
background-position: -186px 0;}


/* Photo Album specific styles */
ul.photoFolders, div#albumOptions ul, ul.albumLayout {
padding: 0;
margin: 0;
list-style-type: none;
text-align: left;
}
ul.photoFolders span {
margin-left: 10px;
font-size: 90%;
}
/*div#albumOptions {
border-bottom: 1px solid #E2E2E2;}*/
div#albumOptions ul li, ul.albumLayout li {float: left;}
ul.albumLayout  {margin: 20px 10px 0 10px;}
ul.albumLayout li  {margin: 0 25px 20px 0; line-height: 1em; text-align: left; font-size: 80%;}
div#albumOptions ul li {
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 20px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: left !important;
	float: left;}
ul.albumLayout li a.imageName {line-height: 1.2em; padding: 0 0 10px 0; font-size: 1.2em;}
div#albumOptions ul li.addPhotos {background-image: url("/icons/nav/pm_add-photos.gif"); font-size: 80%;}
div#albumOptions ul li.addVideos {background-image: url("/icons/nav/pm_add-photos.gif"); font-size: 80%;}
div#albumOptions ul li.shareAlbum {background-image: url("/icons/nav/pm_share-album.gif"); font-size: 80%;}
div#albumOptions ul li.viewSlideshow {background-image: url("/icons/nav/pm_view-slideshow.gif"); font-size: 80%;}
div#albumOptions ul li.deleteAlbum {background-image: url("/icons/nav/pm_delete-album.gif"); font-size: 80%;}
ul.photoFolders li { line-height: 0.9em; margin: 0 0 16px 0; font-size: 80%;}
ul.photoFolders li a, p.boxed a, div#photoLinks p a, ul.albumLayout li a, h1.formHead a, .viewSlideshow a, .addPhotos a, .shareAlbum a, .deleteAlbum a, footerLink a  {color: #000; font-weight: bold; text-decoration: none;}
ul.photoFolders li a:hover, p.boxed a:hover, div#photoLinks p a:hover, ul.albumLayout li a:hover, h1.formHead a:hover, .viewSlideshow a:hover, .addPhotos a:hover, .shareAlbum a:hover, .deleteAlbum a:hover, footerLink a:hover {color: #CC0033; text-decoration: underline;}

ul.photoFolders li img {margin-right: 5px;}
.smalltype { font-size: 0.9em; color: #666; line-height: 1.6em; margin-left: 0px !important; padding-left: 0px !important;}
ul.albumLayout li a.imageName {line-height: 1.2em; padding: 0 0 10px 0; text-align: left !important;}
ul.albumLayout li a:hover.imageName {text-decoration: none;}
.smalltype span {margin-left: 0px !important;}
#content {
	margin:0px 0px 0px 280px;
	}
textarea#content {
margin: 0px 0px 0px 0px !important;}

#menu {
	position:absolute;
	top:0px;
	left:0px;
	width:280px;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	}
/* Again, "be nice to Opera 5". */
body>#menu {width:150px;}
.buttonSpace {
margin-top: 5px;}
 p.boxed {
 background-color: #EDDCE0;
 padding: 5px 5px;
 border: 1px dotted #666;
 color: #333;
 font-size: 70%;
 margin: 0 10px 0;
 line-height: 1.6em;
}
/* styles added 27 August 08 */
#files_list {text-align: left; font-size: 70%; margin: 0 10px;}

input.buttonAlign {vertical-align: middle;}

p.notes {margin: 0 10px 10px 10px !important;
background-color: #EDDCE0;
 padding: 5px 5px;
 border: 1px dotted #666;
 color: #333;
 font-size: 70%;
 line-height: 1.6em;}
.zog img {margin: 0 0 5px 5px;}
p.footerLink {text-align: center;}
.large span {font-size: 160%; line-height: 1.6em;}
h1.formHead {
	margin: 0 0 10px 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 3px 10px 0 10px;
	color:#666;
	font-size: 80%;
	font-weight: bold;
	text-align: left;
	background-image: url(/icons/nav/skin2_title_bar_tile.gif); background-repeat: repeat-x; height: 28px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
h1.formHead span {
float: left;	
}
h1.formHead span em {
color: #CC0033;
font-style: normal;
}
	.highlighted {background-color: #FFEA5B; border: none;}
	h1.formHead span.linksRight {
   float: right;
   font-size: 0.9em;
    margin: 0;
   padding: 0 10px 0 0;
   }
    p.spaced { margin: 0 0 10px 0;
color: #000;
padding: 0;
line-height: 1.8em;
}
.zig1 {float: left; width: 20%;}
.zig2 {float: left; width: 30%;}
.zag {float: right;}
.zog {float: left; padding: 0 5px; text-align: left;}
.zog em {font-size: 60%;}
.zogBorder {float: left; padding: 8px 8px;}
h1.titleHead {
	border-bottom: 1px dotted #898888;
	color:#898888;
	text-align: left;
	margin: 10px 10px;
	padding: 0px 10px 0 0;
	font-size: 90%;
	font-weight: bold;
	}
	.clear {
	clear:both;
	display:block;
	height:0px;
	margin:0; padding:0;
	overflow:hidden;
	font-size:0px;
	}
	div#actionRow, div#actionRow2 {
float: right;
margin: 10px 10px 5px 0;
line-height: 30px;
}
div#left {
	float:left;
	width: 97%;
	margin:0 auto; padding: 0 1px 5px 1px;
	border: 1px solid #E2E2E2;
	background-color: #fff;
	}
	div#left p {
	margin: 0 10px;
	font-size: 80%;
	line-height: 1.6em;
	}
/* Styles added 19th Nov 2008 */

div#containerFilestore {
	position:relative;
	width: 260px;
	margin: 10px 5px 0 5px;
	}