/*CSS CODE FOR THE TABLE AND FOR THE FORM**/
body{	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#000000;
}
a{color:#0033CC;}
h1, h2, p, form{
	border:0px; 
	margin:0px; 
	padding:0px;
}

input{	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:13px;
}
h2{	color:#666666; 
	margin-bottom:20px;
	font-size:16px;
}


.box {
	
	border:solid 1px #c6cfe1;
	background:#dfe4ee;
	padding:10px;
	color:#333333;
	margin-right:20px;
	/*width: 300px;*/
	float:left;
	clear:left;
}

.view_table{
	border:solid 1px #c6cfe1;
	background:#dfe4ee;
	
	color:#333333;
	margin-right:0px;
	padding:10px;
	width: 300px;
	float:left;
	clear:left;
	
}
.new_installation{
border:solid 0px #c6cfe1;
	background:#dfe4ee;
	padding:0px;
	color:#333333;
	margin-right:0px;
	/*width: 175px;*/
	float:left;
	
	
}

.submit_code{
	width: 300px;	
	border:solid 1px #c6cfe1;
	background:#dfe4ee;
	padding:10px;
	color:#333333;
	margin-right:10px;
	/*width: 300px;*/
	float:left;
	clear:left;
	
	
}
.sort_code {
	width: 400px;
	float:left;
	padding:50px;
}

.pretty-table
{
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  border: 1px solid #333;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  color: #000;
  background: #bcd0e4 url("images/widget-table-bg.jpg") top left repeat-x;
  width:285px;
}

.pretty-table caption
{
  caption-side: bottom;
  font-size: 1.5em;
  font-style: italic;
  text-align: right;
  padding: 0.5em 0;
}

.pretty-table th, .pretty-table td
{
  padding-left: 20px;	
  border: 1px dotted #666;
  padding: 0.5em;
  text-align: left;
  color: #632a39;
}

.pretty-table th[scope=col]
{
  color: #000;
  background-color: #8fadcc;
  text-transform: uppercase;
  font-size: 0.9em;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
}

.pretty-table th+th[scope=col]
{
  color: #fff;
  background-color: #7d98b3;
  border-right: 1px dotted #666;
}

.pretty-table th[scope=row]
{
  background-color: #b8cfe5;
  border-right: 2px solid #333;
}

.pretty-table tr.alt th, .pretty-table tr.alt td
{
  color: #2a4763;
}

.pretty-table tr:hover th[scope=row], .pretty-table tr:hover td
{
  background-color: #632;
  color: #fff;
}
/***********************  CSS FOR THE INSTALLATION TABLE ***********************/
.sub_table{
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  border: 1px solid #333;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  color: #000;
  background: #bcd0e4 url("images/widget-table-bg.jpg") top left repeat-x;
  width:250px;;

}

.sub_table caption
{
  caption-side: bottom;
  font-size: 1.5em;
  font-style: italic;
  text-align: right;
  padding: 0.5em 0;
}

.sub_table th, .sub_table td
{
  padding-left: 20px;	
  border: 1px dotted #666;
  padding: 0.5em;
  text-align: left;
  color: #632a39;
}

.sub_table th[scope=col]
{
  color: #000;
  background-color: #8fadcc;
  text-transform: uppercase;
  font-size: 0.9em;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
}
.sub_table th+th[scope=col]
{
  color: #fff;
  background-color: #7d98b3;
  border-right: 1px dotted #666;
}
.sub_table  tr:hover th[scope=row], .sub_table  tr:hover td
{
  background-color: #632;
  color: #fff;
}