body { 
	text-align : left; 
	min-width : 900px ; 
	padding: 0; 
	margin: 0; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
	background-color: #666; 
	background-image: url(Images/greybackground.gif); 
	background-repeat: repeat-x; 
	background-position: center top; 
	margin: 0; 
	padding: 0; 
	font-size: medium; 
	color: #555555; 
	line-height: 1.5; }


div.wrapper {
	width : 980px ;
	text-align : left ;
	margin-left : auto ;
	margin-right : auto ;
	position : relative ;
} 

p {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 100%; 
	color: #555555; 
	line-height: 1.3; 
	padding: 0; 
	margin: 5px 0 10px; }

.resulterror, .resulterror * {
	color: #FF0000;
}

.resultok, .resultok * {
	color: #009900;
}

input, label {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 100%;
	color: #000000;
	padding: 2px;
	margin: 0px;
}

select {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 100%;
	color: #000000;
	margin: 0px;
}

input.tab {
	background-color: #DDDDDD;
	border: solid 3px #DDDDDD;
	color: #000000;
	font-size: 90%;
	width: auto;
	overflow: visible;
	padding: 0px;
}

input.tabselected {
	background-color: #214C9A;
	border: solid 3px #214C9A;
	color: #FFFFFF;
	font-size: 90%;
	width: auto;
	overflow: visible;
	font-weight: bold;
	padding: 0px;
}

#TabDiv {
	border-bottom: solid 6px #214C9A;
	margin-bottom: 8px;
}

/* Contains the date picks in the Edit.aspx page */
#DatePickDiv {
	font-size: 9px;
	border: solid 1px #999999;
	background-color: #FFFFFF;
	padding: 2px;
}

a.datepicklink {
	display: block;
}

/* Small text */
p.small, small {
	font-size: 60%;
}

/* Big text */
p.big, big {
	font-size: 100%;
}

/* Description/legend for images */
p.imagedescription {
	font-size: 9px;
	font-style: italic;
	margin-top: 4px;
}

/* General purpose links */
a, a:link, a:active {
	color: #214C9A;
	text-decoration: none;
}
a:hover {
	color: red;
	text-decoration: underline;
}

/* Link to an external URL */
a.externallink {
	background-image: url('Images/ExternalLink.gif');
	background-position:  right 50%;
	background-repeat: no-repeat;
	padding-right: 14px
}

/* Link to an internal file */
a.internallink {
}

/* Link to a Wiki page */
a.pagelink {
}

/* Link to unknown/inexistent pages */
a.unknownlink, a.unknownlink:link, a.unknownlink:active {
	color: #990000;
	text-decoration: none;
}
a.unknownlink:hover {
	color: #D9671E;
	text-decoration: underline;
}

/* Email Link */
a.emaillink {
}

h1 {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: #666; 
	font-size: 140%; 
	font-weight: 600; 
	padding: 0px; 
	margin: 0; 
	font-weight: normal; }

h2 {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 120%;
	color: #333;
	padding: 0;
	margin: 0;
	font-weight:bolder;
}

h3 {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: #333; 
	font-size: 110%; 
	padding: 0; 
	margin: 10px 0 0; 
	font-weight: normal; 
}

h4 {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 105%;
	color: #333;
	padding: 0;
	margin: 6px 0 0;
	font-weight: normal;
	font-style:italic;
}

h1.pagetitle {
	font-size: 150%;
	/*border-bottom: solid 1px #888888;*/
	padding-bottom: 2px;
	padding-top: 4px;
	line-height: 100%;
	margin-bottom: 2px;
}

/* Class for applying a separator under H elements (useful to avoid usage of HR) */
h1.separator, h2.separator, h3.separator { 
	margin-top: 20px; 
	/*border-bottom: 1px solid #ccc;*/ 
	padding-bottom: 5px; 
	padding-top: 8px; 
	margin-bottom: 4px; 
}

a.editsectionlink {
	float: right;
	font-size: 9px;
	margin: 20px 0px 0px 0px;
	position: relative;
}

