/* 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:400px;

		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 0 0 6px; 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 410px ;

		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: 0px 5px 0 5px;

		padding:0;

		}





/* 

 * ========================================

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

 * ========================================

 */







body.test { 

margin: 0;

padding: 0px; /* required for Opera to have 0 margin */

font-family: "Lucida Sans", "Tahoma", "Arial", "Verdana", "sans-serif";

font-size: 0.7em;

background: url("/icons/nav/edu_1_body_background.gif") repeat-x ;

letter-spacing: none;

}

#consoleWrap {

margin: 0;

padding: 0; 

width: 965px;

position: absolute;

}

#consoleLeft {

float: left;

background: url("/icons/nav/edu_1_top_left.gif") no-repeat transparent;

width: 289px;

height: 30px;

}

.alt {

display: none;

}

#consoleLeftMiddle {

width: 289px;

position: absolute; top: 30px;

margin: 0;

padding: 0;

}

#consoleRightMiddle {

width: 432px;

position: absolute; top: 30px;

margin: 0;

padding: 0;

}

#emailIcon {

float: left;

width : 74px; 

height : 98px;

background: url("/icons/nav/edu_1_email.gif") no-repeat transparent;

position : relative;

}

#emailLink, #projectsLink, #calendarLink, #filestoreLink, #sitebuilderLink, #forumsLink, #eportfolioLink, #chatLink, #photoLink, #videoLink {

padding: 80px 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: 98px;

display : block;

text-decoration: none;

}

#forumsLink {

width: 67px;

height: 98px;

display : block;

text-decoration: none;

}

#chatLink, #videoLink {

width: 69px;

height: 98px;

display : block;

text-decoration: none;

}

#photoLink {

width: 76px;

height: 98px;

display : block;

text-decoration: none;

}

#eportfolioLink {

width: 77px;

height: 98px;

display : block;

text-decoration: none;

}

#sitebuilderIcon {

float: left;

width : 74px; 

height : 98px;

background: url("/icons/nav/edu_1_sitebuilder.gif") no-repeat transparent;

position : relative;

}

#eportfolioIcon {

float: left;

width : 77px; 

height : 98px;

background: url("/icons/nav/edu_1_eportfolio.gif") no-repeat transparent;

position : relative;

}

#forumsIcon {

float: left;

width : 67px; 

height : 98px;

background: url("/icons/nav/edu_1_forums.gif") no-repeat transparent;

position : relative;

}

#chatIcon {

float: left;

width : 69px; 

height : 98px;

background: url("/icons/nav/edu_1_chat.gif") no-repeat transparent;

position : relative;

}

#photoIcon {

float: left;

width : 76px; 

height : 98px;

background: url("/icons/nav/edu_1_photo.gif") no-repeat transparent;

position : relative;

}

#videoIcon {

float: left;

width : 69px; 

height : 98px;

background: url("/icons/nav/edu_1_video.gif") no-repeat transparent;

position : relative;

}

#projectsIcon {

float: left;

width : 72px; 

height : 98px;

background: url("/icons/nav/edu_1_projects.gif") no-repeat transparent;

position : relative;

}

#projectsLink, #calendarLink {

width: 72px;

height: 98px;

display : block;

text-decoration: none;

}

#calendarIcon {

float: left;

width : 72px; 

height : 98px;

background: url("/icons/nav/edu_1_calendar.gif") no-repeat transparent;

position : relative;

}

#filestoreIcon {

float: left;

width : 71px; 

height : 98px;

background: url("/icons/nav/edu_1_filestore.gif") no-repeat transparent;

position : relative;

}

#filestoreLink {

width: 71px;

height: 98px;

display : block;

text-decoration: none;

}

#consoleBottom {

position: absolute; top: 129px; 

margin: 0;

padding: 0;

width: 765px;

color: #6E98A0;

}

#consoleLeftTop, #consoleRightTop, #consoleBottom {

margin-top: 8px;color: #6E98A0;

}

#consoleLeftTop {

margin-left: 4px;

}

.console li a, #consoleRightTop a, #consoleLeftTop a {

	color: #6E98A0;

	text-decoration: none;

	}

	.console li.nodiv em, #consoleLeftTop em, #consoleRightTop em {

	color: #CC3300;

	font-style: normal;

}

