/* import styles for smarter browsers */
/* do not move from top of page!! */
/* @import "form-plus.css";*/


/* =================================================================== */
/* ========================== FORM ELEMENTS ========================== */	
/* =================================================================== */
	
FORM {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}


.formRadioButtonList {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	}


INPUT.field {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #63469F;
	background: #fff;
	border-top: 1px solid #A8ADB4;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #A8ADB4;
	width: 170px;
	}
	/* not used afaik -nic
INPUT.field2 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	background: #F3F3FF;
	border-top: 1px solid #A8ADB4;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #A8ADB4;
	width: 150px;
	}
	
INPUT.field3 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	background: #F3F3FF;
	border-top: 1px solid #A8ADB4;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #A8ADB4;
	width: 250px;
	}	
	
INPUT.field4 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	background: #F3F3FF;
	border-top: 1px solid #A8ADB4;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #A8ADB4;
	width: 170px;
	}			
	*/
	

/* for forms on a white background */
div.mod_content_1 textarea,
div.mod_content_1 input.field,
div.mod_content_1 select.menu
	{
	background: #f3f3ff;
	}


textarea {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #63469F;
	background: #fff;
	border-top: 1px solid #A8ADB4;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #A8ADB4;
	width: 100%;
	}

select.menu {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #63469F;
	background: #fff;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #A8ADB4;
	border-bottom: 1px solid #A8ADB4;
	border-left: 1px solid #FFFFFF;
	width: 235px;
	}
	
select.menu4 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	background: #F8F8F8;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #A8ADB4;
	border-bottom: 1px solid #A8ADB4;
	border-left: 1px solid #FFFFFF;
	width: 170px;
	}	
	
select.menusmall {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	background: #F8F8F8;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #A8ADB4;
	border-bottom: 1px solid #A8ADB4;
	border-left: 1px solid #FFFFFF;
	}	

input.button {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	background: #AA99DD;
	}
p.error {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #FF0000;
	font-weight: normal;
	border-left: 1px solid #990000;
	padding: 2px 4px 2px 4px;
	margin: 0px 0px 0px 0px;
	/* background: #FFCC00; */
	}




/* =================================================================== */
/* ==================== FORM STRUCTURE/CONTACT US ==================== */	
/* =================================================================== */

div.mod_contact_1 {
	width: 451px;
	margin: 0 0 -40px 0;
	padding: 0px 0px 50px 0px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
/*	border: solid 1px blue; *//* Testing border */
	}

div.mod_contact_1 div.pad_mod {
	padding: 0px 19px 0px 19px;
	margin: 0 0 0 0;
	width: 413px;
/*	border: solid 1px red;*/ /* Testing border */
	}
	
div.mod_subscribe_1 {
	font: 10px/16px Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	width: 400px;
	}

div.mod_subscribe_1 div { 
	margin: 0px;
	}	


/* ------------------------- ROWS ------------------------- */
div.row_first {
	width: 400px;
	}

div.row0 {
	padding: 4px;
	height: 38px;/* IE 5 on MAC only */
	/* \*/
	height: 30px; /* override for all browsers except IE5 MAC */
	clear: left;
	float: left;
	width: 400px;
	}

div.row1 {
	border-bottom: 1px solid #D2D8DE;
	padding: 4px;
	clear: left;
	float: left;
	width: 400px;
	}

div.row2 {
	border-bottom: 1px solid #D2D8DE;
	padding: 4px;
	clear: left;
	float: left;
	width: 400px;
	}

div.row_last {
	padding-top: 4px;
	position: relative;
	width: 400px;
	float: left;
	}


/* ------------------------ DIVIDER ----------------------- */
div.divider {
	display: none;
	margin: 0px;
	padding: 0px;
	}


/* ------------------------ TITLES ------------------------ */

span, label {
	font: 11px/1.2 verdana, arial, sans-serif;
	color: #63469F;
	}

span.title {
	font-weight: bold;
	font-size: 13px;
	color: #63469F;
	line-height: 21px;
	}

span.previewtext {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #6B7785;
	padding: 3px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
	}
	
span.yourdetails {
	font-weight: bold;
	display: block;
	float: left;
	width: 130px;
	}

span.mailinglists {
	font-size: 11px;
	font-weight: bold;
	display: block;
	float: left;
	width: 150px;
/*	color: #333;*/
	}
	
span.recievemessagesas {
	font-size: 11px;
	font-weight: bold;
	display: block;
	float: left;
	color: #333;
	}

span.yourmessage {
	font-weight: bold;
	}
	
span.ckb {
	display: block;
	float: left;
	}	

span.list {
	font-weight: bold;
	display: block;
	float: left;
	clear: right;
	}	
	
span.listdescription {
	display: block;
	clear: left;
	font-size: 10px;
	padding: 0 0 0 22px;
	margin: 0px;
	}

