/**************************************
 * 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;
}
/***** dalat/styles_layout.css end *****/