/* form styles */
form {
	width: 90%;
	text-align: left;
}

input[type='text'], input[type='password'], input[type='file'], textarea { padding: 4px; min-width: 16em; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], input[type='file'], textarea { font-size: 100%; font-family: monaco, "Lucida Console", courier, monospace; }

.content-top h1 { font-size: 1.9em; margin: 1em 0 .5em; }
.content-top h2 { font-size: 1.7em; margin: 1.07em 0 .535em; }
.content-top h3 { font-size: 1.5em; margin: 1.14em 0 .57em; }
.content-top h4 { font-size: 1.3em; margin: 1.23em 0 .615em; }
.content-top h5 { font-size: 1.2em; margin: 1.33em 0 .67em; }
.content-top h6 { font-size: 1em; margin: 1.6em 0 .8em; }
.col-1, .col-3 { line-height: 1.6em; }
.content-top p { margin-bottom: 1.6em; }

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

legend {
	display: none;
}

form div {
	clear:both;
}

form h3 {
	clear: both;
	padding: 5px 0px 10px 0px;
	font-size: 14px;
}

form span {
	margin-left: 25px;
}

form label {
	display: block;
	width: 350px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}

form input, form select {
	display: block; 
	margin-top: 3px;
}

form label.field-first,
form label.field-address,
form label.field-city,
form label.field-email {
	clear: left;
}

form label.field-first,
form label.field-last,
form label.field-city,
form label.field-email,
form label.field-phone {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 205px;
}

form label.field-first input,
form label.field-last input,
form label.field-email input,
form label.field-city input,
form label.field-phone input {
	float: left;
	width: 150px;
	padding: 4px;
}

form label.field-state {
	float: left;
	margin-right: 10px;
	width: 60px;
}

form label.field-state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

form label.field-zip {
	float: left;
	width: 80px;
}

form label.field-zip input {
	float: left;
	width: 80px;
}

form label.field-address {
	float: left;
	width: 310px;
	margin: 0px 0px 0px 0px;
}

form label.field-address input {
	float: left;
	width: 310px;
	padding: 4px;
}

