/**************************************
 * THEME NAME: promoodle
 *
 * Files included in this sheet:
 *
 *   promoodle/template.css
 **************************************/

/***** promoodle/template.css start *****/

body{
	margin:0;
	padding:0;
  font: 0.9em/1.4 Tahoma,Verdana,Arial,lucida,sans-serif;
	color: #333;
  background: #FFFFFF url(images/bg_main_shadow.gif) repeat-y center top;
}

body, table, td, th, li {
  line-height:1.2;
}
#page {
    margin: auto;
    padding: 0;
    width: 95%;
}
/* Firefox Scrollbar Hack - Do not remove needed for menubar*/
html {
	margin-bottom: 1px;
	height: 101%!important;
	height: auto;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
div.wrapper_r {
	background: url(images/wrapper_r.png) repeat-y 100% 0; 	
    padding-right: 14px; 
}

div.wrapper_l {
	background: url(images/wrapper_l.png) repeat-y 0 100%; 
	padding-left: 14px; 
}
#content {
    background-color:#FFFFFF;
}
/* .content should match the body background, sides are white. */
#course-view .weeks .content ,
#course-view .topics .content,
#course-view .weeks .section,
#course-view .topics .section {
}

/*******************
*  Links  *
*******************/

a:hover,
a:active {
  outline: none;
}

a:link,
a:visited {
  color: #89B812;
}

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

#header-home {
  background: transparent url(images/pinwheel.gif) no-repeat left top;
}

#header-home .headermain {
  margin: 25px 0 0 130px;
}

h1.headermain {
  color: #FFFFFF;
  font: 1.4em normal;
  font-family: sans-serif;
  padding-top: 25px;
  padding-left:25px;	
}
/*
ul#nav {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  float: left;
  border-top: 1px solid #696969;
 /* background: #151515 url(pix/images/bg_nav.png) repeat-x top;
background: #252525;
}

ul#nav li {
  float: left;
}

ul#nav a {
  display: block;
  float: left;
  padding: 0 1.3em;
  line-height: 28px;
  text-decoration: none;
  border-right: 1px solid #696969;
  color: #FFFFFF;
}

ul#nav a:hover {
  text-decoration: none;
  color: #FFFFFF;
  background: #ADCD54;
}

ul#nav li.current_page_item a {
  color: #FFFFFF;
  text-decoration: none;
}*/
.headermenu {
padding-top:65px;
}

.navbar {
  margin: 0;
  border: none;
  border-top: 1px solid #696969;
  border-bottom: 1px solid #696969;
 background-color: #00ADEF;
}

.navbar .breadcrumb {
  margin-left: 10px;
	color:#FFFFFF;
}
.breadcrumb li a:link,
.breadcrumb li a:visited {
	color:#acdbeb;
}
.breadcrumb li a:hover {
	color:#acdbeb;
}

.navbar .sep {
  color:#FFFFFF;
  margin-right: 4px;
}

.navbutton {
  padding: 0px;
}
.headerdate {
  margin-right: 7px;
  color:#00ADEF;
}

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

#footer{
  margin: 0;
  height: 90px;
}

.logininfo {
  float: right;
  margin: 7px 5px 0;
  color:#00ADEF;
}


.homelink a {
  background: #89B812;
  color: #FFFFFF !important;
}

.homelink,
.sitelink {
  margin: 1em 0;
  clear: both;
}

#footer .helplink {
  float: left;
  margin: 7px 5px 0;
}

#footer .validators {

margin-top: 0px;
}

/***********************
* Headings *
***********************/
.headingblock {
	display: none;
}


h2.headingblock {
  border: none;
  border-bottom: 1px solid #00ADEF;
  padding: 2px;
  color: #00ADEF;
}

#course-view h2.headingblock {
/*  display: none;*/
}
.summary h2 {
	font-family: Times New Roman;
	color: #aac4c4;
	border-bottom: 1px solid #93aaab;
	letter-spacing: 2px;
	font-size: 28px;
}
#section-1 .content .summary h2 {
	color: #30689B;
	border-bottom: 1px solid #00ADEF;	
}

