/**************************************
 * THEME NAME: wcs_new
 *
 * Files included in this sheet:
 *
 *   wcs_new/styles_layout.css
 *   wcs_new/styles_fonts.css
 *   wcs_new/styles_color.css
 **************************************/

/***** wcs_new/styles_layout.css start *****/

/*******************************************************************

 styles_layout.css

  

 This CSS file contains all layout definitions like positioning,

 floats, margins, padding, borders etc.



 Styles are organised into the following sections:

  core

  header

  footer



  admin

  blocks

  calendar

  course

  doc

  login

  message

  tabs

  user



  various modules



*******************************************************************/




/***

 *** Core

 ***/
 
.Top{
	position:relative;
	background-image: url(images/top_back.jpg);
	background-position: left top;
	background-repeat:repeat-x;
	width:100%;
	min-width:1080px;
	max-width:3000px;
} 

.Button_top{
	position:relative;
	right:2%;
	padding:2px;
	color:#000000;
	width:100%;

}


td .fs-theme_bottom_bar, 
tr .fs-theme_bottom_bar, 
.fs-theme_bottom_bar,
table.fs-theme_bottom_bar {
	background-image: url(images/bottom-gradient.gif);
	background-position: left;
	background-repeat: no-repeat;




}

.mainCont_table{
position:relative;
left:10px;
right:10px;

}

.text_white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

h1.main,

h2.main,

h3.main,

h4.main,

h5.main,

h6.main {

  text-align: center;

}



#layout-table {

  width:100%;

  border-collapse:separate;

  margin-top: 8px;

}



#layout-table #left-column,

#layout-table #middle-column,

#layout-table #right-column

{

  vertical-align:top;

}



#layout-table #middle-column {

  padding-left:12px;

  padding-right:12px;

}



#layout-table #left-column {

  padding-left:10px;

}



#layout-table #right-column {

  padding-right:10px;

}



.clearer {

  clear:both;

  margin:0px;

  padding:0px;

  height:1px;

  border:none;

  background:transparent;

}



.continuebutton {

  text-align: center;

}



form {

  margin-bottom:0px;

}



table {

  border-spacing: 0px;

  border-collapse: collapse;

}



a img {

  border:none;

}

.notifyproblem {

  text-align: center;

  padding: 10px;

}

  

.notifysuccess {

  text-align:center;

  padding: 10px;

}   



.generalbox {
	border-top:#3D5361 solid 10px;
	border-bottom:#3D5361 solid 1px;
	border-left:#3D5361 solid 1px;
	border-right:#3D5361 solid 1px;

}







.generalbox#intro {

  text-align:center;

}


.errorbox {

width: 70%;

}


.generalerror {
position:relative;
top:50px;
margin-bottom:70px;
padding-bottom:70px;
border:none;
background:none;
font-size:20px;
line-height:30px;
text-align:center;



}


.errorbox .title {

  padding: 5px;

}

.noticebox {

width: 70%;

}


.generalnotice {
position:relative;
top:50px;
margin-bottom:70px;
padding-bottom:70px;
border:none;
background:none;
font-size:1.2em;
line-height:1.5em;
text-align:center;



}


.noticebox .title {

  padding: 5px;

}

.informationbox {
 background-image:url(images/main_top_bar.gif);

  border-width:1px;

  border-style:solid;

}

.feedbackbox {

  border-width:1px;

  border-style:solid;

}

.feedbackby {

}

.feedback {

}

.initialbar {

  text-align: center;

}



#help .indent {

  margin-left:3em;

}



.tabledivider {

  border-width:1px;

  border-style:solid;

  border-left:0px;

  border-right:0px;

  border-top:0px;

}



.sitetopic {

  margin-bottom:20px;

}



.sitetopiccontent {

  border-width:1px;

  border-style:solid;

}



.pagingbar {

  text-align:center;

}

.pagingbar a {

  padding-left: 10px;

}

.pagingbar .thispage {

  padding-left: 10px;

}



table.formtable {

  margin: auto;

}



table.formtable tbody th {

  vertical-align: top;

}



table.formtable tbody td,

table.formtable tbody th

{

  padding: 5px;

}



.paging {

  text-align: center;

  margin: 10px 0px 10px 0px;

}



.unread {

  padding-right:2px;

} 



.cell {

  vertical-align: top;
color:#000066

}





/***

 *** Header

 ***/



#header-home {

  padding:1em 0.5em;

  height:2em;

}



#header {

  padding:0.1em 0.5em;

}



.headermain {

  float:left;

}



#header .headermain {

  margin:0.2em 0em;

}



.headermenu {

  float:right;

  text-align:right;

}



.navbar {

padding:3px 0.5em;
height:1.3em;

 

}



.navbar .breadcrumb {



  margin:0.2em 0em;

}



.navbar .navbutton,

.navbar .menu {

  float:right;
  color:#01233d;

}



#footer .navbar {

  margin-top: 4em;

}





/***

 *** Footer

 ***/



#footer {

  text-align:center;

}



.homelink {

border-width:0px;



}



.homelink a {


border-width:0px;
}







/***

 *** Admin

 ***/



body#admin-index .c0 {

  vertical-align: top;

} 



body#admin-modules table.generaltable td.cell,

body#admin-modules .generaltablecell {

  padding-top: 2px;

  padding-bottom: 2px;

} 



body#admin-blocks table.generaltable td.cell,

body#admin-blocks .generaltablecell {

  padding-top: 1px;

  padding-bottom: 1px;

} 



body#admin-config .confighelp {

  display: block;

  padding-bottom: 20px;

}





/***

 *** Blocks

 ***/




#left-column .hidden .header,
#right-column .hidden .header
{
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

#left-column .hidden .content,
#right-column .hidden .content
{
  display: none;
}

.sideblock {
font-weight:bold;
position:relative;
left:-13px;
top:10px;
width: 105%;
height:100%;



}



.sideblock .header {

 

    text-align: left;

      padding:4px;

}



.sideblock .header .hide-show {


}



.sideblock .header .hide-show img.hide-show-image {

  height:11px;

  width:11px;

  margin-top:0.25em;

}



.sideblock .header .commands {

  float: right;

  margin-top: 0.3em;

}



.sideblock .header .title {


}



.sideblock .header .commands a {

  margin: 0px 2px;
padding-bottom:100px;

}



.sideblock .content, .sideblock a:link {


  color:#43413A;

}

.sideblock a:visited {
 color:#59564D;
}



.sideblock .content hr {

  height:1px;

  margin-top:4px;



  border:none;

  border-top:1px solid;

}

.sideblock.hidden .content {

  display: none;

}



.sideblock .list {

  width: 100%;


}



.sideblock .list .c0{

  padding: 2px;


}

.sideblock .list .c1{
padding-top: 5px;



}



.sideblock .list .c1{
padding-top: 5px;



}




.sideblock .footer {



  text-align:center;

}

.sideblock .header .icon.hide,

.sideblock .header .icon.edit {

  margin-right: 6px;

}



.sideblock .head {

  margin-top: 5px;

}









/***

 *** Calendar

 ***/



#calendar {

  width: 100%;

  border-spacing: 5px;

  border-collapse: separate;

}



#calendar .maincalendar,

#calendar .sidecalendar

{

  vertical-align: top;

  border: 1px solid;
  font-size:xx-small;

}



#calendar .sidecalendar {

  width: 25%;

}



#calendar .maincalendar table.calendarmonth {

  border-collapse: separate;

  margin: 0px auto;

  width: 98%;

}



#calendar .maincalendar table.calendarmonth th {

  padding:10px;

  border-bottom:2px solid;

}



#calendar .maincalendar table.calendarmonth td {

  height: 5em;

  padding-left: 4px;

  padding-top: 4px;

  line-height:1.2em;

}



#calendar .maincalendar table.calendarmonth td,

table.minicalendar td,

table.minicalendar th {

  width:14%;

  vertical-align:top;

}

table.minicalendar td {

  text-align: center;

}

#calendar .maincalendar table.calendarmonth td table td {

  height: auto;

}



#calendar div.header

{

  padding: 5px;

}



#calendar .maincalendar .buttons {

  float: right;

}



#calendar .maincalendar .filters table,

#calendar .sidecalendar .filters table

{

  border-collapse:separate;

  border-spacing: 2px;

  padding: 2px;

  width: 100%;

}



#calendar .maincalendar .filters {

  padding: 0px 10px;

}



#calendar .sidecalendar .filters {

  padding: 5px;

}



