@charset "utf-8";
/******************************************************************************
  $NightOwl v1.2 || CRUSADER12 || Core CSS File
******************************************************************************/
/* PREVENT HIGHLIGHTING AND USE GPU WHEN POSSIBLE */
.night_owl_calc, .no_calc_field, input.no_results, .night_owl_rbs, .night_owl_calc input, .night_owl_calc select
{-moz-transform:transale3d(0,0,0);-o-transform:transale3d(0,0,0);-ms-transform:transale3d(0,0,0);-webkit-transform:transale3d(0,0,0);transform: transale3d(0,0,0); 
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/* RESET COMPONENTS */
.night_owl_calc, .night_owl_mini, .no_in, .no_out, .no_mini, .night_owl_mini form, .night_owl_mini p, .night_owl_mini div, .no_calc_field, input.no_results, .night_owl_rbs, .night_owl_calc input, .night_owl_calc select, .night_owl_calc div, .night_owl_calc a
{ background:none; background-color:none; border-radius:0; display:block; color:inherit; font-weight:normal; font-size: 100%;border-collapse:collapse;border-spacing:0;box-sizing:content-box;padding:0;border:none;margin:0;vertical-align:baseline;outline:0;text-decoration:none;}


/******************************************************************************/
/* SECTION I. STANDARD CALCULATORS
/******************************************************************************/
/* DIMENSIONS */
.night_owl_calc{ width:410px; }						/* ACTUAL CALCULATOR FORM */
.no_calc_field { width:365px!important; height:45px!important; }/* CALCULATOR SCREEN */
.no_results {    width:410px!important; height:45px!important; }/* RESULTS SCREEN */
.night_owl_rbs { width:417px; height:50px; }	   /* RADIO BUTTONS CONTAINER */
.night_owl_rbs .no_rb { width:130px; height:50px; }  
.night_owl_rbs label:before { width:12px; height:13px; }      /* RADIO BUTTON */
.night_owl_rbs .top_keys { width:280px; height:50px; }   /* TOP KEY CONTAINER */
.night_owl_calc input[type=button] { width:65px; height:50px; }       /* KEYS */
.no_basic_mode input[type=button] { width:99px!important; } /* BASIC MODE KEY */
.no_basic_mode input.key_wide { width:202px!important; }/* BASIC MODE WIDEKEY */
.night_owl_calc .key_wide { width:134px!important; }		     /* WIDE KEYS */
.night_owl_calc .key_tall { height:105px!important; }	         /* TALL KEYS */
.no_solar {width:408px; height:50px;}					 /* TOP OF CALCULATOR */
.no_title {width:228px; height:40px;}					  /* CALCULATOR TITLE */
.no_solpanels {width:170px; height:40px;}					  /* SOLAR PANELS */
.no_solpanels span {width:40px; height:40px;}				  /*  SOLAR PANEL */
.night_owl_calc .night_owl_rbs label:before {width:25px;}
/*----------------------------------------------------------------------------*/
/* DIMENSIONS FOR MINI-CALCULATORS */
.night_owl_mini { width:150px; }						  /* MINI-CALCULATORS */
.night_owl_mini .no_input_wrapper, .night_owl_mini input.no_in,
.night_owl_mini input.no_out { width:150px; }						/* INPUTS */
.night_owl_mini .no_in, .night_owl_mini .no_out {height:34px;}
.night_owl_mini input.no_calculate, 							   /* BUTTONS */
.night_owl_mini input.no_reset { height:30px; }
.night_owl_mini input.no_calculate { width:88px; }
.night_owl_mini input.no_reset { width:60px; }




/*-----------------------------------------------------------------------------*/
/* CONTAINER STYLES */
.no_clipping { text-overflow:' '; }
.night_owl_calc{ 												 /* CALCULATOR */
	padding:10px;}  
.night_owl_calc input[type=button]{ 						            /* KEY */
	cursor: pointer; display:inline; margin:0px 4px 5px 0px;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.night_owl_calc .no_calc_field {						  /* CALCULATOR SCREEN */
	margin:0 auto; padding:30px 20px 10px 20px; white-space:nowrap;
	overflow:hidden; text-overflow:clip ' '; 
	/* IMPORTANT TO USE CONTENT BOX SIZING TO AVOID DISAPPEARING CURSOR */
	-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
.night_owl_calc .no_results {								 /* RESULTS SCREEN */			
	margin:0 auto; margin-bottom:15px; padding:0px 12px; white-space:nowrap; background:transparent!important;
	overflow:hidden; text-overflow:clip ' '; cursor:default; border:0; position:absolute; }
.night_owl_calc .night_owl_rbs {margin:10px 0 5px 0px; padding:0;}
.night_owl_calc .no_rb {float:left; padding-top:5px;}
.night_owl_calc .night_owl_rbs label {					  /* RADIO BUTTON TEXT */
    display:inline-block; cursor:pointer; position:relative; padding-left:30px; margin-right:5px; box-sizing:border-box;}
.night_owl_calc .night_owl_rbs input[type=radio] {display:none;}
.night_owl_calc .night_owl_rbs .link_rad,
.night_owl_calc .night_owl_rbs .link_grad {margin-left:5px;}
.night_owl_calc .night_owl_rbs .link_grad {margin-top:10px;}
.night_owl_calc .night_owl_rbs .link_deg {margin-left:5px;}
.night_owl_calc .night_owl_rbs label:before {				   /* RADIO BUTTON */
    content:""; display:inline-block; position:absolute; left:0; padding:0px 15px 0px 4px!important;
    background: none repeat scroll 0 0 transparent; border:0 none; outline:0 none; vertical-align:baseline; line-height:1;}
.night_owl_calc .night_owl_rbs label:before, .night_owl_calc .night_owl_rbs label:after {box-sizing:border-box;}

.night_owl_calc .night_owl_rbs input:checked + label:before {/* RADIO BUTTON CHECKED */
	content: "\2022"; padding:0px 15px 0px 4px!important;}
.night_owl_calc .night_owl_rbs .top_keys {float:right;}	 /* TOP KEYS CONTAINER */
.night_owl_calc .night_owl_rbs .top_keys input.no_key_toggle, 
.night_owl_rbs .top_keys input.key_backspace {margin-right:4px;}
.night_owl_calc .no_title, .night_owl_calc .no_solpanels {float:left;} /* TITLE */
.no_solpanels span {display:inline-block; float:right; margin-right:2px;}
.night_owl_calc .no_toggle_key_inactive {visibility:hidden;}			/* DISABLED TOGGLE KEY */
/* REMOVE MARGIN FROM EVERY 6TH KEY AND CLEARSCREEN BUTTON */
.night_owl_calc input.key_cls, 
.night_owl_calc .no_main_keys input:nth-child(6),
.night_owl_calc .no_main_keys input:nth-child(12), 
.night_owl_calc .no_main_keys input:nth-child(18),
.night_owl_calc .no_main_keys input:nth-child(24),
.night_owl_calc .no_main_keys input:nth-child(30),
.night_owl_calc .no_main_keys input:nth-child(36), 
.night_owl_calc .no_main_keys input:nth-child(41){ margin-right:0px!important;}
.night_owl_calc .no_dec_select {display:none!important;}


/******************************************************************************/
/* ANIMATION SETTINGS [WRITE AS MANY AS YOU LIKE-NUMERICALLY NAMED]
/******************************************************************************/
.night_owl_calc{
	transition:transform 0.6s;
	transform:perspective(1000px) rotateY(0deg) rotateX(0deg) rotate(0deg) scale(1,1) rotate(0deg);
	backface-visibility:hidden; transform-style:preserve-3d;}
.no_calc_ani1 {transform:perspective(1000px) rotateY(360deg) rotateX(0deg) rotate(0deg) scale(1,1) rotate(0deg);}




/******************************************************************************/
/* SECTION II. SKINS - SKIN 1
/******************************************************************************/
/* KEYS FONT */
@font-face {font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;font-style: normal;}
/* CALCULATOR FONT */
@font-face {font-family: 'calculatorregular';
    src: url('fonts/calculator.eot');
    src: url('fonts/calculator.eot?#iefix') format('embedded-opentype'),
         url('fonts/calculator.woff2') format('woff2'),
         url('fonts/calculator.woff') format('woff'),
         url('fonts/calculator.ttf') format('truetype'),
         url('fonts/calculator.svg#calculatorregular') format('svg');
    font-weight: normal;font-style: normal;}	
@font-face {font-family: 'phantomultra_light';
    src: url('fonts/phantom_ultra_light.eot');
    src: url('fonts/phantom_ultra_light.eot?#iefix') format('embedded-opentype'),
         url('fonts/phantom_ultra_light.woff2') format('woff2'),
         url('fonts/phantom_ultra_light.woff') format('woff'),
         url('fonts/phantom_ultra_light.ttf') format('truetype'),
         url('fonts/phantom_ultra_light.svg#phantomultra_light') format('svg');
    font-weight: normal; font-style: normal;}	

/* CALCULATOR */
.no_skin1 {
	background: #515765;
	background: -moz-radial-gradient(center, ellipse cover, #515765 0%, #515765 0%, #4a506a 49%, #4b5473 50%, #63687e 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#515765), color-stop(0%,#515765), color-stop(49%,#4a506a), color-stop(50%,#4b5473), color-stop(100%,#63687e));
	background: -webkit-radial-gradient(center, ellipse cover, #515765 0%,#515765 0%,#4a506a 49%,#4b5473 50%,#63687e 100%);
	background: -o-radial-gradient(center, ellipse cover, #515765 0%,#515765 0%,#4a506a 49%,#4b5473 50%,#63687e 100%);
	background: -ms-radial-gradient(center, ellipse cover, #515765 0%,#515765 0%,#4a506a 49%,#4b5473 50%,#63687e 100%); 
	background: radial-gradient(ellipse at center, #515765 0%,#515765 0%,#4a506a 49%,#4b5473 50%,#63687e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515765', endColorstr='#63687e',GradientType=1 );
    border:1px solid #aaa788; border-radius:7px;
	border-bottom:4px solid #292d3b;
    box-shadow:rgba(0,0,0,0.4) 0px 2px 5px, inset rgba(255,255,255,0.9) 0px 1px 1px -1px;}
/* CALCULATOR SCREEN [BOTTOM] */	
.no_skin1 .no_calc_field{											  
	background: #d0cbac;
	background: -moz-radial-gradient(center, ellipse cover, #d0cbac 0%, #ada888 94%, #797569 100%); 
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#d0cbac), color-stop(94%,#ada888), color-stop(100%,#797569)); 
	background: -webkit-radial-gradient(center, ellipse cover, #d0cbac 0%,#ada888 94%,#797569 100%);
	background: -o-radial-gradient(center, ellipse cover, #d0cbac 0%,#ada888 94%,#797569 100%); 
	background: -ms-radial-gradient(center, ellipse cover, #d0cbac 0%,#ada888 94%,#797569 100%); 
	background: radial-gradient(ellipse at center, #d0cbac 0%,#ada888 94%,#797569 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0cbac', endColorstr='#797569',GradientType=1 );
	color:rgba(24,22,23,0.75); 
	border:1px solid #818392; border-radius:7px; border-top:2px solid #3a3d36;
    box-shadow:inset rgba(0,0,0,1) 0px 1px 4px, inset rgba(225,225,225,0.3) 0px -2px 4px -2px;
	font-family:'calculatorregular',sans-serif; font-size:36px; text-align:right; letter-spacing:3px; font-weight:bold;}
/* RESULTS SCREEN [TOP] */	
.no_skin1 .no_results {
	color:rgba(24,22,23,0.75); font-family:'calculatorregular',sans-serif;
	text-align:right; font-size:24px; letter-spacing:3px; background:none; 
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
/* KEYS */
.no_skin1 .no_calc_key {
	background: #36424e;
	background: -moz-linear-gradient(top, #36424e 0%, #343a50 50%, #30374a 51%, #353b47 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36424e), color-stop(50%,#343a50), color-stop(51%,#30374a), color-stop(100%,#353b47));
	background: -webkit-linear-gradient(top, #36424e 0%,#343a50 50%,#30374a 51%,#353b47 100%);
	background: -o-linear-gradient(top, #36424e 0%,#343a50 50%,#30374a 51%,#353b47 100%);
	background: -ms-linear-gradient(top, #36424e 0%,#343a50 50%,#30374a 51%,#353b47 100%);
	background: linear-gradient(to bottom, #36424e 0%,#343a50 50%,#30374a 51%,#353b47 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36424e', endColorstr='#353b47',GradientType=0 );
	border: rgba(28,28,38,0.2) 1px solid; border-radius:3px / 3px;
	box-shadow: inset rgba(103,115,131,1) 0px 1px 0px, inset rgba(78,82,91,0.75) 0px -2px 2px, rgba(51,56,59,1) 0px 2px 5px;
	font-family:'Open Sans','Helvetica Neue',sans-serif;  
	font-size:18px; letter-spacing:0px; font-weight:bold;
    text-align:center; text-decoration:none; text-shadow:#7c7c96 0px -1px 0px; color:#f1f5f8;}
/* KEYS HOVER */
.no_skin1 .no_calc_key:hover{							 	  
	background: #353b47; 
	background: -moz-linear-gradient(top, #353b47 0%, #30374a 49%, #343a50 50%, #36424e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353b47), color-stop(49%,#30374a), color-stop(50%,#343a50), color-stop(100%,#36424e));
	background: -webkit-linear-gradient(top, #353b47 0%,#30374a 49%,#343a50 50%,#36424e 100%);
	background: -o-linear-gradient(top, #353b47 0%,#30374a 49%,#343a50 50%,#36424e 100%); 
	background: -ms-linear-gradient(top, #353b47 0%,#30374a 49%,#343a50 50%,#36424e 100%); 
	background: linear-gradient(to bottom, #353b47 0%,#30374a 49%,#343a50 50%,#36424e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353b47', endColorstr='#36424e',GradientType=0 );
	border: rgba(177,182,201,0) 1px solid;
	box-shadow: inset rgba(103,115,131,1) 0px -2px 2px, inset rgba(78,82,91,0.35) 0px 1px 0px, rgba(51,56,59,1) 0px 2px 5px;}
/* BACKSPACE KEY */
.no_skin1 input.key_backspace {}
/* CLEAR SCREEN KEY */
.no_skin1 input.key_cls {
	background: #b28187;
	background: -moz-linear-gradient(top, #b28187 0%, #ae6475 50%, #a86b7b 51%, #a8757e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b28187), color-stop(50%,#ae6475), color-stop(51%,#a86b7b), color-stop(100%,#a8757e));
	background: -webkit-linear-gradient(top, #b28187 0%,#ae6475 50%,#a86b7b 51%,#a8757e 100%);
	background: -o-linear-gradient(top, #b28187 0%,#ae6475 50%,#a86b7b 51%,#a8757e 100%);
	background: -ms-linear-gradient(top, #b28187 0%,#ae6475 50%,#a86b7b 51%,#a8757e 100%);
	background: linear-gradient(to bottom, #b28187 0%,#ae6475 50%,#a86b7b 51%,#a8757e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b28187', endColorstr='#a8757e',GradientType=0 );
	box-shadow: inset rgba(214,120,144,1) 0px 1px 0px, inset rgba(156,109,120,1) 0px -2px 2px, rgba(51,56,59,1) 0px 2px 5px;}
.no_skin1 input.key_cls:hover {
	background: #a8757e; 
	background: -moz-linear-gradient(top, #a8757e 0%, #a86b7b 49%, #ae6475 50%, #b28187 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8757e), color-stop(49%,#a86b7b), color-stop(50%,#ae6475), color-stop(100%,#b28187));
	background: -webkit-linear-gradient(top, #a8757e 0%,#a86b7b 49%,#ae6475 50%,#b28187 100%);
	background: -o-linear-gradient(top, #a8757e 0%,#a86b7b 49%,#ae6475 50%,#b28187 100%); 
	background: -ms-linear-gradient(top, #a8757e 0%,#a86b7b 49%,#ae6475 50%,#b28187 100%); 
	background: linear-gradient(to bottom, #a8757e 0%,#a86b7b 49%,#ae6475 50%,#b28187 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8757e', endColorstr='#b28187',GradientType=0 );
	box-shadow: inset rgba(214,120,144,1) 0px -2px 2px, inset rgba(156,109,120,1) 0px -1px 0px, rgba(51,56,59,1) 0px 2px 5px;}
/* TOGGLE KEY */
.no_skin1 input.no_key_toggle {}
/* BASIC CALCULATOR KEYS */	
.no_skin1 .key_basic {
	background: #b4b9cc;
	background: -moz-linear-gradient(top, #b4b9cc 0%, #9394a9 50%, #8e94ac 51%, #8e91a4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4b9cc), color-stop(50%,#9394a9), color-stop(51%,#8e94ac), color-stop(100%,#8e91a4));
	background: -webkit-linear-gradient(top, #b4b9cc 0%,#9394a9 50%,#8e94ac 51%,#8e91a4 100%);
	background: -o-linear-gradient(top, #b4b9cc 0%,#9394a9 50%,#8e94ac 51%,#8e91a4 100%);
	background: -ms-linear-gradient(top, #b4b9cc 0%,#9394a9 50%,#8e94ac 51%,#8e91a4 100%);
	background: linear-gradient(to bottom, #b4b9cc 0%,#9394a9 50%,#8e94ac 51%,#8e91a4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4b9cc', endColorstr='#8e91a4',GradientType=0 );
	border: rgba(177,182,201,0.2) 1px solid; border-radius:3px/3px;
	box-shadow: inset rgba(255,255,255,1) 0px 1px 0px, inset rgba(61,64,83,0.2) 0px -2px 2px, rgba(51,56,59,1) 0px 2px 5px;
	font-family:'Open Sans','Helvetica Neue',sans-serif;  
	font-size:18px; letter-spacing:0px; font-weight:bold;
    text-align:center; text-decoration:none; text-shadow:#7c7c96 0px -1px 0px; color:#f1f5f8;}
/* BASIC CALCULATOR KEYS HOVER */
.no_skin1 .key_basic:hover{
	background: #8c8ea3;
	background: -moz-linear-gradient(top, #8c8ea3 0%, #8e94ac 49%, #9394a9 50%, #b1b7cd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c8ea3), color-stop(49%,#8e94ac), color-stop(50%,#9394a9), color-stop(100%,#b1b7cd));
	background: -webkit-linear-gradient(top, #8c8ea3 0%,#8e94ac 49%,#9394a9 50%,#b1b7cd 100%);
	background: -o-linear-gradient(top, #8c8ea3 0%,#8e94ac 49%,#9394a9 50%,#b1b7cd 100%);
	background: -ms-linear-gradient(top, #8c8ea3 0%,#8e94ac 49%,#9394a9 50%,#b1b7cd 100%);
	background: linear-gradient(to bottom, #8c8ea3 0%,#8e94ac 49%,#9394a9 50%,#b1b7cd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c8ea3', endColorstr='#b1b7cd',GradientType=0 );
	border: rgba(177,182,201,0) 1px solid;
    box-shadow: inset rgba(255,255,255,0.65) 0px -2px 2px, inset rgba(61,64,83,0.75) 0px 1px 0px, rgba(51,56,59,1) 0px 1px 0px;}	
.no_skin1 .night_owl_rbs {margin:5px 0px; }
/* RADIO BUTTON TEXT */	
.no_skin1 .night_owl_rbs label {
	color:#b08d53; font-family:'Open Sans','Helvetica Neue',sans-serif;
	font-size:11px; text-transform:uppercase;}
/* RADIO BUTTON */	
.no_skin1 .night_owl_rbs label:before {	       						   
	background: #36424e;
	background: -moz-linear-gradient(top, #36424e 0%, #343a50 50%, #30374a 51%, #353b47 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36424e), color-stop(50%,#343a50), color-stop(51%,#30374a), color-stop(100%,#353b47));
	background: -webkit-linear-gradient(top, #36424e 0%,#343a50 50%,#30374a 51%,#353b47 100%);
	background: -o-linear-gradient(top, #36424e 0%,#343a50 50%,#30374a 51%,#353b47 100%);
	background: -ms-linear-gradient(top, #36424e 0%,#343a50 50%,#30374a 51%,#353b47 100%);
	background: linear-gradient(to bottom, #36424e 0%,#343a50 50%,#30374a 51%,#353b47 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36424e', endColorstr='#353b47',GradientType=0 );
	border-radius:5px; box-shadow:inset 0px 2px 3px 0px rgba(0, 0, 0, .5), 0px 1px 0px 0px rgba(255, 255, 255, .2);
	opacity:0.5;}
/* RADIO BUTTON CHECKED */     
.no_skin1 .night_owl_rbs input:checked + label:before {		   
	font-size:46px; text-align:center; line-height:10px; color:#aaabc7;}
/* TOP OF CALCULATOR */
.no_skin1 .no_solpanels {border-radius:5px;}
/* CALCULATOR TITLE */
.no_skin1 .no_title {margin:5px 0px 0px 8px; color:#b4b9cc; font-family:'phantomultra_light',sans-serif; 
	text-align:left; font-size:22px; letter-spacing:1px; line-height:15px;
	text-shadow:#7c7c96 0px -2px 1px; opacity:0.75;}
/* CALCULATOR SUBLINE */
.no_skin1 .no_sub {
	color:#cfa96a; font-style:italic; font-family:'Open Sans','Helvetica Neue',sans-serif; 
	font-weight:normal; text-align:left; font-size:12px; letter-spacing:1px; line-height:30px;}	
/* SOLAR PANEL CONTAINER */
.no_skin1 .no_solpanels {
	background:#1b1b1d;	border: rgba(177,182,201,0) 1px solid;
	box-shadow: rgba(205,209,221,0.35) 0px 1px 0px,rgba(61,64,83,0.2) 0px -2px 2px,rgba(144,149,181,1) 0px 2px 5px;}
/* SOLAR PANELS */
.no_skin1 .no_solpanels span {
	background: #352a2e;
	background: -moz-linear-gradient(top, #352a2e 0%, #45373c 43%, #372c30 60%, #3a3434 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#352a2e), color-stop(43%,#45373c), color-stop(60%,#372c30), color-stop(100%,#3a3434));
	background: -webkit-linear-gradient(top, #352a2e 0%,#45373c 43%,#372c30 60%,#3a3434 100%);
	background: -o-linear-gradient(top, #352a2e 0%,#45373c 43%,#372c30 60%,#3a3434 100%); 
	background: -ms-linear-gradient(top, #352a2e 0%,#45373c 43%,#372c30 60%,#3a3434 100%); 
	background: linear-gradient(to bottom, #352a2e 0%,#45373c 43%,#372c30 60%,#3a3434 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#352a2e', endColorstr='#3a3434',GradientType=0 );}



/******************************************************************************/
/* SKIN 2
/******************************************************************************/
/* KEYS FONT */
@font-face {font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;font-style: normal;}
/* CALCULATOR FONT */
@font-face {font-family: 'calculatorregular';
    src: url('fonts/calculator.eot');
    src: url('fonts/calculator.eot?#iefix') format('embedded-opentype'),
         url('fonts/calculator.woff2') format('woff2'),
         url('fonts/calculator.woff') format('woff'),
         url('fonts/calculator.ttf') format('truetype'),
         url('fonts/calculator.svg#calculatorregular') format('svg');
    font-weight: normal;font-style: normal;}	
/* CALCULATOR */
.no_skin2 {
	background: #f1f2f7;
	border:2px solid rgba(180,185,204,0.5); 
	border-bottom:4px solid #b4b9cc;}
/* CALCULATOR SCREEN [BOTTOM] */	
.no_skin2 .no_calc_field{											  
	background: #bfc2cd;
	color:rgba(24,22,23,0.75); 
	font-family:'Open Sans','Helvetica Neue',sans-serif; 
	text-align:right; font-size:36px; letter-spacing:3px;
	border:1px solid rgba(165,167,175,0.5); 
	border-top:2px solid rgba(165,167,175,1);}
/* RESULTS SCREEN [TOP] */	
.no_skin2 .no_results {
	color:rgba(24,22,23,0.75); 
	font-family:'Open Sans','Helvetica Neue',sans-serif; 
	text-align:right; font-size:24px; letter-spacing:3px; background:none; 
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
/* KEYS */
.no_skin2 .no_calc_key {
	background: #b4b9cc;
	border: rgba(165,167,175,0.5) 1px solid;
    font-family:'Open Sans','Helvetica Neue',sans-serif;  
	font-size:18px; letter-spacing:0px; font-weight:bold;
    text-align:center; text-decoration:none; color:#f1f5f8;}
/* KEYS HOVER */
.no_skin2 .no_calc_key:hover{							 	  
	background: #8c8ea3; 
	border: rgba(0,0,0,0) 1px solid;}
/* BACKSPACE KEY */
.no_skin2 input.key_backspace {background-color:#6ccac9;}
/* CLEAR SCREEN KEY */
.no_skin2 input.key_cls {background: #ff6c60;}
.no_skin2 input.key_cls:hover {background: #ff6c60;}
/* TOGGLE KEY */
.no_skin2 input.no_key_toggle {background:#57c8f2;}
/* BASIC CALCULATOR KEYS */	
.no_skin2 .key_basic { 
	background: #b4b9cc; border: rgba(177,182,201,0.2) 1px solid;
    font-family:'Open Sans','Helvetica Neue',sans-serif;  
	font-size:18px; letter-spacing:0px; font-weight:bold;
    text-align:center; text-decoration:none; color:#f1f5f8;}
/* BASIC CALCULATOR KEYS HOVER */
.no_skin2 .key_basic:hover{background: #8c8ea3; border: rgba(177,182,201,0) 1px solid;}	
/* RADIO BUTTON TEXT */	
.no_skin2 .night_owl_rbs label {
	color:#888888; font-family:'Open Sans','Helvetica Neue',sans-serif;
	font-size:11px; text-transform:uppercase;}
/* RADIO BUTTON */	
.no_skin2 .night_owl_rbs label:before {background: #bfc2cd;}
/* RADIO BUTTON CHECKED */     
.no_skin2 .night_owl_rbs input:checked + label:before {		   
	font-size:46px; text-align:center; line-height:10px; color:#f1f2f7;}
/* TOP OF CALCULATOR */
.no_skin2 .no_solpanels {}
/* CALCULATOR TITLE */
.no_skin2 .no_title {
	margin:5px 0px 0px 8px; color:#63687c; font-family:'Open Sans','Helvetica Neue',sans-serif; 
	text-align:left; font-size:22px; letter-spacing:1px; line-height:15px; opacity:0.6;}
/* CALCULATOR SUBLINE */
.no_skin2 .no_sub {
	color:#63687c; font-style:italic; font-family:'Open Sans','Helvetica Neue',sans-serif; 
	text-align:left; font-size:12px; letter-spacing:1px; line-height:30px;}	
/* SOLAR PANEL CONTAINER */
.no_skin2 .no_solpanels {border:rgba(177,182,201,0) 1px solid;}
/* SOLAR PANELS */
.no_skin2 .no_solpanels span {background:rgba(165,167,175,0.5);}	






/******************************************************************************/
/* SKIN 3
/******************************************************************************/
/* KEYS FONT */
@font-face {font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;font-style: normal;}
/* CALCULATOR FONT */
@font-face {font-family: 'calculatorregular';
    src: url('fonts/calculator.eot');
    src: url('fonts/calculator.eot?#iefix') format('embedded-opentype'),
         url('fonts/calculator.woff2') format('woff2'),
         url('fonts/calculator.woff') format('woff'),
         url('fonts/calculator.ttf') format('truetype'),
         url('fonts/calculator.svg#calculatorregular') format('svg');
    font-weight: normal;font-style: normal;}	
@font-face {font-family: 'phantomultra_light';
    src: url('fonts/phantom_ultra_light.eot');
    src: url('fonts/phantom_ultra_light.eot?#iefix') format('embedded-opentype'),
         url('fonts/phantom_ultra_light.woff2') format('woff2'),
         url('fonts/phantom_ultra_light.woff') format('woff'),
         url('fonts/phantom_ultra_light.ttf') format('truetype'),
         url('fonts/phantom_ultra_light.svg#phantomultra_light') format('svg');
    font-weight: normal; font-style: normal;}	

/* CALCULATOR */
.no_skin3 {
	background: #f2f6f8; 
	background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9)); 
	background: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); 
	background: -o-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); 
	background: -ms-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	background: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); 
    border:1px solid #CCC; border-radius:10px;
    box-shadow:rgba(0,0,0,0.4) 0px 2px 5px, inset rgba(255,255,255,0.9) 0px 1px 1px -1px;}
/* CALCULATOR SCREEN [BOTTOM] */	
.no_skin3 .no_calc_field{											  
	background: #e2e1d9;
	background: -moz-linear-gradient(top, #e2e1d9 0%, #eaeae3 50%, #efece8 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e1d9), color-stop(50%,#eaeae3), color-stop(100%,#efece8)); 
	background: -webkit-linear-gradient(top, #e2e1d9 0%,#eaeae3 50%,#efece8 100%);
	background: -o-linear-gradient(top, #e2e1d9 0%,#eaeae3 50%,#efece8 100%); 
	background: -ms-linear-gradient(top, #e2e1d9 0%,#eaeae3 50%,#efece8 100%); 
	background: linear-gradient(to bottom, #e2e1d9 0%,#eaeae3 50%,#efece8 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e1d9', endColorstr='#efece8',GradientType=0 ); 
	color:#e6e5dc; 
	border:1px solid #d3d2c7; border-radius:7px; border-top:2px solid #afb0af;
    box-shadow:inset rgba(175,176,175,1) 0px 1px 4px, inset rgba(226,225,217,0.3) 0px -2px 4px -2px;
	font-family:'open_sanslight',sans-serif; font-size:36px; text-align:right; letter-spacing:3px; font-weight:bold;}
/* RESULTS SCREEN [TOP] */	
.no_skin3 .no_results {
	color:rgba(226,225,217,0.75); font-family:'calculatorregular',sans-serif; opacity:0.85;
	text-align:right; font-size:24px; letter-spacing:3px; background:none; 
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
/* KEYS */
.no_skin3 .no_calc_key {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); 
	background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); 
	background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); 
	background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); 
	border: rgba(181,198,208,0.5) 1px solid; 
	border-radius:3px / 3px;
	box-shadow: inset rgba(181,198,208,1) 0px 1px 0px, inset rgba(181,198,208,0.8) 0px -2px 2px, rgba(157,157,157,0.4) 0px 2px 5px;
	font-family:'Open Sans','Helvetica Neue',sans-serif;  
	font-size:18px; letter-spacing:0px; 
    text-align:center; text-decoration:none; color:rgba(157,157,157,1);}
/* KEYS HOVER */
.no_skin3 .no_calc_key:hover{							 	  
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); 
	background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); 
	background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); 
	background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); 
	border: rgba(181,198,208,0.5) 1px solid; 
	border-radius:3px / 3px;
	box-shadow: inset rgba(181,198,208,1) 0px -1px 0px, inset rgba(181,198,208,0.8) 0px 2px 2px, inset rgba(157,157,157,0.4) 0px 2px 5px;
	font-family:'Open Sans','Helvetica Neue',sans-serif;  
	font-size:18px; letter-spacing:0px; 
    text-align:center; text-decoration:none; color:rgba(157,157,157,1);}
/* BACKSPACE KEY */
.no_skin3 input.key_backspace {}
/* TOGGLE KEY */
.no_skin3 input.no_key_toggle {}
/* BASIC CALCULATOR KEYS */	
.no_skin3 .key_basic {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); 
	background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); 
	background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); 
	background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); 
	border: rgba(181,198,208,0.5) 1px solid;
	border-radius:3px / 3px;
	box-shadow: inset rgba(181,198,208,1) 0px 1px 0px, inset rgba(181,198,208,0.8) 0px -2px 2px, rgba(157,157,157,0.4) 0px 2px 5px;
	font-family:'Open Sans','Helvetica Neue',sans-serif;  
	font-size:18px; letter-spacing:0px; font-weight:bold;
    text-align:center; text-decoration:none; color:rgba(157,157,157,1);}
/* BASIC CALCULATOR KEYS HOVER */
.no_skin3 .key_basic:hover{
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); 
	background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); 
	background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); 
	background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); 
	border: rgba(181,198,208,0.5) 1px solid; 
	border-radius:3px / 3px;
	box-shadow: inset rgba(181,198,208,1) 0px -1px 0px, inset rgba(181,198,208,0.8) 0px 2px 2px, inset rgba(157,157,157,0.4) 0px 2px 5px;
	font-family:'Open Sans','Helvetica Neue',sans-serif;  
	font-size:18px; letter-spacing:0px; font-weight:bold;
    text-align:center; text-decoration:none; color:rgba(157,157,157,1);}	
.no_skin3 .night_owl_rbs {margin:5px 0px; }
/* RADIO BUTTON TEXT */	
.no_skin3 .night_owl_rbs label {
	color:rgba(157,157,157,0.85); font-family:'Open Sans','Helvetica Neue',sans-serif;
	font-size:11px; text-transform:uppercase; 	opacity:0.5;}
/* RADIO BUTTON */	
.no_skin3 .night_owl_rbs label:before {	       						   
	background: #36424e;
	background: -moz-linear-gradient(top, #36424e 0%, #343a50 50%, #30374a 51%, #353b47 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36424e), color-stop(50%,#343a50), color-stop(51%,#30374a), color-stop(100%,#353b47));
	background: -webkit-linear-gradient(top, #36424e 0%,#343a50 50%,#30374a 51%,#353b47 100%);
	background: -o-linear-gradient(top, #36424e 0%,#343a50 50%,#30374a 51%,#353b47 100%);
	background: -ms-linear-gradient(top, #36424e 0%,#343a50 50%,#30374a 51%,#353b47 100%);
	background: linear-gradient(to bottom, #36424e 0%,#343a50 50%,#30374a 51%,#353b47 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36424e', endColorstr='#353b47',GradientType=0 );
	border-radius:5px; box-shadow:inset 0px 2px 3px 0px rgba(0, 0, 0, .5), 0px 1px 0px 0px rgba(255, 255, 255, .2);
	opacity:0.5;}
/* RADIO BUTTON CHECKED */     
.no_skin3 .night_owl_rbs input:checked + label:before {		   
	font-size:46px; text-align:center; line-height:10px; color:#aaabc7;}
/* TOP OF CALCULATOR */
.no_skin3 .no_solpanels {border-radius:5px;}
/* CALCULATOR TITLE */
.no_skin3 .no_title {margin:5px 0px 0px 8px; color:rgba(157,157,157,1); font-family:'Open Sans','Helvetica Neue',sans-serif;  
	text-align:left; font-size:22px; letter-spacing:1px; line-height:15px;}
/* CALCULATOR SUBLINE */
.no_skin3 .no_sub {
	color:rgba(157,157,157,0.7); font-style:italic; font-family:'Open Sans','Helvetica Neue',sans-serif; 
	font-weight:normal; text-align:left; font-size:12px; letter-spacing:1px; line-height:30px;}	
/* SOLAR PANEL CONTAINER */
.no_skin3 .no_solpanels {background:rgba(157,157,157,1); opacity:0.15;}
/* SOLAR PANELS */
.no_skin3 .no_solpanels span {background: rgba(100,100,100,0.5);}




/******************************************************************************/
/* SECTION III. MINI CALCULATORS
/******************************************************************************/
/* MAIN MINI CALCULATOR DIV */
.no_mini {
	background-color:#FFF; padding:10px 10px 1px 8px; opacity:0; display:none;
	border-radius:5px; border:1px solid rgba(0,0,0,.2);
    box-shadow:rgba(0,0,0,0.4) 0px 2px 5px, inset rgba(255,255,255,0.9) 0px 1px 1px -1px; }
/* FIELDS */
.no_mini input.no_in, .no_mini input.no_out {
	box-sizing:border-box; background-color:#e6e6e6; display:block;
	border-radius:2px; margin-bottom:10px; padding:0px 6px;
	color:#797979; font-size:14px; font-weight:normal; font-style:normal; 
	font-family:'Open Sans','Helvetica Neue',sans-serif; }
/* TITLE LABELS */
.no_mini label.no_name { 
	font-size:14px; color:#797979; font-family:'Open Sans','Helvetica Neue',sans-serif; display:block; margin-bottom:5px; }
/* UNIT LABELS */
.no_mini label.no_units { 
	font-family:'Open Sans','Helvetica Neue',sans-serif; 
	position:absolute; right:20px; line-height:40px; font-size:9px; font-style:italic; opacity:1; color:#797979;}
/* ANSWER INPUT */
.no_mini input.no_out {}
/* BUTTONS */
.no_mini input.no_calculate { float:left; margin-right:2px; }
.no_mini input.no_calculate,
.no_mini input.no_reset {
	cursor:pointer; display:inline;	background:#333; color:#FFFFFF; border-radius:3px; border:0; margin-bottom:5px; padding:0; 
	font-family:'Open Sans','Helvetica Neue',sans-serif; font-weight:normal; font-size:14px; line-height:10px;}
  
  

/******************************************************************************/
/* SECTION IV. MISC
/******************************************************************************/
/* DRAGGABLE CURSOR HANDLING */
.no_draggable, .no_draggable label.no_name { cursor:move; }
  
	