/* The Magnificent CLEARFIX */
.nbuttons:before, .nbuttons:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 
.nbuttons:after { clear: both; }
.nbuttons { zoom: 1; }
/* ------------------------ */


/*------------------------------------*\
	$BUTTON
\*------------------------------------*/
/*button,*/ 
.nbutton {
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	
	font: bold 11px Helvetica, Arial, sans-serif;
	color: #444;
	line-height: 17px;
	height: 18px;
	
	display: inline-block;
	float: left;
	
	margin: 5px;
	padding: 5px 6px 4px 6px;
	
	background: #F3F3F3;
	border: solid 1px #D9D9D9;
	
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	
	-webkit-transition: border-color .20s;
	-moz-transition: border-color .20s;
	-o-transition: border-color .20s;
	transition: border-color .20s;
}
/*button {
	height: 29px !important;
	cursor: pointer;
}*/

/*button.left, */
.nbutton.left {
	margin: 5px 0 5px 5px;
	
	border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	
	border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
}
/*button.middle, */
.nbutton.middle {
	margin: 5px 0;
	
	border-left-color: #F4F4F4;
	
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
/*button.right, */
.nbutton.right {
	margin: 5px 5px 5px 0;
	
	border-left-color: #F4F4F4;
	
	border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	
	border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
}

/*button:hover, */
.nbutton:hover {
    background: #F4F4F4;
		border-color: #C0C0C0;
		color: #333;
}

/*button:active, */
.nbutton:active {
	border-color: #4D90FE;
	color: #4D90FE;
	
	-moz-box-shadow:inset 0 0 10px #D4D4D4;
	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}

/*button.on, */
.nbutton.on {
	border-color: #BBB;
	
	-moz-box-shadow:inset 0 0 10px #D4D4D4;
	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}
/*button.on:hover, */
.nbutton.on:hover {
	border-color: #BBB;
	
	-moz-box-shadow:inset 0 0 10px #D4D4D4;
	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}
/*button.on:active, */
.nbutton.on:active {
	border-color: #4D90FE;
}

/*button.action, */
.nbutton.action {
	border: 1px solid #D8D8D8 !important;
	
	background: #F2F2F2;
	background: -webkit-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -moz-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -ms-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -o-linear-gradient(top, #F5F5F5, #F1F1F1);
	
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}
/*button.action:hover, */
.nbutton.action:hover {
	border: 1px solid #C6C6C6 !important;
	
	background: #F3F3F3;
	background: -webkit-linear-gradient(top, #F8F8F8, #F1F1F1);
	background: -moz-linear-gradient(top, #F8F8F8, #F1F1F1);
	background: -ms-linear-gradient(top, #F8F8F8, #F1F1F1);
	background: -o-linear-gradient(top, #F8F8F8, #F1F1F1);
}
/*button.blue, */
.nbutton.blue {
	border: 1px solid #3079ED !important;
	
	background: #4B8DF8;
	background: -webkit-linear-gradient(top, #4C8FFD, #4787ED);
	background: -moz-linear-gradient(top, #4C8FFD, #4787ED);
	background: -ms-linear-gradient(top, #4C8FFD, #4787ED);
	background: -o-linear-gradient(top, #4C8FFD, #4787ED);
	
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}
/*button.blue:hover, */
.nbutton.blue:hover {
	border: 1px solid #2F5BB7 !important;
	
	background: #3F83F1;
	background: -webkit-linear-gradient(top, #4D90FE, #357AE8);
	background: -moz-linear-gradient(top, #4D90FE, #357AE8);
	background: -ms-linear-gradient(top, #4D90FE, #357AE8);
	background: -o-linear-gradient(top, #4D90FE, #357AE8);
}
/*button.green, */
.nbutton.green {
	border: 1px solid #29691D !important;
	
	background: #3A8E00;
	background: -webkit-linear-gradient(top, #3C9300, #398A00);
	background: -moz-linear-gradient(top, #3C9300, #398A00);
	background: -ms-linear-gradient(top, #3C9300, #398A00);
	background: -o-linear-gradient(top, #3C9300, #398A00);
	
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}
/*button.green:hover, */
.nbutton.green:hover {
	border: 1px solid #2D6200 !important;
	
	background: #3F83F1;
	background: -webkit-linear-gradient(top, #3C9300, #368200);
	background: -moz-linear-gradient(top, #3C9300, #368200);
	background: -ms-linear-gradient(top, #3C9300, #368200);
	background: -o-linear-gradient(top, #3C9300, #368200);
}
/*button.red, */
.nbutton.red {
	border: 1px solid #D14836 !important;
	
	background: #D64937;
	background: -webkit-linear-gradient(top, #DC4A38, #D14836);
	background: -moz-linear-gradient(top, #DC4A38, #D14836);
	background: -ms-linear-gradient(top, #DC4A38, #D14836);
	background: -o-linear-gradient(top, #DC4A38, #D14836);
	
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}
/*button.red:hover, */
.nbutton.red:hover {
	border: 1px solid #B0281A !important;
	
	background: #D14130;
	background: -webkit-linear-gradient(top, #DC4A38, #C53727);
	background: -moz-linear-gradient(top, #DC4A38, #C53727);
	background: -ms-linear-gradient(top, #DC4A38, #C53727);
	background: -o-linear-gradient(top, #DC4A38, #C53727);
}

/*button.action:hover, */
.nbutton.action:hover {
	-moz-box-shadow: 0 1px 0px #DDD;
	-webkit-box-shadow: 0 1px 0px #DDD;
	box-shadow:iset 0 1px 0px #DDD;
}
/*button.action:active, */
.nbutton.action:active {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-color: #C6C6C6 !important;
}
/*button.blue:active, */
.nbutton.blue:active {
	border-color: #2F5BB7 !important;
}
/*button.green:active, */
.nbutton.green:active {
	border-color: #2D6200 !important;
}
/*button.red:active, */
.nbutton.red:active {
	border-color: #B0281A !important;
}



/*------------------------------------*\
	$BUTTON LABEL
\*------------------------------------*/
.ddm span.label, 
/*button span.label, */
.nbutton span.label {
	display: inline-block;
	float: left;
	line-height: 17px;
	height: 18px;
	padding: 0 1px;
	overflow: hidden;
	color: #444;
	
	-webkit-transition: color .20s;
	-moz-transition: color .20s;
	-o-transition: color .20s;
	transition: color .20s;
} 
/*button span.label {
	line-height: 15px !important;
}*/
.ddm:active span.label, 
/*button:active span.label, */
.nbutton:active span.label {
    color: #4D90FE;
}

/*button:hover .label, */
.nbutton:hover .label {
    color: #333;
}
/*button:hover .label.red, */
.nbutton:hover .label.red {
    color: #DB4A37;
}
/*button:hover .label.blue, */
.nbutton:hover .label.blue {
    color: #7090C8;
}
/*button:hover .label.green, */
.nbutton:hover .label.green {
    color: #42B449;
}
/*button:hover .label.yellow, */
.nbutton:hover .label.yellow {
    color: #F7CB38;
}

/*button.blue .label, */
.nbutton.blue .label {
	color: #FFF !important;
	text-shadow: 0 1px 0 #2F5BB7 !important;
}
/*button.green .label, */
.nbutton.green .label {
	color: #FFF !important;
	text-shadow: 0 1px 0 #2D6200 !important;
}
/*button.red .label, */
.nbutton.red .label {
	color: #FFF !important;
	text-shadow: 0 1px 0 #B0281A !important;
}
/*button.action .label, */
.nbutton.action .label {
	padding: 0 17px !important;
}

/*button.action:active .label, */
.nbutton.action:active .label {
	color: #333 !important;
}

/*button.blue:active .label, 
button.green:active .label, 
button.red:active .label, */
.nbutton.blue:active .label, 
.nbutton.green:active .label, 
.nbutton.red:active .label {
	color: #FFF !important;
}



/*------------------------------------*\
	$BUTTON ICON
\*------------------------------------*/
.ddm span.nicon, 
/*button span.nicon, */
.has-icons span.nicon,
.nbutton span.nicon {
	background-image: url(/i/panel/panel_buttons.png?20130925);
	
	display: inline-block;
	margin: 0 7px;
	float: left;
	
	line-height: 18px;
	height: 18px;
	width: 18px;
	max-width: 18px;
	
	overflow: hidden;
	text-indent: -9999px;
	
	background-repeat: no-repeat;
	
	-webkit-transition: background-image 0.20s linear;
	-moz-transition: background-image 0.20s linear;
	-o-transition: background-image 0.20s linear;
	transition: background-image 0.20s linear;
}
.ddm:hover span.nicon, 
/*button:hover span.nicon,*/ 
.nbutton:hover span.nicon,
span.nicon.hot,
.hot span.nicon {
	background-image: url(/i/panel/panel_buttons_color.png?20130925);
}



/*------------------------------------*\
	$ICONS
\*------------------------------------*/

/* Sprite Row 1 */
span.nicon1 {background-position: -0px -0px;}
span.nicon2 {background-position: -18px -0px;}
span.nicon3 {background-position: -36px -0px;}
span.nicon4 {background-position: -54px -0px;}
span.nicon5 {background-position: -72px -0px;}
span.nicon6 {background-position: -90px -0px;}
span.nicon7 {background-position: -108px -0px;}
span.nicon8 {background-position: -126px -0px;}
span.nicon9 {background-position: -144px -0px;}
span.nicon10 {background-position: -162px -0px;}
span.nicon11 {background-position: -180px -0px;}
span.nicon12 {background-position: -198px -0px;}
span.nicon13 {background-position: -216px -0px;}
span.nicon14 {background-position: -234px -0px;}
span.nicon15 {background-position: -252px -0px;}
span.nicon16 {background-position: -270px -0px;}
span.nicon17 {background-position: -288px -0px;}
span.nicon18 {background-position: -306px -0px;}
span.nicon19 {background-position: -324px -0px;}
span.nicon20 {background-position: -342px -0px;}

/* Sprite Row 2 */
span.nicon21 {background-position: -0px -18px;}
span.nicon22 {background-position: -18px -18px;}
span.nicon23 {background-position: -36px -18px;}
span.nicon24 {background-position: -54px -18px;}
span.nicon25 {background-position: -72px -18px;}
span.nicon26 {background-position: -90px -18px;}
span.nicon27 {background-position: -108px -18px;}
span.nicon28 {background-position: -126px -18px;}
span.nicon29 {background-position: -144px -18px;}
span.nicon30 {background-position: -162px -18px;}
span.nicon31 {background-position: -180px -18px;}
span.nicon32 {background-position: -198px -18px;}
span.nicon33 {background-position: -216px -18px;}
span.nicon34 {background-position: -234px -18px;}
span.nicon35 {background-position: -252px -18px;}
span.nicon36 {background-position: -270px -18px;}
span.nicon37 {background-position: -288px -18px;}
span.nicon38 {background-position: -306px -18px;}
span.nicon39 {background-position: -324px -18px;}
span.nicon40 {background-position: -342px -18px;}

/* Sprite Row 3 */
span.nicon41 {background-position: -0px -36px;}
span.nicon42 {background-position: -18px -36px;}
span.nicon43 {background-position: -36px -36px;}
span.nicon44 {background-position: -54px -36px;}
span.nicon45 {background-position: -72px -36px;}
span.nicon46 {background-position: -90px -36px;}
span.nicon47 {background-position: -108px -36px;}
span.nicon48 {background-position: -126px -36px;}
span.nicon49 {background-position: -144px -36px;}
span.nicon50 {background-position: -162px -36px;}
span.nicon51 {background-position: -180px -36px;}
span.nicon52 {background-position: -198px -36px;}
span.nicon53 {background-position: -216px -36px;}
span.nicon54 {background-position: -234px -36px;}
span.nicon55 {background-position: -252px -36px;}
span.nicon56 {background-position: -270px -36px;}
span.nicon57 {background-position: -288px -36px;}
span.nicon58 {background-position: -306px -36px;}
span.nicon59 {background-position: -324px -36px;}
span.nicon60 {background-position: -342px -36px;}

/* Sprite Row 4 */
span.nicon61 {background-position: -0px -54px;}
span.nicon62 {background-position: -18px -54px;}
span.nicon63 {background-position: -36px -54px;}
span.nicon64 {background-position: -54px -54px;}
span.nicon65 {background-position: -72px -54px;}
span.nicon66 {background-position: -90px -54px;}
span.nicon67 {background-position: -108px -54px;}
span.nicon68 {background-position: -126px -54px;}
span.nicon69 {background-position: -144px -54px;}
span.nicon70 {background-position: -162px -54px;}
span.nicon71 {background-position: -180px -54px;}
span.nicon72 {background-position: -198px -54px;}
span.nicon73 {background-position: -216px -54px;}
span.nicon74 {background-position: -234px -54px;}
span.nicon75 {background-position: -252px -54px;}
span.nicon76 {background-position: -270px -54px;}
span.nicon77 {background-position: -288px -54px;}
span.nicon78 {background-position: -306px -54px;}
span.nicon79 {background-position: -324px -54px;}
span.nicon80 {background-position: -342px -54px;}

/* Sprite Row 5 */
span.nicon81 {background-position: -0px -72px;}
span.nicon82 {background-position: -18px -72px;}
span.nicon83 {background-position: -36px -72px;}
span.nicon84 {background-position: -54px -72px;}
span.nicon85 {background-position: -72px -72px;}
span.nicon86 {background-position: -90px -72px;}
span.nicon87 {background-position: -108px -72px;}
span.nicon88 {background-position: -126px -72px;}
span.nicon89 {background-position: -144px -72px;}
span.nicon90 {background-position: -162px -72px;}
span.nicon91 {background-position: -180px -72px;}
span.nicon92 {background-position: -198px -72px;}
span.nicon93 {background-position: -216px -72px;}
span.nicon94 {background-position: -234px -72px;}
span.nicon95 {background-position: -252px -72px;}
span.nicon96 {background-position: -270px -72px;}
span.nicon97 {background-position: -288px -72px;}
span.nicon98 {background-position: -306px -72px;}
span.nicon99 {background-position: -324px -72px;}
span.nicon100 {background-position: -342px -72px;}

/* Sprite Row 6 */
span.nicon101 {background-position: -0px -90px;}
span.nicon102 {background-position: -18px -90px;}
span.nicon103 {background-position: -36px -90px;}
span.nicon104 {background-position: -54px -90px;}
span.nicon105 {background-position: -72px -90px;}
span.nicon106 {background-position: -90px -90px;}
span.nicon107 {background-position: -108px -90px;}
span.nicon108 {background-position: -126px -90px;}
span.nicon109 {background-position: -144px -90px;}
span.nicon110 {background-position: -162px -90px;}
span.nicon111 {background-position: -180px -90px;}
span.nicon112 {background-position: -198px -90px;}
span.nicon113 {background-position: -216px -90px;}
span.nicon114 {background-position: -234px -90px;}
span.nicon115 {background-position: -252px -90px;}
span.nicon116 {background-position: -270px -90px;}
span.nicon117 {background-position: -288px -90px;}
span.nicon118 {background-position: -306px -90px;}
span.nicon119 {background-position: -324px -90px;}
span.nicon120 {background-position: -342px -90px;}

/* Sprite Row 7 */
span.nicon121 {background-position: -0px -108px;}
span.nicon122 {background-position: -18px -108px;}
span.nicon123 {background-position: -36px -108px;}
span.nicon124 {background-position: -54px -108px;}
span.nicon125 {background-position: -72px -108px;}
span.nicon126 {background-position: -90px -108px;}
span.nicon127 {background-position: -108px -108px;}
span.nicon128 {background-position: -126px -108px;}
span.nicon129 {background-position: -144px -108px;}
span.nicon130 {background-position: -162px -108px;}
span.nicon131 {background-position: -180px -108px;}
span.nicon132 {background-position: -198px -108px;}
span.nicon133 {background-position: -216px -108px;}
span.nicon134 {background-position: -234px -108px;}
span.nicon135 {background-position: -252px -108px;}
span.nicon136 {background-position: -270px -108px;}
span.nicon137 {background-position: -288px -108px;}
span.nicon138 {background-position: -306px -108px;}
span.nicon139 {background-position: -324px -108px;}
span.nicon140 {background-position: -342px -108px;}

/* Sprite Row 8 */
span.nicon141 {background-position: -0px -126px;}
span.nicon142 {background-position: -18px -126px;}
span.nicon143 {background-position: -36px -126px;}
span.nicon144 {background-position: -54px -126px;}
span.nicon145 {background-position: -72px -126px;}
span.nicon146 {background-position: -90px -126px;}
span.nicon147 {background-position: -108px -126px;}
span.nicon148 {background-position: -126px -126px;}
span.nicon149 {background-position: -144px -126px;}
span.nicon150 {background-position: -162px -126px;}
span.nicon151 {background-position: -180px -126px;}
span.nicon152 {background-position: -198px -126px;}
span.nicon153 {background-position: -216px -126px;}
span.nicon154 {background-position: -234px -126px;}
span.nicon155 {background-position: -252px -126px;}
span.nicon156 {background-position: -270px -126px;}
span.nicon157 {background-position: -288px -126px;}
span.nicon158 {background-position: -306px -126px;}
span.nicon159 {background-position: -324px -126px;}
span.nicon160 {background-position: -342px -126px;}

/* Sprite Row 9 */
span.nicon161 {background-position: -0px -144px;}
span.nicon162 {background-position: -18px -144px;}
span.nicon163 {background-position: -36px -144px;}
span.nicon164 {background-position: -54px -144px;}
span.nicon165 {background-position: -72px -144px;}
span.nicon166 {background-position: -90px -144px;}
span.nicon167 {background-position: -108px -144px;}
span.nicon168 {background-position: -126px -144px;}
span.nicon169 {background-position: -144px -144px;}
span.nicon170 {background-position: -162px -144px;}
span.nicon171 {background-position: -180px -144px;}
span.nicon172 {background-position: -198px -144px;}
span.nicon173 {background-position: -216px -144px;}
span.nicon174 {background-position: -234px -144px;}
span.nicon175 {background-position: -252px -144px;}
span.nicon176 {background-position: -270px -144px;}
span.nicon177 {background-position: -288px -144px;}
span.nicon178 {background-position: -306px -144px;}
span.nicon179 {background-position: -324px -144px;}
span.nicon180 {background-position: -342px -144px;}

/* Sprite Row 10 */
span.nicon181 {background-position: -0px -162px;}
span.nicon182 {background-position: -18px -162px;}
span.nicon183 {background-position: -36px -162px;}
span.nicon184 {background-position: -54px -162px;}
span.nicon185 {background-position: -72px -162px;}
span.nicon186 {background-position: -90px -162px;}
span.nicon187 {background-position: -108px -162px;}
span.nicon188 {background-position: -126px -162px;}
span.nicon189 {background-position: -144px -162px;}
span.nicon190 {background-position: -162px -162px;}
span.nicon191 {background-position: -180px -162px;}
span.nicon192 {background-position: -198px -162px;}
span.nicon193 {background-position: -216px -162px;}
span.nicon194 {background-position: -234px -162px;}
span.nicon195 {background-position: -252px -162px;}
span.nicon196 {background-position: -270px -162px;}
span.nicon197 {background-position: -288px -162px;}
span.nicon198 {background-position: -306px -162px;}
span.nicon199 {background-position: -324px -162px;}
span.nicon200 {background-position: -342px -162px;}

/* custom icons */
span.nicon201 {background-position: -0px -180px;}
span.nicon202 {background-position: -18px -180px;}
span.nicon203 {background-position: -36px -180px;}
span.nicon204 {background-position: -54px -180px;}
span.nicon205 {background-position: -72px -180px;}
span.nicon206 {background-position: -90px -180px;}
span.nicon207 {background-position: -108px -180px;}
span.nicon208 {background-position: -126px -180px;}
span.nicon209 {background-position: -144px -180px;}
span.nicon210 {background-position: -162px -180px;}
span.nicon211 {background-position: -180px -180px;}

/*------------------------------------*\
	$DROPDOWN MENU
\*------------------------------------*/
div.dropdown {
	float: left;
	position: relative;
}

div.dropdown span.toggle {
	width: 19px;
	height: 16px;
	
	margin-left: 7px;
	margin-top: 1px;
	margin-right: 2px;
	padding-left: 8px;
	
	float: right;
	
	background: url(/i/panel/toggle.png) top right no-repeat;
	border-left: 1px solid #D9D9D9;
	
	-webkit-transition: border-color .20s;
	-moz-transition: border .20s;
	-o-transition: border-color .20s;
	transition: border-color .20s;
}
div.dropdown span.toggle.active {
	background: url(/i/panel/toggle.png) bottom right no-repeat;
}
div.dropdown 
/*button:hover span.toggle, */
.nbutton:hover span.toggle {
	border-color: #C0C0C0;
}

div.dropdown-slider {
	display: none;
	
	overflow: hidden;
	
	margin: 0 7px 5px 7px;
	position: absolute;
	top: 29px;
	right: 0;
	
	background: #F2F2F2;
	
	border-right: solid 1px #D9D9D9;
	border-bottom: solid 1px #D9D9D9;
	border-left: solid 1px #D9D9D9;
	
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	
	-webkit-transition: border-color .20s;
	-moz-transition: border .20s;
	-o-transition: border-color .20s;
	transition: border-color .20s;
}
.left div.dropdown-slider {
	margin: 0 1px 5px 7px;
}
.middle div.dropdown-slider {
	margin: 0 1px 5px 1px;
}
.right div.dropdown-slider {
	margin: 0 7px 5px 1px;
}
div.dropdown-slider .ddm {
	display: block;
	background: #F2F2F2;
	color: #585858;
	
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	font: bold 11px Helvetica, Arial, sans-serif;
	line-height: 18px;
	height: 18px;
	
	margin: 0;
	padding: 5px 6px 4px 6px;
	width: 100%;
	float: left;
	
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #D9D9D9;
}
div.dropdown-slider .ddm:hover {
	background: #F4F4F4;
	border-bottom-color: #C0C0C0;
}
div.dropdown-slider .ddm:active {
	border-bottom-color: #4D90FE;
	color: #4D90FE;
	
	-moz-box-shadow:inset 0 0 10px #D4D4D4;
	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}
div.dropdown-slider .ddm:last-child {
	border-bottom: none;
}