/***********************************************************************************************
*  BEGIN: styles for calendars                                                                 *
***********************************************************************************************/
/* specify the table background of the calender */
.cal-main {
background-color: #CCCCFF;
}
/*Specify the weekend style*/
.cal-weekend {
background-color: #ECECEC;
}
/*The defaule style*/
.cal-default 
{
	background-color:  #FFFFCC;
}
/*The defaule style*/
.cal-greyday 
{
	background-color:  #f1f1f1;
	
}
.cal-greyday2{
	color: #CCCCCC;
	text-decoration: none;
}
/*The style for when today is identified*/
.cal-today /* specify today's date of the calender */
{
	background-color: #CCFF99;
	font-weight:bold;
}
.cal-todayfont /* specify the font colour of the calender */
{
	color: #000066;
	font-family: Arial, Verdana;
}
.cal-defaultfont /* specify the default font of the calender */
{
	color: #000066;
	font-family: Arial, Verdana;
	}

.cal-month/* specify the colour of the months in the calender. */
{
	color: #ffffff;
	background-color: #808000;
}


.cal-clicked { /* Specify the style for when the cal is clicked */
	font-family: Verdana;
	font-size: 8pt;
	color: #FFFFFF;
	background-color: #C00000;
	height: 20;
	padding-left: 5pt;
}
/*Top of calendar*/
.cal-top { 
	font-family: Verdana;
	font-size: 8pt;
	color: #FFFFFF;
	background-color: #000066;
	height: 20;
	padding-left: 5pt;
}

/* STyle to use when the cal has an event*/
.cal-hasEvent {
	font-family: Verdana;
	font-size: 8pt;
	color: #000000;
	background-color: #C6D1DC;
	height: 20;
	padding-left: 5pt;
}
/***********************************************************************************************
*  END: styles for calendars                                                                   *
***********************************************************************************************/

.calendar {
width: 99%;
border-collapse: collapse;
}

.calendar th {
	border: 1px solid #AAAAAA;
	border-bottom: none;
	padding: 2px 8px 2px 8px;
}

.smallCalendar th {
    padding: 0px;
}

.bigheight td {
    height: 60px;
}

.calendar td {
    vertical-align:top;
    border: 1px solid #AAAAAA;
}

.calendar td.normalday {
	background-color: #FFFFFF;
}

.calendar td.eventday {
	background-color: lightyellow;
    border: 2px solid green;
}

.calendar td.todaycal {
	background-color: yellow;
    border: 2px solid green;
    color: #000000;
}

.calendar ul {
    list-style-type: none;
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
}
.calendar li {
    clear: both;
    float: none;
}


.bigDayNum {
    font-size: 200%;
    font-weight: bolder;
    color: darkblue;
}

.calendarList {
    border-collapse: collapse;border: 1px solid #AAAAAA;
}

.calendarList td,.calendarList th{
    border: 1px solid #AAAAAA;
}

/*******************************************************************************
*  BEGIN: layout for normal page elements                                      *
*******************************************************************************/
/* specify the body with other words the look and feel of all 
the pages, their text, font, background etc. */
body { 
		font-size: 9pt;
		color: #999900;
		font-family: Microsoft Sans Serif , Arial, Helvetica, Verdana;
		background-color: white;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
}

p {
    color: #999900;
	font-family: Microsoft Sans Serif , Arial, Helvetica, Verdana;
}

/* This is the spaces or line breaks on the pages, Chantel made 
this one white because she didn't want it to be vissible. */
/*
Internet Explorer defines HR using COLOR whilst Mozilla and Opera uses BACKGROUND-COLOR
Please keep both elements but have them as the same color
*/
hr {
    color: #999999;
    background-color: #999999;
    border: 0;
    height: 0.5px;
}

/* This is the headers of the textareas or for example the welcoming text on the pages. */
h1, h2, h3, h4, h5, h6 {
	color: #737357; 
	font-family:  Microsoft Sans Serif  , Arial, Verdana;
}

h1 {
    font-size: 190%;
}

