<!--

html, body		{ margin: 0; padding: 0; border: 0px none; font-family: arial, verdana; font-size:14px; }
form			{ margin: 0; padding: 0; margin-top:0; margin-bottom:0; }

TD			{ FONT-SIZE: 14px; COLOR: #444444; FONT-FAMILY: arial, verdana; }
TR			{ FONT-SIZE: 14px; COLOR: #444444; FONT-FAMILY: arial, verdana; }

a.def:link 		{ text-decoration:none; color:#555555; }
a.def:visited		{ text-decoration:none; color:#555555; }
a.def:active		{ text-decoration:none; color:#555555; }
a.def:hover		{ text-decoration:none; color:#FFFFFF; background: #555555; text-decoration:none; }

a.icon:link 		{ text-decoration:none; color:#FFFFFF; } 
a.icon:visited		{ text-decoration:none; color:#FFFFFF; }
a.icon:active		{ text-decoration:none; color:#FFFFFF; }
a.icon:hover		{ text-decoration:none; color:#FFFFFF; }

a.nav:link 		{ text-decoration:none; color:#FFFFFF; } 
a.nav:visited		{ text-decoration:none; color:#FFFFFF; }
a.nav:active		{ text-decoration:none; color:#FFFFFF; }
a.nav:hover		{ text-decoration:none; color:#555555; background: #FFFFFF; }

a.navsub:link 		{ text-decoration:none; color:#FFFFFF; } 
a.navsub:visited	{ text-decoration:none; color:#FFFFFF; }
a.navsub:active		{ text-decoration:none; color:#FFFFFF; }
a.navsub:hover		{ text-decoration:none; color:#555555; background: #FFFFFF; }

a.pagec:link 		{ text-decoration:none; padding:2px 4px 2px 4px; font-family: arial, verdana; font-size:11px; font-weight: bold; border:1px ridge #888888; color:#555555; background: #FFFFFF; } 
a.pagec:visited		{ text-decoration:none; padding:2px 4px 2px 4px; font-family: arial, verdana; font-size:11px; font-weight: bold; border:1px ridge #888888; color:#555555; background: #FFFFFF; }
a.pagec:active		{ text-decoration:none; padding:2px 4px 2px 4px; font-family: arial, verdana; font-size:11px; font-weight: bold; border:1px ridge #888888; color:#555555; background: #FFFFFF; }
a.pagec:hover		{ text-decoration:none; padding:2px 4px 2px 4px; font-family: arial, verdana; font-size:11px; font-weight: bold; border:1px ridge #555555; color:#FFFFFF; background: #555555; }

a.pageo:link 		{ text-decoration:none; padding:2px 4px 2px 4px; font-family: arial, verdana; font-size:11px; font-weight: bold; border:1px ridge #555555; color:#FFFFFF; background: #555555; } 
a.pageo:visited		{ text-decoration:none; padding:2px 4px 2px 4px; font-family: arial, verdana; font-size:11px; font-weight: bold; border:1px ridge #555555; color:#FFFFFF; background: #555555; }
a.pageo:active		{ text-decoration:none; padding:2px 4px 2px 4px; font-family: arial, verdana; font-size:11px; font-weight: bold; border:1px ridge #555555; color:#FFFFFF; background: #555555; }
a.pageo:hover		{ text-decoration:none; padding:2px 4px 2px 4px; font-family: arial, verdana; font-size:11px; font-weight: bold; border:1px ridge #888888; color:#FFFFFF; background: #888888; }


.inputbox {
	width: auto;
	padding: 5px 13px;
	background: #555555;
	border: 0;
	font-size: 12px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
}

.inputbox:hover { background: #888888; }


.inputbox1 {
	width: auto;
	padding: 10px 30px;
	background: #55a85a;
	border: 0;
	font-size: 16px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
}

.inputbox1:hover {
	background: #888888;
}


.inputbox2 {
	width: auto;
	padding: 5px 10px;
	background: #55a85a;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
}

.inputbox2:hover {
	background: #888888;
}


.form td {
	font-size: 12px;
	color: #555555;
}

.form textarea { 
	min-width: 400px;
	min-height: 80px;
}

.form input, .form textarea { 
	padding: 4px;
	border: solid 1px #BBBBBB;
	outline: 0;
	background: #FFFFFF url('/crm/images/bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

.form select {
	-webkit-appearance: none;
	padding: 4px 17px 4px 4px;
	border: solid 1px #BBBBBB;
	outline: 0;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	background: url('/crm/images/bg_form2.png') no-repeat right;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

.form h3 {
	font-size: 15px;
	color: #555555;
	border-bottom: 1px solid #888888;
	padding: 0px;
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
}

.form textarea { 
	line-height: 150%;
}
.form td {
	font-size: 12px;
	color: #555555;
}

.form textarea { 
	min-width: 400px;
	min-height: 80px;
}

.form input, .form textarea { 
	padding: 4px;
	border: solid 1px #BBBBBB;
	outline: 0;
	background: #FFFFFF url('/crm/images/bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

.form select {
	-webkit-appearance: none;
	padding: 4px 17px 4px 4px;
	border: solid 1px #BBBBBB;
	outline: 0;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	background: url('/crm/images/bg_form2.png') no-repeat right;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

.form h3 {
	font-size: 15px;
	color: #555555;
	border-bottom: 1px solid #888888;
	padding: 0px;
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
}

.form textarea { 
	line-height: 150%;
}


.form input:hover, .form textarea:hover, .form select:hover, .form input:focus, .form textarea:focus, .form select:hover { 
	border-color: #888888; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

.form input[type="submit"], .form input[type="button"] {
	width: auto;
	padding: 5px 13px;
	background: #555555;
	border: 0;
	font-size: 12px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
}

.form input[type="submit"]:hover, .form input[type="button"]:hover, .form input[type="button"]:focus { background: #888888; }

/* Toggle button */
.toggle {
  position: absolute;
  width: 50px;
  height: 25px;
  /* border-radius: 100px; */
  background-color: #ddd;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0,0,0,0);
}

.check {
  position: absolute;
  display: block;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 6;
}

  .check:checked ~ .track {
    box-shadow: inset 0 0 0 20px #55a85a;
  }

  .check:checked ~ .switch {
    right: 2px;
    left: 25px;
    transition: .15s cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition-property: left, right;
    transition-delay: .02s, 0s;
  }

.switch {
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  right: 25px;
  background-color: #fff;
  /* border-radius: 36px; */
  z-index: 1;
  transition: .15s cubic-bezier(0.785, 0.135, 0.150, 0.860);
  transition-property: left, right;
  transition-delay: 0s, .05s;
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.track {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: .15s cubic-bezier(0.785, 0.135, 0.150, 0.860);
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.05);
  /* border-radius: 40px; */
}

/* End Toggle button */


-->