/* Demo styles, page-specific - not needed for your use. */

html {
 background:#177bc8 url(../images/wallpaper/bg2.gif);
 height:100%;
}

body {
 /** background:transparent url(../images/bg2.gif); */
 background:transparent;
 font:normal 12px verdana,tahoma,arial;
}
	
img {
    border:0px;
}
a {
    color:#99ffff;
    border:0px;
}
a:hover {
    color:#ffff00;
    border:0px;
}
a.validator {
    color:#99ffff;
    border:0px;
}
a.validator:hover {
    color:#ffff00;
    border:0px;
}

h1, h2 {
 font:normal 1em verdana,tahoma,arial;
 letter-spacing:-0.5px; /* it isn't web 2.0 otherwise, right? ;) */
}

h2 {
 font-size:1.25em;
 letter-spacing:0px;
 font-style:italic;
}

h2.compact {
 margin-top:0.05em;
 margin-bottom:1em;
}

h2.tight {
 margin-bottom:0.5em;
}

h2 em {
 text-decoration:underline;
}

ul {
 margin:0.5em 0px 0px 1.5em;
 padding:0px;
}

ul li {
 line-height:1.9em;
}

p {
 margin:0.5em 0px 1.25em 0px;
 padding:0px;
 line-height:1.7em;
}

p.last {
 margin-bottom:0px;
}

p.compact {
 margin:0px;
 padding:0px;
}
p.compact1 {
 margin:0px;
 padding:0px;
 text-align:center;
}

pre {
 border:1px solid #cc3333;
 width:99%;
 overflow:auto;
 max-height:39.4em;
}

pre span {
 display:block;
 border:1px solid #cc3333;
 border-left:none;
 border-right:none;
 margin-top:1em;
 padding:0.5em 0px 0.5em 0px;
 color:#ff9999;
}

p, ul {
 font-size:0.9em;
}

.copyright {
    font:normal 11px verdana,tahoma,arial;
    color:#99ffff;
    text-align:center;
}

.underconstruction {
	font:normal 16px verdana,tahoma,arial;
	color:white;
	/* text-align:center; */
	float:right;
}
.content2 {
	font:normal 12px "Trebuchet MS", verdana,tahoma,arial;
	color:white;
	text-align:justify;
	width:440px;
	
	/**
	width:240px;
	float:right;
	**/
}
.pixcontent {
	float:left;
}
#sitecontent {
	margin-left: 4px;
	padding: 0;
	width: 90%;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding-left: 5px;
}
#sitecontent1 {
	margin-left: 0px auto;
	padding: 0;
	/* width: 98%; */
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding-left: 5px;
	text-align:justify;
}

/* demo layout (columns, etc.) - only for this demo page */

#mainpage {
 position:relative;
 margin:0px auto;
 _width:100%; /* IE 6 sucks. */
 max-width:1600px;
}

.col {
 /* float:left;
 display:inline; */
 width:800px;
 _width:800px;
 margin:0px auto;
}

.col.last {
 margin-right:0px;
}

/* content-specific */

.dialog .content {
 padding:0.5em 1em 0.5em 0px;
}

.dialog .wrapper {
 min-height:155px; /* minimum content height, so bottom shade fills in nicely - can ignore if no gradient in dialog, etc. */
}

.dialog h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 padding-top:0.25em;
}

html>body .dialog pre {
 font-size:1.1em;
 *font-size:0.9em;
}

code {
 font-size:1.1em;
 color:#ccffff;
}


img.content1 {
	vertical-align:top;
	border:5px;
}

/** Live validation **/
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
	input.LV_valid_field:hover, 
	input.LV_valid_field:active,
	textarea.LV_valid_field:hover, 
	textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
	input.LV_invalid_field:hover, 
	input.LV_invalid_field:active,
	textarea.LV_invalid_field:hover, 
	textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

/*********************************** forms *****************************************/

label { font-weight: bold; }

input, select {
  width:100px;
}

input, textarea, select {
  border:1px solid #aaaaaa;
  padding:2px;
  background:#ffffff url(../images/inputBg.gif) top left no-repeat;
  margin-top:2px;
}

input.checkbox {
  width:15px;
  background:none;
  border:0;
}

input.radio_button {
  width:15px;
  background:none;
  border:0;
}

input.small, select.small {
  width:50px;
}

input.large, select.large {
  width:200px;
}

input.extra_large, select.extra_large {
  width:300px;
}

input:hover, textarea:hover, select:hover {
  border:1px solid #888888;
}

input:active, textarea:active, select:active {
  border:1px solid #888888;
}

input.submit {
  background:#ffffff url(../images/submitBg.png) -20px 0 no-repeat;
  color:#ffffff;
}

input.submit:hover {
  
  cursor: pointer;
}

textarea {
  width:300px;
  height: 200px;
}

textarea.deep {
  height:350px;
}

textarea.shallow {
	height:100px;
	width:390px;
}

fieldset {
  background:transparent;
  padding:2%;
  border:1px solid #e3e3e3;
  margin:0;
}

legend {
  font-weight:normal;
  font-size: 12px; 
  /* letter-spacing: -1px; */
  color:#ffffff;
}

 <!--[if IE]>
	  /* fix for fieldset background spill bug in all flavours of IE */
  fieldset {
	position: relative;
	margin: 2em 0 1em 0;
  }
  legend {
	position: absolute;
	top: -0.5em;
	left: 0.2em;
  }
<![endif]-->