h2 {
    font-size: 170%;
}

h3 {
    font-size: 150%;
}

h4 {
    font-size: 130%;
}

h5 {
    font-size: 110%;
}

h6 {
    font-size: 100%;
}

/* This is the specification for the text on the pages.*/
.text {
	color: #999900;
	font-size:100%;
	font-family: Microsoft Sans Serif , Arial, Helvetica, Verdana;
	font-weight: normal;
	text-align: left;
} 

/* Create a transparent background */
.transparentbg {
	background-color: transparent;
}

/* Create a transparent background with no border */
.transparentbgnb {
	background-color: transparent;
	border: 0;
}

iframe {
    border: 0;
}

/*******************************************************************************
*  END: layout for normal page elements                                        *
*******************************************************************************/

/*******************************************************************************
*  BEGIN: layout for elements used on forms                                    *
*******************************************************************************/

/* specify the form on everypage, we do not want forms with borders in them. */
form {
    margin:0px;
}



/* This specify the buttons */
input.button, button.button  {	
    border-right: #737357 1px solid;
	border-top: #737357 1px solid;
	border-left: #737357 1px solid;
	color: #3b3b1f;
	border-bottom: #737357 1px solid;
	background-color: #c7c78f;
}

/* Specify the text in the textbox field */
input.text {
	font-weight: normal;
	font-size: 90%;
	color: #5a5a5a;
	font-family: Microsoft Sans Serif , Arial, Helvetica, Verdana;
}

/*used for error in input textbox */
.inputerror {
	color: white;
	font-family : Microsoft Sans Serif , Arial, Helvetica, Verdana;
	font-size : 90%;
	background-color: red; 
}

/* specify the textarea in the textareafield. */
textarea {
	color: #5a5a5a;
	font-family : Microsoft Sans Serif , Arial, Helvetica, Verdana;
	font-size : 90%;
	font-weight : normal;
	background-color: white; 
    border-top-color: #EAEBED;
	border-right-color: #EAEBED;
    border-bottom-color: #EAEBED;
}


select /* specify the selected area in the textbox field. */
{
	font-weight: normal;
	font-size: 90%;
	color: #5a5a5a;
	font-family: Microsoft Sans Serif , Arial, Helvetica, Verdana;
	background-color: white;
    border-top-color: #EAEBED;
    border-left-color: #EAEBED;
	border-bottom-color: #EAEBED;
	border-right-color: #EAEBED;
}

/* Width of the drop down to choose a course. Can be made relative to the sides*/
select.coursechooser, select.dropdownOnSideBar, div#leftnav select, div#rightnav select {
	width: 130px;
}


/*******************************************************************************
*  END: layout for elements used on FORMS                                      *
*******************************************************************************/

/*******************************************************************************
*  BEGIN: layout for TABLE elements                                            *
*******************************************************************************/

/* specify the table cell default properties. */
td {
	font-family: Microsoft Sans Serif , Arial, Helvetica, Verdana; 
	color: #999900; 
    font-size:100%;
}

/* specify the heading of the text inside the tables */
thead, th, td.heading, tr.heading {
	font-family:Microsoft Sans Serif , Arial, Helvetica, Verdana;
	color: #999900;
	font-size:100%;
	background: #d7d79f;
	font-weight: bolder;
}

/* Specify the background of table cells in odd rows */
td.odd, tr.odd {
	background-color: #ffffbe;
}

/* Specify the background of table cells in even rows */
td.even, tr.even {
	background-color: #ffffff;
}



/* Specify the background colour of teh table cells for 
   recordset navigation */
.rsnav {
	background-color: #f1f1e3;
}



/* Specify the background for tableruler */
td.tbl_ruler, tr.tbl_ruler {
	background-color: #B3D9FF;
}


table.tableLightBkg, tr.tableLightBkg, td.tableLightBkg {
    background-color: #FFFFFF;
}



/*******************************************************************************
*  END: layout for table elements                                              *
*******************************************************************************/