#calendar .maincalendar .controls {

  clear:both;

  padding:10px;

}



#calendar .maincalendar table.calendarmonth ul.events-new,

#calendar .maincalendar table.calendarmonth ul.events-underway

{

  padding:0px;

  margin:0px;

  list-style-type:none;

}



#calendar .maincalendar table.calendarmonth ul li {

  margin-top: 4px;

}



table.minicalendar {

  width: 100%;

  margin:10px auto;

  padding:2px;

  border-width:1px;

  border-style:solid;

  border-collapse:separate;

  border-spacing:1px !important;

}



table.minicalendar th {

  padding: 0px 2px;

}



#calendar .maincalendar .eventlist {

  padding: 10px;

}



#calendar .maincalendar .eventlist .topic {

  padding: 5px;

  border-style:solid; 

  border-width: 0px;

  border-bottom-color: #EEEEEE;

  border-bottom-width: 1px;

}



#calendar .maincalendar .eventlist .event {

  width:100%;

  margin-bottom:10px;

  border-spacing:0px;

  border-collapse:separate;

  border-width:1px;

  border-style:solid;

}



#calendar .maincalendar .eventlist .event .name {

  float:left;

}



#calendar .maincalendar .eventlist .event .course {

  float:left;

  clear:left;

}



#calendar .maincalendar .eventlist .event .date {

  float:right;

}



#calendar .maincalendar .eventlist .event .description .commands {

  width:100%;

}



#calendar .maincalendar .eventlist .event .description {

  padding:5px;

}



#calendar .maincalendar .eventlist .event .picture {

  padding:8px;

}



#calendar .maincalendar .eventlist .event .side {

  width:32px;

}



#calendar #selecteventtype table {

  margin:auto;

}



#calendar .event_global,

#calendar .event_course,

#calendar .event_group,

#calendar .event_user,

.minicalendar .event_global,

.minicalendar .event_course,

.minicalendar .event_group,

.minicalendar .event_user {

  border:2px solid !important;

}



#calendar .duration_global,

#calendar .duration_course,

#calendar .duration_group,

#calendar .duration_user,

.minicalendar .duration_global,

.minicalendar .duration_course,

.minicalendar .duration_group,

.minicalendar .duration_user

{

  border-top:2px solid !important;

  border-bottom:2px solid !important;

}



#calendar .today,

.minicalendar .today {

  border:2px solid !important;

}

  

.cal_popup_bg {

  padding:0px;

  margin:0px;

  border:1px solid;

}



.cal_popup_close {

  margin-right:5px;

}



.cal_popup_caption {

  border-width:0px 0px 1px 0px;

  border-style:solid;

  padding-bottom:2px;

}



table.calendar-controls {

  width: 100%;

}



table.calendar-controls .previous,

table.calendar-controls .next

{

  width: 12%;

}

table.calendar-controls .previous {

  text-align: left;

}

table.calendar-controls .current {

  text-align: center;

}

table.calendar-controls .next {

  text-align: right;

}



#calendar .maincalendar .calendar-controls .previous,

#calendar .maincalendar .calendar-controls .next

{

  width: 30%;

}





/***

 *** Course

 ***/

.activitydate, .activityhead {

  text-align:center;

}



#course-view .section td,#site-index .section td {

  vertical-align:top;

}



#course-view .section .content,#site-index .section .content {

  padding:5px;



  

}



#course-view .section .side,#site-index .section .side {

  padding:5px;


}



#course-view .section .left,#site-index .section .left {

  border-right:0px;

  text-align:center;

  width: 1.5em;

}



#course-view .section .right, #site-index .section .right {

  border-left:0px;

  text-align:center;

  width: 1.5em;

}



#course-view .current .side,#site-index .current .side {

}
.topics_header{
  font-weight:bold;
position:relative;
top:20px;
left:-12px;
 
}
.topics{

position:relative;
top:20px;
left:-12px;

 
}

#site-index .topics {


}
#course-view {
margin-top: 9px;

}

#course-view .weeks,#site-index .weeks {

  margin-top: 9px;

}



#course-view .section .spacer,#site-index .section .spacer {

  height:0.5em;

}



#course-view .section .weekdates,#site-index .section .weekdates {

}



.section .activity img.activityicon {

  vertical-align:middle;

  height:16px;

  width:16px;

}



.section img.movetarget {

  height:16px;

  width:80px;

}



body#course-view .unread,body#site-index .unread {

  margin-left: 3em;

} 



body#course-enrol .generalbox {

  margin-top: 20px;

}

body#course-enrol .coursebox {

  margin-top: 20px;

}



body#course-user .graph {

  text-align: center;

}



body#course-user .section,

body#course-user .content {

  margin-left: 30px;

  margin-right: 30px;

}



body#course-user .section {

  border-width:1px;

  border-style:solid;

  padding:10px;

  margin-bottom: 20px;

}



body#course-user .section h2 {

  margin-top: 0px;

}





.headingblock {

    padding:5px;

}



.headingblock header{
color:#01233d


}



.headingblock .link {

  text-align:right;

}



body#site-index .headingblock {

  margin-bottom: 8px;

}



.coursebox {

  margin-bottom: 8px;

}



.categoryboxcontent,

.courseboxcontent {



  border-style:solid;

}







/***

 *** Doc

 ***/



body#doc-contents h1 {

  margin: 1em 0px 0px 0px;

}



body#doc-contents ul {

  list-style-type: none;

  margin: 0px;

  padding: 0px;

  width: 90%;

}





/***

 *** Login

 ***/



.loginbox .content {

  border-width:1px;

  border-style:solid;

  padding:15px;

}





/***

 *** Message

 ***/



.message_link {

  vertical-align:middle;

}



.message_search_results {

  border-collapse:collapse;

  border-spacing:0px;

}



table.message_search_results td {

  padding:5px;

  border-width:1px;

  border-style:solid;

}

.message_summary_link {

  text-align:right;

}

.message_heading {

  text-align:center;

}





/***

 *** Tabs

 ***/

 a:link .tabs{
font: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#2B3A44;

}

.tabs {
  width: auto;
  margin-bottom: 15px;
  color:#2B3A44;

}

.tabs .side {

  border-style: solid;

  border-width: 0px 0px 1px 0px;

  width: 50%;

}



.tabrow {

  border-collapse:collapse;

  width:100%;

  margin:0;

}

.tabrow td {

  height:34px;

  padding:0 0 0 14px;

}

.tabrow th {

  display:none;

}

.tabrow td .tablink {

  display:block;

  height:34px;

  line-height:38px;

  padding:0 14px 0 0;

  text-align:center;

  white-space:nowrap;

  text-decoration:none;

}

.tabrow .last span {

  display:block;

  padding:0px 1px 0px 0px;

}

          

.tabrow .selected .tablink {

  line-height:38px;

}





/***

 *** User

 ***/



.userinfobox {

  margin-bottom:5px;

  border-width: 1px;

  border-style: solid;

  border-collapse: separate;    

}



.userinfobox .left {

  padding: 10px;

  width: 100px;

  vertical-align: top;

}



.userinfobox .content {

  padding: 10px;

  vertical-align: top;

}



.userinfobox .links {

  width: 100px;

  padding: 5px;

  vertical-align: bottom;

}



.userinfobox .list td {

  padding: 3px;

}



.userinfobox .username {

  padding-bottom: 20px;

}    





table.userinfobox {

  width: 80%;

  margin-left: 10%;

  margin-right: 10%;

}



table.groupinfobox {

  width: 60%;

  margin-left: 20%;

  margin-right: 20%;

  border-width:1px;

  border-style:solid;

  margin-bottom: 20px;

}



.groupinfobox .left {

  padding: 10px;

  width: 100px;

  vertical-align: top;

}

body#user-index #longtimenosee {

  text-align:center;

}





/***

 *** Modules: Assignment

 ***/



/***

 *** Modules: Chat

 ***/



/***

 *** Modules: Choice

 ***/



/***

 *** Modules: Forum

 ***/



.forumheaderlist,

.forumpost {

  border-width:1px;

  border-style:solid;

  border-collapse:separate;

}



.forumpost {

  margin-top: 15px;

}



.forumpost .topic {

  padding: 4px;

  border-style:solid;

  border-width: 0px;

  border-bottom-width: 1px;

}



.forumpost .commands {

  padding-top: 0.5em;

  text-align:right;

}



.forumpost .ratings {

  padding-top: 1em;

  text-align:right;

}



.forumpost .content {

  padding: 4px;

}



.forumpost .footer {

  padding-top: 0.5em;

  text-align:right;

}