ul, ol {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: medium; 
	line-height: 150%; 
	margin-bottom: 15px; 
	margin-left: 0; 
	padding-left: 0; 
	list-style-type: disc; 
	list-style-position: inside; 
}

li {
	
	overflow: visible;
}

code, pre {
	font-family: Courier New, Lucida Console, Monospace;
	color: #000000;
	padding: 0px;
	margin: 0px;
}

pre {
	border: dashed 1px #999999;
	background-color: #FFFFF0;
	margin: 0px 10px 0px 10px;
	padding: 8px;
	width: 670px;
	overflow: auto;
	}

table, div {
	padding: 0px;
	margin: 0px;
}

img {
	border: none;
}

/* Class for general purpose images (contained in Wiki pages) */
img.image {
	border: solid 1px #CCCCCC;
}

/* Class of the formatting Buttons in Edit.aspx */
img.format {
	border: solid 1px;
	padding: 2px;
}

/* Div used for clearing floats */
div.clear {
	clear: both;
}

/* Div containing images aligned to the left */
div.imageleft {
	border: solid 1px #cccccc;
	background-color: #f9f9f9;
	padding: 4px;
	float: left;
	margin-right: 10px;
	position: relative;
	display: inline-block; 
}

/* Div containing images aligned to the right */
div.imageright {
	border: solid 1px #cccccc;
	background-color: #f9f9f9;
	padding: 4px;
	float: right;
	margin-left: 10px; 
	position: relative; 
}

/* Table containing images not aligned */
table.imageauto {
	border: solid 1px #cccccc;
	background-color: #f9f9f9;
	padding: 4px;
	margin: 4px 4px 4px 0;
	 
}

/* Div acting like a box */
div.box {
	border: solid 1px #CCCCCC;
	background-color: #F9F9F9;
	display: table-cell;
	padding: 4px;
	margin: 4px 4px 0px 4px;
}

/* Contains the Header */
#HeaderDiv { 
	width:100%; 
	height:99px; 
	background-color: white; 
	margin:0px; 
	padding: 0px;
}

/* Header and MoELogo styles copied from TELA Home Page */
#Header { 
	background-color: white; 
	background-image: url(images/TELALogo.gif); 
	background-repeat: no-repeat; 
	background-position: 16px bottom; 
	max-width: 1024px; 
	height: 99px; 
	margin-right: auto; 
	margin-left: auto; 
}

#MoELogo {
	background-image: url(images/MinEduLogo.gif);
    background-repeat: no-repeat;
    background-position: 0 bottom;
    position: relative;
    top: 18px;
    bottom: 0;
    width: 263px;
    height: 81px;
    float: right;
    padding-right: 28px;
}

/* Contains the SidebarDiv and the MainDiv */
#ContainerDiv { 	
	background-image: url(Images/WhiteBGGradient.png);
	background-repeat: repeat-x; 
	background-position: 0 top; 
	min-height: 440px;
}
* HTML #ContainerDiv {
	background-image: none;
}

/* Contains the Sidebar */
#SidebarDiv { font-size-adjust: 150%; background-color: #72ef17; background-image: url(Images/InfoBarHeader.jpg); background-repeat: repeat-x; background-position: 0 top; text-align: left; width: 180px; float: left; position: relative; margin: 18px 0; padding: 100px 0 0; left: 10px; z-index: 200; border: solid 3px white; }

#SidebarDiv Small {font-size: 80%;}
.systemlink {}
#SidebarFooterDiv {}
/* Contains the contents of a Page */

#MainDiv { background-color: #ffffff; background-image: url(Images/MainContentBG.gif); background-repeat: repeat-x; background-position: 0 top; position: relative; top: 18px; left: 0; width: auto; z-index: 100; min-width: 700px; margin: 0 204px 20px; padding: 20px 15px 45px; border: solid 1px #000; display: block; }
/* Contains the Page Header (title, last modify, etc.) */
#PageHeaderDiv {
}

#PageInternalHeaderDiv {
	margin-bottom: 10px;
}

