/* Calendar box ---------------------- */

.calendar-but {
	vertical-align: -8px;
	width: 18px;
	height: 19px;
}
.calendar-box {
	border: 1px solid #D6D6D6;
	background-color: white;
	position: absolute;
	z-index: 13;
	padding: 3px 4px 7px 4px;
}
.calendar-navig {
	text-align: center;
	white-space: nowrap;
	font: bold 14px arial;
	margin: 4px 0px 8px 0px;
}
.calendar-navig a, .calendar-navig a:hover {
	text-decoration: none;
}
.calendar-navig a.cm-previous-month {
	margin-right: 30px;
	padding: 0px 4px;
	background: url(images/basket-rql.png) left 3px no-repeat;
	cursor: pointer;
}
.calendar-navig a.cm-next-month {
	padding: 0px 4px;
	margin-left: 30px;
	background: url(images/basket-rq.png) left 3px no-repeat;
	cursor: pointer;
}
.calendar-box div.float-left {
	margin-right: 5px;
	padding: 3px 0px 7px 0px;
	height: 171px;
}
.calendar-box ul.float-left {
	width: 36px;
}
.calendar-box ul {
	margin: 0px 0px 10px 0px;
}
.calendar-box ul li {
	padding-bottom: 1px;
}
.calendar-box ul li a {
	font-size: 10px;
	font-family: Verdana;
	line-height: 13px;
	display: block;
	padding: 4px 0px;
	cursor:pointer;
}
.calendar-box ul li a.selected, .calendar-box ul li a.selected:hover {
	color: #000000;
	font: bold 11px/13px arial;
	text-decoration: none;
	background-color: transparent;
}
.calendar {
	height: 181px;
}
.section-border table.calendar {
	margin: 0px;
}
.section-border table.calendar td {
	padding: 0px;
}
.calendar th {
	padding: 6px 4px 3px 4px;
	font:15px/15px Arial;
}
.search-advanced .calendar td, .calendar td {
	text-align: center;
	padding: 0px;
}
.calendar td a {
	padding: 4px;
	display: block;
}
.calendar td a.strong {
	color: inherit;
	font-weight: bold;
}

.calendar-box ul { list-style: none; padding: 0px; margin: 0px; }
.calendar-box ul li { margin: 4px 0px 4px 0px; }
.calendar-box .float-left ul.float-left { float: left; width: 24px; margin-right:4px; }
.calendar-box .calendar .weekend { color: red; }


/* /Calendar box */


/* --------------------------- Notification ---------------------------------------- */
.cm-notification-container {
	position: fixed;
	right: 5px;
	top: 0px;
	z-index: 16;
}
.notification-content {
	position: relative;
	margin-bottom: 1px;
}
.notification-w, .notification-n, .notification-e {	
	width: 263px;
	opacity: 0.90;
	-moz-opacity: 0.90;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
}

.notification-e .sub2, .notification-n .sub2, .notification-w .sub2 {
	padding: 7px 0px 7px 0px;
}

/* ------- Error Notification ------------ */

.notification-e {
	margin-top: 5px; background: url(images/notif/et.png) left top no-repeat;
	opacity: 0.90;
	-moz-opacity: 0.90;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
	}

.notification-e .sub1 {
	background: url(images/notif/eb.png) left bottom no-repeat;
	opacity: 0.90;
	-moz-opacity: 0.90;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
	}

.notification-e .sub3 { background: #e35c05; color: white; }

/* ------- Good Notification ------------ */

.notification-n, .notification-w {
	margin-top: 5px; background: url(images/notif/gt.png) left top no-repeat;
	opacity: 0.90;
	-moz-opacity: 0.90;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
	}

.notification-n .sub1, .notification-w .sub1 {
	background: url(images/notif/gb.png) left bottom no-repeat;
	opacity: 0.90;
	-moz-opacity: 0.90;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
	}

.notification-n .sub3, .notification-w .sub3 { background: #9ccd05; color: black; }

.notification-header-n, .notification-header-w { color: black; }
.notification-header-e { color: white; }
.notification-body {
	margin: 0px; padding: 6px 6px 0px 12px;
	font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 16px;
	clear: both;
}

.sub3 h1 { margin: 0px 40px 0px 12px; padding: 0px; font: 18px Verdana, Helvetica, sans-serif; }

img.cm-notification-close {
	padding: 0px 16px 4px 4px;
	margin-right: -7px;
	float: right;
}
.notification-body p {
	margin: 3px -1px 0px 0px;
	text-align: right;
}
.notification-body b { font-weight: normal; }
.notification-body a, .notification-body a:visited, .notification-body a:hover, .notification-body a:active {
	font: normal 11px Arial, Helvetica, sans-serif;
}

.product-notification-container { position: absolute; left: 35%; width: 40%; }
.product-notification h1 { display: none; }
.popupbox-closer img { display: none; }

#previewer_window .popupbox-closer a { display: block; position: absolute; right: 0px; top: -4px; font: 10px Verdana; } 
#previewer_window2 .popupbox-closer a { display: block; position: absolute; right: 0px; top: -4px; font: 10px Verdana; }

/* AJAX LOADING --------- */

.ajax-loading-box {
	padding: 7px 28px 5px 42px;
	position: fixed;
	right: 47%;
	top: 0px;
	z-index: 18;
	display: none;
	background: #fdd4a6 url('images/icons/ajax.gif') no-repeat 5px center;
	font: 13px/13px Georgia;
	font-weight: bold;
	color: #000;
	height: 17px;
}

.ajax-loading-box * { position: absolute; }
.ajax-loading-box .sub0 { left: -8px; top: 0px; width: 8px; height: 29px; background: url(images/icons/ajax-corn-left.png) left top no-repeat; }
.ajax-loading-box .sub1 { right: -8px; top: 0px; width: 8px; height: 29px; background: url(images/icons/ajax-corn-right.png) left top no-repeat; }

.ajax-message {
	padding: 10px 48px 6px 0px;
	z-index: 17;
	display: none;
	position: absolute;
	width: 339px;
}


/* Previewer styles */
#previewer_overlay {
	position: fixed;
	z-index: 0;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: #666;
	-moz-opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)";
	opacity: 0.4;
}
#previewer_window, #previewer_window2 {
	position: fixed;
	z-index: 35;
	display: none;
	top: 50%;
	left: 50%;
	background-color: #ffffff;
}
.previewer-container {
	padding: 0px;
}
.scroller-container {
	margin: 14px 0px 8px 0px;
	padding: 0px;
}
#scroller_holder, #previewer_scroller {
	margin: 0px auto;
	text-align: center;
}
#previewer_close {
	padding: 7px 4px 0px 2px;
	font-size: 11px;
}
#previewer_close a.tool-link, #previewer_close a.tool-link:hover {
	font-size: 11px;
}
#previewer_load {
	position: fixed;
	display: none;
	height: 16px;
	width: 16px;
	z-index: 11;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px;
}
#previewer_hide_select {
	z-index: 8;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