.forumpost .link {

  padding-top: 0.5em;

  text-align:right;

}



.forumpost .left {

  width: 35px;

  padding: 4px;

  text-align: center;

  vertical-align: top;

}



.mod-forum .indent {
margin-left: 30px;
}
body#mod-forum .indent {
margin-left: 30px;
}
.indent {
margin-left: 30px;
}


body#user-view .forumpost,

.course .forumpost {

  width: 100%;

}



body#mod-forum-search .c0 {

  text-align: right;

}



body#mod-forum-search .introcontent {

  padding: 15px;

}



.forumolddiscuss {

  text-align: right;

}



.forumheaderlist {

  width: 100%;

}



.forumheaderlist td {

  border-width:1px 0px 0px 1px;

  border-style:solid;

}



.forumheaderlist .replies {

  text-align: center;

}



.forumheaderlist .picture {

  width: 35px;

}



.forumheaderlist .discussion .starter {

  vertical-align: middle;

}



.forumheaderlist .discussion .lastpost {

  white-space: nowrap;

}



.forumheaderlist .discussion .author {

  white-space: nowrap;

}

.forumolddiscuss {

  text-align:right;

}

.forumaddnew,

.forumnodiscuss,

.noticeboxcontent {

  text-align:center;

}

#mod-forum-view .unread {

  padding-left: 3px;

  padding-right: 3px;

}

#mod-forum-discuss .unread .forumpost .message {

  border-style: solid;

  border-width: 2px;

}





/***

 *** Modules: Glossary

 ***/



.glossarypost .commands {

  width: 200px;

  white-space: nowrap;

}



.entryboxheader {

  border-width: 1px 1px 0px 1px;

  border-style: solid;

}



.entrybox {

  border-width: 0px 1px 1px 1px;

  border-style: solid;

}



.glossarypost {

  width: 95%;

  border-width:1px;

  border-style:solid;

  border-collapse:separate;

  margin-bottom: 5px;

  text-align: left;

}





.entrylist {

  border-width:0px;

}



.entrylowersection {

  padding-top: 10px;

}

.entrylowersection table{

  width: 100%;

}

.entrylowersection .aliases {

  text-align:center;

}

.entrylowersection .icons,

.entrylowersection .ratings {

  text-align:right;

  padding-right: 5px;

}

.entrylowersection .ratings {

  padding-bottom: 2px;

}

.categoryheader {

  width: 95%;

}

.glossaryformatheader {

  width: 90%;

}



.glossarypost .entry {

  padding: 3px;

}



.glossarypost .picture {

  width: 35px;

}



.glossarycomment {

  border-width:1px;

  border-style:solid;

  border-collapse:separate;

  margin-bottom: 5px;

  text-align: left;

}





.glossarycomment .entry {

  padding: 3px;

}



.glossarycomment .picture {

  width: 35px;

}



.glossarycomment .icons {

  text-align: right;

}



.glossarydisplay {

  width: 70%;

}



.glossarydisplay .tabs {

  width: 100%;

}



.glossarydisplay .separator {

  width: 4px;

}



.glossarydisplay .tabs .selected,

.glossarydisplay .tabs .inactive,

.glossarydisplay .tabs .general {

}



.glossarypopup {

  width: 95%;

}



.glossaryapproval {

  width: 100%;

}



.mod-glossary .tabs {

  margin-bottom: 0px;

}

.mod-glossary .tabs .side {

  border-style: none;

  border-width: 0px;

  width: auto;

}





/***

 *** Modules: Journal

 ***/

#mod-journal-view .lastedit,

#mod-journal-view .editend {

  margin: 5px;

  text-align: center;

}

#mod-journal-view .feedbackbox {

  width: 75%;

  border-collapse: separate;

}

#mod-journal-view .entrycontent {

  padding: 3px;

}

#mod-journal-view .picture {

  width: 35px;

}

#mod-journal-view .grade {

  text-align: right;

}

#mod-journal-view .info {

  margin-bottom: 5px;

  text-align: right;

}





/***

 *** Modules: Label

 ***/



/***

 *** Modules: Lesson

 ***/



/***

 *** Modules: Quiz

 ***/



.feedbacktext {

  display:block;

}



body#mod-quiz-report table#attempts,

body#mod-quiz-report table#commands

{

  width: 80%;

  margin: auto;

}

body#mod-quiz-report table#attempts {

  margin: 20px auto;

}

body#mod-quiz-report table#attempts .header,

body#mod-quiz-report table#attempts .cell

{

  padding: 4px;

}

body#mod-quiz-report table#attempts .header .commands {

  display: inline;

}

body#mod-quiz-report table#attempts .picture {

  width: 40px;

}

body#mod-quiz-report table#attempts td {

  border-left-width: 1px;

  border-right-width: 1px;

  border-left-style: solid;

  border-right-style: solid;

}

.feedbacktext {

  text-align:right;

}

body#mod-quiz-report table#attempts .header {

  text-align: left;

}

body#mod-quiz-report table#attempts .picture {

  text-align: center !important;

}

body#mod-quiz-report .controls {

  text-align: center;

}







/***

 *** Modules: Resource

 ***/



/***

 *** Modules: Scorm

 ***/



/***

 *** Modules: Survey

 ***/



/***

 *** Modules: Wiki

 ***/



/***

 *** Modules: Workshop

 ***/


.back {



}

