﻿
.content label {display:block; margin-top:10px}
.popup_page label.label {display:block; font-weight:bold; margin-bottom:10px}
.content label.reset {display:inline; margin-top:inherit !important}

.clear { position:absolute; top:-3px; right:30px}
.clear2 { position:absolute; top:0; right:0}

.search_form	{position:relative}
.search_input { border:none; background-color:transparent; outline-style:none; display:inline-block; width:100%}
.search_button { border:none; cursor:pointer; outline-style:none; display:inline-block; position:absolute; top:0; right:0; width:30px; height:30px; background:#f5f6f7 url('../images/icon_search.png') no-repeat scroll center center}

.div_form {border:1px #ddd solid;background-color:#f5f6f7;width:100%;color:#000;font-size:14px;outline:none;padding:6px 4px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.u-labels {color:#fff; padding:3px; border-radius: 6px; font-size:11px}
.bg-red {background-color:#b94a48 !important;}
.bg-green{background-color:#468847 !important;}
.bg-orange{background-color:#f78d1d;}

.border-red {border:1px #eec8d0 solid;padding:0 3px}
.rounded-3 {border-radius: 3px;}
.rounded-6 {border-radius: 6px;}
.b-shadow-3 {-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);}

.mmonth ul li {
	float:left;
	width:20px;
	height:20px;
	background-color:#eee;
	border:1px #afb5b8 solid;
	margin:0 1px;
	line-height:20px;
	text-align:center
}

.statut ul li {
	float:left;
	padding:0;
	margin:0
}

.mmonth ul li a {

	width:20px;
	height:20px;
	display:block;
	text-decoration:none
}

.mmonth ul li a:hover, .mmonth ul li a.selected {
	background-color:#bf0000;
	color:#eee

}


/* ---------------------------------------------- INFOS MESSAGES ---------------------------------------------- */


.error, error2 {
	background-color:#f2dede;
	color:#b94a48; 
	border:1px #eed3d7 solid;
	display:block;
	padding:8px;
	margin:10px auto
}


.ok {
	background-color:#dff0d8;
	color:#468847;
	border:1px #d6e9c6 solid;
	display:block;
	padding:8px;
	margin:10px auto
	
}


.warning {
	background-color:#fcf8e3;
	color:#c09853;
	border:1px #fbeed5 solid;
	display:block;
	padding:8px;
	margin:10px auto
	
}


.information {
	background-color:#d9edf7;
	color:#3a87ad;
	border:1px #bce8f1 solid;
	display:block;
	padding:8px;
	margin:10px auto
	
}


/* -------------------------------------------PASTILLE--------------------------------------------- */


.pastille {
	height:24px; 
	min-width:24px;
	line-height:24px;
	display:inline-table;
	padding:0; 
	margin:0; 
	font-size:14px; 
	font-weight:bold;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-shadow: 0 -1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	box-shadow: 0 1px 2px rgba(0,0,0,.5);

}

/* ---------------------------------------------- next/rev small button ---------------------------------------------- */

.np_button {

width:24px;height:24px;
border:1px solid #d7dada; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 8px 8px 8px 8px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #141414;
 background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
 background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
}

.np_button:hover{
 border:1px solid #bfc4c4;
 background-color: #d9dddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), to(#c6c3c3));
 background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);
}

.p_button:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 6px 5px 0;
    border-color: transparent #999 transparent transparent;
	left: 50%;
	top: 50%;
	margin-top: -2px;
	text-shadow: 1px 1px 1px #EAEAEA, 1px 1px 1px #000, 1px 1px 1px #EAEAEA;
}

.n_button:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #999;
	left: 50%;
	top: 50%;
	margin-top: -2px;

}


/* ---------------------------------------------- button ---------------------------------------------- */
.button_form {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 -1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-appearance: none;
	-moz-appearance:none;
	-webkit-border-radius:0

}

.button_add {
	width:30px;
	height:30px;
	line-height:30px;
	display:inline-table;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-appearance: none;
	-moz-appearance:none;
	-webkit-border-radius:0
	

}

.button_hidden {
	width:40px;
	height:40px;
	line-height:40px;
	display:inline-table;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	background-color:transparent;
	border:none

	

}

.button_form:hover {
	text-decoration: none;
}
.button_form:active {
	position: relative;
	top: 1px;
}

.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}

/* ---------------------------------------------- button 2 ---------------------------------------------- */
.button2 							{display:inline-block;zoom: 1;*display: inline; vertical-align: middle; margin: 0 2px;outline: none !important;cursor: pointer;text-align: center;text-decoration: none;padding: 8px;-webkit-appearance: none;-moz-appearance:none;-webkit-border-radius:0}
.button2:hover 						{text-decoration: none;color:#fff}

.button2 span { 
 font-size:18px;
}

.loading2 							{vertical-align: middle; margin: 0 2px;outline: none;text-align: center;text-decoration: none;padding: 6px 12px;-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;background-color:#fafafa;border:1px #ccc solid;color :#333}


/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------- color styles ---------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */

/* -----------------------------------------------black-------------------------------------------------- */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;

}
.black:hover {
	background: #000;

}
.black:active {
	color: #666;

}

.black_hover:hover {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;}

/* -----------------------------------------------gray-------------------------------------------------- */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;

}
.gray:hover {
	background: #616161;

}
.gray:active {
	color: #afafaf;

}

.gray_hover:hover {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;}

/* -----------------------------------------------white-------------------------------------------------- */
.white {
	color: #333;
	border: solid 1px #cccccc;
	background: #fafafa;

}
.white:hover {
	background: #f5f6f7;
	border: solid 1px #bbbbbb;

}
.white:active {
	color: #999;

}

.white_hover:hover {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;}

/* -----------------------------------------------orange-------------------------------------------------- */
.orange {
	color: #fef4e9 !important;
	border: solid 1px #da7c0c !important;
	background: #f78d1d !important;

}
.orange:hover {
	background: #f47c20;

}
.orange:active {
	color: #fcd3a5;

}

.orange_hover:hover {
	color: #fef4e9 !important;
	border: solid 1px #da7c0c !important;
	background: #f78d1d !important;}

.border_orange {
	background-color:#fff !important;
	border:1px #da7c0c solid !important;
	color :#da7c0c !important

}	

/* -----------------------------------------------red2-------------------------------------------------- */	

.red2 {
	color: #fff;
	border: solid 1px #ad3c2d;
	background: #d24836;

}
.red2:hover {
	background: #ad3c2d;
	border: solid 1px #943326

}
.red2:active {
	color: #ad3c2d;
	border: solid 1px #943326

}

.red2_hover:hover {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;}

	
	
/* -----------------------------------------------red-------------------------------------------------- */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;

}
.red:hover {
	background: #b61318;

}
.red:active {
	color: #de898c;

}

.red_hover:hover {
	color: #faddde !important;
	border: solid 1px #980c10 !important;
	background: #d81b21 !important;}
	
.border_red {
		background-color:#fff !important;
		border:1px #980c10 solid !important;
		color :#980c10 !important

}	

/* -----------------------------------------------blue-------------------------------------------------- */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #00aff0;

}
.blue:hover {
	background: #007ead;

}
.blue:active {
	color: #80bed6;

}

.blue_hover:hover {
	background-color:#00aff0 !important;
	border:1px #008abd solid !important;
	color :#fff !important
}

.blue_hover:hover span {
	color :#fff !important
}

/* -----------------------------------------------blue-------------------------------------------------- */
.blue2 {
	color: #0288d1;
	border: solid 1px #0288d1;
	background: #fff;

}
.blue2:hover {
	color: #0288d1;
	background: #edf8ff;

}
.blue2_active{
	color: #fff;
	background: #0288d1;

}



/* -----------------------------------------------rosy-------------------------------------------------- */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;

}
.rosy:hover {
	background: #ba4b58;

}
.rosy:active {
	color: #dca4ab;

}

