.c {width: 4; height: 4}

.bubble {background-color:#C3D9FF}
.scarlet {background-color:#E1D4C0}

.tl {padding: 0; width: 4; text-align: left; vertical-align: top}
.tr {padding: 0; width: 4; text-align: right; vertical-align: top}
.bl {padding: 0; width: 4; text-align: left; vertical-align: bottom}
.br {padding: 0; width: 4; text-align: right; vertical-align: bottom}

.form-noindent {background-color: #ffffff; border: #C3D9FF 1px solid}

a {
  text-decoration: none;
  font-weight:bold;
  color:#36c;
  }
a:visited {
  text-decoration: none;
  font-weight:bold;
  color:#666;
  }
a:hover {
  text-decoration:underline;
  color:#f60;
  }
a:active {
  text-decoration: none;
  font-weight:bold;
  color:#000;
  }
a img {
  border-width:0;
  }

form {
  float:center;
  width:290px;
  margin:0;
  padding:12px 15px 0;
  color:#369;
  font-size:93%;
  line-height:1.2em;
  }
form .text, form .text-custom {
  border:1px solid #E1D4C0;
  border-color:#CABBA9 #E1D4C0 #E1D4C0 #CABBA9;  
  width:150px;
  }

.button 
  {
    font-weight:bold;
    border-bottom:solid 2px #6986BF;
    border-right:solid 2px #6986BF;
    border-top:solid 1px #A6C3FF;
    border-left:solid 1px #A6C3FF;
    background:#6699ff;
    color:#fff !important;
    font-size:105%;
    text-decoration:none;
    cursor:pointer;
  }
.button:hover
  {
    background:#5C8AE5;
    text-decoration:none;
    color:#fff;
  }

.error .error, .errormsg {
  margin-top:0;
  color:#c00;
  }

table {
  border-width:0;
  font-size:100%;
  color:#333;
  }
th, td {
  border-top:1px solid #CABBA9;
  border-width:1px 0 0 0;
  padding:5px 10px;
  font-size:93%;
  line-height:1.5em;
  }
th {
  background:#fff;
  padding-left:5px;
  font-size:100%;
  color:#664E38;
  text-align:left;
  }
.nowrap {
  white-space:nowrap;
  }
table label {
  margin-right:5px;
  }
label:hover {
  cursor:pointer;
  }
.hide {
  visibility:hidden;
  }

#bubbles {
	position: relative;

	width: 70%;

	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;

	padding-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;

	border: 1px solid #3366FF;
	background-color: #C3D9FF;
	
	filter: alpha(opacity=80);
   	-moz-opacity: 80%;   	

}

#scarlets {
	position: relative;

    width: 45%;

    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;

    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;

    border: 1px solid #0000CC;
    background-color: #E1D4C0;

    filter: alpha(opacity=80);
    -moz-opacity: 80%;
}