/**************************************
 * THEME NAME: dalat
 *
 * Files included in this sheet:
 *
 *   dalat/gradients.css
 *   dalat/calendar.css
 *   dalat/styles_layout.css
 **************************************/

/***** dalat/gradients.css start *****/

/**
  *  Adds all the nice finish to the standard theme
  *
  */

.header {     
    background-image:url(gradient.jpg);
    background-position:top;    
    background-repeat:repeat-x;
    background-image:url(images/header.gif);
    background-position:left;    
    background-repeat:no-repeat;
    background-color:#00297E;
    color:#fff;
    padding-left:15px;
}

.header a:link,
.header a:active,
.header a:visited {
	text-decoration: none;
	color: #fff;
	}
.header a:hover {
	text-decoration: underline;
	color: #fff;
}
.header td,
.header div {
    padding-left:15px;
}

.sideblock .content {
    background-image:url(topgrad.jpg);
    background-position:top;    
    background-repeat:repeat-x;
}

body {     
    background-image:url(images/dimlogo.gif);
    background-position:center;    
    background-repeat:no-repeat;
    background-attachment:fixed;
}

.courseboxcontent {
    background-color:#FFFFFF;
    background-image:url(lftgrad.jpg);     
    background-position:left;    
    background-repeat:repeat-y;
    padding-left: 50px;
}

.navbar {
    background-image:url(gradient.jpg);
    background-position:top;    
    background-repeat:repeat-x;     
}
/***** dalat/gradients.css end *****/

/***** dalat/calendar.css start *****/

/***
 *** Calendar Format
 ***/

#calendar {
  width: 100%;
  border-spacing: 5px;
  border-collapse: separate;
}

#calendar h2,
#calendar h3
{
  text-align: center;
}

#calendar .maincalendar,
#calendar .sidecalendar
{
  vertical-align: top;
  border: 1px solid;
  padding: 0px;
}

#calendar .sidecalendar {
  width: 25%;
}

#calendar .maincalendar table.calendarmonth {
  border-collapse: collapse !important;
  border: 2px solid #000;
  margin: 0px auto;
  width: 98%;
}

#calendar .maincalendar table.calendarmonth th {
  padding:10px;
  border-bottom:2px solid;
}

#calendar .maincalendar table.calendarmonth td {
  height: 1em;
  padding-left: 0px;
  padding-top: 0px;
  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 !important;
}

#calendar div.header
{
  padding: 5px;
}

#calendar .maincalendar .buttons {
  float: right;
}

#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.sideblock.block_calendar_month .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;
}

.minicalendarblock {
  padding: 0px 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:3px outset !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%;
}

#calendar a.event_box { 
    display:block;
    text-align:center;
    cursor:pointer;
    margin-left: 3px;
    margin-right: 4px;
    padding:2px;
    text-align:left;
    color:#00F;    
    font-weight:normal;
    font-size:x-small;
    text-decoration:none;
    text-align:center;
}

#calendar .maincalendar .day {
    background-color: #FFFFFF;
    border:solid 1px #000;
    height: auto !important;
    color:#544322;
}
#calendar .maincalendar .cell_top {
    border-bottom-width:0px
}
#calendar .maincalendar .cell_mid {
    border-top-width:0px;border-bottom-width:0px
}
#calendar .maincalendar .cell_bottom {
    border-top-width:0px
}

.minicalendar .weekdays {
	font-size:x-small;
}


/***
 *** Calendar Colors
 ***/

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

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

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

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

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

table.minicalendar td {
	border: 1px #000;
}

#calendar .today,
.day .today {
  border-color: #000000 !important;
}
/***** dalat/calendar.css end *****/

/***** dalat/styles_layout.css start *****/

.sideblock .content {
  border-width: 0px 1px 1px 1px;
}

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

/* Moodle Bar - main container (set width to actual page size in pixels if not using 100% on your Moodle theme) */
#dockbottom {
bottom:0;
position:fixed;
clear:both;
width:100%;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
padding:0px;
height:28px;
z-index:11000; /*Allow layering*/ 
}

/* Moodle Bar - image links*/
#dockbottom img {
padding-right: 2px;
padding-left: 2px;
}

/* Moodle Bar - image links*/
#dockbottom a:hover img {
background: #fff;
}

/* Moodle Bar - text links*/
#dockbottom a:link {
text-decoration: none;
color: #0f1e4a;
text-decoration: underline;
}

#dockbottom a:visited {
text-decoration: none;
color: #0f1e4a;
text-decoration: underline;
}

#dockbottom a:hover {
text-decoration: underline;
color: #0f1e4a;
}

/* Moodle Bar - inner container - control background colour and add image bg if required*/
#dockbottom-inner {
text-align:left;
width:100%;
float:left;
padding-top: 6px;
padding-bottom: 3px;
position:relative;
overflow:visible;/*Make sure it doesnt crop the widget*/
background-color:#d7d6d6;
font-size: 0.8em;
}

#dockbottom-inner .block-inner {
padding: 0px;
margin: 0px;
}

/* Moodle Bar - left column used for quick launch icons*/
.dockleft-block {
margin-left: 20px;
float:left;
display:block;
margin-right:20px;
min-width:240px;
width:auto!important;
border-right: 1px dotted #000;
}


/* Moodle Bar - middle container used for notifications*/
.dockmiddle-block {
float:left;
display:block;
margin-right:20px;
min-width:350px;
width:auto!important;
text-align: center;
}

/* Moodle Bar - right container used for login/logout*/
.dockright-block {
display:block;
min-width:250px;
position:absolute;
right:10px;
overflow:visible;
text-align: center;
border-left: 1px dotted #000;
}

/* Moodle Bar Tooltips- fancy rollovers used on the quick launch images*/
a.tooltip span {
display:none; 
padding:2px 3px; 
margin-left:-7px;
margin-top: -27px; 
width:auto;
}
   
a.tooltip:hover span{
display:inline; 
position:absolute; 
background:#282828; 
color:#fff;
font-size: 0.8em;
}

div#moodlebarcoursesearch
{
bottom:0;
margin-bottom: 20px;
position:fixed;
clear:both;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;
padding:0px;
height:28px;
z-index:11000; /*Allow layering*/ 
background: #cdcdcd;
display: none;
width: 250px;
padding-top: 5px;
padding-left: 4px;
padding-right: 2px;
padding-bottom: 8px;
text-align: center;
}

div#moodlebarcoursesearch input
{
background: #fff;
-moz-border-radius-bottomleft: 5px;
-webkit-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-radius-topright: 5px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
}

div#moodlebarcoursesearch input:hover {
    background: #fff;
-moz-border-radius-bottomleft: 5px;
-webkit-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-radius-topright: 5px;
border-left: 1px solid #9a9a9b;
border-right: 1px solid #9a9a9b;
border-bottom: 1px solid #9a9a9b;
border-top: 1px solid #9a9a9b;
}

/* Puts a healthy space between the online users and the messages*/
.mbmessagesunread {
padding-left: 20px;
}

/***** dalat/styles_layout.css end *****/