span.required {
	background: url("../gifs/req_info.gif") no-repeat 100% 4px;
	width: 243px;
	display: block;
	float: left;
	}

span.allrequired {
	background: url("../gifs/all_req_info.gif") no-repeat 100% 4px;
	width: 243px;
	display: block;
	float: left;
	}

span.allrequired em, span.required em {
	visibility: hidden;
	}



span.paynow {
	font-weight: bold;
	display: block;
	float: left;
	width: 200px;
	}	

span.payrequired {
	background: url("../gifs/req_info.gif") no-repeat 100% 4px;
	display: block;
	float: right;
	}

span.payrequired em {
	visibility: hidden;
	}	
	
/* -------------------------- ICON  -------------------------- */
span.icon {
	width: 10px;
	display: block;
	float: left;
	margin-top: 4px;
	}

/* ----------------------- LEFT COLUMN ----------------------- */
span.leftlabel1 {
	width: 140px;
	color: #63469F;
	display: block;
	float: left;
	padding-left: 4px;
	text-align: left;
	}

/* ----------------------- RIGHT COLUMN ----------------------- */
span.rightlabel1 {
	font-weight: bold;
	color: #63469F;
	margin: 0;
	float: left;
	display: block;
	}


span.rightinput1 {
	margin: 0;
	float: left;
	display: block;
	width: 230px;
	}

span.rightselect1 {
	margin: 0;
	float: left;
	display: block;
	}
	
span.righttextarea1 {
	margin: 0;
	float: left;
	display: block;
	}	

span.radio1 {
	}

span.radio1 input { 
	margin: -2px -2px -2px 0;
	}

/* --------------------------- BUTTON -------------------------- */
span.button1 {}

div.SummaryError {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #FF0000;
	}

span.error {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #FF0000;
	font-weight: normal;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
	display: block;
	width: 230px;
	}
	
span#csvIncorrectLogin {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #FF0000;
	font-weight: normal;
	padding: 2px 4px 2px 18px;
	margin: 0px 0px 0px 0px;
	clear: left;
	display: block;
	width: 100%;
	border-left: 1px solid #990000;
	}

span.confirm {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
	padding: 5px 4px 5px 7px;
	margin: 0px 0px 0px 0px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: #91BB4E;
	}




/* --------------------------- ecard forms -------------------------- */		



/* LEFT COLUMN */
div.ecard_details span.leftlabel1 {
	padding-left: 0px;
	width: 178px;
/*	border: solid 1px #000; *//* Testing border */
	}

/* RIGHT COLUMN */
div.ecard_details span.rightinput1 {
	width: 200px;
/*	border: solid 1px #000;*/ /* Testing border */
	}

table.ecard_form {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -12px;
/*	border: solid 1px #000; *//* Testing border */
	clear: left;
	}

table.ecard_form th, table.ecard_form td {
	font: 11px/1.2 verdana, arial, sans-serif;
	color: #63469F;
	text-align: left;
	vertical-align: top;
	}

table.ecard_form td {
	width: 180px;
/*	border: solid 1px #000; *//* Testing border */
	}


div.ecard_steps {
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	}

div.ecard_category {
/*	border: solid 1px green; *//* Testing border */
	float: left;
	width: 340px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

div.ecard_image {
	margin: 0 5px 0 0;
	padding: 5px 0 5px 0;
	float: left;
	width: 165px;
/*	border: solid 1px #000; *//* Testing border */
	background-color: #eee;
	}

div.ecard_image p.thumb {
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	}

div.ecard_image p.description {
	font: 10px/1.2 verdana, arial, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	width: 150px;
	}
	
p.description a:link {
	text-decoration: none;
	color: #a39;
	}
p.description a:visited {
	text-decoration: none;
	color: #839;
	}
p.description a:hover {
	text-decoration: underline;
	color: #d39;
	}
p.description a:active {
	text-decoration: none;
	color: #d39;
	}


div.ecard_to {
/*	width: 430px;*/
/*	border: solid 1px #000; *//* Testing border */
	clear: left;
	}

div.ecard_category h3 {
	font: 11px/1.2 verdana, arial, sans-serif;
	color: #63469F;
	margin: 0 0 5px 0;
	padding: .2em 0 .2em 0;
	border-bottom: solid 1px #63469F;
	}

div.ecard_row span.left b {
	width: 10px;
	padding: 0;
	margin: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	}
div.ecard_row span.right input.field, div.ecard_row span.left input.field {
	width: 150px;
	}

div.ecard_row span.left, div.ecard_row span.topleft {
	width: 220px;
/*	float: left;*/
	padding: 0 0 0 0;
	}

div.ecard_row span.right {
/*	float: left;*/
	width: 200px;
	padding: 0 0 0 0;
	}

div.ecard_row span.topleft, div.ecard_row span.topright {
	padding: 0 0 0 15;
	font-weight: bold;
	}