form input[type='radio'] {
	clear: left;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

form label.radioitem {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

textarea {
	display: block;
}

form input[type='checkbox'] {
	clear: both;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

form label.field-checkbox {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

form span.checkbox {
	display: block;
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

form textarea {
	margin-top: 3px;
}

/* Text Classes */
.error, .notice, .success, .alert {
	padding: 5px 20px 5px 45px;
	margin-bottom:1em;
	text-align: left;
	border-top:2px solid #ddd;
	border-bottom:2px solid #ddd
}

.error a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice a {color:#514721; background:none; padding:0; margin:0; }
.success a {color:#264409; background:none; padding:0; margin:0; }

.error p, .notice p, .success p {
	margin: 0.5em;
}

.alert {
   background: #fff6bf url(../images/exclamation.png) center no-repeat;
   background-position: 15px 50%; /* x-pos y-pos */
   border-top: 2px solid #ffd324;
   border-bottom: 2px solid #ffd324;
}

.alert ul, .error ul, .success ul {
   margin-bottom: 0.2em;
   list-style-type: disc;
   margin-left: 1em;
}

.error {
   background: #FBE3E4 url(../images/exclamation.png) center no-repeat;
   background-position: 15px 50%; /* x-pos y-pos */
   padding: 5px 20px 5px 45px;
   color:#8a1f11;
   border-color:#FBC2C4;
}

.success {
   background: #E6EFC2 url(../images/accept.png) center no-repeat;
   background-position: 15px 50%; /* x-pos y-pos */
   padding: 5px 20px 5px 45px;
   color:#264409;
   border-color:#C6D880;
}

.notice {
   background: #FFF6BF url(../images/error.png) center no-repeat;
   background-position: 15px 50%; /* x-pos y-pos */
   padding: 5px 20px 5px 45px;
   color:#514721;
   border-color:#FFD324;
}

.verified {
  background-image: url(../images/accept.png);
  background-position: 100% 50%;
  background-repeat: no-repeat;
}


.not-verified {
  background-image: url(../images/error.png);
  background-position: 98% 50%;
  background-repeat: no-repeat;
}

#contacts_list_div {
  height: 209px;
  overflow-y: scroll;
}

#groups_list_div {
  height: 209px;
  overflow-y: scroll;
}

#contacts_list, #groups_list { font-size: 14px; }
td, th { padding: 5px; font-size: 14px; }

/*---------STYLES FOR BUTTONS----------*/
a.button, button {
  display: inline-block;
  float: left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}

*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}

button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}

/* Standard Buttons */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.button:active, button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active, button.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active, button.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}

/* display */
.hidden {
	display: none;
}

/* Date picker specific styles follow */

a.date-picker {
	width: 16px;
	height: 16px;
	border: none;
	color: #fff;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	cursor: pointer;
	background: url(../img/calendar.png) no-repeat; 
}
a.date-picker span {
	margin: 0 0 0 -2000px;
}
div.date-picker-holder, div.date-picker-holder * {
	margin: 0;
	padding: 0;
}
div.popup-calendar-wrapper {
	position: relative;
}
div.date-picker-holder input {
	float: left;
}
div.popup-calendar {
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0; /* value for IE */
	padding: 4px;
	border: 2px solid #000;
	background: #fff;
	color: #000;
	overflow:hidden;
	width: 163px;
}
html>body div.popup-calendar {
	left: 99px; /* value for decent browsers */
}
div.popup-calendar div.link-close {
	float: right;
}
div.popup-calendar div.link-prev {
	float: left;
}
div.popup-calendar h3 {
	font-size: 1.3em;
	margin: 2px 0 5px 3px;
}
div.popup-calendar div.link-next {
	float: right;
}
div.popup-calendar div a {
	padding: 1px 2px;
	color: #000;
}
div.popup-calendar div a:hover {
	background-color: #000;
	color: #fff;
}
div.popup-calendar table {
	margin: 0;
}
* html div.popup-calendar table {
	display: inline;
}
div.popup-calendar table th, div.popup-calendar table td {
	background: #eee;
	width: 21px;
	height: 17px;
	text-align: center;
}
div.popup-calendar table td.inactive {
	color: #aaa;
	padding: 1px 0 0;
}
div.popup-calendar table th.weekend, div.popup-calendar table td.weekend {
	background: #f6f6f6;
}
div.popup-calendar table td a {
	display: block;
	border: 1px solid #eee;
	width: 19px;
	height: 15px;
	text-decoration: none;
	color: #333;
}
div.popup-calendar table td.today a {
	border-color: #aaa;
}
div.popup-calendar table td a.selected, div.popup-calendar table td a:hover {
	background: #333; 
	color: #fff;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../img/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
	top:-3px;
}

#JT_arrow_right{
	background-image: url(../img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
	top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../img/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}

/* maxlength */
.notification {
	border:3px solid #d55b5b;
	background-color: #ffcdcd;
	padding:4px;
}

/* datefield */
#datetime select {
	display: inline;
	margin-left: 2px;
	margin-right: 2px;
}

#balance {
	font-size: 3em;
	margin-bottom: 25px;
	margin-top: -5px;
	color: #6a6a6a;
}

.zebra-even {
	background-color: #eee;
}

#pagination {
	text-align: center;
}

.small {
	font-size: 11px;
}

fieldset.fancy { border:1px solid #aaa; padding:10px;background-color:#eee;font-size:14px; }
fieldset.fancy a { border:0 }
fieldset.fancy select.multi { width:100%;font-size:13px;min-height:125px }
fieldset.fancy select.multi option { padding:5px }
fieldset.fancy legend { display:block;border:1px solid #aaa;padding:5px 15px;background-color:#fff;}
fieldset.fancy label { padding:0;font-size:14px }
fieldset.fancy input { font-size:14px;padding:5px; }
fieldset.fancy input[type='text'] { width:96% }
fieldset.fancy select.groups { width:100%;font-size:13px; }
fieldset.fancy select.groups option { padding:5px }