.blue-menu_top {
	background-image: url(images/for_skills_web_05.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.main_light_blue_bottom {
	background-image: url(images/for_skills_web_13.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.main_content_back {

	background-repeat: repeat-x;

}.bottom_menu {
	background-image: url(images/bottom_menu_bar.jpg);
	background-repeat: repeat-x;
}
.mani {
	background-image: url(images/for_skills_web_15.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.table_top {
	border: 10px solid #FFFFFF;
}

.table_top_middle {
	border-top: 10px none #FFFFFF;
	border-right: 10px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	border-left: 10px solid #FFFFFF;
}
.mid_box {
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.left_side_box {
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.right_side-box {
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	height: 200%;
}
.menu_back {
	background-image: url(images/main_menu_bar_back.gif);
	background-repeat: repeat-x;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.left_side-title {
	background-image: url(images/left-title_block.gif);
	background-repeat: repeat-x;
}
.middle_side-title {
	background-image: url(images/middle_title-block.gif);
	background-repeat: repeat-x;
}

.right_side_title {
	background-image: url(images/right_title-block.gif);
	background-repeat: repeat-x;
}
.title_back {
	background-image: url(images/title_back.gif);
	background-repeat: repeat-x;
	background-position: center center;
}
.left_side {
	background-image: url(images/left.gif);
}
.right_side {
	background-image: url(images/right.gif);
	background-position: left top;
}
.white_sides_title {
	background-image: url(images/middle_title-block.gif);
	background-repeat: repeat-x;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.white_sides {
background-image: url(images/title_back.gif);
	background-repeat: repeat-x;
	background-position: center center;

	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.outside_white {
	border-top: 5px solid #FFFFFF;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;

	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.menu_bottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}
.menu-top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}
.box-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
}
.box_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	 color:#01233d
}
.white_bar-bottom {
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.main_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	 color:#01233d
}
.main-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #0D3C70;
}
.fs-theme_bottom_bar {
	background-image: url(images/bottom-gradient.gif);
	background-repeat: repeat-x;
	background-position: left;

}
.text_white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
 color:#01233d
}






.MainWcsback{
background-image:url(images/wcs_back.png);
background-repeat:no-repeat;
background-position:top;

width:100%;
padding-left:0px;
_padding-left:30px;



}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.MainWcsback .dialog {

padding-left:30px;
}
}



/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
Main Course Block rounded box
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



.dialog {
 position:relative;
	min-width:8em;
 max-width:100%; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
margin-left:0px;
 height:100%;
}


.dialog, x:-moz-any-link, x:default { 
 position:relative;
margin-left:30px;
}

.dialog .dialog, x:-moz-any-link, x:default { 
 position:relative;
margin-left:10px;
margin-right:10px;
}





.dialog .dialog_content,
.dialog .top,
.dialog .bottom,
.dialog .bottom div {
 background:transparent url(images/general-box-back.png) no-repeat top right;
 _background-image:url(images/general-box-back_ie.png);
 height:100%;
}

.dialog .dialog_content .generalbox {
	border-top:0px;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	position:relative;

	top:25px;
	margin-bottom:30px;
	 height:100%;
}
.dialog .dialog_content {
 position:relative;
 zoom:1;
  height:100%;
 _overflow-y:hidden;
 padding:0px 0px 0px 0px;
 

 
}

.headingblock .header{


}

.dialog .dialog_content .generalbox .generalboxcontent .headingblock{
font-size:20px;
position:relative;
top:-8px;
left:0px;
color:#FFFFFF;


}
.dialog .dialog_content .dialog .dialog_content .generalbox .generalboxcontent .headingblock{
position:relative;
left:0px;
color:#FFFFFF;


}
.dialog .dialog_content .dialog .dialog_content .generalbox .generalboxcontent {
position:relative;

left:-12px;
padding-right:10px;


}
.generalbox td .header{
color:#3d5361;
font-size:14px;

}


.dialog .top {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:30px; /* top slice width */
 margin-left:-30px;
 height:100%;
 _height:11502px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .bottom {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .bottom,
.dialog .bottom div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .bottom {
 background-position:bottom right;
}

.dialog .bottom div {
 position:relative;
 width:30px; /* bottom corner width */
 margin-left:-30px;
 background-position:bottom left;
}

.dialog .header,
.dialog .bottomd,
.dialog .footer {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;

 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
height hack for the dialogues
*/

.cssheight, x:-moz-any-link, x:default { 
height:60px;
}

.cssheight, x:-moz-any-link, x:default { 
height:90px;
}


.cssheight{
*height:135px;
_height:132px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
.cssheight{
height:60px;
}

}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
height hack for the dialogues
*/

.heightfixsignup, x:-moz-any-link, x:default { 
height:85px;}

.heightfixsignup, x:-moz-any-link, x:default { 
height:85px;
}


.heightfixsignup{
*height:98px;
_height:80px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
.heightfixsignup{
height:135px;
}

}
/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
height hack for the dialogues
*/

.search1height, x:-moz-any-link, x:default { 
height:210px;}

.search1height, x:-moz-any-link, x:default { 
height:210px;
}


.search1height{
*height:165px;
_height:127px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
.search1height{
height:228px;
}

}








/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
blocks rounded boxes
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.block_dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:100%; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:30px; /* default, width of left corner */
   margin-right:10px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.block_dialog .block_dialog_content,
.block_dialog .block_dialog_top,
.block_dialog .dialog_bottom,
.block_dialog .dialog_bottom .Div {
 background:transparent url(images/sideblock.png) no-repeat top right;
 _background-image:url(images/sideblock.gif);
}

.block_dialog .block_dialog_content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 10px 0px;
}

.block_dialog .block_dialog_top {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:30px; /* top slice width */
 margin-left:-30px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.block_dialog .dialog_bottom {
 /* bottom */
 position:relative;
 width:100%;
 _width:104.5%;
}

.block_dialog .dialog_bottom,
.block_dialog .dialog_bottom .Div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.block_dialog .dialog_bottom {
 background-position:bottom right;
}

.block_dialog .dialog_bottom .Div{
 position:relative;
 width:30px; /* bottom corner width */
 margin-left:-30px;
 background-position:bottom left;
}

.block_dialog .block_dialog_header,
.block_dialog .dialog_bottom,
.block_dialog .block_dialog_footer {
 position:relative;
}

.block_dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.block_dialog h1,
.block_dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.block_dialog h1 {
 padding-bottom:0px;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
login box
*/
.login_dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:1024px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:10px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
 padding-right:10px;
 _padding-right:0px;

}



.login_dialog .login_dialog_content,
.login_dialog .login_dialog_top,
.login_dialog .login_dialog_bottom,
.login_dialog .login_dialog_bottom .Div{
 background:transparent url(images/login_box.png) no-repeat top right;
 _background-image:url(images/login_box.gif);
}

.login_dialog .login_dialog_content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
 padding-right:30px;
 height:100%;
}

.login_dialog .login_dialog_content a:link,.login_dialog .login_dialog_content a:visited{

color:#ffffff;
}

.dialog .dialog_content .login_dialog .login_dialog_content .generalbox .headingblock, .login_dialog .login_dialog_content .generalbox .headingblock{
position:relative;
top:-10px;
left:-5px;
color:#ffffff;
}


.login_dialog .login_dialog_top {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:30px; /* top slice width */
 margin-left:-30px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.login_dialog .login_dialog_content .generalbox {
	border-top:0px;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	position:relative;
	top:30px;
	left:0px;
	margin-bottom:30px;
	height:100%;
}

.login_dialog .login_dialog_content .generalbox .header {
	top:-10px;
	left:5px;
	font-size:20px;
	
}

.login_dialog .login_dialog_bottom {
 /* bottom */
 position:relative;
 width:100%;
}

.login_dialog .login_dialog_bottom,
.login_dialog .login_dialog_bottom .Div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.login_dialog .login_dialog_bottom {
 background-position:bottom right;
}

.login_dialog .login_dialog_bottom .Div{
 position:relative;
 width:30px; /* bottom corner width */
 margin-left:-30px;
 background-position:bottom left;
}

.login_dialog .login_dialog_header,
.login_dialog .login_dialog_bottom,
.login_dialog .login_dialog_footer {
 position:relative;
}

.login_dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.login_dialog h1,
.login_dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.login_dialog h1 {
 padding-bottom:0px;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

*/



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

*/

/*////////////////////////////////////////////////////////////////////////

Top-box

*/

 

.top_dialog {

 position:relative;

 margin:0px auto;

 min-width:8em;

 max-width:100%; /* based on image dimensions - not quite consistent with drip styles yet */

 color:#fff;

 z-index:1;

 margin-left:10px; /* default, width of left corner */
 margin-right:10px; /* default, width of left corner */

 margin-bottom:0.5em; /* spacing under dialog */
height:50px;

}

.top_dialog a:link,
.top_dialog a:visited { 
 color:#fff;


} 

.top_dialog .top_dialog_content,

.top_dialog .top_dialog_top{

 background:transparent url(images/general_top.png) no-repeat top right;
_background-image:url(images/general_top.gif);
height:100%;
}

 

.top_dialog .top_dialog_content {

_overflow-y:hidden;
padding:0px 0px 0px 0px;
height:100%;
_height:60px; /* arbitrary long height, IE 6 */

}
.top_dialog .top_dialog_content .top_table{
font-size:1em;
color:#ffffff;
font-weight:bold;
position:relative;
left:30px;
top:25px;
z-index:3;
}

.top_dialog .top_dialog_top {

 /* top+left vertical slice */

 position:absolute;

 left:0px;

 top:0px;

 width:30px; /* top slice width */

 margin-left:-30px;

 height:100%;

 _height:60px; /* arbitrary long height, IE 6 */

 background-position:top left;

}

 

.top_dialog h1,

.top_dialog p {

 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */

 padding:0.5em 0px 0.5em 0px;

}

 

.top_dialog h1 {

 padding-bottom:0px;

}
/* popout variants - not needed for first blue (non-drip) style 
for popout flying divs
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
.popout {
 z-index:50000;
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */

 color:#fff;
 margin-left:70px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under popout */

}
.popout .popout_content,
.popout .t,
.popout .b,
.popout .b div {
 background:transparent url(images/pullout.gif) no-repeat top right;
  _margin-right:20px;

}
.popout .popout_content {
 position:relative;
	zoom:1;
 _overflow-y:hidden;
padding:30px 10px 10px 0px;
 _padding:30px 30px 30px 0px;

}
.popout .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:70px; /* top slice width */
 margin-left:-70px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;

}
.popout .b {
 /* bottom */
 position:relative;


}
.popout .b,
.popout .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}
.popout .b {
 background-position:bottom right;
}
.popout .b div {
 position:relative;
 width:70px; /* bottom corner width */
 margin-left:-70px;
 background-position:bottom left;
}
.popout .hd,
.popout .bd,
.popout .ft {
 position:relative;
}
.popout .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */

 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}


.popout.type2 .popout_content,
.popout.type2 .t,
.popout.type2 .b,
.popout.type2 .b div {
 background-image:url(images/pullout.gif);

}
.popout.type2 .popout_content{


}
/* "drip" variant */
.popout.drip .b,
.popout.drip .b div {
 height:80px;
 
}

.popout.drip .b,
.popout.drip .t{


}

.popout.drip .b{

postition:relative;
left:30px;
}




/* 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

div buttons
*/

.button_div{
 position:relative;

 vertical-align:top;

 min-width:1em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */

}



.button_div a:link,.button_div a:active{

 color:#ffffff;

}

.button_div a:visited{
color:#ffffff;
}


.button_div a:hover{
	 color:#cccccc;
}

.button_div,
.button_div .button_div_content,
.button_div .button_div_top{

height:31px;
background:transparent url(images/blue_button.png) no-repeat top right;
_background-image:url(images/blue_button.gif);

}

.button_div .button_div_content {
position:relative;
zoom:1;
_overflow-y:hidden;
/*padding: 6px 20px 30px 9px;*/
padding: 6px 20px 30px 9px;
_padding: 6px 20px 5px 10px;

}

.button_div .button_div_top {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}




/* 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
table lines and headers
*/
.trline{
background-image:url(images/line.png);
background-repeat:no-repeat;
background-position:bottom 10px ;
}


.Line{

background-image:url(images/line.png);
background-repeat:no-repeat;
background-position:bottom ;
height:3px;
} 
.divide{
position:relative;
top:30px;
_top:0px;
background-image:url(images/line.png);
background-repeat:no-repeat;
background-position:bottom ;
height:3px;
margin-bottom:30px;
_margin-bottom:0px;
} 

.BreadLine{

background-image:url(images/line.png);
background-repeat:x-repeat;

} 


.trgrad{

background-image:url(images/list_gradient.gif);
background-repeat:no-repeat;
background-position:bottom;
background-color:#f5f5f5;

}

.tdline{
background-image:url(images/vert_line.png);
background-repeat:no-repeat;
background-position:top 0px;
}



/* 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

form elements
*/

pan.checkbox {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(images/checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
span.radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(images/radio.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
span.select {

	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color:#000033;
	font: 12px/21px arial,sans-serif;
	background: url(images/select2.png) no-repeat;
	overflow: hidden;
}



span.select .selectroll{
	color:#CCCCCC;
}

.form_text_div{
	 position:relative;
	 margin:0px;
	 min-width:20px;
	 max-width:100%; /* based on image dimensions - not quite consistent with drip styles yet */
	 z-index:1;
	 margin-left:8px; /* default, width of left corner */

	 height:30px;
	 color:#fff;
	 height:30px;
	 font-style:none;
	 text-decoration: none;
}
.form_text_div input[type="text"], .form_text_div input[type="password"],.form_text_div input,.form_text_div textarea{
	background-color: #f5f5f5;
	border:0px;
	border-color: #f5f5f5;
}
.form_text_div .form_text_div_content,
.form_text_div .form_text_div_top{
	background:transparent url(images/form.gif) no-repeat top right;
}
.form_text_div .form_text_div_content{

	position:relative;
	zoom:1;
	height:30px;
	_overflow-y:hidden;
	text-align:center;
	padding: 4px 10px 5px 0px;
	_padding: 4px 10px 1px 0px;
}
.form_text_div .form_text_div_top {
	 /* top+left vertical slice */
	 position:absolute;
	 left:0px;
	 top:0px;
	 width:30px; /* top slice width */
	 margin-left:-8px;
	 height:30px;
	 _height:1600px; /* arbitrary long height, IE 6 */
	 background-position:top left;
}


.big_form {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:100%; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under big_form */
}

.big_form .big_form_content,
.big_form .big_form_top,
.big_form .big_form_bottom,
.big_form .big_form_bottom Div {
 background:transparent url(images/form-big.gif) no-repeat top right;

}
.big_form textarea{
	background-color: #f5f5f5;
	border:0px;
	border-color: #f5f5f5;
}

.big_form .big_form_content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
	padding: 3px 6px 0px 2px;
	_padding: 4px 10px 1px 0px;
}

.big_form .big_form_top {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.big_form .big_form_bottom {
 /* bottom */
 position:relative;
 width:100%;
}

.big_form .big_form_bottom,
.big_form .big_form_bottom Div {
 height:8px; /* height of bottom cap/shade */
 font-size:1px;
}

.big_form .big_form_bottom {
 background-position:bottom right;
}

.big_form .big_form_bottom Div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}


.search_box_div{
	 position:relative;
	 margin:0px;
	 min-width:20px;
	 max-width:100%; /* based on image dimensions - not quite consistent with drip styles yet */
	 z-index:1;
	 margin-left:8px; /* default, width of left corner */
	 margin-bottom:1em; /* spacing under dialog */
	 height:30px;
	 color:#fff;
	 height:30px;
	 font-style:none;
	 text-decoration: none;
}
.search_box_div input[type="text"],.search_box_div input,.search_box_div textarea{
	background-color: #f5f5f5;
	border:0px;
	border-color: #f5f5f5;
}
.search_box_div .search_box_div_content,
.search_box_div .search_box_div_top{
	background:transparent url(images/search.gif) no-repeat top right;
}
.search_box_div .search_box_div_content{
	display:table;
	position:relative;
	zoom:1;
	height:30px;
	_overflow-y:hidden;
	text-align:center;
	padding: 4px 50px 5px 0px;
	_padding: 4px 10px 1px 0px;
}
.search_box_div .search_box_div_top {
	 /* top+left vertical slice */
	 position:absolute;
	 left:0px;
	 top:0px;
	 width:30px; /* top slice width */
	 margin-left:-8px;
	 height:30px;
	 _height:1600px; /* arbitrary long height, IE 6 */
	 background-position:top left;
}

.search_box_div .link{
background-color:#000000;
position:relative;
top:-25px;
width:30px;
height:30px;

}


.pageing_bar{
position:relative;
_top:-10px;
_left:5px;

}

.pageing_bar, x:-moz-any-link {
position:relative;
top:0px;

}
.pageing_bar, x:-moz-any-link, x:default { 
position:relative;
top:0px;
}

.pageing_bar{
position:relative;
_top:-10px;
*top:-10px;
_left:5px;

}


.errorHead {
color: #FF0000;
font-size:1.6em;

}


.errorText {
color: #FF0000;
font-size:1.1em;
}


.errorBold {
color: #FF0000; 
font-weight: bold;
 }


.forgot6{
position:relative;
top:6px;
_top:-6px;
margin-bottom:10px;
margin-bottom:-20px;





}



/*-- main-nav --*/




#main-nav {

	width: 100%;
	position:absolute;
	left:0px;
	top:100px;
	_top:88px;
	*+padding-top:13px;
	padding-left:-5px;
	*+left:-30px;
	*left:20px;
	
	width: 85%;


}
#main-nav, x:-moz-any-link {

top:87px;


}
#main-nav, x:-moz-any-link, x:default { 

top:87px;

}



ul.main-nav{
	width: 990px;



	padding: 0 0 0 16px;
	float: left;
	margin-bottom: 0;
}

ul.main-nav li{
	overflow: hidden;
	margin: 0 0 0 3px;
	float: left;
	display: inline;
	padding: 0;
	background: none;
}

ul.main-nav li a {
background:#FFFFFF;
color:#000000;
float:left;
font-size:13px;
font-weight:bold;
height:26px;
line-height:13px;
padding:0;
}

ul.main-nav li#home a {
width:69px;
background: url(images/Home_tab.jpg) no-repeat scroll 0 0;
}

ul.main-nav li#my-eg a {
width:70px;
background: url(images/MyEG_tab.jpg) no-repeat scroll 0 0;
}
ul.main-nav li#my-eg a, x:-moz-any-link {
width:72px;

}
ul.main-nav li#my-eg a, x:-moz-any-link, x:default { 
width:72px;
}

