/* =============================================

   author: s_jeng   2003june24
   
   This is the default stylesheet for the various
   views

  ==============================================   */


/* =====================
   year view
   ===================== */
div#sun-yearView .sun-year { 
  width: 100%;

  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 8pt;
}

div#sun-yearView div.sun-monthContainer {
  margin: 10px 1.5%;
  height: 225px;

  float: left;  
  width: 29%;
}

div#sun-yearView table.sun-month {
  width: 100%;
}

/* the month names in year view */
div#sun-yearView *.sun-monthName a {
  font: 15px Arial;
  font-weight: bold;
  background-color: #eee;
}

div#sun-yearView *.sun-monthName {
  background-color: #eee;
  padding-bottom: 0.1em;
  margin-left: 15px;
}


div#sun-yearView th.sun-dayOfWeek {
  font-size: 10pt;
  width: 14%;
}

div#sun-yearView td.sun-day {
  color: #bbb;
 
  text-align: center;
  padding: 1.2ex 0;
  border-bottom: 1px #e9e9e9 solid;
}

div#sun-yearView td.sun-day.sun-current {
 color: red;
}


div#sun-yearView span.sun-button.sun-weekZoomIn,
div#sun-yearView span.sun-button.sun-weekZoomIn a { 
  width:  15px;
}

div#sun-yearView span.sun-weekZoomIn a { 
  background-image: url("http://calendar.columbia.edu/sundial/images/viewType/weekButton.gif");
  padding-top: 20px;

}


/*=====================
   mini month view 
  ===================== */


div#sun-miniMonthView table.sun-month {
   width: 100%;
   clear: both;
}

div#sun-miniMonthView td.sun-day {
   padding: 5px 2px;
   text-align: center;

   width: 14%;
   line-height: 22px;
}

div#sun-miniMonthView td.sun-day span,
div#sun-miniMonthView td.sun-day a {
   display: block;
}

div#sun-miniMonthView .sun-dayDate {
   padding: 0;
   margin: 0;
   line-height: 1.75;
}

div#sun-miniMonthView caption.sun-monthName {
  background-color: #eee;
  padding-bottom: 0.1em;
  font-size: 12pt;
}

div#sun-miniMonthView th.sun-dayOfWeek {
  border-bottom: 1px solid #ccc;
  line-height: 15px;
}

div#sun-miniMonthView span.sun-button.sun-weekZoomIn,
div#sun-miniMonthView span.sun-button.sun-weekZoomIn a { 
  width:  15px;
}

div#sun-miniMonthView span.sun-weekZoomIn a { 
  background-image: url("http://calendar.columbia.edu/sundial/images/viewType/weekButton.gif");
  padding-top: 20px;
}


/*=====================
   month view 
  ===================== */

div#sun-monthView .sun-eventName {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
}

div#sun-monthView .sun-eventTime {
  margin: 2px 5px;

  font-weight: normal;
  font-size: 9pt;
  color: black;
  border-bottom: 1px solid black;

  text-align: left;
  clear: left;
}

div#sun-monthView th.sun-dayOfWeek {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-style: normal;
  font-weight: bold;
  color : #000000;

  width: 14%;
}

div#sun-monthView span.sun-dayDate {
  margin: 0.5ex 5px 0;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-style: normal;
  font-weight: bold;
}

div#sun-monthView td.sun-day {
  background: #e8e8e8;
  padding-bottom: 10px;
  vertical-align: top;
 height: 100px; /* like a minimum height */
}

div#sun-monthView td.sun-selected {
  background: #fff;
}

div#sun-monthView table.sun-month {
  border: solid black;
  border-width: 1px 0 0 1px;
}

div#sun-monthView table.sun-month td,
div#sun-monthView table.sun-month th  { 
  border: thin solid black;
  border-width: 0 1px 1px 0;
  vertical-align: top;
}

div#sun-monthView span.sun-button.sun-weekZoomIn,
div#sun-monthView span.sun-button.sun-weekZoomIn a { 
  width:  25px;
}

div#sun-monthView span.sun-weekZoomIn a { 
  background-image: url("http://calendar.columbia.edu/sundial/images/viewType/weekButton.gif");
  padding-top: 25px;
}

div#sun-monthView .sun-dayHeader {
  background-color: #c0d0ef;
  height: 24px; 
  margin-top: 0;
}


div#sun-monthView span.sun-dayDate { 
  float: left;
}


/* ie/mac5 only hack \*/ /*/
div#sun-monthView a.sun-dayZoomIn  { 
  margin: 5px;
}

div#sun-monthView span.sun-dayDate  { 
  margin: 5px;
}
/**/

