/* eSiteCMS / eContactServer default system CSS classes */

.ecs_body			{ font-family: Verdana, Helvetica, Sans-serif; font-size: 12px; }
.ecs_logo			{ float: center; border:none; }

.ecs_anchor:link, .ecs_anchor:visited	{ color: #666666; text-decoration: none; }
.ecs_anchor:active, .ecs_anchor:hover	{ color: #999999; text-decoration: underline; }

/* -------------------------------------- Form buttons classes ---------------------------------- */
.ecs_button					{ width: 125px; height: 25px; border: solid 1px #999999; background-color: #EEEEEE; color: #000000;
								-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.ecs_button:hover				{ border: solid 1px #000000; background-color: #CCCCCC; cursor: pointer; }
.ecs_button:active			{ border: solid 1px #666666; background-color: #CCCCCC; cursor: pointer; }

.ecs_button_do				{ width: 125px; height: 25px; border: solid 1px #999999; background-color: #EEEEEE; color: #000000; font-family: Verdana, Helvetica, Sans-serif;
								-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.ecs_button_do:hover			{ border: solid 1px #000000; background-color: #CCFFCC; cursor: pointer; }
.ecs_button_do:active			{ border: solid 1px #009900; background-color: #CCFFCC; cursor: pointer; }

.ecs_button_stop				{ width: 125px; height: 25px; border: solid 1px #999999; background-color: #EEEEEE; color: #000000; font-family: Verdana, Helvetica, Sans-serif;
								-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.ecs_button_stop:hover		{ border: solid 1px #990000; background-color: #FFCCCC; cursor: pointer; }
.ecs_button_stop:active		{ border: solid 1px #990000; background-color: #FFCCCC; cursor: pointer; }

.ecs_button_disable			{ width: 125px; height: 25px; border: solid 1px #CCCCCC; background-color: #EEEEEE; color: #CCCCCC; cursor: not-allowed; font-family: Verdana, Helvetica, Sans-serif;
								-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.ecs_button_disable:hover	{ border: solid 1px #CCCCCC; background-color: #FFCCCC; cursor: not-allowed; }
.ecs_button_disable:active	{ border: solid 1px #CCCCCC; background-color: #FF0000; cursor: not-allowed; }

.ecs_field						{ height: 21px; border: solid 1px #999999; background-color: #FFFFFF; color: #000000; font-family: Verdana, Helvetica, Sans-serif;
								-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.ecs_field:hover				{ border: solid 1px #000000; background-color: #CCFFCC; cursor: text; }
.ecs_field:active				{ border: solid 1px #009900; background-color: #CCFFCC; cursor: text; }

.ecs_field_disable			{ height: 21px; border: solid 1px #999999; background-color: #FFCCCC; color: #000000; font-family: Verdana, Helvetica, Sans-serif;
								-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* --------------------------------------- Transparency class ----------------------------------- */
.ecs_transparent	{ background-color: #FFFFFF; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

/* ----------------------------------------- Coloured boxes ------------------------------------- */
.ecs_blackbox		{ border: 1px solid #000000; background: #333333; margin: 5px 0 0 0; padding: 10px; color: #F5F5F5;
					  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: rgba(0,0,0,.15) 0 2px 10px; }
.ecs_bluebox		{ border: 1px solid #000099; background: #EEEEFF; margin: 5px 0 0 0; padding: 10px;
					  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: rgba(0,0,0,.15) 0 2px 10px; }
.ecs_goldbox		{ border: 1px solid #CC9933; background: #EEEEEE; margin: 5px 0 0 0; padding: 10px;
					  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: rgba(0,0,0,.15) 0 2px 10px; }
.ecs_gold2box		{ border: 1px solid #BB8822; background: #EEAA55; margin: 5px 0 0 0; padding: 10px;
					  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: rgba(0,0,0,.15) 0 2px 10px; }
.ecs_greenbox		{ border: 1px solid #009900; background: #EEFFEE; margin: 5px 0 0 0; padding: 10px;
					  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: rgba(0,0,0,.15) 0 2px 10px; }
.ecs_greybox		{ border: 1px solid #999999; background: #CCCCCC; margin: 5px 0 0 0; padding: 10px;
					  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: rgba(0,0,0,.15) 0 2px 10px; }
.ecs_lightgreybox	{ border: 1px solid #CCCCCC; background: #EEEEEE; margin: 5px 0 0 0; padding: 10px;
					  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: rgba(0,0,0,.15) 0 2px 10px; }
.ecs_redbox			{ border: 1px solid #990000; background: #FFEEEE; margin: 5px 0 0 0; padding: 10px;
					  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: rgba(0,0,0,.15) 0 2px 10px; }
.ecs_whitebox		{ border: 1px solid #CCCCCC; background: #FFFFFF; margin: 5px 0 0 0; padding: 10px;
					  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: rgba(0,0,0,.15) 0 2px 10px; }
.ecs_yellowbox		{ border: 1px solid #999900; background: #FFFFCC; margin: 5px 0 0 0; padding: 10px;
					  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: rgba(0,0,0,.15) 0 2px 10px; }
.ecs_borderlessbox	{ border: none; background: none; margin: 5px 0 0 0; padding: 10px; color: #333333;
					  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: rgba(0,0,0,.15) 0 2px 10px; }
.ecs_invisiblebox	{ border: none; background: none; margin: 5px 0 0 0; padding: 10px; color: #333333; }

/* ------------------------- standard layout for addThis.com button bar ------------------------- */
.ecs_addThis	{ float: right; padding-top: 1px; color: #CCCCCC; }

/* ----------------------------------------------  ---------------------------------------------- */
div.ecs_wrapper { display:block; width:100%; margin:0; text-align:left; }