ul.main-nav li#eg-community a {
width:133px;
background: url(images/EGCommunity_tab.jpg) no-repeat scroll 0 0;
}

ul.main-nav li#eg-community a, x:-moz-any-link {
width:137px;

}
ul.main-nav li#eg-community a, x:-moz-any-link, x:default { 
width:137px;
}


ul.main-nav li#programmes a {
width:119px;
background: url(images/Programmes_tab.jpg) no-repeat scroll 0 0;
}

ul.main-nav li#research a {
width:93px;
background: url(images/Research_tab.jpg) no-repeat scroll 0 0;
}

ul.main-nav li#egtv a {
width:63px;
background: url(images/EGTV_tab.jpg) no-repeat scroll 0 0;
}

ul.main-nav li#resources a {
width:101px;
background: url(images/Resources_tab.jpg) no-repeat scroll 0 0;
}

ul.main-nav li#news a {
width:65px;
background: url(images/News_tab.jpg) no-repeat scroll 0 0;
}


ul.main-nav li#job-search a , x:-moz-any-link, x:default { 
width:105px;
}
ul.main-nav li#job-search a {
width:108px;
background: url(images/JobSearch_tab.jpg) no-repeat scroll 0 0;
}
ul.main-nav li#job-search a , x:-moz-any-link {
width:108px;

}
ul.main-nav li#events a {
width:76px;
background: url(images/Events_tab.jpg) no-repeat scroll 0 0;
}