/***********************************************************************************************
*  BEGIN: Anchor links for text, buttons                                                       *
***********************************************************************************************/

/* specify the link that's in the text of the body of every page */
A:link {
	background: transparent;
	color: #ff9900;
	text-decoration: underline;
	font-weight : bold;
}

/* specify the visited link that's in the text of the body of every page */
A:visited {
		COLOR: #ff9900;
		TEXT-DECORATION: underline; 
		background: none;
		font-weight : bold;
}

/* specify the hovered link that's in the text of the body of every page */
A:hover {
	background: #ffffff;
	color: #ff9900;
	text-decoration: underline;
	font-weight : bold;
}

/* specify the hovered & visited link that's in the text of the 
body of every page */
A:visited:hover {
		COLOR: #ff9900;
		TEXT-DECORATION: underline;
		background: #ffffff;
		font-weight : bold;
}

/* specify the active link that's in the text of the body of every page */
A:active {
	background: none transparent scroll repeat 0% 0%;
	color: #ff9900;
	text-decoration: underline;
	font: bold;
}

/* Set of anchor classes for making toolbar buttons and that can
   be used for any buttons A 
*/

A.pseudobutton {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-decoration: none;
	font-weight: normal;
	background: url(images/buttons/button.jpg);
}

A.pseudobutton:visited {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-decoration: none;
	font-weight: normal;
	background: url(images/buttons/button.jpg);
}
	
A.pseudobutton:hover, A.pseudobutton:visited:hover  {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-decoration: none;
	font-weight: normal;
	background: url(images/buttons/button_over.jpg);
}


a.pseudobutton:active  {
    color : #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-decoration: none;
	font-weight: normal;
    background-image: url(images/buttons/button_over.jpg);
}

/***********************************************************************************************
*  END: Anchor links for text, buttons                                                         *
***********************************************************************************************/

/*******************************************************************************
*  BEGIN: Accessiblity Tags														   *
*******************************************************************************/

/* Border Color and padding of the <fieldset> */
fieldset {
    border:1px solid #808080;
    margin: 3px;
    padding: 3px;
 }

/*******************************************************************************
*  End: Accessiblity Tags														   *
*******************************************************************************/



/*************************************************************************************************
*  BEGIN: SECTION FOR THREE COLUMN AND TWO COLUMN LAYOUTS *
*************************************************************************************************/

/* the container for all of the divs that make up the layout */
div#container {
   width: 99%;
   margin: 10px auto;
   background-color: #f1f1e3;
   border: 1px solid #808080;
   border-bottom-width: 0px;
   line-height: 130%;
}

/* a class with containers background colour that can be applied to other elements, eg. body */
.containerBackground {
    background-color: #f1f1e3;
}

/* the div for the top banner */
div#top {
   padding: 0;
   background-color: white;
   border-bottom: 1px solid #808080;
   /*background-image: url(banners/banner_background.jpg);*/
}

div#toolbar {
    padding: 0;
    background-color: white;
    border-bottom: 1px solid #808080;
}

/* the left col area*/
div#leftnav {
   float: left;
}

/* Fix the for the input box on a sidebar */
#leftnav input.prelogin {
    width: 130px;
}

/* the right col area */
div#rightnav {
   float: right;
}

/* the left and right col areas */
div#leftnav, div#rightnav {
   width: 150px;
   margin : 0 0 1em 0;
   padding: 1em;
   background-color: #f1f1e3;
}


/* 

The content areas:
div#content is for both left and right margins
div#contentHasLeftMenu is for content with a left margin only

*/


div#content, div#contentHasLeftMenu {
   padding: 1em;
   background-color: #f1f1e9;
}

div#content {
    margin-left: 175px;
   border-left: 1px solid #808080;
   margin-right: 175px;
   border-right: 1px solid #808080;
}

div#contentHasLeftMenu {
    margin-left: 175px;
   border-left: 1px solid #808080;
}



/* the footer area of the cols */
div#footer {
   margin: 0;
   padding: 1em;
   background-color: #d7d79f;
   border-bottom: 1px solid #808080;
   border-top: 1px solid #808080;
}