.console li a:hover, #consoleRightTop a:hover, #consoleLeftTop a:hover {

	color: #CC3300 !important;

}

.console ul, .navLinks ul {

list-style-type: none; margin: 0; padding: 0;

}

.navLinks li {

display: inline;

list-style-type: none;

color: #497780;

padding: 10px;

}

#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;

}

.console li {

display: inline;

list-style-type: none;

color: #6E98A0;

margin: 0;

padding: 0 6px 0 4px;

background: url("/icons/nav/edu_1_top_divider.gif") no-repeat transparent;

height: 30px; 

background-position: 100%; 

}

.console li a {

color: #6E98A0;

text-decoration: none;

}

#mailNo a, #mailNo a:hover {

color: #cc3300;

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 {

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 {

color: #CC3300;

}

#consoleLogo {

float: left;

background: url("/icons/nav/edu_1_logo_holder.gif") no-repeat transparent;

width: 184px;

height: 128px;

}

#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_1_top_right.gif") no-repeat transparent;

width: 397px;

height: 30px;

}

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 3px 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;}



/* Registration page styles. Added September 2007. Author: Rob Sartain */



body.register {

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-size: 125%;

	font-weight: normal;

	text-align: center; /* For IE 6 */ 

	color: #000;

	margin: 0;

	padding: 0;

	height: 100%;

}

img {

border: 0;

}

#wrapper {

	width: 730px;

	background-color: #fff;

	margin: 0 auto;

	padding: 0;

	text-align: left;

}

#header {

	width: 730px;

	height: 79px;

	background: url("../icons/nav/header.jpg");

	margin-top: 20px;

}



#pmSignUp1 {

	width: 730px;

	height: 49px;

	margin: 18px 0;

	border: 0;

}

p, h1, h2, h3, h4 {

	margin:20px 0;

	line-height:32px;

	}

	p, table td {

	font-size: 0.8em;

	text-align: left;

}

/*spare space*/

table td p {

font-size: 100%;

line-height: 18px;

}

span {

padding: 0;

margin: 0;

}	

#regButton {

float: right;

width: 261px;

height: 44px;

margin: 3px 6px 0 0;

}

table td.regNotes {

background-color: #A5DAE4;

background-image: url("/icons/nav/yellow-star.gif");

background-position: 0px 5px;

background-repeat: no-repeat;

padding: 0 5px 0 20px;

font-size: 60%;

color: #006699;

width: 35%;

margin: 0;

}

table td.regNotes strong {

color: #ffffff;

font-weight: normal;

}

table td.regWarning {

background-color: #FF722F;

background-image: url("/icons/nav/warning-star.gif");

background-repeat: no-repeat;

padding: 0px 5px 0px 40px;

font-size: 60%;

color: #6A0000;

height: 67px;

}

#regButton {

float: right;

width: 261px;

height: 44px;

margin: 3px 6px 0 0;

}

.regFormTable {

margin-left: 1px;

border-left: 1px solid #CCCCCC;

border-right: 1px solid #CCCCCC;

width: 723px;

padding: 0;

}

table.reg {

margin: 0 4px 0 14px;

padding: 0;

width: 705px;

}

table.reg td {

margin: 0;

padding: 0;

}

table td.wider {

width: 40%;

font-size: 100%

}

#pmLogFooter {

margin: 5px 0 0 0;

border-top: 5px solid #e1e1e1;

}

#pmLogFooter p {

font-size: 80%;

color: #999;

margin:10px 0;

line-height: 20px;

}

.formbox {

	width: 134px;

	border: 1px solid #C4C3C3;

	margin: 0;

}

.formboxReg {

	width: 190px;

	border: 1px solid #C4C3C3;

	margin: 0;

	height: 26px;

	padding: 6px 2px 0 4px;

}

.formboxRegLong {

	width: 230px;

	border: 1px solid #C4C3C3;

	margin: 0;

	height: 26px;

	padding: 6px 2px 0 4px;

}

span.error, #pmLogBox ul li.grey span.error {

color: #FFFFFF;

background-color: #FF0000;

font-size: 110%;

padding: 0;

font-style: normal;

}