#PageInternalFooterDiv { 
	background-color: white; 
	margin-top: 10px; 
}

/* Contains the link to the page editing form (Edit.aspx) and history */
#EditHistoryLinkDiv {
	float: right;
	font-size: 9px;
	padding-top: 4px;
	padding-bottom: 4px;
	position: relative;
}
#EditLink, #HistoryLink, #ViewCodeLink, #DiscussLink, #BackLink, #PostReplyLink {
	margin-left: 4px;
	font-size: 9px;
	padding: 2px;
	border: solid 1px #999999;
	text-decoration: none;
	position: relative;
}
#EditLink:hover, #HistoryLink:hover, #ViewCodeLink:hover, #DiscussLink:hover, #BackLink:hover, #PostReplyLink:hover {
	border: solid 1px #214C9A;
	font-size: 9px;
	text-decoration: none;
	background-color: #FFFFEE;
	position: relative;
}

/* Class of the P containing the Edit Link */
p.editlink {
	font-size: 9px;
	position: relative;
}

/* Shown when a page is Locked */
#PageLockedDiv {
	float: left;
	width: 12px;
	height: 12px;
	margin-right: 4px;
	background-image: url('Images/Lock.png');
	background-repeat: no-repeat;
	background-position:  center 50%;
	text-indent: -3000px;
	position: relative
}

/* Shown when a page is Public */
#PagePublicDiv {
	float: left;
	width: 12px;
	height: 12px;
	margin-right: 4px;
	background-image: url('Images/Public.png');
	background-repeat: no-repeat;
	background-position:  center 50%;
	text-indent: -3000px;
	position: relative
}

#PageInfoDiv {
	font-size: 9px;
}

#BreadcrumbsDiv {
	font-size: 9px;
	margin-top: 2px;
	padding-bottom: 1px;
	border-bottom: solid 1px #F0F0F0;
	border-top: solid 1px #F0F0F0;
	/*background-color: #FFFEDF;*/
	overflow: hidden;
	position: relative;
}

/* Contains the link to the Page RSS */
#RssLinkDiv {
	visibility: hidden;
	float: right;
	position: relative;
}

/* The link to the Page RSS */
#RssLink {
	background-image: url('Images/RSS.png');
	background-repeat: no-repeat;
	text-indent: -2500px;
	display: block;
	height: 13px;
	width: 24px
}

#PrintLinkDiv {
	float: right;
	position: relative;
}

#PrintLink {
	background-image: url('Images/Print.png');
	background-repeat: no-repeat;
	text-indent: -2500px;
	display: block;
	margin-left: 4px;
	height: 16px;
	width: 16px
}

/* Contains the Page Content */
#PageContentDiv {
	margin: 10px 0px 0px 0px;
	display: block;
	line-height: 150%;
	position: relative;
}

/* Contains the Footer */
#FooterDiv { 
	color: silver; 
	margin: 0 4px 4px 200px; 
	padding: 8px; 
}
#FooterDiv a { color: white; }
#FooterDiv p { color:silver }

/* Contains the page preview in the Edit.aspx page */
#PreviewDiv {
}

/* Contains the special tags in the Edit.aspx page */
#SpecialTagsDiv {
	font-size: 90%;
	border: solid 1px #999999;
	background-color: #FFFFFF;
	padding: 0px;
}

a.specialtaglink {
	display: block;
}

#PageListDiv {
	font-size: 90%;
	border: solid 1px #999999;
	background-color: #FFFFFF;
	padding: 0px;
}

#FileListDiv {
	font-size: 90%;
	border: solid 1px #999999;
	background-color: #FFFFFF;
	padding: 4px;
}

a.pagelistlink {
	display: block;
}

#SnippetListDiv {
	font-size: 90%;
	border: solid 1px #999999;
	background-color: #FFFFFF;
	padding: 0px;
}

a.snippetlistlink {
	display: block;
}

/* Contains the anchors in the Edit.aspx page */
#AnchorsDiv {
	font-size: 90%;
	border: solid 1px #999999;
	background-color: #FFFFFF;
	padding: 0px;
}