.content {
   border-left: 1px solid #808080;
   padding: 1em;
   background-color: #f1f1e9;
}

/**************************************************************************************************
*  END: SECTION FOR THREE COLUMN AND TWO COLUMN LAYOUTS *
***************************************************************************************************/

/*******************************************************************************
*  BEGIN: special layout for page elements                                     *
*******************************************************************************/

/* Confirm message that action has occurred successfully */
.confirm, #confirm 
{
    color: #000000;
    background-color: #FFDE39; // A dark yellow
}

/* Use for text that is greyed out or dimmed for some reason */ 
.dim {
	color: #666666;
}

/* Specify certain text that for error messages */
.error 
{
	color: red;
}

.HighLightText
{
	background-color: #005073;
	color: #ffffff;
}

.warning /* Specify certain text that you want people to notice or beware of for example: "Please note that the suggestion box 
         is for suggestions about KEWL". */
{
	color: orange;
    font-weight: bold;
    padding: 2px;
}

/*  This specify the color of the notes or short little descriptive wording, shown on the login page and 
        after you've logged in for example the following text:"Note this is still very experimental and there is 
        no translation for most things". */
.minute 
{
	font-size: 85%;
	color: #999966;
}


/* Font of warning to say theres no posts in a forum - at start of forum*/
.noRecordsMessage { 
    font-style: oblique;
    text-align: center;
    font-weight: normal;
    padding-top: 2em;
    padding-bottom: 2em;
    font-size: large;
}

.wrapperLightBkg {
    background-color: #FFFFFF;
    padding: 3px;
}

.wrapperDarkBkg {
    background-color: #FFCC99;
    padding: 3px;
}

/*******************************************************************************
*  END: special layout for page elements                                       *
*******************************************************************************/


/*************************************************************************************************
*  BEGIN: Styles to use for HELP                                                                  *
*************************************************************************************************/

body.help-popup {
	    padding: 1em 1em 1em 1em;
		background-image: url(images/helpbg.gif);
}

/**************************************************************************************************
*  END: Styles to use for HELP                                                                    *
**************************************************************************************************/



/******************************************************************************************
*  BEGIN: SECTION FOR THE CHAT															  *
*  It can be used for other layouts as well.                                              *
******************************************************************************************/

/* Chat Meta is for instructions that appear on screen. e.g. user enters the room*/
.chat-meta {
	color: green;
}


/* color for private messages between users in the chat*/
.chat-private {
	color: red;
}
/******************************************************************************************
*  END: SECTION FOR THE CHAT															  *
******************************************************************************************/



/******************************************************************************************
*  MOUSE OVER POPUP																		  *
******************************************************************************************/


/* Default DOM Tooltip Style */
div.domTT {
    border: none;
    margin: 0em 0em 2em 0em;
    padding: 0;
}
div.domTTCaption {
    background: #e3e3c7;
    border: 1px solid #808080;
    border-style: solid solid none solid;
    padding: 0em 1em 0em 1em;
    text-transform: none;
	text-decoration: none;
    font-size: 100%;
    font-weight: bold;
	cursor:hand;
}
div.domTTContent {
     background: transparent;
    border-collapse: collapse;
    border: 1px solid #808080;
	padding: 3px;
	overflow: auto;
	background: white;
}



/******************************************************************************************
*  END OF MOUSE OVER POPUP																		  *
******************************************************************************************/


/******************************************************************************************
*  BEGIN: SECTION FOR THE BLOG TEMPLATE (/modules/blog/templates/content/main_tpl.php)    *
*  It can be used for other layouts as well.                                              *
******************************************************************************************/

/*The blog container*/
#blog {
   width: 94%;
}

/*The container for the blog content*/
#blog-content {
    background-color: #FAF5ED;
    border-collapse: collapse;
	border: 1px solid #999900;
	border-left: 1px;
	border-right: 1px;
	padding: 12px;
	text-align:left;
}

