body,td,th {
	font-family: "Lucida Grande", Verdana, "Bitstream Vera Sans", Ariel, sans-serif;
	font-size: 12px;
	line-height: 16px;
    color: #333333;
	text-align: left;}


body {
		margin:0px;	}

html, body {
	height:100%;
	background-image:url(https://bartertools.ca/images/left-side-line.jpg);
	background-repeat:repeat-y;
	
	background-color:#eeeeee;}
	
html {overflow-y: scroll;}

        .wrap      { padding-right:200px;  height:100%; }
        .main      { margin: 0 -200px 0 auto; width: 100%; float:right; height:100%}
        .sidebar   { width: 200px; float: left; height: 100%; }
        .main,
        .sidebar   { background: #eee; min-height: 100px; }


@media print
{    
    .sidebar, .sidebar *
    {
        display: none !important;
		visibility: hidden;
    }
	.topmenu, .topmenu *
    {
        display: none !important;
		visibility: hidden;
    }
	.main, .main *
    {
        float:none;
		page-break-inside:avoid;
		width:100%;
		table:border
    }
	table,th,td
	{
		border:1px solid black;
		border-collapse:collapse;
	}
	@page {size: auto; margin: auto;}
    header nav, footer {display: none;}
    input {border: 0px;}
    #container  {width:9.1in; height:10in;}
	.landScape
	{ 
	 width: 100%; 
	 height: 100%; 
	 margin: 0% 0% 0% 0%; 
	 filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=3);
	}
}

		
.clear {clear:both}

.r0 {
	font-weight:700;
}

.r1 {
background-color:#eee;
}

.r2 {
}


a img { border: 0 none;}

a:link {
	color: #222222;
	text-decoration: none;
	font-weight: none;}
a:visited {
	text-decoration: none;
	color: #222222;
	font-weight: none;}
a:hover {
	text-decoration: underline;
	color: #222222;
	font-weight: none;}
a:active {
	text-decoration: none;}
	
p { margin-top: 2px; }

.copyright A:link {color: #FFFFFF; font-size: 10px;} 
.copyright A:visited {color: #FFFFFF; font-size: 10px;}
.copyright A:active {color: #FFFFFF; font-size: 10px;} 
.copyright A:hover {color: #FFFFFF; font-size: 10px;} 
.copyright {color: #FFFFFF; font-size: 10px;}

.verysmall A:link {color: #333333; font-size: 10px;} 
.verysmall A:visited {color: #333333; font-size: 10px;}
.verysmall A:active {color: #333333; font-size: 10px;} 
.verysmall A:hover {color: #FF8500; font-size: 10px;} 
.verysmall {color: #333333; font-size: 10px;}

.menu A:link {color: #333333; font-size: 14px;} 
.menu A:visited {color: #333333; font-size: 14px;}
.menu A:active {color: #333333; font-size: 14px;} 
.menu A:hover {color: #333333; font-size: 14px;} 
.menu {color: #333333; font-size: 14px;}

.topmenu A:link {color: #DDDDDD; font-size: 11px; font-weight:strong;} 
.topmenu A:visited {color: #DDDDDD; font-size: 11px; font-weight:strong;}
.topmenu A:active {color: #DDDDDD; font-size: 11px; font-weight:strong;} 
.topmenu A:hover {color: #FFFFFF; font-size: 11px; font-weight:strong; text-decoration:underline;} 
.topmenu {color: #DDDDDD; font-size: 11px; font-weight:strong;}

.usermenu A:link {color: #DDDDDD; font-size: 10px; font-weight:100;} 
.usermenu A:visited {color: #DDDDDD; font-size: 10px; font-weight:100;}
.usermenu A:active {color: #DDDDDD; font-size: 10px; font-weight:100;} 
.usermenu A:hover {color: #FFFFFF; font-size: 10px; font-weight:100; text-decoration:underline;} 
.usermenu {color: #DDDDDD; font-size: 10px; font-weight:100;}

.leftsidemenu A:link {color: #333333; font-size: 11px; font-weight:normal;} 
.leftsidemenu A:visited {color: #333333; font-size: 11px; font-weight:normal;}
.leftsidemenu A:active {color: #333333; font-size: 11px; font-weight:normal;} 
.leftsidemenu A:hover {color: #333333; font-size: 11px; font-weight:normal; text-decoration:none;} 
.leftsidemenu {color: #333333; font-size: 11px; font-weight:normal;}

.littlegrey A:link {color: #666666; font-size: 9px; font-weight:normal;} 
.littlegrey A:visited {color: #666666; font-size: 9px; font-weight:normal;}
.littlegrey A:active {color: #666666; font-size: 9px; font-weight:normal;} 
.littlegrey A:hover {color: #111111; font-size: 9px; font-weight:normal; text-decoration:none;} 
.littlegrey {color: #666666; font-size: 9px; font-weight:normal;}

#advancedsearch {
padding-left:20px; 
padding-bottom:10px;
}

#straightline {
width:100%;
background-color:#AAAAAA;
height:1px;}

h1 {
	font-family: "Century Gothic", Verdana, "Bitstream Vera Sans", Arial, sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight:100;
	margin:0px;
	padding:0px; 
    color: #000000;}
	

h2 {
	font-familiy: "Century Gothic", Verdana, "Bitstream Vera Sans", Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
	margin-top:0px; 
    color: #333333;}
	


#column_left {
width:200px;
background-image:url(https://bartertools.ca/images/left-side-line.jpg);
background-repeat:repeat-y;
border-color:#eee;
}
	
	
.searchbar {
width:135px;
border-style: solid;
border-width: 1px;
border-color:#9b9b9b;
margin-left:10px;
color: #444444; 
background: #FFFFFF;
padding:5px;
}

#searchicon {
cursor:pointer; 
border:0px; 
margin:0px; 
padding:0px;
background-color:transparent;
margin-right:10px;}

#searchform {
padding:0px;margin:0px;
margin-top:10px;
margin-bottom:10px;
}
	
#linedark {
height:1px;
background-color:#333333;
}

#linelight {
height:1px;
background-color:#FFFFFF;
}

#heading {
background-color:#E6EAFF;
padding:15px;
border-style: solid;
border-color: #FFFFFF;
border-width:1px;
border-left:1;
border-bottom:1;
border-right:0px;
border-top:0px;

}

#subheadingbox {
/*background-color:#d4e8c1;*/
/*background-color:#58b001;*/
/*background-color:#9ec64c;*/
/*background-color:#53ab00;*/
/*background-color:#444;*/
background-color:#000000;
/*background-color:#7f9c43;*/
/*background-color:#0b4022;*/
padding:10px;
border-style: solid;
border-color: #FFFFFF;
border-width:1px;
overflow:auto;
color:#fff;
text-align:center;
}

#subheadingtext {
overflow:auto;
font-size:16px;
line-height:24px;
font-size:16px;
font-weight:bold;
text-shadow: 1px 1px 2px #666666;
}

#menubar {
/*background-color:#58b001;*/
/*background-color:#0c4023;*/
/*background-color:#444444;*/
background-color:#000000;
height:50px;
width:100%;
background-image: url(https://bartertools.ca/images/menugrad.png);
background-repeat:repeat-x;
border-bottom:solid;
border-color:#333333;
border-width:1px;
}

#usermenu {
width:auto;
float:right;
padding:8px;
color:#fff;
font-weight:100;
}

#logo_area {
background-color:#58b001;
height:50px;
width:100%;
background-image: url(https://bartertools.ca/images/menugrad.png);
background-repeat:repeat-x;
}

#logo{
padding-left:10px;padding-top:14px;
}

#topmenubox {
width:auto;
float:left;
cursor:pointer;
color:#fff;
font-weight:700;
}

#topmenubox_currentpage {
width:auto;
background-color:#eeeeee;
color:#333333;
float:left;
border-bottom:solid;
border-color:#333333;
border-width:0px;
height:51px;
}

#topmenubox:hover {
/*background-color:#69ad26;*/
background-color:#777;
overflow:auto;
float:left;
}

#topmenutext { 
padding-top:17px;
padding-left:14px;
padding-right:14px;
padding-bottom:17px;
font-weight:400;
}

/*#sideheading {
background-image: url(https://bartertools.ca/images/menugrad.png);
background-repeat:repeat-x;
background-postion:bottom;
padding:5px;
line-height:30px;
color:#FFFFFF;
background-color:#58b001;
}

#sideitem {
padding:5px;
padding-left:10px;
border-style: solid;
border-color: #FFFFFF #FFFFFF #DDDDDD ;
border-width:1px;
border-left:0;
border-bottom:1;
border-right:0;
border-top:1;
}*/

#down-arrow-r{
	display:none;	
}

#sideheading,#sideheading2 {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#777777+0,444444+44,444444+96,999999+100 */
/*background: rgb(119,119,119);
background: -moz-linear-gradient(top, rgba(119,119,119,1) 0%, rgba(68,68,68,1) 44%, rgba(68,68,68,1) 96%, rgba(153,153,153,1) 100%);
background: -webkit-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(68,68,68,1) 44%,rgba(68,68,68,1) 96%,rgba(153,153,153,1) 100%);
background: linear-gradient(to bottom, rgba(119,119,119,1) 0%,rgba(68,68,68,1) 44%,rgba(68,68,68,1) 96%,rgba(153,153,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#999999',GradientType=0 );*/
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#777777+0,444444+19,000000+96,999999+100 */
background: #777777; /* Old browsers */
background: -moz-linear-gradient(top,  #777777 0%, #444444 19%, #000000 96%, #999999 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #777777 0%,#444444 19%,#000000 96%,#999999 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #777777 0%,#444444 19%,#000000 96%,#999999 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#999999',GradientType=0 ); /* IE6-9 */


height:30px; 
padding-left:10px;
line-height:30px;
width:191px;
color:#FFFFFF;
}

#sideitem {
padding:5px;
padding-left:10px;
border-style: solid;
border-color: #FFFFFF #FFFFFF #DDDDDD ;
background-image: url(https://bartertools.ca/images/whitetrans.png);
border-width:1px;
border-left:0;
border-bottom:1;
border-right:0;
border-top:1;
}

#sideitem:hover {
/*background-color:#c4e0a8;*/
background-color:#c4e0a8;
}

#leftspacer {
height:20px;
}

#maincontent_wrapper {
margin:20px;
border-style: solid;
border-color: #DDDDDD;
border-width:1px;
}

#whitebox {
background-color:#FFFFFF;
padding:20px;
/*min-height:500px;*/
}

.required:after{
	color:#f00;
	content:"*";
}
	

/* ------------------------ MISC. */

#results {
	background-color:#dddddd;
	position:absolute;
	z-index:99;
	top:235px;
	left:20px;
	border:1px solid #cccccc;
	border-top:0px;
	padding:5px;
	width:740px;
	-moz-box-shadow:    3px 3px 5px 6px #fff;
  	-webkit-box-shadow: 3px 3px 5px 6px #fff;
  	box-shadow:         3px 3px 5px 6px #eee;
	
}

#results_users {
	background-color:#dddddd;
	position:absolute;
	z-index:99;
	top:200px;
	left:150px;
	border:1px solid #cccccc;
	border-top:0px;
	padding:5px;
	width:740px;
	-moz-box-shadow:    3px 3px 5px 6px #fff;
  	-webkit-box-shadow: 3px 3px 5px 6px #fff;
  	box-shadow:         3px 3px 5px 6px #eee;
	
}

#results_cards {
	background-color:#dddddd;
	position:absolute;
	z-index:99;
	top:170px;
	left:325px;
	border:1px solid #cccccc;
	border-top:0px;
	padding:5px;
	width:740px;
	-moz-box-shadow:    3px 3px 5px 6px #fff;
  	-webkit-box-shadow: 3px 3px 5px 6px #fff;
  	box-shadow:         3px 3px 5px 6px #eee;
	
}

#results_aa,#results_aa_new {
	background-color:#dddddd;
	position:absolute;
	z-index:99;
	/*top:420px;
	left:250px;*/
	border:1px solid #cccccc;
	border-top:0px;
	padding:5px;
	width:740px;
	-moz-box-shadow:    3px 3px 5px 6px #fff;
  	-webkit-box-shadow: 3px 3px 5px 6px #fff;
  	box-shadow:         3px 3px 5px 6px #eee;
	
}

#results_buyer {
	background-color:#dddddd;
	position:absolute;
	z-index:99;
	top:50px;
	left:75px;
	border:1px solid #cccccc;
	border-top:0px;
	padding:5px;
	width:740px;
	-moz-box-shadow:    3px 3px 5px 6px #fff;
  	-webkit-box-shadow: 3px 3px 5px 6px #fff;
  	box-shadow:         3px 3px 5px 6px #eee;
	
	
}

#results_grid,#results_grid_s,#category_search,#results_bulk,#results_bulk_s,#results_ma,#results_ra,#results_grid_ps {
	background-color:#dddddd;
	position:absolute;
	z-index:99;
	
	border:1px solid #cccccc;
	border-top:0px;
	padding:5px;
	width:740px;
	-moz-box-shadow:    3px 3px 5px 6px #fff;
  	-webkit-box-shadow: 3px 3px 5px 6px #fff;
  	box-shadow:         3px 3px 5px 6px #eee;
	
	
}
#results_seller {
	background-color:#dddddd;
	position:absolute;
	z-index:99;
	top:240px;
	left:320px;
	border:1px solid #cccccc;
	border-top:0px;
	padding:5px;
	width:740px;
	-moz-box-shadow:    3px 3px 5px 6px #fff;
  	-webkit-box-shadow: 3px 3px 5px 6px #fff;
  	box-shadow:         3px 3px 5px 6px #eee;
	
	
}

#results_parent {
	background-color:#dddddd;
	position:absolute;
	z-index:99;
	top:540px;
	left:320px;
	border:1px solid #cccccc;
	border-top:0px;
	padding:5px;
	width:740px;
	-moz-box-shadow:    3px 3px 5px 6px #fff;
  	-webkit-box-shadow: 3px 3px 5px 6px #fff;
  	box-shadow:         3px 3px 5px 6px #eee;
	
	
}

.user_mo_display{			
	position:absolute;z-index:99;
	/*top:0;*/
	/*left:0;*/
	background-color:#bbb;
	-moz-box-shadow:3px 3px 5px 6px #777;
	-webkit-box-shadow: 3px 3px 5px 6px #777;
	box-shadow:3px 3px 5px 6px #777;
	display:block;
}
.user_mo_hidden
{
	display:none;
}

.bold {
	font-weight:700;
}

#cell-border {
	border-right:1px solid #777;
	padding:2px;
}

.flush-right {
	text-algn:right;
}

.td_title {
	/*background-color:#0b4022;*/
	/*background-color:#4D9A00;*/
	/*background-color:#53ab00;*/
	/*background-color:#444444;*/
	background-color:#000000;
	color:#fff;
	/*border:1px solid #000;*/
	font-weight:700;
	padding:5px 3px;
}

.td_title_Status {
	/*background-color:#0b4022;*/
	/*background-color:#4D9A00;*/
	background-color:#444444;
	color:#fff;
	/*border:1px solid #000;*/
	font-weight:700;
	padding:5px 3px;
	width:50px;
}

.td_title_EasyPay {
	/*background-color:#0b4022;*/
	/*background-color:#4D9A00;*/
	background-color:#444444;
	color:#fff;
	/*border:1px solid #000;*/
	font-weight:700;
	padding:5px 3px;
	width:20px;
}

td.td_title_Account { 
	/*background-color:#0b4022;*/
	/*background-color:#4D9A00;*/
	background-color:#444444;
	color:#fff;
	/*border:1px solid #000;*/
	font-weight:700;
	padding:5px 3px;
	width : 100px; 
}

td.td_title_Cash { 
	/*background-color:#0b4022;*/
	/*background-color:#4D9A00;*/
	background-color:#444444;
	color:#fff;
	text-align:right;
	/*border:1px solid #000;*/
	font-weight:700;
	padding:5px 3px;
	width : 100px; 
}

td.td_title_Cash_Wide { 
	/*background-color:#0b4022;*/
	/*background-color:#4D9A00;*/
	background-color:#444444;
	color:#fff;
	text-align:right;
	/*border:1px solid #000;*/
	font-weight:700;
	padding:5px 3px;
	width : 200px; 
}

td.td_title_Percent { 
	/*background-color:#0b4022;*/
	/*background-color:#4D9A00;*/
	background-color:#444444;
	color:#fff;
	text-align:right;
	/*border:1px solid #000;*/
	font-weight:700;
	padding:5px 3px;
	width : 100px; 
}

td.td_title_broker { 
	/*background-color:#0b4022;*/
	/*background-color:#4D9A00;*/
	background-color:#444444;
	color:#fff;
	/*border:1px solid #000;*/
	font-weight:700;
	padding:5px 3px;
	width : 250px; 
}

.table_cells {
	border:1px solid #000;
}

td.number_format { text-align:right; }


/*Status Colors*/
td.Active { color:green; font-weight:bold; }
td.Frozen { color:red; font-weight:bold;  }
td.New { color:black; font-weight:bold;  }



table.alternate_color tr:nth-child(odd) {background: #CCC}
table.alternate_color tr:nth-child(even) {background: #FFF}

/*table.alternate_color_green tr:nth-child(odd) {background: #B3CC82}
table.alternate_color_green tr:nth-child(even) {background: #FFF}*/

input[type=text] {
/*	border-right:1px solid #aaa;
/*	border-bottom:1px solid #aaa;
/*	border-top:3px solid #777;
/*	border-left:3px solid #777; */
	height:20px;
	margin-top:5px;
	padding-left:5px;
}

input[type=submit] {
	height:30px;
}

textarea {
	resize:none;
	height:50px;
	width:80%;
	margin:5px 10px;
	border:1px solid #444;
}

.logo_background {
	padding:17px 10px;
	position:relative;
	margin-bottom:20px;
	border:0;
	/*background-color:#444444;*/
	background-color:#000000;
	/*background-image:url(https://bartertools.ca/images/logo_bg.jpg);*/
}

.report_border {
border:2px solid #000;
border-collapse:collapse;
/*border-radius:7px;*/
}

#btn_save{
position: fixed;	
bottom: 1vh;
right: 1vw;
visibility: hidden;
}

/*---------------------------------
	GREEN BUTTON
-----------------------------------*/
button.green,
a.btn.green,
a.button.green,
input[type=submit].green,
input[type=reset].green,
input[type=button].green{
padding:8px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#777777+0,444444+44,444444+96,999999+100 */
/*background: rgb(119,119,119);
background: -moz-linear-gradient(top, rgba(119,119,119,1) 0%, rgba(68,68,68,1) 44%, rgba(68,68,68,1) 96%, rgba(153,153,153,1) 100%);
background: -webkit-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(68,68,68,1) 44%,rgba(68,68,68,1) 96%,rgba(153,153,153,1) 100%);
background: linear-gradient(to bottom, rgba(119,119,119,1) 0%,rgba(68,68,68,1) 44%,rgba(68,68,68,1) 96%,rgba(153,153,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#999999',GradientType=0 );*/

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#edeced+0,f2228e+22,f2228e+22,f2228e+96,999999+100 */
/*background: #edeced;
background: -moz-linear-gradient(top,  #edeced 0%, #f2228e 22%, #f2228e 22%, #f2228e 96%, #999999 100%);
background: -webkit-linear-gradient(top,  #edeced 0%,#f2228e 22%,#f2228e 22%,#f2228e 96%,#999999 100%);
background: linear-gradient(to bottom,  #edeced 0%,#f2228e 22%,#f2228e 22%,#f2228e 96%,#999999 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeced', endColorstr='#999999',GradientType=0 );*/

/*background:#F2228E;*/
background:#E64584;





/*background: #f9ff9c;
background: -moz-linear-gradient(top,  #f9ff9c 0%, #92b845 20%, #92b845 20%, #92b845 25%, #92b845 75%, #7e9d3e 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9ff9c), color-stop(20%,#92b845), color-stop(20%,#92b845), color-stop(25%,#92b845), color-stop(75%,#92b845), color-stop(99%,#7e9d3e));
background: -webkit-linear-gradient(top,  #f9ff9c 0%,#92b845 20%,#92b845 20%,#92b845 25%,#92b845 75%,#7e9d3e 99%);
background: -o-linear-gradient(top,  #f9ff9c 0%,#92b845 20%,#92b845 20%,#92b845 25%,#92b845 75%,#7e9d3e 99%);
background: -ms-linear-gradient(top,  #f9ff9c 0%,#92b845 20%,#92b845 20%,#92b845 25%,#92b845 75%,#7e9d3e 99%);
background: linear-gradient(to bottom,  #f9ff9c 0%,#92b845 20%,#92b845 20%,#92b845 25%,#92b845 75%,#7e9d3e 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ff9c', endColorstr='#7e9d3e',GradientType=0 );*/


cursor:pointer;
border-left:3px solid #E64584;
border-right:3px solid #E64584;
border-top:2px solid #E64584;
border-bottom:1px solid #E64584;
/*border-style:solid;
border-color: #448700;*/
border-radius:7px;
color:#ffffff;
height:35px;
width:150px;
font-weight:700;
box-shadow:         0px 2px 2px 1px #ccc;
margin-bottom:10px;
/*text-shadow: 1px 1px 2px #777777;*/
}

/*---------------------------------
	NEW/OLD GREEN BUTTON
-----------------------------------*/
button.old-green,
a.btn.old-green,
a.button.old-green,
input[type=submit].old-green,
input[type=reset].old-green,
input[type=button].old-green{
padding:8px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#777777+0,444444+44,444444+96,999999+100 */
/*background: rgb(119,119,119);
background: -moz-linear-gradient(top, rgba(119,119,119,1) 0%, rgba(68,68,68,1) 44%, rgba(68,68,68,1) 96%, rgba(153,153,153,1) 100%);
background: -webkit-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(68,68,68,1) 44%,rgba(68,68,68,1) 96%,rgba(153,153,153,1) 100%);
background: linear-gradient(to bottom, rgba(119,119,119,1) 0%,rgba(68,68,68,1) 44%,rgba(68,68,68,1) 96%,rgba(153,153,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#999999',GradientType=0 );*/

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#edeced+0,f2228e+22,f2228e+22,f2228e+96,999999+100 */
/*background: #edeced;
background: -moz-linear-gradient(top,  #edeced 0%, #f2228e 22%, #f2228e 22%, #f2228e 96%, #999999 100%);
background: -webkit-linear-gradient(top,  #edeced 0%,#f2228e 22%,#f2228e 22%,#f2228e 96%,#999999 100%);
background: linear-gradient(to bottom,  #edeced 0%,#f2228e 22%,#f2228e 22%,#f2228e 96%,#999999 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeced', endColorstr='#999999',GradientType=0 );*/

background:#76B925;





/*background: #f9ff9c;
background: -moz-linear-gradient(top,  #f9ff9c 0%, #92b845 20%, #92b845 20%, #92b845 25%, #92b845 75%, #7e9d3e 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9ff9c), color-stop(20%,#92b845), color-stop(20%,#92b845), color-stop(25%,#92b845), color-stop(75%,#92b845), color-stop(99%,#7e9d3e));
background: -webkit-linear-gradient(top,  #f9ff9c 0%,#92b845 20%,#92b845 20%,#92b845 25%,#92b845 75%,#7e9d3e 99%);
background: -o-linear-gradient(top,  #f9ff9c 0%,#92b845 20%,#92b845 20%,#92b845 25%,#92b845 75%,#7e9d3e 99%);
background: -ms-linear-gradient(top,  #f9ff9c 0%,#92b845 20%,#92b845 20%,#92b845 25%,#92b845 75%,#7e9d3e 99%);
background: linear-gradient(to bottom,  #f9ff9c 0%,#92b845 20%,#92b845 20%,#92b845 25%,#92b845 75%,#7e9d3e 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ff9c', endColorstr='#7e9d3e',GradientType=0 );*/


cursor:pointer;
border-left:3px solid #76B925;
border-right:3px solid #76B925;
border-top:2px solid #76B925;
border-bottom:1px solid #76B925;
/*border-style:solid;
border-color: #448700;*/
border-radius:7px;
color:#FFFFFF;
height:35px;
width:150px;
font-weight:700;
box-shadow:         0px 2px 2px 1px #ccc;
margin-bottom:10px;
/*text-shadow: 1px 1px 2px #777777;*/
}

/*---------------------------------
	WHITE BUTTON
-----------------------------------*/
button.white,
a.btn.white,
a.button.white,
input[type=submit].white,
input[type=reset].white,
input[type=button].white{
padding:8px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+0,bbbbbb+43,ffffff+100 */
/*background: rgb(221,221,221);
background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(187,187,187,1) 43%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(187,187,187,1) 43%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(221,221,221,1) 0%,rgba(187,187,187,1) 43%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 );*/

background:#E64584;



/*background: #f9ff9c;
background: -moz-linear-gradient(top,  #f9ff9c 0%, #92b845 20%, #92b845 20%, #92b845 25%, #92b845 75%, #7e9d3e 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9ff9c), color-stop(20%,#92b845), color-stop(20%,#92b845), color-stop(25%,#92b845), color-stop(75%,#92b845), color-stop(99%,#7e9d3e));
background: -webkit-linear-gradient(top,  #f9ff9c 0%,#92b845 20%,#92b845 20%,#92b845 25%,#92b845 75%,#7e9d3e 99%);
background: -o-linear-gradient(top,  #f9ff9c 0%,#92b845 20%,#92b845 20%,#92b845 25%,#92b845 75%,#7e9d3e 99%);
background: -ms-linear-gradient(top,  #f9ff9c 0%,#92b845 20%,#92b845 20%,#92b845 25%,#92b845 75%,#7e9d3e 99%);
background: linear-gradient(to bottom,  #f9ff9c 0%,#92b845 20%,#92b845 20%,#92b845 25%,#92b845 75%,#7e9d3e 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ff9c', endColorstr='#7e9d3e',GradientType=0 );*/


cursor:pointer;
border-left:3px solid #E64584;
border-right:3px solid #E64584;
border-top:2px solid #E64584;
border-bottom:1px solid #E64584;
/*border-style:solid;
border-color: #448700;*/
border-radius:7px;
color:#FFF;
height:35px;
width:150px;
font-weight:700;
/*box-shadow:         0px 2px 2px 1px #ccc;*/
margin-bottom:10px;
/*text-shadow: 1px 1px 2px #777777;*/
}

/*---------------------------------
	GREY BUTTON
-----------------------------------*/
button.grey,
a.btn.grey,
a.button.grey,
input[type=submit].grey,
input[type=reset].grey,
input[type=button].grey{
padding:8px;
/*background-color:#58b000;*/



/*background: #f9ff9c;
background: -moz-linear-gradient(top,  #f9ff9c 0%, #92b845 20%, #92b845 20%, #92b845 25%, #92b845 75%, #7e9d3e 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9ff9c), color-stop(20%,#92b845), color-stop(20%,#92b845), color-stop(25%,#92b845), color-stop(75%,#92b845), color-stop(99%,#7e9d3e));
background: -webkit-linear-gradient(top,  #f9ff9c 0%,#92b845 20%,#92b845 20%,#92b845 25%,#92b845 75%,#7e9d3e 99%);
background: -o-linear-gradient(top,  #f9ff9c 0%,#92b845 20%,#92b845 20%,#92b845 25%,#92b845 75%,#7e9d3e 99%);
background: -ms-linear-gradient(top,  #f9ff9c 0%,#92b845 20%,#92b845 20%,#92b845 25%,#92b845 75%,#7e9d3e 99%);
background: linear-gradient(to bottom,  #f9ff9c 0%,#92b845 20%,#92b845 20%,#92b845 25%,#92b845 75%,#7e9d3e 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ff9c', endColorstr='#7e9d3e',GradientType=0 );*/


cursor:pointer;
border-left:3px solid #999;
border-right:3px solid #888;
border-top:2px solid #DDD;
border-bottom:1px solid #777;
/*border-style:solid;
border-color: #448700;*/
border-radius:7px;
color:#444;
height:35px;
width:150px;
font-weight:700;
box-shadow:         0px 2px 2px 1px #ccc;
margin-bottom:10px;
text-shadow: 1px 1px 2px #777777;
}

/*---------------------------------
	GREEN SAVE BUTTON
-----------------------------------*/
button.green_save,
a.btn.green_save,
a.button.green_save,
input[type=submit].green_save,
input[type=reset].green_save,
input[type=button].green_save{
padding:8px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#777777+0,444444+44,444444+96,999999+100 */
/*background: rgb(119,119,119);
background: -moz-linear-gradient(top, rgba(119,119,119,1) 0%, rgba(68,68,68,1) 44%, rgba(68,68,68,1) 96%, rgba(153,153,153,1) 100%);
background: -webkit-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(68,68,68,1) 44%,rgba(68,68,68,1) 96%,rgba(153,153,153,1) 100%);
background: linear-gradient(to bottom, rgba(119,119,119,1) 0%,rgba(68,68,68,1) 44%,rgba(68,68,68,1) 96%,rgba(153,153,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#999999',GradientType=0 );*/

background:#E64584;

cursor:pointer;
border-left:3px solid #E64584;
border-right:3px solid #E64584;
border-top:2px solid #E64584;
border-bottom:1px solid #E64584;
border-radius:7px;
color:#ffffff;
height:35px;
width:150px;
font-weight:700;
box-shadow:         0px 2px 2px 1px #777;
margin-bottom:10px;
text-shadow: 1px 1px 2px #777777;
}

/*---------------------------------
	RED BUTTON
-----------------------------------*/
button.red,
a.btn.red,
a.button.red,
input[type=submit].red,
input[type=reset].red,
input[type=button].red{
padding:8px;
/*background-color:#58b000;*/
background: #ff8f8b; /* Old browsers */
background: -moz-linear-gradient(top,  #ff8f8b 0%, #c9403c 20%, #c9403c 75%, #a73431 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8f8b), color-stop(20%,#c9403c), color-stop(75%,#c9403c), color-stop(100%,#a73431)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff8f8b 0%,#c9403c 20%,#c9403c 75%,#a73431 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff8f8b 0%,#c9403c 20%,#c9403c 75%,#a73431 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff8f8b 0%,#c9403c 20%,#c9403c 75%,#a73431 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff8f8b 0%,#c9403c 20%,#c9403c 75%,#a73431 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8f8b', endColorstr='#a73431',GradientType=0 ); /* IE6-9 */



border-left:3px solid #a62825;
border-right:3px solid #89211f;
border-top:2px solid #e36968;
border-bottom:1px solid #783332;
/*border-style:solid;
border-color: #448700;*/
border-radius:7px;
color:#ffffff;
height:35px;
width:150px;
font-weight:700;
box-shadow:         0px 2px 2px 1px #ccc;
margin-bottom:10px;
text-shadow: 1px 1px 2px #777777;
}

.save_btn_footer{
	width:100%;
	margin-left:-250px;
	position:fixed;
	bottom:0px;
	background-color:#9b9b9b;
	text-align:center;
	opacity:0.9;
	display:none;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #53ab00;;
}

input:focus + .slider {
  box-shadow: 0 0 1px #53ab00;;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.redacted {
    color: black;
    background-color: black;
    white-space:nowrap;
    /*-moz-transform: rotate(.8deg) skewx(-12deg);*/
    -moz-box-shadow:3px 0 2px #444;
    border:1px dotted #555;
    background: -moz-linear-gradient(180deg, #000, #222);
}

/* Add a few more selectors with slightly varying styles */
.redacted:first-child {
    -moz-transform: rotate(-.8deg);
}
.redacted:first-child + .redacted {
    -moz-transform: rotate(3deg);
}

/* Highlight effect */
.redacted::-moz-selection {
    background:#e6ff3f;
}