/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;font-size: 100%;vertical-align: baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block;}body {line-height: 1;}blockquote,q{quotes: none;}blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}

/* base_spoiler */
.base_spoiler{
	cursor:pointer;
	position:relative;
	font-weight:bold;
	color:#222;
	font-size:1.1em;
	margin-top:10px;
}
.base_spoiler .mcrbtn{
	position:absolute;top:2px;left:-20px;
}
.base_spoiler_content{
	padding:20px 0px;
	margin-bottom:5px;
	display:none;
	border-bottom:1px dashed #ddd;
}
/* base_bar */
.base_bar{
	width:120px;height:16px;margin-left:10px;
	border:1px solid #bbb;
	box-shadow:0px 0px 1px 1px rgba(0,0,0,0.1) inset,0px 0px 1px 1px #fff;
}
.base_bar .fill{
	width:0%;height:16px;
	box-shadow:1px 0px 0px #fff,0px 0px 0px 1px rgba(0,0,0,0.3) inset,0px 0px 1px 1px rgba(255,255,255,0.5) inset;
}
.base_bar .label{
	color:#111;
	text-shadow:0px 0px 1px rgba(255,255,255,0.6), 0px 0px 1px rgba(255,255,255,0.6), 1px 1px 0px rgba(255,255,255,0.3);
	display:block;width:100%;top:1px;left:0px;z-index:5;text-align:center;
	font-size:1.0em;
}
.base_bar .mcrbtn{
	top:0px;
}
.base_bar .mcrbtn_left{
	left:-16px;
}
.base_bar .mcrbtn_right{
	right:-22px;
}