/*The footer to appear at the bottom of the page*/
#blog-footer {
    background-color: #FAFAFA;
	color: #999999;
    border-collapse: collapse;
    border: 1px solid #999900;
	border-bottom: 2px;
	border-left: 1px;
	border-right: 1px;
	padding: 3px;
	font-family: Microsoft Sans Serif , Arial, Helvetica, Verdana;
	font-size:80%;
	text-align:center;
}

#blheadline { 
    background: #e3e3c7;
    border: 1px solid #999900;
    border-style: solid solid none solid;
	border-left: 1px;
	border-top: 3px;
	border-right: 1px;
    color: #666666;
    padding: 4px;
    text-transform: none;
	font-family:Microsoft Sans Serif , Arial, Helvetica, Verdana;
    font-size: 110%;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}

#bltitle { 
    background-color: #003333;
    border: 1px solid #999900;
    border-style: solid solid none solid;
	border-top: 3px;
	border-left: 3px;
	border-right: 3px;
    color: white;
    padding: 4px;
    text-transform: none;
	font-family:Microsoft Sans Serif , Arial, Helvetica, Verdana;
    font-size: 110%;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;

}

/* the footer area for the end of the blog */
#blog-outside-footer {
   clear: both;
   margin: 0;
   padding: 1em;
   color: #666666;
   background-color: #CCCCCC;
   border-bottom: 1px solid #808080;
   border-top: 1px solid #808080;
   font-family:Microsoft Sans Serif , Arial, Helvetica, Verdana;
   font-size: 80%;
}

/* TD for right blog */
.blog-right {
   background-color: #FFFFDF;
   padding: 1em;
   border: 1px solid #999900;
   vertical-align:top;
   font-family:Microsoft Sans Serif , Arial, Helvetica, Verdana;
   color: #666666;
}

/*The container for the blog comments on odd rows*/
#blog-comment-odd {
    background-color: #FFFFCC;
    border-collapse: collapse;
	border: 1px solid #999900;
    border-bottom: 1px dotted black;
	border-left: 1px;
	border-right: 1px;
	padding: 12px;
	text-align:left;
}

/*The container for the blog comments on even rows*/
#blog-comment-even {
    background-color: #F3F2DA;
    border-collapse: collapse;
	border: 1px solid #999900;
   	border-bottom: 1px dotted black;
	border-left: 1px;
	border-right: 1px;
	padding: 12px;
	padding-left: 22px;
	text-align:left;
}

/*The container for the blog comments on odd rows*/
#blog-comment-label {
    background-color: #6699CC;
    border-collapse: collapse;
	border: 1px #999900;
	border-top: 3px;
    border-style: solid solid dotted solid;
	border-left: 1px;
	border-right: 1px;
	border-bottom: 1px red;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 2px;
	padding-bottom: 1px;
	text-align:left;
	font-weight:bolder;
}

/*Table row for listing 10 mose recent blogs */
TD.blog-listtitle {
	background-color:  #F1F8F8;
	font-size:10px;
	padding: 0;
	
}

/*Table row for listing 10 mose recent blogger names */
TD.blog-listname {
	background-color:#F3F3F3;
	font-size: 80%;
}

/* specify the heading of the text inside the with a small font */
.small-heading {
	font-family:Microsoft Sans Serif , Arial, Helvetica, Verdana;
	color: #999900;
	font-size:90%;
	background-color: #CCCCCC;
}

/***********************************************************************************************
*  END: SECTION FOR THE POST BLOG TEMPLATE (/modules/blog/templates/content/main_tpl.php)      *
***********************************************************************************************/

/******************************************************************************************
*  DISCUSSION FORUM																	  *
******************************************************************************************/

.forumContainer {
   width: 95%;
   margin: 0px;
   margin-left: 10px;
   padding: 0px;
   background-color: #f1f1e9;
   border: 1px solid #808080;
   line-height: 130%;
}


.forumTangentIndent {
    margin: 10px;
    padding: 5px;
    background-color: #ffffcc;
    border: 1px dotted #800080
}

