/*
	style your widgets here
*/


div.dijitPopup {
	background: #0f0;
	width: 300px;
}

.dijitDialog {
/*
	background: 		#fff;
	border: 			#000 1px solid;
	padding: 			5px;
	width: 				440px;
	text-align:			left;
*/
}

.dijitContentPane {
/*	border: 			#00f 1px solid; */
}

.dijitVisible {
	visibility:		visible;
	display:		block; 
}

.dijitHidden {
	visibility:		hidden;
	display:		none;
}

/*------------------------------------------------------------------------------*/
/* 24.POPUP
/* -----------------------------------------------------------------------------*/
/*All the classes are similar to POPUP except that #tooltip_popup and #popup are different. Tooltip popups position should not be absolute and display should be block.*/
#tooltip_popup {
	width:285px;
}
#tooltip_popup .header {
	background-image: url('../images/colors/color1/popup_header.png');
	background-repeat:no-repeat;
	text-align:left;
	padding-left:15px;
	height:23px;
}
#tooltip_popup .popup_header_title {
	float:left;
	color:white;
	padding:5px 4px 0px 15px;
	font-size:11px;
}
#tooltip_popup .close {
	padding:5px 15px 2px 0px;
	color:white;
}
#tooltip_popup .close .icon{
	padding-top:2px;
	padding-left:4px;
	float:right;
}
#tooltip_popup .bodyarea {
	background-image: url('../images/colors/color1/popup_tile.png');
	background-repeat:repeat-y;
}
#tooltip_popup .bodycontent {
	background-image: url('../images/colors/color1/popup_gradient.png');
	background-repeat: no-repeat;
	padding:12px 17px 12px 15px;
	margin:0px 1px 0px 1px;
}
#tooltip_popup .bodycontent_short {
	background-image: url('../images/colors/color1/popup_gradient_short.png');
	background-repeat: no-repeat;
	padding:12px 17px 12px 15px;
	margin:0px 1px 0px 1px;
}
#tooltip_popup .footer {
	background-image: url('../images/colors/color1/popup_footer.png');
	background-repeat:no-repeat;
	text-align:right;
	height:23px;
	width:285px;
}
/*-- STORE AVAILABILITY POPUP START --*/
#store_availability_popup_main_div {
	display:none;
}
#store_availability_popup {
	width:650px;
	position: absolute;
	display:block;
	z-index: 9999;
}
#store_availability_popup .top_left{
	background-image: url('../images/colors/color1/popup_topleft.png');
	background-repeat:no-repeat;
	height:10px;
	width:8px;
	float:left;
}
#store_availability_popup .top_right{
	background-image: url('../images/colors/color1/sloc_popup_topright.png');
	background-repeat:no-repeat;
	background-position:right;
	height:10px;
	width:642px;
	float:left;
}
#store_availability_popup .header {
	border-left: 1px solid #a5aebd;
	background-image: url('../images/colors/color1/sloc_popup_center_tile.png');
	background-repeat:repeat-y;
	background-position: right;
	text-align: right;
	height: 23px;
	clear:left;
}
#store_availability_popup .close {
	padding: 5px 15px 2px 0px;
	color: #666666;
}
#store_availability_popup .close .icon{
	padding-top: 2px;
	padding-left: 4px;
	float: right;
}
#store_availability_popup .bodycontent {
	border-left: 1px solid #a5aebd;
	background-image: url('../images/colors/color1/sloc_popup_center_tile.png');
	background-repeat:repeat-y;
	background-position: right;
	margin: 0;
	padding: 0 0 15px 0;
}
#store_availability_popup .bodycontent table#bopis_table {
	clear: both;
}
#store_availability_popup .bodycontent div.clear_float {
	clear: both;
}
#store_availability_popup .bodycontent h2 {
	font-size: 14px;
	font-weight: bold;
	margin-left: 11px;
}
#store_availability_popup .bodycontent div#your_store_list{
	margin-left: 5px;
}
#store_availability_popup .bodycontent div.clear_float {
	clear: both;
}
#store_availability_popup .bodycontent .title {
	padding: 0 17px 0 15px;
}
#store_availability_popup .bodycontent_short {
	padding: 12px 17px 12px 15px;
	margin: 0px 1px 0px 1px;
}
#store_availability_popup .footer {
	text-align: right;
	height: 14px;
	width: 750px;
}
#store_availability_popup .footer .bot_left{
	background-image: url('../images/colors/color1/popup_botleft.png');
	background-repeat:no-repeat;
	height:14px;
	width:8px;
	float:left;
}
#store_availability_popup .footer .bot_right{
	background-image: url('../images/colors/color1/sloc_popup_botright.png');
	background-repeat:no-repeat;
	background-position:right;
	height:14px;
	width:642px;
	float:left;
}
/*-- STORE AVAILABILITY POPUP END --*/

