/* Calendar tool */

/* IE6 png fix */
*html div.top, *html div.base { behavior: url(/photosales/css/iepngfix.htc) }
.calendar-wrapper { position:relative; }
.calendar-wrapper #calWrapper { clear:both; }
.calendar-wrapper div#calWrapper { width:216px; margin:0px auto; }
.calendar-wrapper #calWrapper .table-holder { margin-top:25px; width:100%; text-align:center; }
.calendar-wrapper #calWrapper .top { background:transparent url(/images/v3/shop/photosales/round-top-s.png) no-repeat center top; height:6px; vertical-align:top; }
*html .calendar-wrapper #calWrapper .top { overflow:hidden; }/*ie6*/
.calendar-wrapper #calWrapper .sides { background:transparent url(/images/v3/shop/photosales/sides.png) repeat-y center top; }
.calendar-wrapper #calWrapper .dropdown { padding:10px 10px 0px 10px; margin-left:15px; }
.calendar-wrapper #calWrapper .dropdown select { margin:0px 10px; font-size:95%; float:none; }
.calendar-wrapper #calWrapper .dropdown select.month { width:55px; }
.calendar-wrapper #calWrapper .dropdown select.year { width:60px; }
.calendar-wrapper #calWrapper div.move-left, .calendar-wrapper #calendar div.move-right { width:20px; display:block; position:absolute; top:140px; cursor:pointer; color:#000000; font-size: 18px; font-weight:bold; }
/*
*html .calendar-wrapper #calWrapper div.move-left, *html .calendar-wrapper #calWrapper div.move-right{top:140px;}
* + html .calendar-wrapper #calWrapper div.move-left, * + html .calendar-wrapper #calWrapper div.move-right{top:140px;} */

.calendar-wrapper #calWrapper div.move-left { left:45px; color:#FFFFFF; }
.calendar-wrapper #calWrapper div.move-right { right:45px; color:#FFFFFF; }
.calendar-wrapper #calWrapper .date-title { color:#FFFFFF; font-size:16px; font-weight:normal; /*position:relative;*/ display:block; text-align:center; /*padding-left:20px;*/ float:none; border:none; padding:3px 0 5px 0;  }
.calendar-wrapper #calWrapper .cal-content { width:140px; display:block; margin:0px auto 0px auto; }
.calendar-wrapper #calWrapper .base { clear:both; height:7px; background:transparent url(/images/v3/shop/photosales/round-bottom-s.png) no-repeat center bottom; }
.cal-content table#calender { width:136px; font-size:9px; }
/*days of the week*/
.cal-content table#calender th { font-weight:bold; color:#FFFFFF; padding:2px 0px; border-bottom:1px solid #990000; }
/*not available*/
.cal-content table#calender td { padding:2px 0px; color:#999999; }
/*available*/
.cal-content table#calender td a, .cal-content table#calender td a:visited, .cal-content table#calender td a:hover { display:block; border:1px solid #000000; color:#FFFFFF; }
.cal-content table#calender td a:hover { border:1px solid #D9D9D1; color:#990000; }
/*current day */
.cal-content table#calender td.td_orange a { display:block; border:1px solid #990000; color:#990000; }

/*Popup calendar - specific styles*/
#popup-calendar { width:216px; display:none; position:absolute; left:400px; z-index:500; }
.calendar-wrapper #popup-calendar div#calWrapper { width:216px; margin:0px; }
/* shadows for popup only */
#popup-calendar div#shadowB { width:223px; padding:0px 0px 7px 0px; background:transparent url(/images/v3/shop/photosales/bottom_edge.png) -2px bottom no-repeat; }
#popup-calendar div#shadowR { background:transparent url(/images/v3/shop/photosales/right_edge.png) right 8px no-repeat; }
#popup-calendar div#shadowRT { background:transparent url(/images/v3/shop/photosales/top_right.png) 214px top no-repeat; }
/*no shadow for IE6*/
*html #popup-calendar div#shadowB, *html #popup-calendar div#shadowR, *html #popup-calendar div#shadowRT { background:none; }
/* close button*/
#popup-calendar #calWrapper .sides a.closeLink, #popup-calendar #calWrapper .sides a.closeLink:visited { font-size:11px; font-weight:bold; /*position:absolute;*/ float:right; /*right:5px; top:0px;*/ color:#999999 !important; margin-top:-10px; padding:10px; }
#popup-calendar #calWrapper .sides a.closeLink:hover { color:#FFFFFF !important; }
/*move left - right */
.calendar-wrapper #popup-calendar #calWrapper div.move-left, .calendar-wrapper #popup-calendar #calWrapper div.move-right { width:20px; display:block; position:absolute; top:125px; cursor:pointer; color:#000000; font-size: 18px; font-weight:bold; }
.calendar-wrapper #popup-calendar #calWrapper div.move-left { left:6px; color:#FFFFFF; }
.calendar-wrapper #popup-calendar #calWrapper div.move-right { right:6px; color:#FFFFFF; }