.forumLeftBar {
   /* default width */
   width: 160px;
   margin: 0;
   margin : 0 0 0 0;
   float: left;
   height: 100%;
   padding: 5px;
}

.forumTopic {
   padding: 5px;
   background-color: #d7d79f;
   border-left: 1px solid #808080;
   margin: 0px;
}

.forumContent {
    margin: 0px;
   border-left: 1px solid #808080;
   border-top: 1px solid #808080;
   padding: 5px;
   background-color: #FFFFFF;
}


/* An alternative container when you don't want to use the left side bar*/
div.topicContainer {
border-top: 1px solid #808080;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;
}


/******************************************************************************************
*  END OF DISCUSSION FORUM																	  *
******************************************************************************************/


/**************************************************************************************************
*  BEGIN: Styles to use for GROUPADMIN                                                            *
**************************************************************************************************/

#treecontent {
    margin:0;
    margin-left: 12em;
    padding: 1em;
}

#treenav {
    width: 12em;
    overflow: auto;
	float : left;
    padding: 1em;
}

#nodeinfo {
    float : right;
    border:0;
	width: 12em;
	padding: 1em;
}

#nodecontent {
    margin-left: 0;
    margin-right: 15em;
}

#formline {
    padding: 0.5em 0 0.5em 0  ;
}

#formlabel {
    float:left;
    text-align:right;
    width: 13em;
}

#formelement {
    margin-left : 15em;
}


/**************************************************************************************************
*  END: Styles to use for GROUPADMIN                                                               *
**************************************************************************************************/







/***********************************************************************************************
*  BEGIN: Sectoin to use when debugging layers                                                 *
***********************************************************************************************/

debug-layers {
	border-style: dashed;
	border-color:#FF0000;
}

/***********************************************************************************************
*  END: Sectoin to use when debugging layers                                                   *
***********************************************************************************************/


/***********************************************************************************************
*  BEGIN: Styles to use for creating tabbed boxes such as the login one                        *
***********************************************************************************************/

fieldset.tabbox {
	border: 1px solid #999900;
	margin:0;
    margin-bottom: 10px;
}
legend.tabbox {
	background-color:#e3e3c7;
	border: 1px solid #999900;
	color:#000000;
	font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding-left: 5px;
    padding-right: 5px;
}

fieldset.tabbox ul {
    margin-left: 0px;
    padding-left: 15px;
}


	
/***********************************************************************************************
*  END:   Styles to use for creating tabbed boxes such as the login one                        *
***********************************************************************************************/


/***********************************************************************************************
*  BEGIN: Styles to use for creating multitabbed boxes like the ones used in a context         *
***********************************************************************************************/


div.multibox {
    border: none;
    margin: 0em 0em 2em 0em;
    padding: 0;
}

div.multibox div.multibox-content {
    background: transparent;
    border-collapse: collapse;
    border: 1px solid #999900;
	padding: 3px;
	background: #e3e3c7;
}

div.multibox .multitablabel { 
    background: #e3e3c7;
    border: 1px solid #999900;
    border-style: solid solid none solid;
    padding: 0em 1em 0em 1em;
    text-transform: none;
	text-decoration: none;
    display: inline;
    font-size: 1em;
    height: 1em;
	cursor:hand;
}
div.multibox .multitabselected {
	background: #e3e3c7;
    border: 1px solid #999900;
    border-style: solid solid none solid;
    padding: 0em 1em 0em 1em;
    text-transform: none;
    display: inline;
    font-size: 1em;
    height: 1em;
	cursor:hand;
	text-decoration: none;
}


/***********************************************************************************************
*  END:   Styles to use for creating multitabbed boxes like the ones used in a context         *
***********************************************************************************************/




/*******************************************************************************
*  BEGIN: layout for display such as used in the viewsource module             *
*******************************************************************************/

/*Display title above display box */
.code-display-title {
	border-color: #999999;
	background-color: #CCCCCC;
	border-width: medium;
	font-family:Microsoft Sans Serif , Arial, Helvetica, Verdana;
	text-align:center;
}

