/********************************************************************************************************
  KK    KK   JJJJJJJJ ''  SSSSSSS       DDDDDD     EEEEEEEE    SSSSSSS   IIIIIIII    GGGGGGG   NN    NN
  KK  KK        JJ     ' SS             DD   DD    EE         SS            II      GG         NNN   NN
  KKKK          JJ        SSSSSS        DD    DD   EEEEE       SSSSSS       II      GG  GGG    NN N  NN
  KK  KK     JJ JJ             SS       DD   DD    EE               SS      II      GG    GG   NN  N NN
  KK   KK     JJJ        SSSSSSS        DDDDDD     EEEEEEEE   SSSSSSS    IIIIIIII    GGGGGG    NN   NNN

                      SSSSSSS   TTTTTTTT   UU    UU   DDDDDD     IIIIIIII     OOOO
                     SS            TT      UU    UU   DD   DD       II       OO  OO
                      SSSSSS       TT      UU    UU   DD    DD      II      OO    OO
                           SS      TT      UU    UU   DD   DD       II       OO  OO
                     SSSSSSS       TT       UUUUUU    DDDDDD     IIIIIIII     OOOO
********************************************************************************************************/

/*******************************************************************************************************
 * @type CSS Document
 * @author Kevin Jesse
 * @company KJ's Design Studio
 * @website kjsdesignstudio.com
 * @copyright 2008
 * @description Calendar layout css document
 * @notes
 		
 		
 		
/******************************************************************************************************/

#calendar {
  width: 785px;
  margin: 0px auto;
  padding: 10px;
}

#calSelect {
  background-image: url('../images/calendar/calSelect.png');
  width: 560px;
  height: 56px;
}

#calSelect #calSelectText {
  float: left;
  font-size: 40pt;
  width: 490px;
  height: 60px;
  text-align: center;
  cursor: default;
  margin-top: -6px;
}

#calSelect #calSelectButton {
  width: 40px;
  height: 56px;
  float: right;
  cursor: pointer;
}

#calNav {
  clear: both;
  height: 25px;
  list-style-type: none;
  padding: 0px;
}

#calNav li {
  float: left;
  height: 25px;
}

#calNav #calMenu {
  padding-left: 2px;
  margin-right: 5px;
  background-image: url('../images/calendar/options.png');
  width: 238px;
  height: 25px;
  cursor: pointer;
  border: 0px;
  color: #fff;
  background-color: transparent;
}

#calNav #calSingleMenu {
  padding-left: 2px;
  margin-right: 5px;
  background-image: url('../images/calendar/option.png');
  width: 238px;
  height: 25px;
  cursor: pointer;
  border: 0px;
  color: #fff;
  background-color: transparent;
}

#calMenuText {
  font-size: 16pt;
}

#calMenuOptions {
  list-style-type: none;
  background-color: #333;
  border: 1px solid black;
  border-bottom: 0px;
  position: absolute;
  display: none;
  padding: 0px;
  margin-top: -1px;
}

#calMenuOptions li {
  clear: both;
  width: 209px;
  padding-left: 2px;
  border-bottom: 1px solid black;
}

#calNav #calPrev {
  background-image: url('../images/calendar/prev.png');
  width: 60px;
  cursor: pointer;
}

#calNav #calNext {
  background-image: url('../images/calendar/next.png');
  width: 60px;
  cursor: pointer;
}

#calNav #calToday {
  margin-left: 5px;
  background-image: url('../images/calendar/today.png');
  width: 80px;
  cursor: pointer;
}

#calNav #calPrint {
  margin-left: 5px;
  background-image: url('../images/calendar/print.png');
  width: 80px;
  cursor: pointer;
}

#calNav #calText {
  width: 220px;
  text-align: center;
  font-size: 18pt;
  cursor: default;
}

#calMain {
  border-bottom: 1px solid;
  overflow: hidden;
}

#calDays {
  clear: both;
  height: 25px;
  cursor: default;
}

.calDay {
  width: 112px;
  float: left;
  text-align: center;
}

.calRow {
  clear: both;
  height: 100px;
  border: 1px solid;
  border-right: 0px solid;
  border-bottom: 0px solid;
}

.calCol {
  background-color: #fff;
  width: 111px;
  height: 100px;
  float: left;
  border-right: 1px solid;
}

.calCurCol {
  background-color: #fefea3;
  width: 111px;
  height: 100px;
  float: left;
  border-right: 1px solid;
}

.calDayText {
  text-align: right;
  height: 18px;
  background-color: #0168cb;
  padding-right: 2px;
  cursor: default;
  line-height: 16px;
}

.calEvent {
  font-size: 8pt;
  cursor: pointer;
  padding-left: 2px;
  white-space: nowrap;
}

.calAllDayEvent {
  font-size: 8pt;
  cursor: pointer;
  padding-left: 2px;
  background-color: #2e90f4;
  color: #ffffff;
  white-space: nowrap;
  border-top: 1px solid #ffffff;
}

.calEventDetails {
  position: absolute;
  background-image: url('../images/calendar/detailsLeft.png');
  margin-top: -160px;
  margin-left: -235px;
  width: 351px;
  height: 207px;
  padding: 15px;
}

.calEventDetailsClose {
  position: absolute;
  margin-left: 335px;
  width: 13px;
  height: 13px;
  cursor: pointer;
}

.calEventDetailsContent {
  height: 130px;
  width: 350px;
  white-space: normal;
}

.calEventDetailsContent h3 {
  white-space: nowrap;
  margin: 0px;
  color: #0168cb;
  width: 335px;
  overflow: hidden;
}

.calEventDetailsContent p {
  font-size: 11pt;
  margin: 0px;
}

.calEventDetailsContent div {
  font-size: 11pt;
  height:70px;
  overflow: auto;
  border-top: 1px solid #0168cb;
}

.calDayText span {
  font-size: 12pt;
}

.calNonMonth {
  color: #aaa;
}

.calCurMonth {
  color: #fff;
}