﻿/*generic rules*/
.hide{display:none;}

/*Overlay*/
#window_overlay{background-color:#333;}

/*Popup*/
.popup_wrapper{position:absolute;top:30%;}
body > div.popup_wrapper {position:fixed;}
.popup_box{
	background: url(/melli5050100/images/ns/popup_background.gif) scroll center top no-repeat;
	width:493px;height:217px; margin-left:auto;margin-right:auto;padding:4px;border:none;position:relative;
}
a.popup_x{
	background: url(/melli5050100/images/ns/red-x.gif) 0px 0px no-repeat;
	position:absolute;right:12px;top:8px;width:14px;height:14px;display:block;cursor:pointer;}
a.popup_x:hover{background-position:0px -14px}
.popup_content{height:130px;border:none;color:Navy; padding:4px;margin:22px 5px 5px 5px;text-align:left;width:475px;}
* html .popup_content {height:80px;}
.popup_buttons{margin-top: 10px;text-align:center;}
.popup_buttons button{padding:0px 10px 0px 10px;}
/*.popup_title{background:url(/melli5050100/images/ns/red-x.gif) no-repeat scroll left top;padding: 2px 2px 2px 32px;
	height:24px;text-align:left;font-size: 22px;color: #3333CC;line-height: 20px;
}*/

/* Tooltip */
.tooltip div.corner,
.tooltip div.top,
.tooltip div.arrow,
.tooltip div.origin_tl,
.tooltip div.origin_tr,
.tooltip div.origin_bl,
.tooltip div.origin_br,
.tooltip div.content,
.tooltip div.closeButton{background:url(/melli5050100/images/ns/yellowsheet.gif) no-repeat;position: absolute;}
.tooltip{display:none;z-index: 100001;cursor: default;position: relative;top:0px;}
.tooltip div.origin_tl,.tooltip div.origin_tr,.tooltip div.origin_bl,.tooltip div.origin_br{background-position: bottom right;}
.tooltip div.corner,.tooltip div.top{top:-5px;}
.tooltip div.corner{background-position:0px -19px;height:25px;width:5px;left:-5px;}
.tooltip div.top{background-position:right -19px;height:5px;width:100%;}
.tooltip div.content{background-position: bottom left;position:relative;padding: 5px 25px 10px 10px;  left: -5px;}
.tooltip div.closeButton{background-position:-72px top;width:17px;height:16px;top:5px;right:10px;cursor:pointer;z-index: 100002;}
.tooltip div.arrow{background-position:100px top;height:15px;width:15px;z-index: 100002;}
.tooltip div.origin_tl{top:0px;left:0px;}
.tooltip div.origin_tr{top:0px;right:100%;}
.tooltip div.origin_bl{bottom:0px;left:0px;}
.tooltip div.origin_br{bottom:0px;right:100%;}
.tooltip div.arrow_lt{margin: 0px 0px 0px 20px;}
.tooltip div.arrow_lt .arrow{background-position:-56px top;left:-17px;top:8px;}
.tooltip div.arrow_lb{margin: 0px 0px 0px 20px;}
.tooltip div.arrow_lb .arrow{background-position:-56px top;left:-17px;bottom:10px;}
.tooltip div.arrow_rt{margin: 0px 20px 0px 0px;}
.tooltip div.arrow_rt .arrow{background-position:-21px top;right:-12px;top:8px;}
.tooltip div.arrow_rb{margin: 0px 20px 0px 0px;}
.tooltip div.arrow_rb .arrow{background-position:-21px top;right:-12px;bottom:8px;}
.tooltip div.arrow_tl{margin: 20px 0px 0px 0px;}
.tooltip div.arrow_tl .arrow{background-position:-2px top;left:5px;top:-17px;}
.tooltip div.arrow_tr{margin: 20px 0px 0px 0px;}
.tooltip div.arrow_tr .arrow{background-position:-2px top;right:15px;top:-17px;}
.tooltip div.arrow_bl{margin: 0px 0px 20px 0px;}
.tooltip div.arrow_bl .arrow{background-position:-38px top;left:10px;bottom:-14px;}
.tooltip div.arrow_br{margin: 0px 0px 20px 0px;}
.tooltip div.arrow_br .arrow{background-position:-38px top;right:10px;bottom:-14px;}
.tooltip
{
	text-align:left;
}

/* NS btn*/

a.NSBtn,
a.NSBtn span,
a.NSBtn span span{
	display:block;
	background-image:url(/melli5050100/images/ns/DefaultBtnBg.png);
	cursor: pointer;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	line-height:25px;
}
a.NSBtn{
	/* right edge */
	background-repeat:no-repeat;
}
a.NSBtn:hover
{
	text-decoration:none;
}
a.NSBtn span{
	/* left edge */
	background-repeat:no-repeat;
}
a.NSBtn span span{
	/* middle */
	background-repeat:repeat-x;
	margin:0 10px;
	padding-left:.5em;
	padding-right:.5em;
	padding-bottom:2px;
}



/* ----------------------------> Yellow */
a.NSBtn.yellow{
	/* right edge */
	background-position:right -54px;
}
a.NSBtn.yellow span{
	/* left edge */
	background-position:left 0;
}
a.NSBtn.yellow span span{
	/* middle */
	background-position:center -27px;
	color:#2E2E42;
}



/* ----------------------------> Silver */
a.NSBtn.silver{
	/* right edge */
	background-position:right -135px;
}
a.NSBtn.silver span{
	/* left edge */
	background-position:left -81px;
}
a.NSBtn.silver span span{
	/* middle */
	background-position:center -108px;
	color:#2E2E42;
}