#section-2 .content .summary h2 {
	color: #2AA174;
	border-bottom: 1px solid #4FB991;	
}

#section-3 .content .summary h2 {
	color: #EF913E;
	border-bottom: 1px solid #F3A967;	
}
#course-view .weeks .section .side img,
#course-view .topics .section .side img {
display: none;
}
#course-view .section .left {
color: #FFFFFF;
}

/******************
*  Sideblocks  *
******************/
/*
#left-column .sideblock a:link,
#left-column .sideblock a:visited {
  color: #FFFFFF;
}

#left-column .sideblock a:hover {
  color: #999999;
}
*/
.hidden .header {
  border-style: none;
}
#left-column .sideblock {
  margin-bottom: 0;
  padding-bottom: 0;
  background-color:#FFFFFF;
  
}
#left-column .sideblock .content {
  background-color:#FFFFFF;
  border: none;
}
.sideblock .header h2 {
  font-size: 90%;
  border-style: none;
  text-transform: uppercase;
  padding: 6px 7px;
}
.sideblock .title {
padding-top: 5px;
} 
#left-column .sideblock .header {
	/*background: #FFF url(images/left_head.png) bottom repeat-x;*/
	background-color:#00ADEF;
text-align: center;
	border:none;
}
#left-column .sideblock .header h2 {
  padding-top: 5px;
  color:#FFFFFF;
/*border-bottom: 1px solid #00ADEF;*/
}
#right-column .sideblock .header h2 {
}
#left-column div.sideblock div.content a{
	line-height:20px;
  padding-left: 10px;
}
.sideblock .content .icon {
  display: none;
}
.sideblock .header .hide-show-image {
}
/***********************
*  Layout Table  *
***********************/
#layout-table {
margin:auto;
	/*background: #FFF url(pix/images/left_content.png) repeat-y;*/
  border-collapse:separate;
}
#layout-table #middle-column {
  padding: 21px 15px 30px 10px;
}

#layout-table #right-column {
	padding-top: 20px;
	padding-right: 10px;
}

#layout-table #left-column {
	padding-top: 20px;
}
#left-column {
  width: 212px !important;
	background-image: url(images/wrapper_r.png);     
	background-position: top right;    
	background-repeat: repeat-y;
	padding-right: 14px;
	padding-left: 0px;
}

#right-column {
  width: 238px !important;
}

.topics-format #middle-column {
  padding: 0;
  margin: 0 16.5em;
}

