<style type="text/css">

<!--
body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; text-decoration: none}
table {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; text-decoration: none}
h2 {  font-size: 20; font-weight: bold}
h1 {  font-size: 26; font-weight: bold}

a:link {color:black;}    /* unvisited link */
a:visited {color:black;} /* visited link */
a:hover {color:red;}   /* mouse over link */
a:active {color:black;}  /* selected link */

body {background-color:#006699}

#textarea
{

background: -webkit-linear-gradient(left top, white , white); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom right, white , white); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom right, white , white); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom right, white , white); /* Standard syntax (must be last) */
border:1px solid #a1a1a1;


padding:0px 5px 0px 5px;
width:600px;
border-radius:8px 8px 0px 0px;
}


#right1
{

background: -webkit-linear-gradient(left top, lightgrey , #333333); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom right, lightgrey , #333333); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom right, lightgrey , #333333); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom right, lightgrey , #333333); /* Standard syntax (must be last) */
border:1px solid #a1a1a1;
padding:5px 5px 5px 5px;
width:290px;
border-radius:8px 8px 0px 0px;
text-align:left
}


#right2
{

background: -webkit-linear-gradient(left top, white , white); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom right, white , white); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom right, white , white); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom right, white , white); /* Standard syntax (must be last) */
border:1px solid #a1a1a1;
padding:5px 5px 5px 5px;
width:290px;
border-radius:0px 0px 8px 8px;
text-align:left
}


#grad1
{

background: -webkit-linear-gradient(left top, lightgrey , #333333); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom right, lightgrey , #333333); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom right, lightgrey , #333333); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom right, lightgrey , #333333); /* Standard syntax (must be last) */
border:1px solid #a1a1a1;
cellspacing:5px
margin-top:2px;
margin-bottom:2px;
padding:0px 0px; 
width:170px;
border-radius:8px 8px 0px 0px;
}


#grad1b
{

background: -webkit-linear-gradient(left top, #cccccc , #4c4c4c); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom right, #cccccc , #4c4c4c); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom right, #cccccc , #4c4c4c); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom right, #cccccc , #4c4c4c); /* Standard syntax (must be last) */
border:1px solid #a1a1a1;
cellspacing:5px
margin-top:2px;
margin-bottom:2px;
padding:0px 0px; 
width:170px;
border-radius:5px 0px 0px 0px;
}


#grad1c
{

background: -webkit-linear-gradient(left top, lightgrey , #333333); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom right, lightgrey , #333333); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom right, lightgrey , #333333); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom right, lightgrey , #333333); /* Standard syntax (must be last) */
border:1px solid #a1a1a1;
cellspacing:5px
margin-top:2px;
margin-bottom:2px;
padding:0px 0px; 
width:170px;
border-radius:5px 0px 0px 5px;
}


#grad2
{
background: -webkit-linear-gradient(left top, #ffffff , #b2b2b2); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom right, #ffffff , #b2b2b2); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom right, #ffffff , #b2b2b2); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom right, #ffffff , #b2b2b2); /* Standard syntax (must be last) */
border:1px solid #a1a1a1;
cellspacing:5px
margin-top:2px;
margin-bottom:2px;
padding:0px 0px; 

width:170px;
border-radius:5px 0px 0px 5px;;
}


#grad3
{

background: -webkit-linear-gradient(left top, lightblue , blue); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom right, lightblue, blue); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom right, lightblue, blue); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom right, lightblue , blue); /* Standard syntax (must be last) */

cellspacing:5px

padding:0px 0px; 
width:170px;
border-radius:5px;
}


#grad4
{
cellspacing:5px

padding:0px 0px; 
background:#dddddd;
width:170px;
}


#grad5
{

background: -webkit-linear-gradient(left top, lightblue , blue); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom right, lightblue, blue); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom right, lightblue, blue); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom right, lightblue , blue); /* Standard syntax (must be last) */

cellspacing:5px

padding:0px 0px; 
width:170px;
}


-->
</style>