ul.main-nav li a span {
	background:transparent;
	cursor:pointer;
	float:left;
	height:19px;
	line-height:13px;
	padding:7px 13px 0;
}


ul.main-nav li a:hover,
ul.main-nav li.active a{
                text-decoration: none;
                background: #bfcfff;
                color: #000;
}

ul.main-nav li#home a:hover,
ul.main-nav li.active#home a{
                background: url(images/Home_tab.jpg) no-repeat 0 -26px;
}

ul.main-nav li#my-eg a:hover,
ul.main-nav li.active#my-eg a{
                background: url(images/MyEG_tab.jpg) no-repeat 0 -26px;
}

ul.main-nav li#eg-community a:hover,
ul.main-nav li.active#eg-community a{
                background: url(images/EGCommunity_tab.jpg) no-repeat 0 -26px;
}

ul.main-nav li#programmes a:hover,
ul.main-nav li.active#programmes a{
                background: url(images/Programmes_tab.jpg) no-repeat 0 -26px;
}

ul.main-nav li#research a:hover,
ul.main-nav li.active#research a{
                background: url(images/Research_tab.jpg) no-repeat 0 -26px;
}

ul.main-nav li#egtv a:hover,
ul.main-nav li.active#egtv a{
                background: url(images/EGTV_tab.jpg) no-repeat 0 -26px;
}

ul.main-nav li#resources a:hover,
ul.main-nav li.active#resources a{
                background: url(images/Resources_tab.jpg) no-repeat 0 -26px;
}

ul.main-nav li#news a:hover,
ul.main-nav li.active#news a{
                background: url(images/News_tab.jpg) no-repeat 0 -26px;
}

ul.main-nav li#job-search a:hover,
ul.main-nav li.active#job-search a{
                background: url(images/JobSearch_tab.jpg) no-repeat 0 -26px;
}

ul.main-nav li#events a:hover,
ul.main-nav li.active#events a{
                background: url(images/Events_tab.jpg) no-repeat 0 -26px;
}


/***** wcs_new/styles_layout.css end *****/

/***** wcs_new/styles_fonts.css start *****/

/*******************************************************************
 styles_color.css
  
 This CSS file contains all font definitions like family, size,
 weight, text-align, letter-spacing etc.

 Styles are organised into the following sections:
  core
  header
  footer

  admin
  blocks
  calendar
  course
  doc
  login
  message
  tabs
  user

  various modules

*******************************************************************/


/***
 *** Core
 ***/

.clearer {
  font-size:1px;
}



body, td, th, li {
font:  Verdana, Arial, Helvetica, sans-serif;
 font-size:small;
 line-height:18px;
}




body .quizcontent table.generalbox td.generalboxcontent{


}


th {
  font-weight: bold;
}

a:link,
a:visited {
  text-decoration:none;
}

a:hover {
  text-decoration: underline;
}

a:hover img {
background-color:#bfcfff;
}
.generalbox a:hover img  {
background-color:#ffffff;
}

h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
  font-weight:bold;
 color:#01233d
}

h1 {
  font-size:1.7em;
}

h2 {
  font-size:1.4em;
}
h3 {
  font-size:1.1em;
}
h4 {
  font-size:1.0em;
}

.bold {
  font-weight:bold;
}

.warning {
  font-weight: bold;
  font-style: italic;
}

.errorbox .title {
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
}

.pagingbar .title {
  font-weight: bold;
}
.pagingbar .thispage {
  font-weight: bold;
}

.categorybox .category,
.categorybox .category {
  font-size:1.2em;
  font-weight:bold;
}

.helplink {
  font-size:0.8em;
}

.headingblock {
  font-weight: normal;
}

.headingblock .header .title {
font-weight:normal;
  float: left;
}

.headingblock .link {
  font-size: 0.9em;
}

.files .file {
  font-size: 0.9em;
}

.files .folder {
  font-size: 0.9em;
}

.files .folder .size {
  font-weight: bold;
}


/***
 *** Header
 ***/

.headermain {
  font-weight:bold;
}

#header-home .headermain {
  font-size:1.5em;
}

#header .headermain {
  font-size:1.3em;
}

.breadcrumb {
color:#989898;
  font-size:0.9em;
  font-weight:bold;
}


.logininfo,
#header-home .headermenu font {
  font-size:x-small;
}


/***
 *** Footer
 ***/

.homelink {
border-width:0px;

}



/***
 *** Admin
 ***/

table.formtable tbody th {
  font-weight: normal;
  text-align: right;
}


/***
 *** Blocks
 ***/

/***
 *** Calendar
 ***/

#calendar .maincalendar .eventlist .event .referer {
  font-weight:bold;
}

#calendar .maincalendar .eventlist .event .course {
  font-size:0.8em;
}

#calendar .maincalendar .eventlist .event .description .commands {
  text-align: right;
}

#calendar .maincalendar table.calendarmonth td {

}

#calendar div.header
{
  font-weight:bold;
}

#calendar .sidecalendar .filters {
  font-size:0.75em;
}

#calendar .maincalendar .controls {
  font-size:1.2em;
}

#calendar .maincalendar .day {
  font-weight: bold;

}



.cal_popup_caption {
  font-family:sans-serif;
  font-size:0.8em;
  font-weight:bold;
}

.cal_popup_close {
  font-family:sans-serif;
  font-size:0.8em;
  font-weight:bold;
}
#calendar .maincalendar .calendar-controls .current {
  font-weight: bold;
}


/***
 *** Course
 ***/

.activitydate, .activityhead {
  font-size:0.7em;
}

.weeklydatetext {
  font-size:0.9em;
  font-weight:bold;
}

.coursebox .info {
  font-size:1em;
 color:#01233d
}

.coursebox .teachers,
.coursebox .cost {
  font-size:0.8em;
}

.coursebox .summary {
  font-size:0.7em;
  font-weight:bold;
  margin-bottom:10px;
}


#course-view .section .left,#site-index .section .left {
  font-weight:bold;
}



/***
 *** Doc
 ***/
body#doc-contents h1 {
  font-size: 1em;
 color:#01233d
}
body#doc-contents ul {
  font-size: 0.8em;
  
}



/***
 *** Login
 ***/


/***
 *** Message
 ***/

.message_summary_link {
  font-size:small;
}

.message_link {
  font-size:x-small;
}

.message_form {
  font-size:0.78em;
}

.message_heading {
  font-size:medium;
  font-weight:bold;
}

.message_date,
.message_contact,
.message_summary {
  font-size:small;
}

.message_small_note, 
.message_pix {
  font-size:x-small;
}

.message .author {
  font-weight: bold;
}

.message .time {
  font-style: italic;
}

.message .content {

}


/***
 *** Tabs
 ***/
.tablink a:hover {
  text-decoration: none;
}


/***
 *** User
 ***/

.userinfobox .username {
  font-weight: bold;
}

.userinfobox .links {
  font-size: 0.7em;
    color:#01233d
}


/***
 *** Modules: Assignment
 ***/

/***
 *** Modules: Chat
 ***/

/***
 *** Modules: Choice
 ***/
  
/***
 *** Modules: Forum
 ***/

.forumnodiscuss{
  font-weight:bold;
  color:#000066;
}
.forumpost .topic .subject {
  font-weight: bold;
}
.forumpost .topic .author {
  font-size: 0.8em;
}
.forumheaderlist .discussion .lastpost {
  font-size: 0.7em;
}
body#mod-forum-search .introcontent {
  font-weight:bold;
}



/***
 *** Modules: Glossary
 ***/

.glossarypost .commands {
  font-size: 0.7em;
}
.glossarypost .entryheader .author {
  font-size: 0.7em;
  font-style: italic;
}
.concept {
  font-weight: bold;
}
.glossarycomment .time {
  font-size: 0.7em;
  font-style: italic;
}
.entrylowersection .aliases {
  font-size: 0.8em;
}
.entrylowersection .icons,
.entrylowersection .ratings {
  font-size: 0.8em;
}



/***
 *** Modules: Journal
 ***/
#mod-journal-view .lastedit,
#mod-journal-view .editend {
  font-size: 0.7em;
}
#mod-journal-view .author {
  font-size: 1em;
  font-weight: bold;
}
#mod-journal-view .time {
  font-size: 0.7em;
  font-style: italic;
}
#mod-journal-view .grade {
  font-weight: bold;
  font-style: italic;
}

