/* Curvey boxes just copy and paste the <b> tags onto a page and set the color with a color class after e.g.
  <b class="cbottom">
    <b class="cb4 colora"></b>
    <b class="cb3 colora"></b>
    <b class="cb2 colora"></b>
    <b class="cb1 colora"></b>
  </b>
*/

.ctop, .cbottom {
  display:block;
  background:transparent;
  font-size:1px;
}
.cb1, .cb2, .cb3, .cb4 {
  display:block;
  overflow:hidden;
}
.cb1, .cb2, .cb3 {
  height:1px;
}
.cb2, .cb3, .cb4 {
  background:#fff;
  border-left: solid 1px black;
  border-right: solid 1px black;
}
.cb1 {
  margin:0 5px;
  border-top: solid 1px black;
  height: 0px;
}
.cb2 {
  margin:0 3px;
  border-width:0 2px;
}
.cb3 {
  margin:0 2px;
}
.cb4 {
  height:2px;
  margin:0 1px;
}
.colora 
{
  border-color: Gray;
}

.colorb
{
  background-color: #EDEDED; 
  border-color: Gray;
}

/* Generic classes to be used when something is pretty standard and can be used in tamden, e.g. Class="InputLabel Width30" */
.Width100
{
  width: 100%; 
}
.Width90
{
  width: 90%; 
}
.Width80
{
  width: 80%; 
}
.Width70
{
  width: 70%; 
}
.Width60
{
  width: 60%; 
}
.Width50
{
  width: 50%; 
}
.Width40
{
  width: 40%; 
}
.Width30
{
  width: 30%; 
}
.Width20
{
  width: 20%; 
}
.Width10
{
  width: 10%; 
}
.Padding10
{
  padding: 10px; 
}
.Padding5
{
  padding: 5px; 
}
.UserInput
{

}
.InputLabel
{
  float: left;
  text-align: right;
  font-weight: bold;
  padding-top: 4px;
}
.InputField
{
  float: left;
  text-align: left;
  padding-left: 10px;
}
.SubmitButton
{
  width: 85%;
  text-align:  right;
  padding-right: 10%;
}
.SubmitButton input
{
  width: 200px; 
}