.weeks-format, .topics-format {
margin:auto;
	/*background: #FFF url(pix/images/left_content.png) repeat-y;*/
}
/***********************
*  Forums  (& Calendar)*
***********************/
table#calendar td.event_global {
  background-color: #D6F8CD;
  border-color: #D6F8CD;
  border-bottom-style: none !important;
  border-top-style: none !important;
  border-right-style: none !important;
  border-left-style: none !important;
}
table#calendar td.event_group {
  background-color: #FEE7AE;
  border-color: #FEE7AE;
  border-left-style: none !important;
  border-right-style: none !important;
  border-top-style: none !important;
  border-bottom-style: none !important;
}
table#calendar td.event_course {
  background-color: #FFD3BD;
  border-color: #FFD3BD;
  border-left-style: none !important;
  border-right-style: none !important;
  border-top-style: none !important;
  border-bottom-style: none !important;
}
table#calendar td.event_user {
  background-color: #DCE7EC;
  border-color: #DCE7EC;
  border-left-style: none !important;
  border-right-style: none !important;
  border-top-style: none !important;
  border-bottom-style: none !important;
}
.minicalendar .event_global {
  background-color: #D6F8CD;
  border-color: #D6F8CD;
}
div.block_calendar_month td.event_global {
  background-color: #D6F8CD;
  border-color: #D6F8CD;
}
.minicalendar .event_course {
  background-color: #FFD3BD;
  border-color: #FFD3BD;
}
div.block_calendar_month td.event_course {
  background-color: #FFD3BD;
  border-color: #FFD3BD;
}
.minicalendar .event_group {
  background-color: #FEE7AE;
  border-color: #FEE7AE;
}
div.block_calendar_month td.event_group {
  background-color: #FEE7AE;
  border-color: #FEE7AE;
}
.minicalendar .event_user {
  background-color: #DCE7EC;
  border-color: #DCE7EC;
}
div.block_calendar_month td.event_user {
  background-color: #DCE7EC;
  border-color: #DCE7EC;
}
#calendar .duration_global,
.minicalendar .duration_global {
  border-top-color: #66D14D !important;
  border-bottom-color: #66D14D !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 .duration_course0,
.minicalendar .duration_course0 {
  border-top-color: #FF9966 !important;
  border-bottom-color: #FF9966 !important;
}
#calendar .duration_course1,
.minicalendar .duration_course1 {
  border-top-color: #0099FF !important;
  border-bottom-color: #0099FF !important;
}
#calendar .duration_course2,
.minicalendar .duration_course2 {
  border-top-color: #FFFF00 !important;
  border-bottom-color: #FFFF00 !important;
}
#calendar .nottoday,
.minicalendar .nottoday {
  border-color: #eeeeee;
}
table.minicalendar {
  border-style: none;
}
#calendar .weekend,
.minicalendar .weekend,
td.weekend {
  color:#990000;
}

td.weekend.day.event_course a {
  text-decoration: none;
}
table.cal_popup_bg {
  background-color: #FFF;
  border-color: #CCC;
}
table#calendar td.maincalendar {
  border-style: none;
}
table#calendar td.sidecalendar,
table#calendar td.sidecalendar * {
  border-style: none;
  color: #333;
  border-color: #eee;
}
table.minicalendar td.today {
  border: 1px solid #CCC;
}
table.minicalendar td.today a {
  text-decoration: none;
}
table.minicalendar tr.weekdays abbr {
  border-style: none;
  color: #00ADEF;
}
div.block_calendar_month div.filters {
  padding: 0 4px;
  font-size: 80%;
}
#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.block_calendar_month .filters table {
  background-color: #CCCCCC;
}
table.minicalendar th {
  padding: 0;
}
table.minicalendar td {
  padding: 0;
  border: 1px solid #00ADEF;
}
table.minicalendar td.day {
  line-height: 1.1em;
  padding: 3px 0 1px;
  /* this overrides all of them color: #00ADEF; */
}
#calendar .weekend,

.minicalendar .weekend {
  color:#647856;
}

#calendar,
.minicalendar {
  color:#00ADEF;
}
#calendar .dayblank,
.minicalendar .dayblank{
  background-color: #CCC;
}

table.minicalendar tr.weekdays th {
  font-weight: normal;
}
table.minicalendar td.today {
  border: 1px solid #ccc;
  background-color: #00ADEF;
}
.cal_popup_bg {
  background-color: #FFF;
  border-color: #CCC;
}
.cal_popup_cg {
  background-color: #FFF;
  border-color: #CCC;
}
.cal_popup_fg {
  background-color: #FFF;
  border-color: #CCC;
}
.cal_popup_fg div a {
  font-size: 100% !important;
}
.block_calendar_month .cal_popup_caption, .block_calendar_month .cal_popup_fg div {
  border-color: #9B9984;
  font-size: 100% !important;
  color: #999;
}
#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: 1px solid  #9b9984 !important;
}
#calendar {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
#calendar .today,
.minicalendar .today {
  border: 1px solid #CCC;
}
#calendar .maincalendar table.calendarmonth th {
  border-bottom: 1px solid #CCC;
}
/* @end */

#blog-index .sideblock {
  margin: 20px;
}

.forumpost .left {
  background:#FFFFFF; 
}

.forumpost .topic {
  border-bottom-color: #F2ECE5;
  background:#F2ECE5; 
}
.forumpost .content {
  background:#EEEEEE; 
}
.forumpost .author {
  border-bottom: 1px solid #fff;
}