a.anchorlink {
	display: block;
}

/* Contains the anchors in the Edit.aspx page */
#ImagesDiv {
	font-size: 90%;
	border: solid 1px #999999;
	background-color: #FFFFFF;
	padding: 0px;
}

a.imagelink {
	display: block;
}

#SpecialTagsDiv *, #AnchorsDiv *, #ImagesDiv *, #PageListDiv *, #SnippetListDiv * {
	padding: 2px;
}

#SpecialTagsDiv a:hover, #AnchorsDiv a:hover, #ImagesDiv a:hover, #PageListDiv a:hover, #SnippetListDiv a:hover {
	color: #FFFFFF;
	background-color: #214C9A;
	text-decoration: none;
}

/* Contains the Special characters in the Edit.aspx page */
#SpecialCharsDiv {
	margin-top: 8px;
	border: solid 1px #888888;
	padding: 4px;
}

#FormatUl {
	margin: 0px;
	padding: 0px;
}

#FormatUl li {
	display: inline;
	list-style-image: url('none');
	margin: 0px;
	padding: 0px
}

/* Formatting Button in Edit.aspx */
a.formatlink {
	background-position: center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	border: solid 1px #214C9A;
	text-indent: -2000px;
	margin-right: 2px;
	float: left;
	position: relative;
}

/* Formatting Button in Edit.aspx */
a.formatlink:hover {
	text-decoration: none;
	border: solid 1px #D9671E;
}

#BoldLink {
	background-image: url('Images/Bold.png');
}
#ItalicLink {
	background-image: url('Images/Italic.png');
}
#UnderlineLink {
	background-image: url('Images/Underline.png');
}
#StrikeLink {
	background-image: url('Images/Strike.png');
}
#H1Link {
	background-image: url('Images/H1.png');
}
#H2Link {
	background-image: url('Images/H2.png');
}
#H3Link {
	background-image: url('Images/H3.png');
}
#H4Link {
	background-image: url('Images/H4.png');
}
#SubLink {
	background-image: url('Images/Sub.png');
}
#SupLink {
	background-image: url('Images/Sup.png');
}
#PageListLink {
	background-image: url('Images/PageLink.png');
}
#FileLink {
	background-image: url('Images/File.png');
}
#LinkLink {
	background-image: url('Images/Link.png');
}
#ImageLink {
	background-image: url('Images/Image.png');
}
#AnchorLink {
	background-image: url('Images/Anchor.png');
}
#CodeLink {
	background-image: url('Images/Code.png');
}
#PreLink {
	background-image: url('Images/Pre.png');
}
#BoxLink {
	background-image: url('Images/Box.png');
}
#BrLink {
	background-image: url('Images/BR.png');
}
#SnippetListLink {
	background-image: url('Images/Snippet.png');
}
#SpecialTagsLink {
	background-image: url('Images/SpecialTags.png');
}
#NoWikiLink {
	background-image: url('Images/NoWiki.png');
}
#CommentLink {
	background-image: url('Images/Comment.png');
}
#EscapeLink {
	background-image: url('Images/Escape.png');
}

#PageListTable {
	width: 90%;
	margin: 0px 10px 0px 10px;
}

#PageListHeader {
	background-color: #DDDDDD;
}

.pagelistcelleven {
	border-bottom: solid 1px #CCCCCC;
}
.pagelistcellodd {
	border-bottom: solid 1px #CCCCCC;
	background-color: #F4F4F4;
}

#PageTreeP {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 6px;
	border-left: 4px solid #CCCCCC;
}

#FileListTable {
	width: 98%;
	margin: 0px;
}

#FileListHeader {
	background-color: #DDDDDD;
}

.filelistcelleven {
	border-bottom: solid 1px #CCCCCC;
}
.filelistcellodd {
	border-bottom: solid 1px #CCCCCC;
	background-color: #F4F4F4;
}

#RevisionListTable {
	width: 98%;
	margin: 0px;
}