span.error a {

color: #FFEA5B;

text-decoration: none;

}

span.error a:hover {

color: #fff;

text-decoration: underline;

}



/* 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 0px;

	padding-left: 20px;

	margin-right: 10px;

	margin-left: 10px;

	text-align: left !important;

	height: 18px;

	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: 5px 0 10px 0;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	padding: 10px 10px 10px 0;

	color:#666;

	font-size: 100%;

	

	text-align: left;

	

	border-bottom: 1px solid #E2E2E2;

	

}



h1.formHead span {

color: #CC0033;

font-style: normal;

}

	.highlighted {background-color: #FFEA5B; border: none;}

	h1.formHead span.linksRight {

	float: right;

	font-size: 0.9em;

	margin: -25px 0 0 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 5px 5px 5px;

	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;

	}

	/* Calendar styles April 2009 */



#tabmenu {

	color: #000;

	border-bottom: 1px solid #6e98a0;

	margin: 20px 0px 0px 0px;

	padding: 0 0 4px 0;

	font-size: 1em;

	padding-left: 10px

}

#tabmenu li {

	display: inline;

	list-style-type: none;

	margin: 0 5px 0 0;

	padding: 0;

	}

#tabmenu li a {

	color: #113d5c;

	background: #d4dee5;

	border: 1px solid #d4dee5;

	margin: 0;

	padding: 5px 5px 3px 5px;

	text-decoration: none;

}

#tabmenu li.active {

	background: #6e98a0;

	border-bottom: 1px solid #6e98a0;

	padding: 6px 5px 3px 5px;

	color: #fff;

}

#tabmenu li a:hover {

	color: #fff;

	background: #6e98a0;

	border: 1px solid #6e98a0;

	margin: 0;

}

#tabmenu li a:visited {

	color: #113d5c;

}

#tabmenu li.borderless a {

	color: #0072b6;

	padding: 5px 8px 0px 8px;

	margin: 0px;

	background: #fff !important;

	border: none;

	text-decoration: none;

}

#tabmenu li.borderless a:hover {

	text-decoration: underline;

}

h1.calendarHead {

	padding: 5px 10px 10px 0px;

	color:#6e98a0;

	font-size: 1.1em;

	margin: 0 0 5px 10px;

	letter-spacing: 1px;

	text-align: left;

}

.calendarOptions2 {

background-color: #6e98a0;

text-align: right;

padding: 3px 10px 3px 0px;

}

a.print {

color: #fff;

margin: 0 0 0 10px;

font-size: 0.7em;

vertical-align: middle;

font-family: "Courier New", Courier, monospace;

text-transform: uppercase;

}

a.print hover {

text-decoration: underline;

color: #fff;

}

#calendarSkin {

border: 1px solid #6e98a0;

}

#calendarSkin2 {

border-right: 1px solid #6e98a0;

border-bottom: 1px solid #6e98a0;

border-top: 1px solid #6e98a0;

}

#calendarSkin2 td {

border-left: 1px solid #6e98a0;

border-top: 1px solid #6e98a0;

padding: 2px 0 0 3px;

}

#calendarSkin2 td strong {

color: #227c7a;

font-size: 1.1em;

}

#calendarSkin3 {

border-top: 1px solid #e2e2e2;

border-left: 1px solid #e2e2e2;

border-bottom: 1px solid #e2e2e2;

text-align: center;

width: 80%;

margin: 0;

}

#calendarSkin4 {

border: 1px solid #e2e2e2;

text-align: center;

width: 80%;

margin: 0;

}

#calendarSkin3 td {

border-right: 1px solid #e2e2e2;

}

.calheading {

background-color: #d4dee5;

color: #113d5c;

padding: 4px 2px;

}

div#containerCalLeft {

	position:relative;

	width: 255px;

	margin: 10px auto 0 auto;

	padding: 0;

}

.fontsize {

font-size: 0.8em;

}

.calendarSkinRepeat {

border-right: 1px solid #6e98a0;

border-bottom: 1px solid #6e98a0;

border-top: 1px solid #6e98a0;



}

.calendarSkinRepeat td {

border-left: 1px solid #6e98a0;

border-top: 1px solid #6e98a0;

}

#calendarSkin5 {

border: 1px solid #e2e2e2;

