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

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

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

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

#sun-monthView table.sun-month {
	width:770px;
}
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;
  background-color:#eeeeee;
}

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: #ffffff;
  padding-bottom: 10px;
  vertical-align: top;
  height: 100px; /* like a minimum height */
  width:14%;
}

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

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://www.columbia.edu/cu/chemistry/admin/images/weekButton.gif");
  padding-top: 25px;
}

div#sun-monthView .sun-dayHeader {
  background-color: #cae7ff;
  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;
  font-size:10px;
}


/* 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://www.columbia.edu/cu/chemistry/admin/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://www.columbia.edu/cu/chemistry/admin/images/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;
}

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


div#sun-monthView h1.sun-header {
  clear: both;
  background: #cae7ff; 
  border: 1px solid black;
  border-top: 0;
  margin-top: 0;
  padding: 10px 0px 10px 10px; 
  font-size:18px;  
  width: 770px;
}


div#sun-monthView div.sun-contextHeader {
   background: #6699cc;
   background-position: 0 1;  /* IE Mac5 seems to include the border in the background position */
   height: 28px;
   border: 1px solid black;
   padding: 0px 0px 5px 10px;
   width: 770px;
   
}

/* Date Menu and the Select box */

span.sun-dateSelect {
  background: #6699cc;
  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;
  font-size:0px;
  color: #6699cc;
} 

*.sun-go a:hover,
*.sun-next a:hover,
*.sun-prev a:hover {  
  color: #6699cc;
} 

*.sun-go a:visited,
*.sun-next a:visited,
*.sun-prev a:visited { 
  color: #6699cc;
} 

*.sun-go a:active,
*.sun-next a:active,
*.sun-prev a:active { 
  color: #6699cc;
}

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

*.sun-next,
*.sun-next a {
  background-image: url("http://www.columbia.edu/cu/chemistry/admin/images/arrowRight.gif");
  background-repeat: no-repeat;
  width: 25px;
}

*.sun-prev,
*.sun-prev a {
  background-image: url("http://www.columbia.edu/cu/chemistry/admin/images/arrowLeft.gif");
  background-repeat: no-repeat;
  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://www.columbia.edu/cu/chemistry/admin/images/year.gif");

}

a.sun-viewList {
  background-image: url("http://www.columbia.edu/cu/chemistry/admin/images/list.gif");
}

a.sun-viewWeek {
  background-image: url("http://www.columbia.edu/cu/chemistry/admin/images/week.gif");
}

a.sun-viewMonth {
  background-image: url("http://www.columbia.edu/cu/chemistry/admin/images/month.gif");
}

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

div#sun-dayView div.sun-contextHeader {
   background: #6699cc;
   background-position: 0 1;  /* IE Mac5 seems to include the border in the background position */
   visibility:hidden;
   height: 28px;
   border: 1px solid black;
   padding: 0;
   width: 770px;
}

div#sun-dayView h1.sun-header {
  clear: both;
  background: #cae7ff; 
  border: 1px solid black;
  border-top: 1px solid black;
  margin-top: 0;
  padding: 10px 0px 10px 10px; 
  font-size:18px;  
  width: 770px;
}

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;
  margin-top: 1px;
  margin-bottom: 1px;
  width: 81px;
  padding: 0px 0 0 0;
  height: 0;
  
  color: #000099;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  
}

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: #cae7ff;
}

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

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

table.sun-ending tr.sun-categoryHead th {
  background-color: #6699cc;
}

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

table.sun-todays tr.sun-categoryHead th {
  background-color: #6699cc;
}

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

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


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: #000099;
  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;
}

/*======================
   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: #000099;
}

/* 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  {
  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;
  color:#000099;
}

a:visited {
  text-decoration: none;
  color:#000099;
}


a:hover {
  text-decoration: underline;
  color:#000000;
}

a:active {
  text-decoration: none;
  color:#000099;
}

/*Pop-up listing*/
#detail *.dark-bg{
   background-color:#6699cc;
}


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

#detail *.pu_details{
  color : #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-style: normal;
}