/* -----------------------------------------------------------------------------
 * Calendar CSS file
 * -----------------------------------------------------------------------------
 * Blue North Studios
 * -----------------------------------------------------------------------------
*/
.calendar {
    margin: 0px;
    font-size: .9em;
    color: #434F42;
}
.ctop {
    /*background: url(../images/bg/subnav_bg.png) top left no-repeat;*/
    border: 1px solid #aaa;
    border-collapse: collapse;
    padding: 4px 0px 4px 10px;
}
.cbody {
    background: #FFF url(../images/bling/ds_bottom_dark.png) top left repeat-x;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    padding: 15px 5px 5px 5px;
}
.cbottom {
    height: 15px;
    background: url(../images/bg/subnav_bg.png) 100% 100% no-repeat;
    border-left: 1px solid #bbb;
}
.calendar form {
    margin: 0px;
}
.calendar select {
    font-size: .9em;
}
.calendar input[type='submit'] {
    width: 82px;
    height: 20px;
    background: url(../images/buttons/calendar_update_bg.png) 0% 0% no-repeat;
    color: #2B3829;
    border-width:0px;
    cursor: pointer;
    font-size: 0.9em;
}
.calendar input[type='submit']:hover {
    background: url(../images/buttons/calendar_update_bg.png) 0% 100% no-repeat;
    color: #0B1809;
}
.calendar td.nb { 
    border-width: 0px;
    padding: 0px;
    background: none;
}
.calendar table {
    border-collapse: separate;
}
.calendar th {
    font-weight: normal;
    padding: 0px;
    background-color: #434F42;
    color: #fff;
}
.calendar td {
    border: 1px solid #90A28F;
    height: 15px; 
    padding: 2px;
    font-size: .9em;
    background: url(../images/splash/white_transparent.png) top left repeat;
}
.calendar td.markday {    
    border: 1px solid #f90;
    background-color: #CC9900;
    cursor: pointer;
}
.calendar td.noday {
    border-width: 0px;
    background: none;
}
.popup {
  position: absolute;
  display: none;
  margin-left: -330px;
  margin-top: -20px;
  background-color: #FFFFFF;
  padding: 10px;  
  width: 300px;
  border: 4px solid #aaa;
}
.popup h2 {
    color: #000;
    font-size: 1.4em;
    margin: 0px 0px 0px 0px;
}
.popup h3 {
    color: #000;
    font-size: 1.4em;
    margin: 5px 0px 0px 0px;
}
.popup a {
    display: block;
    font-size: 1.2em;
    border-bottom: 1px solid #ccc;
    margin: 5px 0px 5px 0px;
}