margin: 0;

}

#calendarSkin5 td.header {

border-bottom: 1px solid #e2e2e2;

margin: 0;

}

/*============================================================

 Styles for 3 columns in Adminstration Interface

============================================================*/



#cell3 {

	width:100%;

	float:left;

	margin:0;

	position:relative;

}

#cell2 {

	width:66.6%;

	float:left;

}

#cell1 {

	width:50%;

	float:left;

}

#cell2a, #cell3a {

	float:right;

	position:relative;

}

#cell2a {

	width:100%;

	margin-right:-100.5%;

}

#cell3a {

	width:100%;

	margin-right:-100%;

}

* html #cell3a {

	margin-right:-100%

}

/*============================================================

 Styles for lists in columns in Adminstration Interface

============================================================*/

#cell1 ul, #cell2 ul, #cell3 ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}

#cell1 ul ul, #cell2 ul ul, #cell3 ul ul {

	list-style-type: none;

	margin: 0 0 0 20px;

	padding: 0;

}

#cell1 li, #cell2 li, #cell3 li {

	font-size: 90%;

	margin: 0;

	margin: 10px 5px;

}

#cell1 ul ul li, #cell2 ul ul li, #cell3 ul ul li {

	font-size: 90%;

	margin: 0;

	margin: 0px 5px;

}

#cell1 a, #cell2 a, #cell3 a {

	padding: 5px 0 5px 50px;

	background-image: url("/icons/nav/admin-list-arrow-off.gif");

	background-repeat: no-repeat;

	background-position: 30px 12px;

	color: #474F5D;

	display: block;

	text-decoration: none;

	border-bottom: none;

}

#cell1 li.sectionHead, #cell2 li.sectionHead, #cell3 li.sectionHead {

	padding: 2px 0 2px 20px;

	color: #474F5D;

	display: block;

	font-size: 90%;

	text-decoration: none;

	border-bottom: none;

	font-weight: bold;

	margin: 0px 5px;

}

#cell1 ul ul a, #cell2 ul ul li a, #cell3 ul ul li a {

	padding: 5px 0 5px 50px;

	background-image: url("/icons/nav/admin-list-arrow-on-special.gif");

	background-repeat: no-repeat;

	background-position: 30px 12px;

	color: #474f5d;

	background-color: #FFFFFF;

	display: block;

	text-decoration: none;

	border-bottom: none;

}

#cell1 a:hover, #cell2 a:hover, #cell3 a:hover {

	padding: 5px 0 5px 50px;

	background-image: url("/icons/nav/admin-list-arrow-on.gif");

	background-repeat: no-repeat;

	background-position: 30px 12px;

	color: #fff;

	background-color: #6CC3F4;

	display: block;

	text-decoration: none;

	border-bottom: none;

}

#cell1 ul ul a:hover, #cell2 ul ul li a:hover, #cell3 ul ul li a:hover {

	padding: 5px 0 5px 50px;

	background-image: url("/icons/nav/admin-list-arrow-on.gif");

	background-repeat: no-repeat;

	background-position: 30px 12px;

	color: #FFFFFF;

	background-color: #FE4834;

	display: block;

	text-decoration: none;

	border-bottom: none;

}

/* ADMIN CONSOLE STYLES */



div#container {

	position:relative;

	width: 98%;

	margin: 10px auto 0 auto;

	}

	div#left {

	float:left;

	width: 97%;

	margin:0; padding:0 10px 10px 10px;

	border: 1px solid #E2E2E2;

	background-color: #fff;

	margin-bottom: 5px;

	}

	

	div.breadcrumbs span {

   overflow: hidden;

   padding:0 0 0 10px;

   width:0;

   

   }

   div.breadcrumbs {

   padding: 5px 0px;

   font-size:0.9em;

   }

   .clear {

	clear:both;

	display:block;

	height:0px;

	margin:0; padding:0;

	overflow:hidden;

	font-size:0px;

	}

	p.notes, #files_list, p.notes1 { padding: 20px 0 20px 0; !important

line-height: 1.5em;

font-size: 0.9em !important;

color: #7E7C7C;

width: 100%;

font-weight: normal;}