#viewer {
	overflow: hidden;
	display: inline-block;
	margin: 22px 0;
	height: 32px;
}
#thumbs_frame {
	display: block;
}
#thumbs_frame img {
	margin: 0 1px;
	padding: 3px;
}
#preview_holder {
	width: 180px;
	height: 180px;
	text-align: center;
	vertical-align: middle;
}
#preview_window {
	position: absolute;
	z-index: 7;
}
a.cm-thumbnails-mini {
	display: -moz-inline-box;
	display: inline-block;
}

#previewer_window .w-shadow, #previewer_window2 .w-shadow { background: url(images/shadow_w.png) left top no-repeat; }
#previewer_window .nw-shadow, .sw-shadow, .ne-shadow, .se-shadow, .n-shadow, .e-shadow, .w-shadow, .s-shadow { position: absolute; }
#previewer_window2 .nw-shadow, .sw-shadow, .ne-shadow, .se-shadow, .n-shadow, .e-shadow, .w-shadow, .s-shadow { position: absolute; }

#previewer_window .nw-shadow, #previewer_window2 .nw-shadow { left: -24px; top: -24px; width: 24px; height: 24px; background: url(images/shadow_nw.png) left top no-repeat; }
#previewer_window .sw-shadow, #previewer_window2 .sw-shadow { left: -24px; bottom: -24px; width: 24px; height: 24px; background: url(images/shadow_sw.png) left top no-repeat; }
#previewer_window .ne-shadow, #previewer_window2 .ne-shadow { right: -24px; top: -24px; width: 24px; height: 24px; background: url(images/shadow_ne.png) left top no-repeat; }
#previewer_window .se-shadow, #previewer_window2 .se-shadow { right: -24px; bottom: -24px; width: 24px; height: 24px; background: url(images/shadow_se.png) left top no-repeat; }
#previewer_window .n-shadow, #previewer_window2 .n-shadow { left: 0px; top: -24px; right: 0px; height: 24px; background: url(images/shadow_n.png) left top repeat-x; }
#previewer_window .e-shadow, #previewer_window2 .e-shadow { right: -24px; top: 0px; bottom: 0px; width: 24px; background: url(images/shadow_e.png) left top repeat-y; }
#previewer_window .w-shadow, #previewer_window2 .w-shadow { left: -24px; top: 0px; bottom: 0px; width: 24px; background: url(images/shadow_w.png) left top repeat-y; }
#previewer_window .s-shadow, #previewer_window2 .s-shadow { left: 0px; bottom: -24px; right: 0px; height: 24px; background: url(images/shadow_s.png) left top repeat-x; }

#product_popup_fw .nw-shadow, #product_popup_fw .sw-shadow, #product_popup_fw .ne-shadow, #product_popup_fw .se-shadow, #product_popup_fw .n-shadow, #product_popup_fw .e-shadow, #product_popup_fw .w-shadow, #product_popup_fw .s-shadow { position: absolute; }
#product_popup_fw .nw-shadow { left: -18px; top: -17px; width: 24px; height: 24px; background: url(images/thick/tl.png) left top no-repeat; }
#product_popup_fw .sw-shadow { left: -19px; bottom: -23px; width: 24px; height: 24px; background: url(images/thick/bl.png) left top no-repeat; }
#product_popup_fw .ne-shadow { right: -24px; top: -17px; width: 24px; height: 24px; background: url(images/thick/tr.png) left top no-repeat; }
#product_popup_fw .se-shadow { right: -24px; bottom: -24px; width: 24px; height: 24px; background: url(images/thick/br.png) left top no-repeat; }
#product_popup_fw .n-shadow { left: 0px; top: -18px; right: 0px; height: 24px; background: url(images/thick/th.png) left top repeat-x; }
#product_popup_fw .e-shadow { right: -24px; top: 0px; bottom: 0px; width: 24px; background: url(images/thick/rw.png) left top repeat-y; }
#product_popup_fw .w-shadow { left: -19px; top: 0px; bottom: 0px; width: 24px; background: url(images/thick/lw.png) left top repeat-y; }
#product_popup_fw .s-shadow { left: 0px; bottom: -24px; right: 0px; height: 24px; background: url(images/thick/bh.png) left top repeat-x; }

#thumbs_frame { display: none; }
.viewer-container { display: none; }

/* /Previewer styles */

.cm-current-days a { color: #000; cursor: pointer; }
.previous-month-days a { color: #AAA; cursor: pointer;  }
.next-month-days a { color: #AAA; cursor: pointer; }