div#sun-monthView span.sun-button.sun-dayZoomIn  { 
  float: right; 
  margin: 2px;
}

/* Used for both Month and Week view */
span.sun-button.sun-dayZoomIn,
span.sun-button.sun-dayZoomIn  a { 
  width:  20px;
}

span.sun-button.sun-dayZoomIn  a { 
  background-image: url("http://calendar.columbia.edu/sundial/images/apps_zoomin.gif");
  padding-top: 20px;
}

span.sun-more { 
  text-align: right;
  display: block;
  margin: 2ex 1em;
}

ul.sun-events { 
  margin: 0 0 2ex 5px;
  margin: 0 5px 2ex 0;

  padding-left: 0;
  list-style: none;
}

ul.sun-events li { 

  background-image: url("http://calendar.columbia.edu/sundial/images/viewType/bullet.gif");
  background-repeat: no-repeat;
  background-position: 5px 2px;

  padding-left: 15px;

  line-height: 1.45;
}

div#sun-monthView h3.sun-eventTime,
ul.sun-events { 
  margin-left: 5px;
}

div#sun-monthView div.sun-allDay,
div#sun-monthView div.sun-ending,
div#sun-monthView div.sun-todays { 
 clear: left;
}

/*========================
   day and week views
  ======================== */

div#sun-dayView .sun-dayZoomIn,
div#sun-weekView .sun-dayZoomIn  { 
  float: left;
  /* the background image is defined above */
  margin-right: 7px;
}

div#sun-weekView div.sun-day { 
  margin: 0;
}

table.sun-events {
  width: 90%;
  margin-bottom: 15px;
  margin-left:  40px;
  margin-right:  40px;
  border: solid black;
  border-width: 1px 1px 0 0;
}

table.sun-events .sun-sidebar  {
  vertical-align: top;
   width: 81px;
}

table.sun-events th.sun-sidebar h3 {
  background-repeat: no-repeat;
  overflow: hidden;

  margin-top: 1px;
  margin-bottom: 1px;
  width: 81px;

  padding: 18px 0 0 0;
  height: 0;
}

table.sun-events.sun-allDay th.sun-sidebar h3 {
  background-image:  url("http://calendar.columbia.edu/sundial/images/viewType/allday.gif");
}

table.sun-events.sun-ending th.sun-sidebar h3 {
  background-image:  url("http://calendar.columbia.edu/sundial/images/viewType/ending.gif");
}

table.sun-events.sun-todays th.sun-sidebar h3 {
  background-image:  url("http://calendar.columbia.edu/sundial/images/viewType/todays.gif");
}

table.sun-events td.sun-eventInfo,
table.sun-events tr.sun-categoryHead th,
table.sun-events .sun-sidebar {
  border-style: solid;
  border-color: black;
  border-width: 0 0 1px 1px;
}

div#sun-dayView tr.sun-categoryHead th,
div#sun-weekView tr.sun-categoryHead th {
  height: 18px;
}

table.sun-allDay tr.sun-categoryHead th.sun-sidebar {
  background-color: #fff6cb;
}

table.sun-allDay tr.sun-categoryHead th {
  background-color: #F5d265;
}

table.sun-ending  tr.sun-categoryHead th.sun-sidebar {
  background-color: #d6eee9;
}

table.sun-ending tr.sun-categoryHead th {
  background-color: #3a9895;
}

table.sun-todays tr.sun-categoryHead th.sun-sidebar,
table.sun-todays .sun-sidebar {
  background-color: #dfecf9;
}

table.sun-todays tr.sun-categoryHead th {
  background-color: #6a9bcc;
}

.sun-rowOdd {
  background-color: #f5f5f5;
}

.sun-rowEven {
  background-color: #dfdfdf;
}

div#sun-weekView .sun-dayHeader { 
  margin: 10px 0;
  font-size: 13pt;
  font-weight: bold;
}

td.sun-eventInfo {
  padding: 0 10px 5px;  
  font-size: 9pt;
}

#sun-weekView .sun-eventTime, 
#sun-dayView .sun-eventTime {
  color: #6a9bcc;
  margin: 1px 17px;
  font-size: x-small;
  display:block;
}

#sun-weekView span.sun-eventName a,
#sun-dayView span.sun-eventName a {
  font-weight: bold;
  font-size: 10pt;
}

#sun-weekView p.sun-emptyMsg,
#sun-dayView p.sun-emptyMsg { 
  margin: 0;
}

#sun-weekView p.sun-emptyMsg { 
  font-weight: normal;
  font-size: 10pt;
}

