/* Shared calendar styles */

/* Parent calendar container */
.calbordered {float:left;padding:0px;}

.calbordered .title {text-align: center;font-weight: bold;color: #FFF;height:auto;width:304px;position:relative;}

.title .close-icon {position:absolute;right:0;top:0;border:2px;}

.calnavright {position:absolute;top:0;bottom:0;height:12px;right:2px;}

/* Calendar element styles */

/* Calendar container style */
.calendar {padding-top: 0px;border:0px solid #cccccc;background-color: #ffffff;text-align:center;font-family: verdana;font-size: 8pt;color: red;margin: 0;}

.calcontainer {float: left;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;height: 150px;border:1px solid #cccccc;background-color: #ffffff;text-align:center;font-family: verdana;font-size: 8pt;color: red;margin: 0;}

/* 2 side by side calendar */
.cal2upwrapper {*height:1%;} /* IE */
.cal2upwrapper:after {content:'.';clear:both;display:block;visibility:hidden;height:0;} /* others */
.calcontainer .cal2up {	float:left;}

td.calcell {text-align: center;width:1.5em;border:1px solid #eeeeee;border-collapse: collapse;}


td.calcell a {text-decoration:none;color:#333333;}

td.calcell.today {background-color: #CE002F;color: #FFF;}

td.calcell.oom {cursor:default;color: #999999;background-color:#e5e5e5;}

td.calcell.selected {background-color: #CE002F;color: #FFF;}
td.calcell.selected a{color:#ffffff;}

td.calcell.calcellhover {color: #FFF;background-color: #CE002F;border: 1px solid #fff;}

td.calcell.calcellhover a {color:#fff;}

td.calcell.highlight {color:#2B75D1;background-color: #FFFF99;border:1px solid #fff;}


td.calcell.previous {color:#ccc;}

.calhead {border:1px solid #bd362a;vertical-align:middle;background-color:#CE002F;color:#ffffff;}

.calheader {position:relative;width:100%;background-color: #CE002F;font-size: 10px;}
.calweekdaycell {font-weight:normal;color:#333333;}

.calrowhead {border-right-width:0px;}

.caltpbg_a, .caltpbg_b{width:130px;height:145px;font-size:8pt;position:absolute;background-color:#ffffff;border: 0px solid #cccccc;}

#calendarBoxArrive, #calendarBoxDepart {width:130px;text-align:center;color:#000;border-top:solid 0px #cccccc;border-left:solid 0px #cccccc;border-bottom:solid 1px #cccccc;border-right:solid 1px #cccccc;background-color:#ffffff;height:140px;position:absolute;}

.cal_title{font-size:7pt;font-weight:bold;padding-bottom:10px;padding-left:5px;text-align:left;}

.close_cal, .next_cal, .prev_cal{color:#1a74c8;}

.calnavleft {position:absolute;background-repeat:no-repeat;background-image: url(images/left_2.gif);cursor:pointer;top:0px;width:12px;height:12px;left:2px;}
.calnavright {position:absolute;background-repeat:no-repeat;background-image: url(images/right_2.gif);cursor:pointer;top:0px;width:12px;height:12px;right:2px;}
.close-calendar {position:absolute;cursor:pointer;right:0;bottom:-7px;border:0}

/* calboxon controls the position of the popup.  This means, generally, that you need a different instance
   for each page that the calendar pops up on.  Change the margin-top and margin-left until an agreeable
   position is obtained.  This is the last argument to opencal.

.calboxon_216{z-index:0;height:50px;width:140px;position:relative;margin-top:300px;margin-left:350px;display:block;font: bold 10px arial,helvetica,sans-serif;text-align:center}
.calboxon_216_newps{z-index:5;height:283px;width:140px;position:absolute;margin-top:300px;margin-left:450px;display:block;font: bold 10px arial,helvetica,sans-serif;text-align:center}
.calboxon_323{z-index:5;height:283px;width:140px;position:absolute;margin-top:150px;margin-left:450px;display:block;font: bold 10px arial,helvetica,sans-serif;text-align:center}
.calboxon_648{z-index:5;height:283px;width:140px;position:absolute;margin-top:100px;margin-left:45px;display:block;font: bold 10px arial,helvetica,sans-serif;text-align:center}

*/

/* for use with absolute positionning only */
/* comment out to use relative positioning */

/*
.caltpbg_a{
position:absolute;
top:30px;
left:280px;
}
.caltpbg_b{
position:absolute;
top:30px;
left:280px;
} */