p.notesBoxed {

   background-color: #FFEC9C;

   color: #F74430;

   font-size: 80%;

   margin-top: 10px;

   margin-bottom: 10px;

   padding: 2px 4px;

   border: 1px solid #F74430;

   }

   p.notes strong {

   color: #313232;

   }

   .greyBox table {

font-size: 1em;

width: 100%;

background-color: #FFFFFF;

margin: 5px 20px 0 0;

border: 1px solid #C4C1C1;

padding: 0;

overflow: hidden;

}

.greyBox table.whiteBorder {

border: 1px solid #FFF;

}

.greyBox table.whiteBorder td, .greyBox table.whiteBorder tr {

border: 1px solid #FFF;

}

.greyBox table.noBorder {

border: none;

font-size: 1.4em;

}

.greyBox table.noBorder td, .greyBox table.noBorder tr, .greyBox table td.borderNone {

border-bottom: none;

}

.pp-bgcolor {background-color: #D2DFE8;}

.pp-bgcolor2 {background-color: #C5C4C4; font-size: 0.9em;}	

.pp-bgcolor2 td {padding: 4px 4px;}	

em.required {

color: #FF0000;

font-size: 150%;

padding: 0;

margin: 0;

}

div#left table {

margin: 0 10px 20px 0;

width: 100%;

font-size: 1em;

}

div#left table.special {

font-size: 0.7em;

}

div#left table.special td {

border-bottom: 1px solid #ccc;

}

div#left table.special td.tableHead {

background-color: #999;

border-bottom: none;

font-size: 1.2em;

color: #fff;

font-weight: bold;

}

div#left table td {

padding: 4px 4px;

}

.greyBox table tr {

width: 100%;

border-bottom: 1px solid #ccc;

padding: 0;

}

.greyBox table td {

color: #7E7C7C;

margin: 0 0;

border-bottom: 1px solid #ccc;

padding: 8px 8px;

font-size: 0.9em;

text-align: left;

}

.greyBox table td.head, .head {

background-color: #ccc;

color: #666;

}

/*

.greyBox table td strong {

color: #666;

}*/

div#left h2 {

background-color: #EFEFEF;

padding: 10px 16px 10px 10px;

font-size: 1em;

display: inline;

color: #666;

font-family: Arial, Helvetica, sans-serif;

}

div#left h2.small {

background-color: #EFEFEF;

padding: 4px 8px;

font-size: 1.1em;

display: inline;

}

.greyBox {

background-color: #EFEFEF;

padding: 45px 16px;

margin: 0 0;

}

.greyBoxSmall {

background-color: #EFEFEF;

padding: 5px 16px;

margin: 0 0 10px 0;

}

h1.membersH1 {

	margin: 10px 5px 10px 5px;

	padding: 2px 10px 8px 42px;

	border-bottom: 1px solid #E2E2E2;

	color:#C5C4C4;

	font-size: 130%;

	background-image: url("/icons/nav/admin-members-icon.gif");

background-repeat: no-repeat;

background-position: 0px 0px;

	}

	h1.membershipH1 {

	margin: 10px 5px 10px 5px;

	padding: 10px 10px 25px 64px;

	border-bottom: 1px solid #E2E2E2;

	color:#656B77;

	font-size: 130%;

	background-image: url("/icons/nav/membership.gif");

background-repeat: no-repeat;

background-position: 0px 0px;

	}

	h1.resourcesH1 {

	margin: 10px 5px 10px 5px;

	padding: 10px 10px 25px 64px;

	border-bottom: 1px solid #E2E2E2;

	color:#656B77;

	font-size: 130%;

	background-image: url("/icons/nav/resources.gif");

background-repeat: no-repeat;

background-position: 0px 0px;

	}

	h1.teamPropertiesH1 {

	margin: 10px 5px 10px 5px;

	padding: 10px 10px 25px 64px;

	border-bottom: 1px solid #E2E2E2;

	color:#656B77;

	font-size: 130%;

	background-image: url("/icons/nav/team-properties.gif");

background-repeat: no-repeat;

background-position: 0px 0px;

	}

	h1.domainH1 {

	margin: 10px 5px 10px 5px;

	padding: 2px 10px 8px 42px;

	border-bottom: 1px solid #E2E2E2;

	color:#C5C4C4;

	font-size: 130%;

	background-image: url("/icons/nav/admin-domain-icon.gif");

background-repeat: no-repeat;

background-position: 0px 0px;

	}

	h1.applicationsH1 {

	margin: 10px 5px 10px 5px;

	padding: 2px 10px 8px 42px;

	border-bottom: 1px solid #E2E2E2;

	color:#C5C4C4;

	font-size: 130%;

	background-image: url("/icons/nav/admin-apps-icon.gif");

background-repeat: no-repeat;

background-position: 0px 0px;

	}

	div#storage p {

   background-color: #FFEC9C;

   width: inherit;

   float: right;

   color: #F74430;

   font-size: 0.8em;

   margin-top: 10px;

   margin-bottom: 5px;

   padding: 2px 4px;

   border: 1px solid #F74430;

   }

      .fileBox {

font-size: 0.8em;

float: left;

width: 140px;

margin: 0 5px 10px 5px;

text-align:center;

overflow: hidden;

}



