*
{
  margin: 10;
  padding: 10;
}

a
{
  color: #3180c2;
}

a:visited
{
  color: #3180c2;
}

body
{
  font-family: 'Open Sans', sans-serif;
  color: #000000;
  font-size: 16px;
  background: #ffffff;
}

h2 {
font-weight: bold;
font-size: 26px;
font-family: 'Open Sans', sans-serif;
color: #a71823;
border-style: solid;
border: 0px;
border-bottom: 2px solid black;
padding-bottom: 5px;
padding-top: 15px;
margin-bottom: 10px;
margin-top: 5px;
line-height: 24px;
height: auto;
width: 100%;
}

form
{

}

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.11, rgb(230,230,230)),
	color-stop(0.56, rgb(240,240,240))
);

div.single-field
{
  position: relative;
}

div.curFocus
{
  background: #fdecb2;
}

.clabel
{
  width: 120px;
  display: block;
  float: left;
  font-weight: bold;
}

div.single-field span.error
{
  font: 11px arial;
  color: maroon;
  margin-left: 8px;
  line-height: 22px;
}

#submit {
margin-top: 30px;
-moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
-webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
box-shadow: inset 0px 1px 0px 0px #f29c93;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
background: -moz-linear-gradient( center top, #222222 5%, #555555 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
background-color: #fe1a00;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #d83526;
display: inline-block;
color: #ffffff;
font-family: arial;
font-size: 15px;
font-weight: bold;
padding: 6px 24px;
text-decoration: none;
text-shadow: 1px 1px 0px #991a14;
}

#reply
{
  margin:15px; 
  font-size: 18px; 
  color: #222222; 
}

.field_separator 
{
  padding-bottom: 10px;
}

#preview_original
{
  width: 90%;
  margin: 10px;
  position: relative;
  padding: 15px;
  padding: 15px;
  line-height: 1.4em;
  background-color: #cde2fe;
  border-style: solid;
  border-color: #c0c0c0;
  border-width: thin;
  -webkit-border-radius: 12px;
  -moz-border-radius: 7px;
  border-radius: 7px;

  background-image: linear-gradient(bottom, rgb(230,230,230) 11%, rgb(240,240,240) 56%);
  background-image: -o-linear-gradient(bottom, rgb(230,230,230) 11%, rgb(240,240,240) 56%);
  background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 11%, rgb(240,240,240) 56%);
  background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 11%, rgb(240,240,240) 56%);
  background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 11%, rgb(240,240,240) 56%);
}

#preview
{
  width: 90%; 
  padding: 15px;
  margin: 10px;
  position: relative;
  border-style: solid;
  border-color: #f2f2f2;
  border-width: thin;
  line-height: 1.5em;
  background-color: #ffffff; 

  /* rounded corners */
  -webkit-border-radius: 12px;
  -moz-border-radius: 7px; 
  border-radius: 7px;

  /* gradients  */
  background: -webkit-gradient(linear, left top, left bottom, 
  color-stop(0%, #ffffff), color-stop(15%, #f1f1f1), color-stop(100%, #f2f2f2)); 
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 55%, #f2f2f2 130%);
}

label.error
{
  color: maroon;
}

/* overrides */

.ui-widget-content {
border: 1px solid #c0c0c0;
background: #f1f1f1 url(images/ui-bg_inset-soft_25_000000_1x100.png) 50% bottom repeat-x;
color: #000000;
}


/* GRID TABLE */

/* gridtable class version */
table.gridtable
{  
  width: 100%;
  color: #000;
  border-width: 1px;
  border-color: #555555;
  border-collapse: collapse;
}

table.gridtable th
{
  border-width: 1px;
  border-style: solid;
  border-color: #777777;
  color: #ffffff;
  background-color: #555555;
  padding: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
}

table.gridtable td 
{
  border-width: 1px;
  border-style: solid;
  border-color: #C0C0C0; 
  background-color: #e9e9e9;

  padding: 5px; 
/*
  padding-top: 5px;
  padding-bottom: 5px;
*/
}


table.gridtable tr:nth-child(odd) td {
  background-color: #e9e9e9;
}
table.gridtable tr:nth-child(even) td {
  background-color: #ffffff;
}