/* =================
   contextual header
   ================= */

h1.sun-header {
  clear: both;

  background: #FEEB78 
       url("http://calendar.columbia.edu/sundial/images/viewType/swoosh_bg.gif") 
       no-repeat right center; 
  border: 1px solid black;
  border-top: 0;

  margin-top: 0;
  padding: 14px 20px; 
}

div.sun-contextHeader {
  background:  url("http://calendar.columbia.edu/sundial/images/viewType/Admin_Background.gif") 
		  repeat-x;
  background-position: 0 1;  /* IE Mac5 seems to include the border in the background position */
  height: 28px;
  border: 1px solid black;
  padding: 0;
}

/* Date Menu and the Select box */

span.sun-dateSelect {
  background: url("http://calendar.columbia.edu/sundial/images/viewType/Admin_Background2.gif") repeat-x;
  height: 24px;  /* = 28px - 4px padding top */

  padding: 4px 1.5em 0 1.5em;
  margin: 0 4px 0;
}

span.sun-dateSelect span.sun-selectName { 
  margin-top: 2px;
}

div.sun-dateMenu,
div.sun-dateMenu span,
span.sun-dateSelect select {
   margin: 0 2px;
   float: left;
   display: block;
}

div.sun-dateMenu *.sun-prev,
div.sun-dateMenu *.sun-next { 
   margin-top: 4px;  
}

*.sun-go a,
*.sun-next a,
*.sun-prev a { 
  display: block;

  background-repeat: no-repeat;
  overflow: hidden;

  padding-top: 19px;   
  height: 0px;
} 

/* double up because IE/Mac 5 needs width defined in floats */
*.sun-go,
*.sun-go a {
  background-image: url("http://calendar.columbia.edu/sundial/images/viewType/go.gif");
  width: 33px;
}

*.sun-next,
*.sun-next a {
  background-image: url("http://calendar.columbia.edu/sundial/images/viewType/arrowRight.gif");
  width: 25px;
}

*.sun-prev,
*.sun-prev a {
  background-image: url("http://calendar.columbia.edu/sundial/images/viewType/arrowLeft.gif");
  width: 25px;
}

/* View Menu */

ul.sun-viewMenu {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.sun-viewMenu li {
  float: right;
  width: 90px;
}

ul.sun-viewMenu a {
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;

  padding: 28px 0 0 0;
  height: 0px;
}

a.sun-viewYear {
  background-image: url("http://calendar.columbia.edu/sundial/images/viewType/year.gif");

}

a.sun-viewList {
  background-image: url("http://calendar.columbia.edu/sundial/images/viewType/list.gif");
}

a.sun-viewWeek {
  background-image: url("http://calendar.columbia.edu/sundial/images/viewType/week.gif");
}

a.sun-viewMonth {
  background-image: url("http://calendar.columbia.edu/sundial/images/viewType/month.gif");
}

/*======================
   common
  ====================== */

div#sun-yearView,
div#sun-monthView,
div#sun-dayView,
div#sun-weekView {
   margin: 0 0%;
   padding: 0 5%;
   clear: both;  /* clear past the floated quick nav buttons */
}

/* For IE, which likes to pad its <form>s */
div#sun-yearView form,
div#sun-monthView form,
div#sun-dayView form,
div#sun-weekView form {
   padding: 0;
   margin: 0;
}

/* Uses an image replacement technique here */
span.sun-button { 
  display: block;
}

span.sun-button a { 
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  height: 0;
  /*  padding-top: PER ELEMENT defined as height of image */
}

*.sun-header {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 18pt;
  font-style: normal;
  font-weight: bold;
  color : #000099;
}

span.sun-eventName a {
  /*    font-weight: bold;*/
  font-size: 9pt;
}

span.sun-eventName a:link,
span.sun-eventName a:visited {
  color: black;
}

span.sun-eventName a:hover {
  color: #03f;
}

/* this is a highlight for any elements that are current, 
   such as today's day, today's week, etc.  must be down here 
   to over-ride most other styles. */
#sun-yearView *.sun-current a,
#sun-monthView *.sun-current .sun-dayDate,
#sun-weekView *.sun-current h2.sun-dayHeader { 
  color: red;
}

*.sun-eventName.sun-active {
}

*.sun-eventName.sun-cancelled {
  text-decoration: line-through;
}

*.sun-postponed {
  font-style: italic;
}

/*  links */
a:link {
  text-decoration: none;
}

a:visited {
}

a:hover {
  text-decoration: underline;
}

a:active {
}