.rosy_hover:hover {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
}


/* -----------------------------------------------green-------------------------------------------------- */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;

}
.green:hover {
	background: #538018;

}
.green:active {
	color: #a9c08c;

}

.green_hover:hover {
		background-color:#64991e !important;
		border:1px #538312 solid !important;
		color :#fff !important

}

.border_green {
		background-color:#fff !important;
		border:1px #538312 solid !important;
		color :#538312 !important

}


/* -----------------------------------------------pink-------------------------------------------------- */
.pink {
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;

}
.pink:hover {
	background: #d57ea5;

}
.pink:active {
	color: #f3c3d9;

}




.checkbox, .radio {
-webkit-appearance: none;    
background-color: #fafafa;    
border: 1px solid #cacece;    
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);    
padding: 9px;    
border-radius: 3px;    
display: inline-block;    
position: relative;	
outline-style:none
}


label em {color:#b00000; margin-left:10px}

#select1, #select2 {
	float:left
}



#remove {
	margin-left:2px;
	float:left;
	width:20px;
	height:62px; 
	display:block;
	background:transparent  url('../images/up.png') no-repeat scroll center top
}


label.inline {

display: block;
width: 140px;
float:left;
margin:0;
padding:0;
font-weight:bold
}

.mmonth ul li {
	float:left;
	width:20px;
	height:20px;
	background-color:#eee;
	border:1px #afb5b8 solid;
	margin:0 1px;
	line-height:20px;
	text-align:center
}