#RevisionListHeader {
	background-color: #DDDDDD;
}

.revisionlistcelleven {
	border-bottom: solid 1px #CCCCCC;
}
.revisionlistcellodd {
	border-bottom: solid 1px #CCCCCC;
	background-color: #F4F4F4;
}

#PreviewDivExternal {
}

#PreviewDiv {
	padding: 10px;
	border: solid 4px #CCCCCC;
}

blockquote {
	border-left: solid 8px #DDDDDD;
	margin-left: 16px;
	padding: 0px 0px 2px 6px;
}

div.messagecontainer {
	margin: 0px 0px 0px 16px;
}

div.rootmessagecontainer {
	border-top: solid 4px #214C9A;
}

div.messageheader {
	font-size: 90%;
	background-color: #F0F0F0;
	padding: 2px;
}

span.messagesubject {
	font-weight: bold;
	font-size: 100%;
}

div.messagebody {
	border-bottom: solid 1px #F0F0F0;
	border-left: solid 1px #F0F0F0;
	border-right: solid 1px #F0F0F0;
	margin: 0px 0px 6px 0px;
	padding: 4px;
}

div.reply {
	float: right;
	margin: 6px 10px 0px 0px;
	font-size: 100%;
	font-weight: bold;
}

a.reply {
	background-image: url('Images/MessageReply.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:12px; 
	padding-right:0px; 
	padding-top:0px; 
	padding-bottom:0px
}

a.edit {
	background-image: url('Images/MessageEdit.png');
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 16px; 
	padding-left:13px; 
	padding-right:0px; 
	padding-top:0px; 
	padding-bottom:0px
}

a.delete {
	background-image: url('Images/MessageDelete.png');
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 16px; padding-left:10px; padding-right:0px; padding-top:0px; padding-bottom:0px
}

div.warning {
	padding: 6px;
	background-color: #FEF693;
	border: solid 1px #FFCF10;
	display: table-cell;
}

#TxtSearchBox {
	font-size: 90%;
	width: 130px;
	background-image: url('Images/Search.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

#ConcurrentEditingDiv {
	padding: 6px;
	background-color: #FEF693;
	border: solid 1px #FFCF10;
}

span.signature {
	font-style: italic;
}

#TocContainer {
	border: none;
	display: table-cell;
	padding: 0px;
	background-color: #F9F9F9;
	font-size: : 60%;
	font-weight: normal;	
}

#AttachmentsDiv {
	margin-top: 6px;
	padding: 4px;
	width: 85%;
	border: solid 1px #559955;
	background-color: #D6EED2;
}

a.attachment {
	padding-left: 14px;
	background-image: url('Images/Attachment.png');
	background-repeat: no-repeat;
	background-position: left center
}

#RedirectionInfoDiv {
	font-size: 90%;
	padding-left: 10px;
	padding-top: 4px;
	color: #999999;
}

#RedirectionDiv {
	margin-bottom: 16px;
	padding-left: 24px;
	margin-left: 10px;
	font-size: 120%;
	background-image: url('Images/Redirect.png');
	background-repeat: no-repeat;
	background-position: left center
}

/* JsFileTree control begin */

div.subtreediv {
	margin: 0px 0px 0px 10px;
}

a.subdirlink {
	background-image: url('../../Images/Dir.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:18px; padding-right:0px; padding-top:0px; padding-bottom:0px
}

a.filelink {
	background-image: url('../../Images/File.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:18px; padding-right:0px; padding-top:0px; padding-bottom:0px
}

/* JsFileTree control end */

/* JsImageBrowser control begin */

#ImageBrowserDiv {
	background-color: #FFFFFF;
	border: solid 1px #999999;
	width: 616px;
}

#MainContainerDiv {
	overflow: auto;
	height: 286px;
}

div.container {
	float: left;
	width: 96px;
	height: 126px;
	background-color: #FFFFFF;
	margin: 4px;
}

#UpLevelLink, #UpLevelLink:hover {
	display: block;
	width: 96px;
	height: 96px;
	vertical-align: bottom;
	text-align: center;
	text-decoration: none;
}