/* GRADIENTS */
.graygradient{
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top, #e2e2e2 0%, #f9f9f9 43%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(43%,#f9f9f9), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e2e2e2 0%,#f9f9f9 43%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e2e2e2 0%,#f9f9f9 43%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e2e2e2 0%,#f9f9f9 43%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(top, #e2e2e2 0%,#f9f9f9 43%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
.redgradient{
background: #c34f4f; /* Old browsers */
background: -moz-linear-gradient(top, #c34f4f 0%, #c51d1d 49%, #c40000 49%, #c40000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c34f4f), color-stop(49%,#c51d1d), color-stop(49%,#c40000), color-stop(100%,#c40000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c34f4f 0%,#c51d1d 49%,#c40000 49%,#c40000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c34f4f 0%,#c51d1d 49%,#c40000 49%,#c40000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c34f4f 0%,#c51d1d 49%,#c40000 49%,#c40000 100%); /* IE10+ */
background: linear-gradient(top, #c34f4f 0%,#c51d1d 49%,#c40000 49%,#c40000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c34f4f', endColorstr='#c40000',GradientType=0 ); /* IE6-9 */
}
.redgradient:hover{
background: #df4b4b; /* Old browsers */
background: -moz-linear-gradient(top, #df4b4b 0%, #eb1313 49%, #e40000 49%, #e40000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df4b4b), color-stop(49%,#eb1313), color-stop(49%,#e40000), color-stop(100%,#e40000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #df4b4b 0%,#eb1313 49%,#e40000 49%,#e40000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #df4b4b 0%,#eb1313 49%,#e40000 49%,#e40000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #df4b4b 0%,#eb1313 49%,#e40000 49%,#e40000 100%); /* IE10+ */
background: linear-gradient(top, #df4b4b 0%,#eb1313 49%,#e40000 49%,#e40000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df4b4b', endColorstr='#e40000',GradientType=0 ); /* IE6-9 */
}

.bluegradient{
background: #76c6c6; /* Old browsers */
background: -moz-linear-gradient(top, #76c6c6 0%, #41d5d5 49%, #13e9e9 49%, #13e9e9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76c6c6), color-stop(49%,#41d5d5), color-stop(49%,#13e9e9), color-stop(100%,#13e9e9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #76c6c6 0%,#41d5d5 49%,#13e9e9 49%,#13e9e9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #76c6c6 0%,#41d5d5 49%,#13e9e9 49%,#13e9e9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #76c6c6 0%,#41d5d5 49%,#13e9e9 49%,#13e9e9 100%); /* IE10+ */
background: linear-gradient(top, #76c6c6 0%,#41d5d5 49%,#13e9e9 49%,#13e9e9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76c6c6', endColorstr='#13e9e9',GradientType=0 ); /* IE6-9 */
}
.bluegradient:hover{
background: #8dd9d9; /* Old browsers */
background: -moz-linear-gradient(top, #8dd9d9 0%, #60e8e8 49%, #37ffff 49%, #37ffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8dd9d9), color-stop(49%,#60e8e8), color-stop(49%,#37ffff), color-stop(100%,#37ffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8dd9d9 0%,#60e8e8 49%,#37ffff 49%,#37ffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8dd9d9 0%,#60e8e8 49%,#37ffff 49%,#37ffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #8dd9d9 0%,#60e8e8 49%,#37ffff 49%,#37ffff 100%); /* IE10+ */
background: linear-gradient(top, #8dd9d9 0%,#60e8e8 49%,#37ffff 49%,#37ffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dd9d9', endColorstr='#37ffff',GradientType=0 ); /* IE6-9 */
}


/* CHART */

.chart_div{border:1px solid #ddd;padding:20px;margin:4px;float:right;width:300px;}
.chart_div:hover{border:1px solid #999;position:relative;top:-1px;box-shadow:0px 1px 0px rgba(0,0,0,0.2);}
.chart_div canvas{opacity:0.8;float:left;margin:0px 10px 0px 0px;}
.chart_div_big{width:400px;}

.color_example_div{padding:4px 0px;color:#666;font-size:0.8em;}
.color_example_div:hover{color:#000;}
.color_example{width:18px;height:10px;margin-right:5px;box-shadow:2px 2px 0px rgba(0,0,0,0.1);position:relative;top:3px;}


/* */
.popupclose{cursor:pointer;display:block;top:-45px;right:-45px;width:25px;height:25px;background-image:url('/tools/js/close.gif');}
.popupclose:hover{opacity:1.0;}
#mdiv{width:100%;height:10000px;background:rgba(0,0,0,0.8);z-index:1000;opacity:0.0;position:absolute;top:0px;left:0px;display:none;}
#mdiv table,#mdiv td{width:100%;height:100%;vertical-align:top;}
#mdiv #mdiv_data{
	width:800px;margin:60px auto !important;padding:25px;background-color:rgba(255,255,255,0.9);border:1px solid #fff;
	box-shadow:0px 0px 10px rgba(0,0,0,1.0);
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,1.0);
	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,1.0);
}
#POPUP_DATA{display:none;}
/* */
	#base_tlt{padding:5px 10px 5px 25px;font-style:italic;z-index:100;
	color:#fff;text-shadow:1px 1px 1px #000;
	background-color:rgba(0,0,0,0.8);
	box-shadow:0px 0px 3px rgba(0,0,0,0.4);
	position:absolute;z-index:100;
	display:none;opacity:0.0;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 0px 10px 10px 10px;
border-radius: 0px 10px 10px 10px; 
	}
/* */
#quick_edit{
	position:absolute;top:0px;left:0px;z-index:1000;cursor:move;
	padding:10px;border:1px solid #888;
	background-color:#f6f6f6;color:#333;text-shadow:1px 1px 0px #fff;
	display:none;opacity:0.0;box-shadow:0px 1px 4px rgba(0,0,0,0.6);
}
#quick_edit:hover{
	background-color:#fff;
}

/* */
#msg:hover{
	padding-top:30px;
}
#msg{
	background:rgba(0,0,0,0.8);
	border-bottom:1px solid #000;
	padding:20px 0px;width:100%;
	position:fixed;left:0px;top:0px;z-index:10000;
	text-align:center;
	color:#fff;text-shadow:1px 1px 1px #000;
	box-shadow:0px 3px 0px rgba(0,0,0,0.3);
}


.fl{float:left;}
.fr{float:right;}
.db,nav a,header,aside,nav{display:block;}
.ma,.w,#body{margin:auto !important;}
.pr,.w{position:relative;}
.pa,nav{position:absolute;}
.pf{position:fixed;}
.f6{font-size:0.6em;}
.f7{font-size:0.7em;}
.f8,#tlt{font-size:0.74em;line-height:1.1em;}
.lh6{line-height:1.6em;}
.cp{cursor:pointer;}
.o5{
	opacity:0.5;
	-moz-transition: opacity 0.3s; 
	-webkit-transition: opacity 0.3s;  
	-ms-transition: opacity 0.3s;  
	-o-transition: opacity 0.3s;  
	transition: opacity 0.3s;  
}
.o5:hover{
	opacity:1.0;
	-moz-transition: opacity 0.3s; 
	-webkit-transition: opacity 0.3s;  
	-ms-transition: opacity 0.3s;  
	-o-transition: opacity 0.3s;  
	transition: opacity 0.3s;  
}
.gray{color:#bbb;}
.red{color:#ce0100;}
.tc{text-align:center;}
.u{text-decoration:underline;}
.sh,#tlt,.order{text-shadow:1px 1px 1px rgba(0,0,0,0.8);color:#fff;}
.cw{color:white;}
.wsh{text-shadow:1px 1px 0px rgba(255,255,255,0.3);}
.brad{border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.hide,#mdiv{display:none;}
.w{width:1000px;}
.bsh{box-shadow:0px 0px 2px rgba(0,0,0,0.6);-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.6);}
.bsh:hover{
	box-shadow:0px 0px 5px rgba(0,0,0,0.8);-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.8);-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.8);
	-webkit-transition: box-shadow 0.5s;
	-moz-transition: 	box-shadow 0.5s;
	-o-transition: 		box-shadow 0.5s;
	-ms-transition: 	box-shadow 0.5s;
	transition: 		box-shadow 0.5s;

}
.bsh1{box-shadow:0px 0px 1px rgba(0,0,0,1.0);-moz-box-shadow:0px 0px 1px rgba(0,0,0,1.0);-webkit-box-shadow:0px 0px 1px rgba(0,0,0,1.0);}
.r10{
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.r30{
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
}

/* TABS */
div.tabs{
	border-bottom:1px solid #2a6471;
	height:25px;margin-bottom:5px;
}
.tabs .tab{
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 6px 0px 0px;
	border-radius: 0px 6px 0px 0px; 
	cursor:pointer;color:#fff;
	float:left;margin-right:4px;
	padding:4px 16px 5px 16px;
	font-weight:bold;font-size:0.9em;
	height:14px;
	margin-top:2px;
	border:0px;
	background: #2a6471;
	
}
.tabs .tab:hover{
background: #3a8c9e;
}
.tabs .tab_open,.tabs .tab_open:hover{
	padding:4px 15px 6px 15px;font-weight:bold;font-size:0.9em;
	border:1px solid #2a6471;
	border-bottom:0px;
	background:#f6f6f6;
	color:#222;
	height:15px;margin-top:0px;
}
.tab_content{display:none;}
.tab_content_open{display:block;}
/* TABS */

/* helper */
.helper{
	border:2px solid #f8af00;border-right:0px;
	width:10px;display:none;opacity:1.0;left:-60px;
}
.helper span{
	position:absolute;right:40px;color:#222;text-shadow:1px 1px 0px rgba(255,255,255,0.7);top:45%;white-space:nowrap;font-size:0.8em;font-weight:bold;font-style:italic;
}
/* helper */

.mcrbtn{min-width:1px;padding:0px 0px 2px 19px;height:14px;background:url('/calc_paint/images/mcrbtn.png');
cursor:pointer;background-repeat:no-repeat;margin-right:1px;font-size:0.9em;font-style:italic;
}
.mcrbtn_sp{background-position:0px -480px;
}
.mcrbtn_sm{background-position:0px -496px;
}
.mcrbtn_question{background-position:0px -528px;
}
.mcrbtn_file{background-position:0px -400px;
}
.mcrbtn_check{background-position:0px -416px;
}
.mcrbtn_reload{background-position:0px -432px;
}
.mcrbtn_delete{background-position:0px -16px;
}
.mcrbtn_to_archive{background-position:0px -448px;
}
.mcrbtn_yandex{background-position:0px -288px;
}
.mcrbtn_google{background-position:0px -304px;
}
.mcrbtn_warning{background-position:0px -544px;
}
.mcrbtn_left{background-position:0px -336px;
}
.mcrbtn_right{background-position:0px -192px;
}
.mcrbtn_up{background-position:0px -369px;
}
.mcrbtn_down{background-position:0px -354px;
}
.chain{background-position:0px -208px;
}
.chain_break{background-position:0px -224px;
}
.rarrbtn{background-position:0px -192px;float:right;
}
.settings{background-position:0px -176px;
}
.md5{background-position:0px -160px;
}
.eye{background-position:0px -144px;
}
.replace{background-position:0px -128px;
}
.paste{background-position:0px -112px;
}
.mcrbtn_search,.searchbtn{background-position:0px -96px;
}
.editbtn{background-position:0px -80px;float:right;
}
.mcrbtn_edit{background-position:0px -80px;
}
.unmark{background-position:0px -48px;
}
.h,.mcrbtn_cancel{background-position:0px -48px;
}
.plus,.mcrbtn_add{background-position:0px -32px;
}
.r{background-position:0px -16px;
}
.mcrbtn_logout{background-position:0px -384px;
}
.mcrbtn_calendar{background-position:0px -464px;
}
.mcrbtn_dollar{background-position:0px -512px;
}
.mcrbtn_user{background-position:0px -272px;
}
.mcrbtn_smile{background-position:0px -560px;
}
.mcrbtn_angry{background-position:0px -576px;
}
.mcrbtn_ok{background-position:0px -417px;
}















