/* Gary Hollands 2007 */


/*contact form*/

#mailsection
{
width: 98%;
margin: 0% auto 0% auto;
}

/*text*/
#mailsection h1, #mailsection h2
{
margin: 0% 0% 0.5% 0%;
}

#mailsection p
{
margin: 0% 0% 0% 0%;
}

#mailsection .result
{
margin: 0% 0% 0% 0%;
}

#mailsection .rubric
{
color: rgb(255,0,0);
}

#mailsection .back/*bak to form link*/
{
clear: both;
margin: 0% 0% 0% 3%;
}

#mailsection .msg/*php headers*/
{
margin: 0% 0% 1% 0%;
}

/*inputs and buttons*/


#mailsection form
{
width: 55%;
padding: 3% 0% 0% 0%;
}

#mailsection textarea
{
color: rgb(80,80,80);
width: 90%;
height: 14em;
position: relative;
top: -1.5em;
left: 90%;
overflow: auto;
border: inset 0.1em rgb(20,60,125);
background: transparent;
}

#mailsection input
{
color: rgb(80,80,80);
/*float: right;GH - OK, i admit it - this floating thing is a hack to get the input and textarea boxes to line up across all browsers*/
width: 90%;
position: relative;
top: -1.5em;
left: 90%;
border: inset 0.1em rgb(20,60,125);
background: transparent;
}

#mailsection label
{
margin: 0% 0% 0% 0%;
display: block;
padding-top: 0%;
cursor: pointer;
}

#mailsection label:hover
{
color: rgb(175,25,25);
}

#mailsection textarea:focus,#mailsection input:focus
{
color: rgb(0,0,0);
background-color: rgb(255,255,224);
}

#mailsection .post
{
clear: both;
width: auto;
height: 10%;
margin: 2% 0% 0% 0%;
border: 0.25em double rgb(20,60,125);
color: rgb(0,0,0);
background: rgb(240,240,240) url("../images/button_bg.png") repeat-x 0% 0%;
background-color: rgb(220,220,220);
}

#mailsection .post:hover
{
color: rgb(175,25,25);
background-color: rgb(255,255,224);
cursor: pointer;
}

/*Set link styles*/

#mailsection a:link
{
color: rgb(20,60,125);
text-decoration: underline;
background-color: transparent;
}

#mailsection a:visited
{
color: rgb(191,0,255);
background-color: transparent;
text-decoration: underline;
}

#mailsection a:hover
{
color: rgb(255,0,0);
background-color: transparent;
text-decoration: underline;
}