.forumpost .commands {
  padding-top: 10px;
  font-size: 0.8em;
}

#eventform table tbody tr td {
  padding: 7px 3px;
}
img.userpicture,
img.grouppicture {
  background: url(images/shadow.gif) no-repeat bottom right;
  padding: 0 5px 5px 0;
  border-top: 1px solid #f8f8f8;
  border-left: 1px solid #f8f8f8;
}

.sideblock img.userpicture {
  background: url(images/shadow_small.gif)no-repeat bottom right;
  padding: 0 2px 2px 0;
}

.forumolddiscuss {
  padding-top: 10px;
  font-size: 0.9em;
}

#intro.box {
  border: 1px solid;
  margin-top: 25px;
}

.singlebutton {
  margin: 20px;
  text-align: center;
}

.singlebutton input {
  margin: auto;
}
/*included generaltable & logtable qualities*/

.forumheaderlist .discussion .topic {
  background: none;
}

.forumheaderlist,
.generaltable,
.logtable,
.files,
#categoryquestions {
  border: 1px solid #f7f7f7;
  margin-bottom: 10px;
}

.forumheaderlist th,
.generaltable th,
.logtable th,
.files th,
#categoryquestions th {
  background: #ddd;
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #fff;
  text-transform: uppercase;
  font-weight: normal;
  padding: 2px 3px 0 0;
}

.logtable th,
#participants th {
  padding: 2px 5px 0;
  font-size: 0.8em;
}
.forumheaderlist td,
.generaltable td,
.logtable td,
.files td,
#categoryquestions td {
  border: none;
  border-left: 1px solid #f7f7f7;
  padding: 0 3px;
}

#categoryquestions select#menusortorder {
  float: right;
  margin-right: 5px;
}
.forumheaderlist .r0,
.generaltable .r0 {
  background: #f7f7f7;
}

.discussioncontrols td,
.discussioncontrols div {
  float: right;
}

.forumthread {
  padding: 10px 35px;
}

/*******************
*  Specific Blocks  *
*******************/
.block_calendar_month .title h2, .block_calendar_upcoming .title h2 {
  background:transparent url(images/bg_block_calendar.png) no-repeat bottom left;
  padding-left:34px;
}

.block_to_do_list .title h2 {
  background:transparent url(images/bg_block_todo.png) no-repeat bottom;
  padding-left:34px;
}

.block_points .title h2 {
  background:transparent url(images/bg_block_points.png) no-repeat bottom;
  padding-left:34px;
}

.block_user_menu .title h2 {
  background:transparent url(images/bg_block_usermenu.png) no-repeat bottom;
  padding-left:34px;
}

.block_news_items .title h2 {
  background:transparent url(images/bg_block_news.png) no-repeat bottom;
  padding-left:34px;
}

.block_glossary_random .title h2 {
  background:transparent url(images/bg_block_message.png) no-repeat bottom;
  padding-left:34px;
}

/*******************
*  Rounded Blocks  *
*******************/

div.bt div {
  font-size: 1px;
  line-height: 1%;
  height: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
}
div.bt {
  background-repeat: no-repeat;
  background-position: 100% 0;
  text-align: left;
}
div.bb div {
  font-size: 1px;
  line-height: 1%;
  height: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
}
div.bb {
  background-repeat: no-repeat;
  background-position: 100% 0;
  text-align: left;
}
div.i1 {
  background-repeat: repeat-y;
  background-position: 0 0;
  background-color: transparent;
}
div.i2 {
  background-repeat: repeat-y;
  background-position: 100% 0;
  background-color: transparent;
}

