form {
	margin: 0;
	padding: 0;
}
.select {
	font-size: 12px;
	border: 1px solid #000;
}

.checkbox {
	padding: 0px;
	margin: 0px;
	width: 13px; /* for ie */
	height: 13px; /* for ie */ 
}
.error_list {
	margin: 0px;
	color: red;
}
input[type=text], input[type=password], input[type=checkbox], select, textarea {
	padding:0.15em;
	width: auto;
	background:#fafafa;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
	font-family: Arial, Geneva, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
    color: #575655;
    margin: 1px 0;
	padding: 3px 3px 3px 3px;
	background: #FFFFFF url(../images/field_bg.png) top left;
}
input[type=text]:focus, input[type=password]:focus, 
input[type=text]:hover, input[type=password]:hover,
select:focus,
select:hover,
textarea:hover,
textarea:focus {
	border-color:#000;
}
input[type=submit]:hover, input[type=submit]:focus {
    border-color: normal
}
input.checkbox {
	margin-top -2px;
	vertical-align: middle;
	margin-right: 2px;
	margin-bottom: 4px;
}
/* BUTTONS */

.buttons a, button, .buttons input[type=button]{
    margin:0 7px 0 0;
    background-color:#E9E9E9;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    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;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button.search {
	line-height: 60%;
}

.buttons button, .buttons input[type=button]{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

.buttons button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, input[type=button].positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative,  input[type=button].negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


.sexybutton {
	display: inline-block;
	margin: 0;
	padding: 0;
	font: bold 13px "Helvetica Neue", Helvetica, Arial, clean, sans-serif;
	text-decoration: none;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.20);
	background: none;
	border: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	
	/* Fix extra width padding in IE */
	_width: 0;
	overflow: visible;
}

.sexybutton span {
	display: block;						/* Prevents :active from working in IE--oh well! */
	height: 24px;
	padding-right: 12px;
	background-repeat: no-repeat;
	background-position: right top;
}

.sexybutton span span {
	padding-right: 0;
	padding-left: 12px;
	line-height: 24px;
	background-position: left top;
}

.sexybutton span span span {
	padding-left: 21px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left center;
	/* IE6 still requires a PNG transparency fix */ 
	/* _background-image: none;		Or just hide icons from the undeserving IE6 */
	/* _padding-left: 0;					Or just hide icons from the undeserving IE6 */
}

.sexybutton span span span.after {
	padding-left: 0px;
	padding-right: 21px;
	background-position: right center;
	/* IE6 still requires a PNG transparency fix */ 
	/* _padding-right: 0;					Or just hide icons from the undeserving IE6 */
}

.sexybutton:hover span {
	background-position: right center;
}

.sexybutton:hover span span {
	background-position: left center;
}

.sexybutton:active span {
	background-position: right bottom;
}

.sexybutton:active span span {
	background-position: left bottom;
}

.sexybutton:active span span span {
	background-position: left center;
}

.sexybutton:active span span span.after {
	background-position: right center;
}

.sexybutton img {
	margin-right: 5px;
	vertical-align: text-top;
	/* IE6 Hack */
	_margin-top: 4px;
	_vertical-align: text-bottom;
	/* IE6 still requires a PNG transparency fix */ 
	/* _display: none;		Or just hide icons from the undeserving IE6 */
}

.sexybutton img.after {
	margin-right: 0;
	margin-left: 5px;
	/* IE6 still requires a PNG transparency fix */ 
	/* _margin-left: 0;		Or just hide icons from the undeserving IE6 */
}

.sexybutton.medium	{ font-size: 15px; }
.sexybutton.large	{ font-size: 18px; }


.sexybutton.simple { 
	position: relative; 
	padding: 5px 10px 5px;
	font: inherit;
	font-size: 13px;
	font-style: normal; 
	font-weight: bold; 
	color: #fff;
	line-height: 1; 
	background-image: url(../../images/form_elements/awesome-overlay-sprite.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	
	/* Special effects */
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25); 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); 
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	
	/* IE only stuff */
	_background-image: none;
	
	/* Cross browser inline block hack - http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*display: inline !important;
	position: relative;
	
	/* Force hasLayout in IE */
	zoom: 1;
	
	/* Disable text selection (Firefox only)*/
	-moz-user-select: none;
}

.sexybutton.simple::selection {
	background: transparent;
}

.sexybutton.simple:hover {
	background-position: 0 -50px; 
	color: #fff;
}

.sexybutton.simple:active { 
	background-position: 0 100%; 
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7); 
	/* Unfortunately, Safari doesn't support inset yet */
	-webkit-box-shadow: none;
	
	/* IE only stuff */
	border-bottom: 1px solid #CCC\9;
	border-top: 1px solid #666\9;
}
.sexybutton.simple					{ background-color: #333; }		/* Default */
.sexybutton.simple.black		{ background-color: #333; }
.sexybutton.simple.red		{ background-color: #a90118; }
.sexybutton.simple.orange	{ background-color: #f67a21; }
.sexybutton.simple.yellow	{ background-color: #ffb515; }
.sexybutton.simple.green		{ background-color: #393; }
.sexybutton.simple.blue		{ background-color: #015ea9; }
.sexybutton.simple.lightblue { background-color: #008eb2 }
.sexybutton.simple.teal		{ background-color: #2daebf; }
.sexybutton.simple.magenta	{ background-color: #a9014b; }
.sexybutton.simple.purple	{ background-color: #9d01a9; }

/* Simple button sizes */
.sexybutton.simple.xsmall          { padding: 2px 5px 3px; font-size: 9px; }
.sexybutton.simple.xsmall:active   { padding: 3px 5px 2px; }
.sexybutton.simple.small          { padding: 4px 7px 5px; font-size: 10px; }
.sexybutton.simple.small:active   { padding: 5px 7px 4px; }
.sexybutton.simple                    { /* default */ }
.sexybutton.simple:active             { padding: 6px 10px 4px; }
.sexybutton.simple.medium         { /* default */ }
.sexybutton.simple.medium:active  { padding: 6px 10px 4px; }
.sexybutton.simple.large          { padding: 8px 14px 8px; font-size: 14px; }
.sexybutton.simple.large:active   { padding: 9px 14px 7px; }
.sexybutton.simple.xl             { padding: 8px 14px 8px; font-size: 16px; }
.sexybutton.simple.xl:active      { padding: 9px 14px 7px; }
.sexybutton.simple.xxl            { padding: 8px 14px 8px; font-size: 20px; }
.sexybutton.simple.xxl:active     { padding: 9px 14px 7px; }
.sexybutton.simple.xxxl           { padding: 8px 14px 8px; font-size: 26px; }
.sexybutton.simple.xxxl:active    { padding: 9px 14px 7px; }

	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}