/*
Dark Blue:   009cda
Light Blue:  6ec6f1
Grey:        616265
*/

html {
	margin: 0;
	padding: 0;
}

body {
	margin:0;
	padding:0;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	font-size: 0.9em;
  background-color: #ffffff;
}

p { 
	margin-top: 0;
	text-align: justify;
}

h1 {	
	background: #6ec6f1;
	font: bold 1.2em Arial,Verdana,sans-serif;
	text-align:left;
	color: #ffffff;
	padding: 2px 2px 2px 7px;
	margin:0 0 5px 0;
}

h2 {
	color: #6ec6f1;	
	font: bold 1.2em Arial,Verdana,sans-serif;	
	margin-bottom: 2px;
}

h3 {  
	color: #6ec6f1;	
	font: bold 1.1em Arial,Verdana,sans-serif;	
	text-align:center;
	margin: 2px 0 2px 0;
	padding:0;
}

hr 
{
  height:1px;
  color:#009cda;
}

img 
{
  border-style: none;
}

li 
{
  list-style-image: url(/images/bluesquare8x8.jpg);
  padding: 0 0 8px 0px;
  margin: 0;
}

a {color:#015daa; padding:2px;}
a:visited {color:#015daa;}
a:hover {color: #ff0000;}


#topContainer {
	background-color: #ebf5fc;
	width:970px;height:60px;
	margin: 5px auto 5px auto;
	padding: 0;
	border-top:1px #009cda solid;
	border-bottom:1px #009cda solid;
}

#headerL
{
 	height:28px;
 	float:left;
	text-align: left;
	vertical-align:text-bottom;
	color: #898989;
	font: bold 1.6em tahoma,verdana,san-serif;
	letter-spacing: 0.3em;
  padding: 0 0 0 5px;
  margin:0;
}

#headerR
{
  float:right;
  text-align: right;
	font: bold 0.8em verdana,san-serif;
	padding: 0 5px 0 0;
	margin: 0;
}

#menubarContainer 
{
  float:left;
	width:970px;height:22px;
	margin:0 auto 0 auto;
	padding:5px 0 5px 0;
}

#menubar {
	float:left;
	font:bold 0.8em verdana,san-serif;
  padding:0;
  margin:0;
}

.divLoginBar
{
	float:right;
	font:bold 0.8em verdana,san-serif;
  padding:0;
  margin:0;
}

#mainContent 
{
	width:970px;
	margin:0 auto 0 auto;  
}

#footer {
	background: #ebf5fc;
	height:20px;
	font:normal 0.7em verdana,sans-serif;
	width:970px;
	margin:5px auto 0px auto;
	padding:3px 0 0 0;
	text-align:center;
	border-top:1px #009cda solid;
	clear:both;
}

#fullPanel {
	width:100%;
}

#leftPanel {	
	float:left;
	width:122px;
	margin:0;
	padding:0;
}

#leftPanel2 
{
	float:left;
	width:834px;
	margin:0;
	padding:0;  
}

#middlePanel {	
	float:left;
	width:700px;
	margin:0;
	padding:0 0 0 12px;
}

#rightPanel {
	margin:0 0 0 840px;
}

#rightPanel2 {
	border:1px #009cda solid;
	width:122px;
	padding:3px;
	margin-bottom:5px;
	margin-right:0px;
}

#rightPanel2 p {
	font-family: Verdana,san-serif;
	font-size:0.7em;
	text-align:center;	
}

#divCodePreview 
{
	border:1px #009cda solid;
  padding:3px;
	height: 375px;
	overflow:auto;
  font-family:Courier New, Sans-Serif;
  font-size:small;
  text-align: center;  
}

.msgBox
{
  border:solid 2px #009cda;
  background-color:#ffffdd;
  font-weight:bold;
  text-align:center;
  width:400px;
  margin:0 auto 0 auto;
  padding:10px;
}

.genFormField 
{  
  border: solid 1px black;
}

.formStyle
{
  border: solid 2px #009cda;
  border-spacing: 0px;
  background-color:#ffffdd;
  font-size:small;
  vertical-align:top;
  margin:0px;
  table-layout: fixed;
}
.formStyle td, .genFormStyle td
{
  padding: 5px;
  border-bottom: solid 1px #d4ecfb;
}

.formStyle tr, .genFormStyle tr
{
  vertical-align:top;
}

.genFormStyle
{
  border: solid 2px #009cda;
  border-spacing: 0px;
  background-color:#ffffdd;
  font-size:small;
  vertical-align:top;
  margin:0px;
  table-layout: fixed;
  width:750px;
}

.smallText
{
	font-family: Verdana,san-serif;
	font-size:xx-small;
	text-align: left;
}

.featureTable
{
  width:100%;
  border:1px #00693e solid;
  background-color:#ebf5fc;
  font-size:small;
  padding:3px;
  margin:0px;
  table-layout: fixed;  
}

.featureTable thead
{
  border-style: none;
  background-color:#8dcff4;
  font-weight:bold;
  font-size:x-small;
}

.featureTable tr
{
  vertical-align:top;
}

.featureTable td
{
  padding: 5px;
  border-top: solid 1px #d4ecfb;
  text-align:center;
  font-size:x-small;
}

td.featureName
{
  text-align:left;
}

.validationSummary li
{
  list-style-image:none;
  list-style-type: square;
}

.pageMessage
{
  font-weight:bold;
  color: #ff0000;
  text-align: left;
  padding:0;
  margin:5px 0px 5px 0px;
}

/* Code Generation Form Styles */
#leftPanel2GenForm
{
	float:left;
	width:784px;
	margin:0 0 0 0;
	padding:0 0 0 0;  
}

#rightPanelGenForm {
	margin:0 0 0 790px;
}

#rightPanel2GenForm {
	border:1px #009cda solid;
	width:172px;
	padding:3px;
	margin-bottom:5px;
	margin-right:0px;
}


/* -- Legal Pages Styling -- */
#legalContent, #errorPage {
	width:970px;
	margin:0 auto 0 auto;
	padding:0;
}
#legalContent p 
{
  font-size:small;
  margin: 0 0 5px 0;
  padding: 0;
}
#legalContent li
{
  list-style-image: none;
  list-style-type: upper-alpha;
}