/***
 *** Modules: Label
 ***/

/***
 *** Modules: Lesson
 ***/

/***
 *** Modules: Quiz
 ***/

.editorhelptext {
  font-size:x-small;
}


/***
 *** Modules: Resource
 ***/

/***
 *** Modules: Scorm
 ***/

/***
 *** Modules: Survey
 ***/

/***
 *** Modules: Wiki
 ***/

/***
 *** Modules: Workshop
 ***/

/***** wcs_new/styles_fonts.css end *****/

/***** wcs_new/styles_color.css start *****/

/*******************************************************************
 styles_color.css
  
 This CSS file contains all color definitions like 
 background-color, font-color, border-color etc.

 Styles are organised into the following sections:

  core
  header
  footer

  admin
  blocks
  calendar
  course
  doc
  login
  message
  tabs
  user

  various modules

*******************************************************************/

/***
 ***  Core
 ***/
/********************************************************
style of buttons and input elements
 
*/



.input_button input{



	
	
}




.input_button span.btn{

	background: url(images/blue_button.png) no-repeat left;
	_background: url(images/blue_button.gif) no-repeat left;
	padding: 10px 0px 10px 15px;
	margin-right: 15px;
	_padding-left:9px;
	cursor: pointer;

}

/* now actual buttons */

.input_button span input, .input_button span.btn input {

	color: #ffffff;
	background: url(images/blue_button.png) no-repeat right;
	_background: url(images/blue_button.gif) no-repeat right;
	_background-repeat:no-repeat;
	margin: 0 -17px 0 0;
	padding: 10px 16px 10px 0px;
	border: 0;
	_position:relative;  
	_right:-9px;
	cursor: pointer;


}




 

/* now actual buttons */

 





input[type="button"]:visited,input[type="submit"]:visited{
color: #7ea3cf;
}




select {
background-color: #f5f5f5;
border: 1px #8b9298 solid;
	color:#000033;

 }

.form_text_div input,{
	background-color: #f5f5f5;
	border:0px;
	border-color: #f5f5f5;
}



 
 
 
 
/*************************************************************************************
*/


a:visited
{
	color:#1c252b;

}
a:link
{
	color:#3d5260;
}



a.dimmed:link,
a.dimmed:visited {
  color:#AAAAAA;
}

a:hover {
	text-decoration: underline;

}

a.autolink:link,
a.autolink:visited {
  color:#FFFFFF;
  background: #DDDDDD;
}

a.autolink.glossary:hover {
  cursor: help;
}







body {
  background-color:#FFFFFF;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  color:#2B3A44;


}
th.header,
th.header a:link,
th.header a:visited
{
 	color:#cccccc;
}

td.header,
div.header {

 	color:#cccccc;
	
}
th.header,
td.header,
div.header
 {
 	color:#ffffff;

	

  
}

table.formtable tbody th {
  background: none;
}

.highlight {
  background-color:#AAFFAA;
}

.highlight2 {
  color:#AA0000; /* highlight missing terms in forum search */
}

/* Alternate rows even */
.r0 {
background:#FFFFFF url(images/list_gradient.gif) no-repeat bottom 2px;

}

/* Alternate rows odd */
.r1 { 
 
}

/* Alternate rows even */
#blocks .r0 {  

}

/* Alternate rows odd */
#blocks .r1 { 

}


.sideblock .list .r0, .sideblock r0{
background: url() no-repeat bottom 2px;


}

.sideblock .list .r1, .sideblock r1{
background: url() no-repeat bottom 2px;
}

/* notification messages (can be good or bad) */
.notifyproblem {
  color:#660000;
}
.notifysuccess {
  color:#006600;
}

.required {
  background-color:#DDDDDD;
}

.generalbox {



 color:#002759;
}

.generalbox .header {

color:#002759;

}
.informationbox {
  border-color:#dfedfd; 
}
.feedbackbox {
  border-color: #FFFFFF; 
}
.feedbackby {
  background-color:#BBBBBB;
}

.noticebox {
  border-color:#FFFFFF; 
  color:#2B3A44;
  
}

.errorbox {

  color:#FF0000;


}

.tabledivider {
  border-color:#FFFFFF;
}

.sitetopic {
}

.sitetopiccontent {
  border-color:#FFFFFF;
background-color:#FFFFFF;
}

.dimmed_text {
  color:#AAAAAA;
}

.teacheronly {
   color:#01233d
}

.unread {
  background: #78A2CD;
} 

.censoredtext {
  color:#000000;
  background:#000000;
}


/* kept for backward compatibility with some non-standard modules
   which use these classes for various things */
.generaltab, .generaltabinactive {
  background-color:#BBBBBB;
}
.generaltabselected {
  background-color:#DDDDDD;
}
.generaltabinactive {
  color:#CCCCCC;
}



/***
 *** Header
 ***/

/***
 *** Footer
 ***/
.homelink{
postiton:relative;
left:10px




}
.homelink a:active{

color: #ffffff;
border-width:0px;

}




.homelink a:link{
border-width:0px;
}
.homelink a:hover {

border-width:0px;
}


/***
 *** Admin
 ***/

.admin .generalboxcontent {
color: #334B97;
background-image:url(images/general_box_back.png);

}

.admin .generalbox {
color: #000066;

}

.admin .informationbox {
  border-color:#cccccc; 
  background-color:#ECF2FF; 
}

body#admin-index .c0 {
  background-color: #FAFAFA;
}



/***
 *** Blocks
 ***/



#left-column .hidden .header,
#right-column .hidden .header
{

}


/***
 *** Calendar
 ***/
.minicalendar th{
font-size:1em;
_font-size:0.65em;

}

.minicalendar .weekdays{
font-size:0.65em;
_font-size:0.74em;

}




#calendar .maincalendar,
#calendar .sidecalendar {
  border-color: #FFFFFF;
}

#calendar .maincalendar table.calendarmonth th {
  border-color: #000000;
}

table.minicalendar {


}

#calendar .maincalendar .eventlist .event {
  border-color:#FFFFFF;
}

#calendar .maincalendar .eventlist .event .topic,
#calendar .maincalendar .eventlist .event .picture,
#calendar .maincalendar .eventlist .event .side {
  background-color:#FFFFFF;
}

#calendar .maincalendar table.calendarmonth ul.events-underway {

    color : #01233d;
}
.block_calendar_month sideblock{
font-size:0.85em;
}
table.block_calendar_month sideblock{
font-size:0.6em;
}

#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global {
  border-color:#2EBA0E !important;
  background-color:#2EBA0E;
}

#calendar .event_course,
.minicalendar .event_course,
.block_calendar_month .event_course {
  border-color:#FF9966 !important;
  background-color:#FF9966;
}

#calendar .event_group,
.minicalendar .event_group,
.block_calendar_month .event_group {
  border-color:#FBBB23 !important;
  background-color:#FBBB23;
}

#calendar .event_user,
.minicalendar .event_user,
.block_calendar_month .event_user {
  border-color:#A1BECB !important;
  background-color:#A1BECB;
}

#calendar .duration_global,
.minicalendar .duration_global {
  border-top-color:#2EBA0E !important;
  border-bottom-color:#2EBA0E !important;
}

#calendar .duration_course,
.minicalendar .duration_course {
  border-top-color:#FF9966 !important;
  border-bottom-color:#FF9966 !important;
}

#calendar .duration_group,
.minicalendar .duration_group {
  border-top-color:#FBBB23 !important;
  border-bottom-color:#FBBB23 !important;
}

#calendar .duration_user,
.minicalendar .duration_user {
  border-top-color:#A1BECB !important;
  border-bottom-color:#A1BECB !important;
}

#calendar .weekend,
.minicalendar .weekend {
  color:#FF0000;
}

#calendar .today,
.minicalendar .today {
  border-color:#000000 !important;
}

.cal_popup_fg {
  background-color:#FFFFFF;
}

.cal_popup_bg {
  border-color:#000000;
  background-color:#FFFFFF;
}

#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.block_calendar_month .filters table {
  background-color: #FFFFFF;
}



/***
 *** Course
 ***/

/* course, entry-page, login */
.headingblock {
font-size:18px;
position:relative;
top:20px;
left:-12px;
color:#ffffff;


}

.headingblock2 {
    background-image:url(images/middle.gif);
    background-position:top;
    background-repeat:repeat-x;
	background-color:#90a6d6;
	border-top:5px solid #FFFFFF;
    border-right:5px solid #FFFFFF;
    border-bottom:5px solid #FFFFFF;
    border-left:5px solid #FFFFFF;


}

