h1,h2,p{margin: 0 10px}
h1{font-size: 17px;color: #8C8D88; padding-top: 2px; padding-bottom: 5px;}
h2{font-size: 14px;color: #f0f0f0; }
p{padding-bottom:1em; color: #f0f0f0;}
h2{padding-top: 0.3em}


div#nifty
{ 

background: #A91818;
width:140px;
margin: 0px 14px 0px;
/*float: left;*/

}

b.rtop, b.rbottom
{
display:block;background: #fff
}
b.rtop b, b.rbottom b
{
display:block;height: 1px;
overflow: hidden; background: #A91818
		}
	

b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 1px}


form {
/*background: #grey;*/
margin: 0px;
padding: 10px;
text-align: left;

}

.area {
background:  #F5F5F5;
color: #736F6E;
font-size: 14px;
padding: 5px;
border: 1px solid #736F6E;
}
.sub {
background:  #F5F6F6;
color: #736F6E;
margin: 0px 6px 2px;
font-size: 15px;
padding: 7px;
border: 1px solid #736F6E;
}

/* All form elements are within the definition list for this example */
dl {
	font:normal 12px/15px Arial;
    position: relative;
    width: 590px;/*350*/
}

dd {
    float: left;
    width: 610px;/*200*/
    margin: 0 0 8px 0;
    padding-left: 6px;
}


/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -220px;
    width: 220px;
    margin-top: -4px;
    border: 1px solid #8d8c8c; 
    padding: 10px 14px;
    background: #e9e9e9 url(pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(pointer.gif) left top no-repeat;
}

#send
{
padding: 10px 9px;
font-size: 13px; 
}