.statut ul li {
	float:left;
	padding:0;
	margin:0
}

.mmonth ul li a {

	width:20px;
	height:20px;
	display:block;
	text-decoration:none
}

.mmonth ul li a:hover, .mmonth ul li a.selected {
	background-color:#bf0000;
	color:#eee

}

 
fieldset {
margin:10px 0;
}

fieldset ul {
list-style:none;
margin:0;
padding:0

}


#addcontent fieldset ul {
padding:10px 0
}


ul.contentform  {
list-style:none;
margin:0;
padding:0;
}

ul.contentform li  {
list-style:none;
margin:10px 5px;
padding:0;
overflow:hidden
}

legend {

	margin-left:16px;
	padding:0 10px 6px 10px;
	color:#666;
	font-size:16px
}



.edit_form {
	display:none;
}






.arrow_right {
	background-image:url('../images/dubble_arrow_right.png');
	background-repeat:no-repeat;
	background-position:5px center;
	padding-left:20px;
}

.arrow_left {
	background-image:url('../images/dubble_arrow_left.png');
	background-repeat:no-repeat;
	background-position:5px center;
	padding-left:20px;
}


.login {
	border:1px #cecec3 solid;
	background-color:#f5f4ef;
	width:200px;
	color:#000;
	font-size:11px
}

/* ---------------------------------------------- input, select, textarea FORM SMALL ---------------------------------------------- */

input.login, textarea.login, select.login {
	border:1px #ddd solid;
	background-color:#f5f6f7;
	width:200px;
	color:#000;
	font-size:14px;
	outline:none;
	padding:2px 4px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

}

/* ---------------------------------------------- input, select, textarea FORM 100% ---------------------------------------------- */

input.form, textarea.form, select.form, .search_form, .custom-combobox-input {
	border:1px #ddd solid;
	background-color:#f5f6f7;
	width:100%;
	color:#000;
	font-size:14px;
	outline:none;
	padding:6px 4px;
	height:32px;
	position:relative

}



input.achats_montant {
	border:0px #ddd solid;
	background-color:transparent;
	width:100PX;
	color:#000;
	outline:none;
	padding:8px 4px 1px 4px;
	text-align:right;
	position:relative

}

input.border-bottom {
	border-bottom:1px dashed #999
}


input.form.disabled, textarea.form.disabled {
	cursor:not-allowed

}

textarea.form {
	resize:vertical

}


/* ---------------------------------------------- input, select, textarea FORM  ---------------------------------------------- */

input.form2, textarea.form2, select.form2, .search_form2 {
	border:1px #ddd solid;
	background-color:#f5f6f7;
	color:#000;
	font-size:14px;
	outline:none;
	padding:6px 4px;
	height:32px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}


.styled-select {
	width:200px;
	height:23px;
	margin-top:2px;
   	overflow: hidden;
   	background:#f5f4ef url(../images/arrow_select.png) no-repeat scroll right center ;
   	border:1px #cecec3 solid;
   } 


.styled-select select {
   background:transparent;
   width: 200px;
   overflow: hidden;
   padding:2px 10px 2px 2px;
   font-size: 12px;
   color:#000;
   line-height: 1;
   border: 0;
   border-radius: 0;
   -webkit-appearance: none;
   	outline:none;
	outline-style:none

 }



textarea.form, textarea.form2 {
	height:50px
}

textarea.form2 {
	 margin-right:50px

}

textarea.noresize {resize: none; } 


select.multiple {
	height:150px
}


.form_small{
	border:1px #cecec3 solid;
	background-color:#f5f4ef;
	width:20px;
	color:#000;
	font-size:11px
}


.form_nosize {
	border:1px #cecec3 solid;
	background-color:#f5f4ef;
	color:#000;
	font-size:11px
}


.form_devis,
.form_factures {
	-webkit-appearance: none; 
	border-bottom:1px #cecec3 dashed;
	border-top:0;
	border-left:0;
	border-right:0;
	background-color:transparent;
	color:#000;
	font-size:11px;
	margin: 5px 0 10px 0
}