/* course */
.headingblock .outline {
 /* border-color: #FFFFFF;
      border-top: 5px solid;
    border-right: 5px solid;
    border-bottom: 5px solid;
    border-left: 5px solid;
*/}



#course-view .section td,#site-index .section td {

}

#course-view .section .content,#site-index .section .content {
color:#2B3A44;
background-image:url(images/line.png);
background-repeat:repeat-x;
background-position:bottom left;
padding-bottom:20px;
 

}
#course-view .section .content a:link {
 color:#01233d;

 

}


#course-view .section .side,#site-index .section .side{
background-image:url(images/line.png);
background-repeat:repeat-x;
background-position:bottom left;
}

#course-view .section .left,#site-index .section .left {
background-image:url(images/line.png);
background-repeat:repeat-x;
background-position:bottom left;

	padding-left: 3px;
	padding-top: 35px;



}

#course-view .section .right,#site-index .section .right {
background-image:url(images/line.png);
background-repeat:repeat-x;
background-position:bottom left;


    
}

#course-view .current .side, #site-index .current .side{
background-image:url(images/line.png);
background-repeat:repeat-x;
background-position:bottom left;

}

#course-view .topics,#site-index .topics {

}

#course-view .weeks,#site-index .weeks {
}

#course-view .section .spacer,#site-index .section .spacer {
}

#course-view .section .weekdates,#site-index .section .weekdates {
color:#01233d;
}

.categoryboxcontent,
.courseboxcontent {


}
body#course-user .section {

}



/***
 *** Doc
 ***/

/***
 *** Login
 ***/

.loginbox .content {
  border-color:#FFFFFF;
}


/***
 *** Message
 ***/

table.message_search_results td {
  border-color:#FFFFFF;
}

.message .author {
 color:#01233d
}

.message .time {
 color:#01233d
}

.message .content {
}


/***
 *** Tabs
 ***/

.tablink a:link,
.tablink a:visited {
	color:#2B3A44;
  font-weight:bolder;
}

.tablink a:hover{

	color:#2B3A44;
}

.selected .tablink a:link,
.selected .tablink a:visited {
  color:#ffffff;
}

.selected .tablink a:hover {
	color:#2B3A44;

}

.tabs .side {
  border-color: #AAAAAA;
}
.tabrow td {
  background:url(pix/tab/left.gif) top left no-repeat;
}
.tabrow td .tablink {
  background:url(pix/tab/right.gif) top right no-repeat;
}
.tabrow td:hover {
  background-image:url(pix/tab/left_hover.gif);
}
.tabrow td:hover .tablink {
  background-image:url(pix/tab/right_hover.gif);
}
.tabrow .last span {
  background:url(pix/tab/right_end.gif) top right no-repeat;
}
.tabrow .selected {
  background:url(pix/tab/left_active.gif) top left no-repeat;
}
.tabrow .selected .tablink {
  background:url(pix/tab/right_active.gif) top right no-repeat;
}
.tabrow td.selected:hover {
  background-image:url(pix/tab/left_active_hover.gif);
}
.tabrow td.selected:hover .tablink {
  background-image:url(pix/tab/right_active_hover.gif);

}


/***
 *** User
 ***/

.userpicture {
  background:#EEEEEE; 
}

.userinfobox {
  border-color: #FFFFFF;
  background-color: #F7F7F7;
}
.groupinfobox {
  border-color: #FFFFFF;
  background-color: #FCFCFC;
}


/***
 *** Modules: Assignment
 ***/

.assignmentsubmission {
}

.assignmentnew .assignmentfeedback{
  background-color:#DDDDDD;
}   
  
.assignmentold .assignmentfeedback{
  background-color:#BBBBBB;
}

.assignmentheading {
  background-color:#BBBBBB;
}


/***
 *** Modules: Chat
 ***/

/***
 *** Modules: Choice
 ***/

/***
 *** Modules: Forum
 ***/

.forumheaderlist,
.forumpost {
color:#01233d;
  border-color:#1D5083;
}

.forumpost .content {
color:#01233d;

}

.forumpost .left {
  background:#FFFFFF; 
}

.forumpost .topic {
color:#01233d;
  border-bottom-color: #FFFFFF;
  background:#D0E2EE; 

}

.forumpost .starter {
  background:#D0E2EE; 
}

.forumheaderlist .discussion .starter {
  background:#D0E2EE; 
}

.forumheaderlist td {
  border-color: #FFFFFF;
}

.sideblock .post .head {
  color:#555555;
}

.forumthread .unread {
  background: #78A2CD;
}
#mod-forum-discuss .forumpost {
  background: none;
}

#mod-forum-discuss .unread .forumpost .message {
  border-color: #78A2CD; 
} 
#mod-forum-discuss .forumthread .unread {
} 

#mod-forum-index .unread {
}


/***
 *** Modules: Glossary
 ***/

.entryboxheader {
  border-color: #BBBBBB;
}

.entrybox {
  border-color: #BBBBBB;
}

.entry {
}

.glossarypost {
  border-color: #FFFFFF;
}

.glossarypost .entryheader,
.glossarypost .entryapproval,
.glossarypost .picture,
.glossarypost .entryattachment,
.glossarypost .left {
  background-color: #F0F0F0;
}

.glossarycomment {
  border-color: #FFFFFF;
}

.glossarycomment .entryheader,
.glossarycomment .picture,
.glossarycomment .left {
  background-color: #F0F0F0;

}

#mod-glossary-report .generalbox .teacher {
  /*background: #F0F0F0;*/
}

.categoryheader {
  background-color: #FFFFFF;
}

.glossaryformatheader {
  background-color: #FFFFFF;
}


/***
 *** Modules: Journal
 ***/

#mod-journal-view .feedbackbox .left,
#mod-journal-view .feedbackbox .entryheader {
  background-color: #FFFFFF;
}

/***
 *** Modules: Label
 ***/

/***
 *** Modules: Lesson
 ***/

/***
 *** Modules: Quiz
 ***/

body#mod-quiz-report table#attempts td {
  border-color: #FFFFFF;
}
body#mod-quiz-report table#attempts .r1 {
  background-color: #eeeeee;
}


/***
 *** Modules: Resource
 ***/

/***
 *** Modules: Scorm
 ***/

/***
 *** Modules: Survey
 ***/

#mod-survey-view .r0 {
  background-color: #EEEEEE;
}
#mod-survey-view .r1 {
  background-color: #DDDDDD;
}


/***
 *** Modules: Wiki
 ***/

/***
 *** Modules: Workshop
 ***/

.workshoppostpicture {
  background-color:#FEE6B9;
}

.workshopassessmentheading {
  background-color:#DDDDDD;
}

.breadcrumb a:link,
.breadcrumb a:visited
{

    color: #656565;

}

.logininfo #logfooter{
font-size:12px;
color:#ffffff;

}




.logininfo {
font-size:12px;
color:#ffffff;
}
.logininfo a{

   color:#ffffff;
}
.logininfo a:visited{

   color:#ffffff;
}


.headermenu a:link {
    text-decoration: none;
    color: #999999;
}
.headermenu a:visited {
    text-decoration: none;
    color: #cccccc;
}
.headermenu a:hover {
    text-decoration: underline;
    color: #999999;
}

.headerhomemain {
    font-size: x-large;
    font-weight: bold;
	color:#01233d;
}

.headerhomemenu a:link {
    text-decoration: none;
  color:#01233d;
}
.headerhomemenu a:visited {
    text-decoration: none;
   color:#01233d;
}
.headerhomemenu a:hover {
text-decoration: underline;
color:#01233d;
}

/** Places using the horizontal medium wood texture with borders **/


.sideblock .header,
.forumpost{
	 color:#43413A;
	 background-position:top;
	 font-size:16px;
	 padding-left:8px;
	 padding-top:10px;


}

/** Places using the horizontal medium wood texture without borders **/

#mod-chat-gui_header_js-chatinput,
.forumpost .header,
#mod-forum-view table.forumheaderlist th,
.glossarypost .entryheader,
.glossarycomment .entryheader,
.glossarypost .entryattachment,
#grade-index .header,
#grade-exceptions .header,
#calendar .maincalendar .eventlist .event .topic,
.required {
    background-image:url(../central%20sports/images/box_top.html);
    background-position:bottom;
    background-repeat:repeat-x;
    border:none;
}


/***** wcs_new/styles_color.css end *****/