/* Dojo defined Tooltip css classes */
.dijitTooltip {
	position: absolute;
	z-index: 2000;
	display: block;
	/* make visible but off screen */
	left: 50%;
	top: -10000px;
	overflow: visible;
}
.dijitTooltipContainer {
	border: solid black 2px;
	background: #b8b5b5;
	color: black;
	font-size: small;
}

.dijitTooltipFocusNode {
	padding: 2px 2px 2px 2px;
}

.dijitTooltipConnector {
	position: absolute;
}
.dijit_a11y .dijitTooltipContainer {
	opacity: 1 !important;
	background-color: white !important;
}

.dj_safari .tundra .dijitPopup {
	-webkit-box-shadow: 0px 5px 10px #adadad;
}
.dijitTooltip,
.dijitTooltipDialog {
	opacity: 0.95;
	background: transparent;	/* make the area on the sides of the arrow transparent */
}
.dijitTooltipBelow {
	padding-top: 13px;
}
.dijitTooltipAbove {
	padding-bottom: 13px;
}
.dijitTooltipContainer {
	background-color: #fafafa;
	border:1px solid #b6c7d5;
	padding:0.45em;
	border-radius: 6px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 6px;
	width: 300px;
}
.dijitTooltipConnector {
	border:0px;
	z-index: 2;
}
.dijitTooltipABRight .dijitTooltipConnector {
	left: auto !important;
	right: 3px;
}
.dijitTooltipBelow .dijitTooltipConnector {
	top: 0px;
	left: 3px;
	background:url("../images/colors/color1/tooltipConnectorUp.png") no-repeat top left;
	width:16px;
	height:14px;
}
.dj_ie6 .dijitTooltipBelow .dijitTooltipConnector {
	background-image: url("../images/colors/color1/tooltipConnectorUp.gif");
}
.dijitTooltipAbove .dijitTooltipConnector {
	bottom: 0px;
	left: 3px;
	background:url("../images/colors/color1/tooltipConnectorDown.png") no-repeat top left;
	width:16px;
	height:14px;
}
.dj_ie6 .dijitTooltipAbove .dijitTooltipConnector {
	background-image: url("../images/colors/color1/tooltipConnectorDown.gif");
}
.dijitTooltipLeft {
	padding-right: 13px;
}
.dj_ie6 .dijitTooltipLeft {
	padding-right: 15px;
}
.dijitTooltipLeft .dijitTooltipConnector {
	right: 0px;
	bottom: 7px;
	background:url("../images/colors/color1/tooltipConnectorRight.png") no-repeat top left;
	width:16px;
	height:14px;
}
.dj_ie6 .dijitTooltipLeft .dijitTooltipConnector {
	background-image: url("../images/colors/color1/tooltipConnectorRight.gif");
}
.dijitTooltipRight {
	padding-left: 13px;
}
.dijitTooltipRight .dijitTooltipConnector {
	left: 0px;
	bottom: 7px;
	background:url("../images/colors/color1/tooltipConnectorLeft.png") no-repeat top left;
	width:16px;
	height:14px;
}
.dj_ie6 .dijitTooltipRight .dijitTooltipConnector {
	background-image: url("../images/colors/color1/tooltipConnectorLeft.gif");
}
.dj_ie .dijitRtl .dijitTooltipLeft {
	margin-right: 0px;
	margin-left: 13px;
}
.dj_ie .dijitRtl .dijitTooltipRight {
	margin-left: 26px;
	margin-right: -13px;
}
.dj_ie .dijitRtl .dijitTooltipDialog {
	zoom:1 !important;
}