.form_grey {color:#999}
.form_green {color:#a1c142}
.form_red {color:#dd2b37}


.arrow_down {
	background:transparent url('../images/arrow_down.png') no-repeat scroll center center
}


.icon {
	width:40px;
	height:40px;
	float:left;
}


.form_error {
	background-color:#f2dede;

}


  .ui-combobox {
    position: relative;
  }
  .ui-combobox-toggle {
    padding: 0 !important;
	margin-top:4px !important;
	overflow:hidden !important;
    background:#ccc !important;
    border: none
  }
    


/* -----------------------------------------------go back raz button-------------------------------------------------- */


a.back  {height:30px; width:30px; display:block; position:fixed; left:0; top:112px; z-index:999; border:1px transparent solid; background:#ccc url('../images/back.png') no-repeat scroll center center;}
a.back:hover {background-color:#f5f4ef; border-left:1px #ddd solid;border-top:1px #ddd solid;border-right:1px #fff solid;border-bottom:1px #fff solid;}

.go {height:32px; line-height:30px; display:block; float:right}
.go a {height:32px; padding:0 10px 0 40px; display:block; border:1px transparent solid; background:transparent url('../images/go.png') no-repeat scroll 8px center;}
.go a:hover {height:32px; display:block; background-color:#eaeaea; border-left:1px #ddd solid;border-top:1px #ddd solid;border-right:1px #fff solid;border-bottom:1px #fff solid;}

.raz {height:32px; line-height:30px; display:block; float:right}
.raz a {height:32px; padding:0 10px 0 40px; display:block; border:1px transparent solid; background:transparent url('../images/erase.png') no-repeat scroll 8px center;}
.raz a:hover {height:32px; display:block; background-color:#eaeaea; border-left:1px #ddd solid;border-top:1px #ddd solid;border-right:1px #fff solid;border-bottom:1px #fff solid;}


a.add  {height:40px; width:40px; display:block; border:1px transparent solid; background:transparent url('../images/add.png') no-repeat scroll left center;}
a.add:hover,
a.add_selected {background-color:#f5f4ef; border-left:1px #ddd solid;border-top:1px #ddd solid;border-right:1px #fff solid;border-bottom:1px #fff solid;}

a.tools  {height:40px; width:40px; display:block; border:1px transparent solid; background:transparent url('../images/tools.png') no-repeat scroll center center;}
a.tools:hover,
a.tools_selected {background-color:#f5f4ef; border-left:1px #ddd solid;border-top:1px #ddd solid;border-right:1px #fff solid;border-bottom:1px #fff solid;}

a.todo  {height:40px; width:40px; display:block; border:1px transparent solid; background:transparent url('../images/todo.png') no-repeat scroll left center;}
a.todo:hover,
a.todo_selected {background-color:#f5f4ef; border-left:1px #ddd solid;border-top:1px #ddd solid;border-right:1px #fff solid;border-bottom:1px #fff solid;}


a.list  {height:40px; width:40px; display:block; border:1px transparent solid; background:transparent url('../images/list.png') no-repeat scroll left center;}
a.list:hover,
a.list_selected {background-color:#f5f4ef; border-left:1px #ddd solid;border-top:1px #ddd solid;border-right:1px #fff solid;border-bottom:1px #fff solid;}

a.copy  {height:40px; width:40px; display:block; border:1px transparent solid; background:transparent url('../images/copy.png') no-repeat scroll left center;}
a.copy:hover,
a.copy_selected {background-color:#f5f4ef; border-left:1px #ddd solid;border-top:1px #ddd solid;border-right:1px #fff solid;border-bottom:1px #fff solid;}


a.archive  {height:40px; width:40px; display:block; border:1px transparent solid; background:transparent url('../images/archive.png') no-repeat scroll left center;}
a.archive:hover,
a.archive_selected {background-color:#f5f4ef; border-left:1px #ddd solid;border-top:1px #ddd solid;border-right:1px #fff solid;border-bottom:1px #fff solid;}

a.credit  {height:40px; width:40px; display:block; border:1px transparent solid; background:transparent url('../images/nc.png') no-repeat scroll left center;}
a.credit:hover,
a.credit_selected {background-color:#f5f4ef; border-left:1px #ddd solid;border-top:1px #ddd solid;border-right:1px #fff solid;border-bottom:1px #fff solid;}

a.contact  {height:40px; width:40px; display:block; border:1px transparent solid; background:transparent url('../images/contact.png') no-repeat scroll left center;}
a.contact:hover,
a.contact_selected {background-color:#f5f4ef; border-left:1px #ddd solid;border-top:1px #ddd solid;border-right:1px #fff solid;border-bottom:1px #fff solid;}

/* -----------------------------------------------links button & icon-------------------------------------------------- */
.square_button			{height:40px; width:40px; text-decoration:none; text-align:center;display: inline-block;color:#333; border:1px transparent solid;}
.square_button i			{height:40px; width:40px; line-height:40px; text-decoration:none; text-align:center;display: inline-block;line-height:40px;vertical-align: middle;}

.square_button:hover,
.square_button_selected	{background-color:#f5f4ef; border-left:1px #ddd solid;border-top:1px #ddd solid;border-right:1px #fff solid;border-bottom:1px #fff solid;}


.icon_links				{height:32px; min-width:12px; line-height:32px; text-decoration:none; padding:0 10px; display:inline-block; background:transparent no-repeat scroll 8px center;}

.icon_button			{-webkit-appearance: none;-webkit-border-radius:0; border-radius:0;height:40px; min-width:12px; outline-style:none; cursor:pointer; line-height:40px; text-decoration:none; padding:0 10px; display:inline-block; border-left:1px #eee solid;border-top:1px #eee solid;border-right:1px #eee solid;border-bottom:1px #eee solid; background:#eee no-repeat scroll 8px center;}
.icon_button:hover,
.icon_button_selected	{background-color:#eaeaea; border-left:1px #ddd solid;border-top:1px #ddd solid;border-right:1px #fff solid;border-bottom:1px #fff solid;}

.icon_button2			{-webkit-appearance: none;-webkit-border-radius:0; border-radius:0;height:32px; min-width:12px; outline-style:none; cursor:pointer; line-height:32px; text-decoration:none; padding:0 10px; margin-bottom:2px; display:inline-block; border-left:1px #eee solid;border-top:1px #eee solid;border-right:1px #eee solid;border-bottom:1px #eee solid;}
.icon_button2:hover,
.icon_button2_selected	{background-color:#f5f4ef; border-left:1px #ddd solid;border-top:1px #ddd solid;border-right:1px #fff solid;border-bottom:1px #fff solid;}
.icon_button_text		{padding-left:40px}
.icon_back 				{background-image:url('../images/icon_back.png')}
.icon_edit 				{background-image:url('../images/icon_edit.png')}
.icon_cancel			{background-image:url('../images/icon_cancel.png')}
.icon_go  				{background-image:url('../images/icon_go.png')}
.icon_raz 				{background-image:url('../images/icon_cancel.png')}
.icon_add  				{background-image:url('../images/icon_add.png')}
.icon_upload 			{background-image:url('../images/icon_upload.png')}
.icon_remove 			{background-image:url('../images/icon_remove.png')}
.icon_copy 				{background-image:url('../images/icon_copy.png')}
.icon_paste 			{background-image:url('../images/icon_paste.png')}
.icon_download 			{background-image:url('../images/icon_download.png')}
.icon_contrast 			{background-image:url('../images/icon_contrast.png')}
.icon_loader			{background-image:url('../images/icon_loader.gif')}
.icon_info				{background-image:url('../images/icon_info.png')}
.icon_cart				{background-image:url('../images/icon_cart.png')}

.icon_search				{background-image:url('../images/icon_search.png'); margin:0; padding:0; width:32px; height:34px; border-left:none; outline-style:none;-webkit-appearance: none; -webkit-border-radius:0; border-radius:0;}
.input_search				{border: none; border-left:1px #fff solid; padding:0 5px; border-top:1px #fff solid;border-right:0px #ddd solid;border-bottom:1px #ddd solid; height:32px; width:100px; background-color:#eee; outline-style:none;-webkit-appearance: none; -webkit-border-radius:0; border-radius:0;}


/* -----------------------------------------------USER SQUARED-------------------------------------------------- */

.squaredOne input[type=checkbox] {
	visibility: hidden;
	padding:0 !important;
	margin:0 !important
}

label.user_name{
	margin:inherit !important;
	padding:inherit !important;
	width:inherit !important;
	cursor: pointer;
}


.squaredOne {
	float:left;
	width: 20px !important;
	height: 20px !important;
	position: relative;
}

.squaredOne label {
	margin:inherit !important;
	padding:inherit !important;
	width:inherit !important;
	cursor: pointer;
	position: absolute !important;
	width: 16px !important;
	height: 16px !important;
	top:0px !important;
	left:0px !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}



.squaredOne input[type=checkbox]:checked + label{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