.groupBox {

font-size: 0.3em;

float: left;

width: 107px;

margin: 0 40px 10px 0;

text-align: left;

}

.groupBox span.large {

font-size: 1.5em;

text-align: left;

padding: 0; margin: 0;

}

p span.large {

	font-size: 0.8em;

	text-align: left;

	padding: 0;

	margin: 0;

}

.groupBox span {

	font-size: 1.9em;

	text-align: left;

	padding: 0;

	margin: 0;

}

div#folderList td.folderOpen a, div#folderList2 td.folderOpen a {

background-image: url("/icons/nav/folder-small-open.gif");

background-repeat: no-repeat;

background-position: 0 0;

padding: 0 0 0 25px;

margin: 0;

margin-bottom: 10px;



}

div#folderList td.folder a, div#folderList2 td.folder a {

background-image: url("/icons/nav/folder-small.gif");

background-repeat: no-repeat;

background-position: 0 0;

padding: 0 0 0 25px;

margin: 0;

margin-bottom: 10px;

height: 25px;

font-size: 1.2em;

}

.leftspace1 {

padding-left: 12px;

}

.leftspace2 {

padding-left: 10px;

}

div#left ul.yellow {

margin: -15px 5px 20px 0;

list-style: none;

}

div#left ul.yellow li ul {

margin: 0px 5px 20px 0;

list-style: none;

}

div#left ul.yellow li {

text-align: left;

padding-left: 30px;

padding-top: 15px;

background-image: url("/icons/nav/list-arrow.gif");

background-repeat: no-repeat;

background-position: 10px 20px;

font-size: 80%;

color: #7E7C7C;

}

div#left ul.yellow li ul li {

	text-align: left;

	padding-left: 30px;

	padding-top: 15px;

	background-image: url("/icons/nav/list-arrow.gif");

	background-repeat: no-repeat;

	background-position: 10px 19px;

	font-size: 100%;

	color: #7E7C7C;

}

div#createNewTeam a {

	float: right;

	margin-top: 8px;

	background: url("/icons/nav/create-a-new-team-button.gif") 0 0 no-repeat;

	width: 151px;

	height: 28px;

}

table td.greyWhite {

	padding:0;

	background-color: #fff;

	padding: 8px 8px 8px 10px;

	color: #7E7C7C;

	font-size: 1.0em;

}

table td.grey {

	padding:0;

	background-color: #EFEFEF;

	padding: 8px 8px 8px 10px;

	color: #7E7C7C;

	font-size: 1.2em;

	border-bottom: 8px solid #fff;

}

table td.blue {

	margin:0;

	padding:0;

	background-color: #DCEEF7;

	padding: 8px 8px;

	color: #7E7C7C;

	padding: 8px 8px 8px 10px;

	color: #7E7C7C;

	font-size:1.2em;

	border-bottom: 8px solid #fff;

}

.center {

	margin: 5px 0;

	border-bottom: none;

	border: none;

}

#h2background p, #teamBelong h1, #teamAdmin h1 {

	margin: 5px 0 15px 0;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	padding: 10px 10px 8px -40px;

	color:#666;

	font-weight: bold;

	font-size: 100%;

	text-align: left;

	border-bottom: 1px solid #E2E2E2;

	}

