#newsmail { margin:5px auto}
#form {float:left; width:240px; padding:0 10px 10px 10px; background:#f3f3f3; border:2px solid #cfcfcf}

#msg {display:none; position:absolute; z-index:200; background:url(../images/newsmail/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:270px}

#msg2 {display:none; position:absolute; z-index:200; background:url(../images/newsmail/msg_arrow2.gif) left center no-repeat; padding-left:7px}
#msgcontent2 {display:block; background:#c4f7bd; border:2px solid #529249; border-left:none; padding:5px; min-width:150px; max-width:270px}

/** 
* Generated by www.formstylegenerator.com 
**/

/** You can use this style for your INPUT, TEXTAREA, SELECT elements **/
.myinputstyle {
	border: 1px solid #cfcfcf;
	/** remember to change image path **/
	background: url(../images/newsmail/formbg.png) repeat-x #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #454743;
	float:left; margin-top:10px;
	clear:both;
}

/** You can use this style for your LABEL elements **/
.mylabelstyle {
	font-weight:bolder;
	font-family: tahoma, helvetica, sans-serif;
	font-style: bold;
	font-size: 13px;
	color: #00a9eb;
}

/** 
*  You can use this style for your INPUT, TEXTAREA, SELECT elements 
*  for onmousehover event
**/
.myinputstyle:hover {
	border: 1px solid #00a9eb;
	/** remember to change image path **/
	background: url(../images/newsmail/formbg.png) repeat-x #FFFFFF;
	color: #454743;
}

/** 
* You can use this style for your INPUT, TEXTAREA, SELECT elements 
* for onmousefocus event
**/
.myinputstyle:focus {
	border: 1px solid #00a9eb;
	/** remember to change image path **/
	background: url(../images/newsmail/formbg.png) repeat-x #ffffff;
	color: #454743;
}