a.dirlink, a.dirlink:hover {
	display: block;
	width: 96px;
	height: 96px;
	vertical-align: bottom;
	text-align: center;
	text-decoration: none;
}

a.itemlink, a.itemlink:hover {
	display: block;
	width: 96px;
	height: 116px;
	vertical-align: bottom;
	text-align: center;
	text-decoration: none;
}

span.itemtext {
	color: #000000;
	background-color: #FFFFFF;
	padding: 0px;
	width: 96px;
	height: 96px;
	vertical-align: bottom;
	font-size: 80%;
}

#ImagePreviewDiv {
	float: right;
	width: 256px;
	height: 268px;
	border: solid 1px #CCCCCC;
	margin: 4px;
	padding: 4px;
	text-align: center;
	vertical-align: middle;
	background-color: #FFFFFF;
}

#PreviewImg {
	height: 248px;
	vertical-align: middle;
}

img.thumb {
	border: solid 1px #CCCCCC;
}

#ImageDescriptionSpan {
	font-size: 90%;
	font-style: italic;
}

/* JsImageBrowser control end */

/* Gray Bar section */ 
div.ybl {
	background: #e6e6e6 url('images/ybl.gif') no-repeat 0 100%;
	width:98%;
}
div.ybr {
	background: url('images/ybr.gif') no-repeat 100% 100%;
}
div.ytl {
	background: url('images/ytl.gif') no-repeat 0 0;
}
div.ytr {
	background: url('images/ytr.gif') no-repeat 100% 0;
	padding:7px;
}

/* Orange Bar section */
div.bl {
	background: #f56820 url('images/bl.gif') no-repeat 0 100%;
	width:98%;
}
div.br {
	background: url('images/br.gif') no-repeat 100% 100%;
}
div.tl {
	background: url('images/tl.gif') no-repeat 0 0;
}
div.tr {
	background: url('images/tr.gif') no-repeat 100% 0;
	padding:7px;
}
div.clr {
	font-size: 1px;
	height: 1px;
}

/* Green Bar section */
div.gbl {
	background: #569b48 url('images/gbl.gif') no-repeat 0 100%;
	width:98%;	
}
div.gbr {
	background: url('images/gbr.gif') no-repeat 100% 100%;
}
div.gtl {
	background: url('images/gtl.gif') no-repeat 0 0; 
}
div.gtr {
	background: url('images/gtr.gif') no-repeat 100% 0;
	padding:7px;
}
div.gclr {
	font-size: 1px;
	height: 1px;
}

 /* Purple Bar section */
div.pbl {
	background: #52186b url('images/pbl.gif') no-repeat 0 100%;
	width:98%;
}
div.pbr {
	background: url('images/pbr.gif') no-repeat 100% 100%;
 }
div.ptl {
	background: url('images/ptl.gif') no-repeat 0 0; 
}
div.ptr {
	background: url('images/ptr.gif') no-repeat 100% 0;
	padding:7px;
}
div.pclr {
	font-size: 1px;
	height: 1px;
}

 /* Pale Purple Bar section */
div.itbl {
	background: #E8DEEB url('images/itbl.gif') no-repeat 0 100%;
	width:98%;
}
div.itbr {
	background: url('images/itbr.gif') no-repeat 100% 100%;
}
div.ittl {
	background: url('images/ittl.gif') no-repeat 0 0;
}
div.ittr {
	background: url('images/ittr.gif') no-repeat 100% 0;
	padding:7px;
}
div.itclr {
	font-size: 1px;
	height: 1px;
}
/* Any color Bar section */
div.acbl {
	background: url('images/acbl.gif') no-repeat 0 100%;
	width:98%;
}
div.acbr {
	background: url('images/acbr.gif') no-repeat 100% 100%;
}
div.actl {
	background: url('images/actl.gif') no-repeat 0 0;
}
div.actr {
	background: url('images/actr.gif') no-repeat 100% 0;
	padding:7px;
}