/*Display box mainly for source code display*/
.code-display {
	border-color: #999999;
	border-collapse:collapse;
	border-width:thin;
	font-family:Microsoft Sans Serif , Arial, Helvetica, Verdana;
	background-color:#F8F8F8;
	text-align:left;
}



/*Display title above display box */
.code-display-footer {
	border-color: #333333;
	background-color: #CCCCCC;
	font-family:Microsoft Sans Serif , Arial, Helvetica, Verdana;
	text-align:center;
	background-color: #CCCCCC;
   	border-bottom: 1px solid #808080;
}






/*******************************************************************************
*  BEGIN: Internal Email
*******************************************************************************/

.emailNew 
{
	background-color: #FFD291;
	color: #000000;
}

.emailNew:link, td.emailNew a
{
	color: #000000;
}

.emailOld
{
	background-color: #FFFFFF;
	color: #000000;
}

.emailInfo
{
	background-color: #FAFAFA;
	color: #000000;
}

/*******************************************************************************
*  End : Internal Mail                    *
*******************************************************************************/


/*******************************************************************************
*  BEGIN: Instant Messaging                    *
*******************************************************************************/

body.instantmessaging {
    background-color: #FF9900;
}

/* Instant Messaging - Hidden Iframe */
#IM {
    display:none;
}

#instantmessaging_main {
    margin:0px;
    padding:10px; 
    border: 0;
    margin-right:61px;
    background-image: url(images/im_bkg.jpg);
    background-repeat: repeat-x;
    background-attachment: fixed ;
    background-position: left top;
}

.instantmessaging_height {
    height: 319px;
    overflow: auto;
}

#instantmessaging_side {
    width: 61px;
    float:right;
    height: 339px;
    margin:0;
    padding:0;
    border:0;
    margin-top:1px;
}

#instantmessaging_footer {
    clear:both;
    margin:0;
    padding:0;
    padding: 15px;
    text-align: center;

}

/*******************************************************************************
*  END: Instant Messaging                      *
*******************************************************************************/





/*** SECTION FOR CODEBLOCKS IN TEXT *****/
.cdblk {
	font-family: "Times New Roman", Times, serif;
	font-size: small;
	font-style: normal;
	background-color: #FFFFFF;
	margin: 10px;
	padding: 4px;
	border: thin dashed #CCCCCC;
	width: 80%;
}



/*******************************************************************************
*  BEGIN: layout for elements used to display old mail   - Mailman                      *
*******************************************************************************/
/*Display box mainly for old mail display*/
.old-mail {
	border-color: #999999;
	width: 80%;
	border-collapse:collapse;
	border-width:thin;
	font-family:Microsoft Sans Serif , Arial, Helvetica, Verdana;
	background-color:lightyellow;
	text-align:left;
}
/*******************************************************************************
*  END: layout for elements used to display old mail                           *
*******************************************************************************/

/*******************************************************************************
*  BEGIN: style for steps * 
*******************************************************************************/

#step {
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	color: #666666;
	padding: 10px 0px 20px 80px;
	white-space: nowrap;
	position: relative;
	float: left;
}

.step-on {
	color: #ff9900;
	background: #30559C;
	font-weight: bold;
	font-size: 13px;
	padding: 10px;
	border: 1px solid #cccccc;
	margin-bottom: 2px;
}

.step-off {
  font-size: 13px;
	color: #999999;
	font-weight: bold;
	padding: 10px;
	border: 1px solid #cccccc;
	margin-bottom: 2px;
}

/*******************************************************************************
*  END:  styles for steps
*******************************************************************************/

.newForumContainer {
    margin: 10px;
    border: 1px solid black;
}

.newForumTopic {
    background-color: #d7d79f;
    padding: 5px;
}
.newForumContent {
    clear: both;
    background-color: white;
    border-top: 1px solid black;
    padding: 5px;
}

.forumUserPicture {
    float:left;
}

.forumTopicTitle {
    margin-left: 50px;
}

.smallText {
    font-size: 90%;
}