.button   			{ -moz-border-bottom-colors:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; background-color:#E0E0E0; background-image:linear-gradient(to bottom, #FAFAFA 0px, #DCDCDC 100%); border-color:#CCCCCC #CCCCCC #AAAAAA; border-image:none; border-radius:2px 2px 2px 2px; border-style:solid; border-width:1px; box-shadow:0 0 1px white inset; color:#555555; float:none; font-size:12px; padding:5px 5px; position:relative; text-shadow:0 1px 0 white; text-decoration:none; font-size:12px; cursor:pointer; display:block; }
.button:hover    	{ background:-moz-linear-gradient(center top , #E8E8E8 0%, #F9F9F9 100%) repeat scroll 0 0 transparent; border-color:#AAAAAA #AAAAAA #999999; box-shadow:0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #FFFFFF inset; color:#3F3F3F; text-decoration: none; }
.submit 			{ background-image:linear-gradient(to bottom, #5BC0DE, #2F96B4)!important; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25)!important; color:#FFF!important; font-size:14px; }
.button span		{ height:16px; width:16px; font-size:16px; display:inline-block; margin-right:10px; background-repeat:no-repeat; vertical-align:middle  }
.red				{ background:-moz-linear-gradient(center top , #F0B5A1 0%, #DE9D8A 100%) repeat scroll 0 0 transparent; border:1px solid #DFA59B; box-shadow:0 1px 2px #FBB5B5 inset, 0 1px 1px #DFDFDF; color:#7D2A1C; font-weight:bold; }
.green				{ background:-moz-linear-gradient(center top , #D6EFA1 0%, #D0E69D 100%) repeat scroll 0 0 transparent; border:1px solid #C1D779; box-shadow:0 1px 2px #E3F4BF inset, 0 1px 1px #DFDFDF; color:#4F7307; font-weight:bold; }
.button .empty		{ margin-right:0px!important }
.button .logout		{ background-image:url("../images/logout.png") }
.button .user		{ background-image:url("../images/user.png") }
.button .login		{ background-image:url("../images/login.png") }
.button .valid		{ background-image:url("../images/valid.png") }
.button .check		{ background-image:url("../images/check.png") }
/*.button .remove		{ background-image:url("../images/remove.png") }*/
.button .remove		{ background-image:url("../images/delete.png") }
.button .warning	{ background-image:url("../images/warning.png") }
.button .ok			{ background-image:url("../images/ok.png") }
.button .plus		{ background-image:url("../images/plus.png") }
.button .add_page	{ background-image:url("../images/add_page.png") }
.button .upload		{ background-image:url("../images/upload.png") }
.button .next		{ background-image:url("../images/next.png") }
.button .order		{ background-image:url("../images/next.png") }
.button .loading	{ background-image:url("../images/loading.gif") }
.button .cancel		{ background-image:url("../images/cancel.png") }
.button .add_tab	{ background-image:url("../images/add_tab.png") }

.button.no_click 	{ cursor:not-allowed; text-decoration:line-through; }
.button.hidden 		{ display:none; }

.button.letter		{ font-size: 1.5em; text-align: center; font-weight: bold; text-decoration: none; }

.bar_button						{ display:inline-block; height:100%; padding-left:5px; padding-right:10px; cursor:pointer; border-left:1px solid #CCC; border-right:1px solid #CCC; overflow:hidden; }
#toolbar .bar_button 			{ margin-top:3px; padding-bottom:5px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; opacity:1.0; }
#toolbar .bar_button.disable 		{ opacity:0.4; }
#toolbar .bar_button.no_possible 	{ opacity:0.4; cursor:not-allowed; }
#toolbar .bar_button.no_possible label	{ cursor:not-allowed !important; }
.bar_button:hover				{ background-image:linear-gradient(to bottom, #E8E8E8 0px, #F9F9F9 100%); }
.bar_button label				{ display:inline-block; margin-top:9px; font-size:12px; cursor:pointer; text-shadow:0 1px 0 white; color:#666; font-style:italic }
.bar_button span				{ height:16px; width:16px; font-size:16px; display:inline-block; margin-right:0px; background-repeat:no-repeat; vertical-align:middle; cursor:pointer; }
.bar_button .next				{ background-image:url("../images/next.png") }
.bar_button .order				{ background-image:url("../images/next.png") }
.bar_button .gear				{ background-image:url("../images/gear.png") }
.bar_button .loading			{ background-image:url("../images/loading.gif") }
.bar_button .download			{ background-image:url("../images/download.png"); }
.bar_button .download_zip		{ background-image:url("../images/zip.png"); }
.bar_button .download_jpg		{ background-image:url("../images/jpg.png"); }
.bar_button .no_file 			{ background-image:url("../images/no_file.png"); }
.bar_button .delete 			{ background-image:url("../images/delete.png"); }
.bar_button .add_page			{ background-image:url("../images/add_page.png") }
.bar_button .arrow_correction 	{ background-image:url("../images/arrow_correction.png") }
.bar_button .area_correction 	{ background-image:url("../images/area_correction.png"); }
.bar_button#area_correction 	{ margin-left:-5px; }
.bar_button .send_file 			{ background-image:url("../images/upload.png") }
.bar_button#send_file 			{ margin-left:-5px; }
/*.bar_button .ok				{ background-image:url("../images/ok.png") }*/
.bar_button .ok					{ background-image:url("../images/ok_new.png") }
.bar_button .version			{ background-image:url("../images/version.png") }

.bar_button .mail_correction		{ background-image:url("../images/mail.png") }
#mail_correction label				{ color:#00a8ec; }
#mail_correction 					{ margin-left:2%; }

.bar_button .dupli_correction		{ background-image:url("../images/dupli.png") }
#dupli_correction label				{ color:#f59702; }

.bar_button.button_jpg			{ margin-left:-5px; }

/* responsive font-size */
@media(max-width: 1200px)
{
	#center .bar_button						{ padding-left:5px; padding-right:5px; }
	#center .bar_button label				{ font-size:11px; }
}
@media(max-width: 900px)
{
	#center .bar_button						{ padding-left:4px; padding-right:4px; }
	#center .bar_button label				{ font-size:10px; }
}