#right-column div.sideblock div.bt div {
  background-image: url(images/box.png);
  height: 12px;
  left: -13px;
  position: relative;
  width: 13px;
}
#right-column div.sideblock div.bt {
  background-image: url(images/box.png);
  margin: 0 0 0 13px;
  height: 12px;
  background-color: transparent;
}
#right-column div.sideblock div.header div.bt div {
  background-image: url(images/box.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
  height: 12px;
  left: -13px;
  position: relative;
  width: 13px;
}
#right-column div.sideblock div.header div.bt {
  background-image: url(images/box.png);
  background-repeat: no-repeat;
  background-position: 100% 0;
  margin: 0 0 0 13px;
  height: 12px;
  background-color: transparent;
}
#right-column div.sideblock div.header div.i1 {
  background-image: url(images/borders.png);
  background-repeat: repeat-y;
  background-position: 0 0;
  background-color: transparent;
  padding: 0 0 0 12px;
}
#right-column div.sideblock div.header div.i2 {
  background-image: url(images/borders.png);
  background-repeat: repeat-y;
  background-attachment: scroll;
  background-position: 100% 0;
  background-color: transparent;
  padding: 0 12px 0 0;
}
#right-column div.sideblock div.header div.i3 {
  padding: 0 0 5px;
  background-color: #F2ECE5;
  border-top-width: 1px;
  border-right-width: 0;
  border-bottom-width: 1px;
  border-style: solid none;
  border-top-color: #F2ECE5;
  border-bottom-color: #F2ECE5;
}
#right-column div.sideblock div.i1 {
  background-image: url(images/borders.png);
  background-repeat: repeat-y;
  background-position: 0 0;
  background-color: transparent;
  padding: 0 0 0 12px;
}
#right-column div.sideblock div.i2 {
  background-image: url(images/borders.png);
  background-repeat: repeat-y;
  background-attachment: scroll;
  background-position: 100% 0;
  background-color: transparent;
  padding: 0 12px 0 0;
}
#right-column div.sideblock div.i3 {
  background-color: #F2ECE5;
  padding: 0;
  border-style: none;
}
#right-column div.sideblock div.bb div {
  background-image: url(images/box.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-color: transparent;
  height: 12px;
  left: -13px;
  position: relative;
  width: 13px;
}
#right-column div.sideblock div.bb {
  background-image: url(images/box.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  margin: 0 0 0 13px;
  height: 12px;
  background-color: transparent;
}
#right-column div.sideblock div.header {
  padding: 0;
  border-style: none;
}
#right-column div.sideblock div.content {
  padding: 0.3em 0.3em 0.5em;
  border-style: none;
  background-color: #F2ECE5;
}
/*Front Page Header*/

#site-index h2.headingblock {
/*    background: url(images/left_head.png) top repeat-x;*/
}

/*Popup Windows*/

#help,
#mod-chat-gui_header_js-users,
#mod-chat-gui_header_js-chatinput {
    width: 90%;
    padding: 0 20px;
    margin: 0;
    background: #fff;
	background-image: none;
}
#help #content,
#mod-chat-gui_header_js-users #content,
#mod-chat-gui_header_js-chatinput #content,
#help .generalbox,
#help .generalboxcontent,
#help #page,
#mod-chat-gui_header_js-users #page,
#mod-chat-gui_header_js-chatinput #page {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
	
}
#message-user .logged {
  display: none;
}
#message-history .logged, #message-history .footerlinks, #message-history .back_button {
  display: none;
}
#message-user #content {
  margin-top: 0;
}

#message-index .logged, #message-index .footerlinks{
  display: none;
}

body.message,
body.message #page {
  width: auto;
  margin: 0;
  padding: 0;
}

#message-user,
#message-user #page,
#message-user #content {
  padding: 0;
  background: #FFF;
}

body#help #footer,
#mod-glossary-showentry #footer,
#mod-myjournal-showentry #footer,
#course-info #footer{
  display: none;
}

#mod-glossary-showentry #header,
#mod-glossary-showentry .headernav,
#mod-myjournal-showentry #header,
#mod-myjournal-showentry .headernav {
  display: none;
}

#mod-glossary-showentry #page,
#mod-myjournal-showentry #page {
  width: 100%;
}
/***** promoodle/template.css end *****/