pre {
   white-space: -moz-pre-wrap; 
   /*white-space: pre-wrap; */
   /*word-wrap: break-word;*/
}
 
.debug{
   background:pink; text-align:left; padding:1em;
}
.test{
   background:yellow;
}

/* GALLERY*/
   img.tac {
 		width:1.2em;
 		height:1.2em;
 		border:0;
	}
/* GALLERY*/


div#fs {
   /*background:#FFFFCC; */
   background:#FFFFCC; 
   /*xxwidth:638px; */
   padding:10px; 
   border:1px solid #000;  
   margin:0 auto;
   font-family:tahoma,arial,verdena;
   font-size:11px;
   font-weight:Normal;
   color:black;   
}



	div#iconmenu_box
	{
		font-size:1em; 
		margin-bottom:.5em;
		
	}
	
	.iconmenu
	{
		padding:.5em; 
		font-size:1em; 
		border:solid 2px black;
		background:#FFFFCC;
	}
	

	
xdiv#contentData p 
{
	color:pink; 
	font-size:.9em; 
	font-weight:bold; 
	padding:0; 
	margin:0;

}
	




   body {
  background-color: white;
  color: red;
  font-size: 80.1%;
  font-weight: normal;
  font-family: arial, sans-serif; /*same as table bellow for font type*/
  height:100%;
  /*background: white;*/
   }

   .cleardiv {
  clear: both;
  height: .1em;
   }

   .center
   {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
   }


   div.genwid2 {
		width:65%;
   }

   div#gendiv {
  border: ridge 9pt red;
 	background-color: white;
		/*float: left; makes it be out side on main area*/
  /*text-align: center;*/
  margin-left: auto;
  margin-right: auto;
  padding: 0.5em;
		/*width:70%;*/
   }




.inputErr {background: #FCEEEC repeat-x top left;}
.inputReq {background: #E4FEE4 repeat-x top left;}
.inputNormal {background: #fff repeat-x top left;}
.inputAreaErr {background: #FCEEEC repeat-x top left;}
.inputAreaReq {background: #E4FEE4 repeat-x top left;}
img.err {float:left;}
.cl {clear:both; padding-top:22px;}


.planInfo {background:pink; padding:10px; margin-top:10px;}

div#frm1 {background:#FFFFCC; width:100%; margin:0 auto;}
div#frm1 fieldset {width:97%; display:block; border:2px solid white; padding:1%; margin-bottom:0.5em; line-height:1.5em;}
div#frm1 legend {font-family:georgia, sans-serif; font-size:2.1em; font-weight:bold;border:3px solid white; margin-bottom:5px; padding:3px; }
div#frm1 legend a {font-size:.5em;}

div#frm1 span {color:black; }
div#frm1 .label {width:170px; font-weight:bold; margin-top:2em;}
div#frm1 .label2 {color: #FF9900; font-weight:bold}

div#frm1 .datlabel {clear: both; padding-bottom:15px; float:left; width:110px; text-align:right; font-weight:bold;}
div#frm1 .dat {padding-bottom:15px; margin-left:1em; float:left;  width:470px;}
  
div#frm1 p.question {font-size:1.2em; font-weight:bold;}
div#frm1 p.answer   {color: black; border-bottom:2px dotted green; padding-bottom:20px;}

div#frm1 .read {padding:1em; background:white; border:1px black solid;width:85%; }

xxdiv#frm1 p {width:170px; font-weight:bold; color:red;}

div#noticeOk {padding-top:10px; padding-bottom:10px; background:yellow; border:1px solid black; text-align:center;}
div#noticeFail {padding-top:10px; padding-bottom:10px; background:red; border:1px solid black; text-align:center;}

form#frm1 {background:#FFFFCC; width:100%; margin:0 auto;}
form#frm1 fieldset {width:97%; display:block; border:2px solid white; padding:1%; margin-bottom:0.5em; line-height:1.5em;}
xform#frm1 fieldset#part1 {background:transparent no-repeat 530px 30px;}
xform#frm1 fieldset#part2 {background:transparent no-repeat 120px 190px;}
xform#frm1 fieldset#part3 {background:transparent no-repeat 540px 70px;}
xform#frm1 fieldset#part4 {background:transparent no-repeat 450px 50px;}
/** html xform#frm1 fieldset#part1 {background-position:400px 20px;}*/
/** html xform#frm1 fieldset#part2 {background-position:400px 20px;}*/
/** html xform#frm1 fieldset#part3 {background-position:390px 20px;}*/
form#frm1 legend {font-family:georgia, sans-serif; font-size:2.1em; font-weight:bold;border:3px solid white; margin-bottom:5px; padding:3px; }
form#frm1 legend a {font-size:.5em;}
xform#frm1 .lbl {color: #FF9900; font-weight:bold}
xform#frm1 p.note 	 {clear:left; display:block; float:left; font-weight:bold; margin: 0; padding: 0;}
xform#frm1 p.example{clear:left; display:block; float:left; font-style: italic; margin: 0; padding: 0;}

form#frm1 .datlabel {clear: both; padding-bottom:15px; float:left; width:110px; text-align:right; font-weight:bold;}
form#frm1 .dat {padding-bottom:15px; margin-left:1em; float:left; width:470px;}

form#frm1 p.question	 {font-weight:bold;}
form#frm1 p.statement {font-weight:normal;}


form#frm1 ul {padding-left:25px; clear:both;}

form#frm1 hr {border:3px red dotted; margin:15px;}
form#frm1 hr.two {clear:both; border:1px green dotted; margin:0px;}

xform#frm1 h1 {text-align: center; margin: auto; border-bottom: solid 2pt gray; margin-bottom: 1em; clear: both;}
xform#frm1 h2 {text-align: center; margin: auto; border-bottom: solid 2pt gray; margin-bottom: 1em; clear: both;}

form#frm1 label {clear:left; display:block; float:left; width:170px; text-align:right; padding-right:10px; font-weight:bold; margin-top:0.5em;}
form#frm1 label.textarea1 {text-align:left; float:none;}
form#frm1 label.input {text-align:left; float:none;}
form#frm1 label.radio {float:none; text-align:left; display:inline; padding-left:.5em; margin:0; font-weight:normal;}
 
form#frm1 .label3 {font-weight:bold}
form#frm1 .label2 {color: black; font-weight:bold}

form#frm1 div.warning {margin-left:180px;background:red; border:1px black solid; margin-bottom:3px;}
/* Warning2 is for screen where for objects(labels) align to the right*/
form#frm1 div.warning2 {background:red; border:1px black solid; margin-bottom:3px;}

form#frm1 .note {margin-left:170px; padding-bottom:10px;line-height:1em;}

table#frm2 {border:none;}
table#frm2 ul {border:none; clear:both; list-style-type:none; padding:0px;margin:0;}
table#frm2 li {clear:both;}
table#frm2 label {width:130px; border:none; text-align:left;  font-weight:normal; margin:0;}
form#frm1 input.frm2 {border:none; margin-bottom:0;}


form#frm1 input {border:2px inset #fff; padding-left:0.5em; margin-bottom:0.6em;}
form#frm1 input.readonlie {background: #FFFFCC; border:1px solid black;}
form#frm1 input.butt {border:2px outset #fff; background:#fff repeat-x top left; padding-left:0.5em; margin-bottom:0.6em; margin-left:1em;}
form#frm1 input.butt2 {float:right;}
form#frm1 input.butt3 {width:11em;}
form#frm1 input.radio {border:0; padding:0; margin:0 0 0 2em;}
form#frm1 select {margin-left:0em;}
form#frm1 textarea {float:left; width:85%; height:6em; border:2px inset #fff; padding:0.5em; overflow:auto;}
form#frm1 textarea.tall {height:20em;}
form#frm1 textarea.tallest {height:60em;}
form#frm1 textarea.fit {width:55%;height:18em;}
form#frm1 textarea.fitsmall {width:55%;height:5em;}
form#frm1 textarea.readonlie {background: #FFFFCC; border:1px solid black;}
form#frm1 option {background:#788; color:#fff;}

form#frm1 div.read {border:1px black solid;width:85%; }

xform#frm1 #submit_clear,
xform#frm1 #submit_refresh,
xform#frm1 #submit_findCity,
xform#frm1 #submit_findState,
xform#frm1 #submit_findCntry,
xform#frm1 #reset,
form#frm1 #submit_del,
form#frm1 #submit_cancel,
form#frm1 #submit_add,
form#frm1 #submit_save,
form#frm1 #submit_upload,
form#frm1 #submit_continue,
form#frm1 #submit_selPar,
form#frm1 #submit_selChd,
form#frm1 #submit_selRel
 {border:3px outset green; background:#fff repeat-x top left; color:#c00; padding-right:0.5em; cursor:pointer; width:125px; margin-left:8px;}
xform#frm1 #submit_add:hover,
xform#frm1 #submit_del:hover,
xform#frm1 #submit_clear:hover,
xform#frm1 #submit_refresh:hover,
xform#frm1 #submit_cancel:hover,
xform#frm1 #submit_findCity:hover,
xform#frm1 #submit_findState:hover,
xform#frm1 #submit_findCntry:hover,
xform#frm1 #reset:hover,
form#frm1 #submit_selPar:hover,
form#frm1 #submit_selChd:hover,
form#frm1 #submit_selRel:hover,
form#frm1 #submit_save:hover {background-position:center left; color:red;}



form#frm3 div.warning2 {background:red; border:1px black solid; margin-bottom:3px;}


form#frm3 {background:#FFFFCC; width:100%; margin:0 auto;}
form#frm3 fieldset {width:97%; display:block; border:2px solid white; padding:1%; margin-bottom:0.5em; line-height:1.5em;}
form#frm3 legend {font-family:georgia, sans-serif; font-size:2.1em; font-weight:bold;border:3px solid white; margin-bottom:5px; padding:3px; }
form#frm3 legend a {font-size:.5em;}

form#frm3 label {clear:left; font-weight:bold; display:block;padding:0; margin:0;}
form#frm3 label.textarea1 {text-align:left; float:none;}
form#frm3 textarea.hsmall {width:95%; height:5em;}

form#frm3 span.radio {display:block; width:200px; float:left; font-weight:bold;}
form#frm3 label.radio {display:inline;}

form#frm3 label.select {display:block; float:left; width:200px;}
form#frm3 select {/*float:right;*/}


form#frm3 textarea {float:left; width:100%; height:30em; border:2px inset #fff; padding:0.5em; overflow:auto;}
form#frm3xx textarea.tall {height:20em;}
form#frm3xx textarea.fit {width:55%;height:18em;}



/************************************************************************/
/* Mini pop up category on hover over the folder icon for subcategories */
/************************************************************************/
.hov table {position:absolute; border:0; 
         /*xborder-collapse:collapse; */
         left:0;}
.hov a {background:#9c9; color:#000; text-decoration:none;}
.hov b {
         /*xdisplay:none; */
         font-weight:normal;}
.hov:hover {position:relative; z-index:100;}
.hov a:hover,
.hov:hover a
{border:0; text-decoration:none; position:relative;}
.hov:hover b, 
.hov a:hover b
{display:block; visibility:visible; position:absolute; left:-10px; top:1em; background:#ffc; cursor:pointer; border:1px solid #888; padding:5px 10px;}
.hov b a {white-space:nowrap; color:#000; text-decoration:none; background:transparent; display:block;}
.hov b a:hover {text-decoration:underline;}








div.rev1 {background:white;border:1px solid black; padding:1em; margin-top:.5em;}
div.rev1 span {font-weight:bold;}


div.rev2 {background:white;border-top:1px solid red; padding:.5em; margin-top:.5em;}
div.rev2 span {font-weight:bold;}

  








/***********Gallery list *****************************/
div#galHouse {margin:auto; width:480px; background:white;}

div#galHouse .galSingle {background:white; border:solid 1px black; float:left; width:220px; xmin-height:170px; margin:3px; padding:5px;}

div#galHouse img.galSizer {float:left; width:1px; height:16em;}

div#galHouse img.galCover {float:left; margin:.5em 1em 0em .5em; border:5px ridge gray;}

div#galHouse div.galTopFootBar {}
div#galHouse div.galBotFootBar {}

/****************************************/

/***********Gallery view*****************************/

div#galvHouse {margin:auto; width:575px; background:white;}

div#galvHouse .galvSingle {background:white; border:solid 1px black; float:left; width:165px; xmin-height:170px; 
 margin:6px; text-align:center; padding:5px;}

div#galvHouse img.galvSizer {float:left; width:1px; height:16em;}

div#galvHouse img.galvCover {display:block; margin:auto; border:5px ridge gray;}

div#galvHouse div.galvTopFootBar {}
div#galvHouse div.galvBotFootBar {}

/****************************************/

/***********Gallery selected in gallery View ***************/
div#house {background:white; border:solid 1pt black;}

div#house div.imgSingle {background:white; float:left; width:160px; min-height:170px; margin:3px; padding:5px;}

div#house img.imgframe {border:5px ridge gray;}

div#house .imgInfo {text-align:left; border-top:5px ridge gray;}
div#house p {padding-left:15px;}
/****************************************/

/***********Image selected*****************************/
div#imgHouse {background:white; border:solid 1pt black;margin:auto; padding:10px;}

xxdiv#imgHouse div.imgSingle {background:white; float:left; width:160px; min-height:170px; margin:3px; padding:5px;}

div#imgHouse h2 {text-align:center;}
div#imgHouse .imgframe {display:block; margin:auto; border:5px ridge gray;}

div#imgHouse .imgInfo {text-align:left; border-top:5px ridge gray;}
xxdiv#imgHouse p {padding-left:15px;}


/****************************************/








/***********Guestbook********************/
div#gb {padding:10px;}

div#gb .gbBox{background:white; padding:5px; margin-top:5px; border:3px solid black;}

div#gb .gbHead{background:#FFFFCC; border:2px dotted red;padding:5px;}

div#gbx fieldset {width:97%; display:block; border:2px solid white; padding:1%; margin-bottom:0.5em; line-height:1.5em;}
div#gbx legend {font-family:georgia, sans-serif; font-size:2.1em; font-weight:bold;border:3px solid white; margin-bottom:5px; padding:3px; }
div#gbx legend a {font-size:.5em;}
div#gb p{font-size:1em;padding:0; margin:0; color:red;}
div#gb .lbl{font-size:1em;padding:0; margin:0; color:green;font-weight:bold;}
div#gb .gbDt {float:left;}
div#gb .gbLoc {float:right;}


div#frm1 span {color:black; }

/****************************************/

/***********web Blog ********************/
div#wb {padding:10px;}

div#wb .wbBox{background:white; padding:5px; margin-top:5px; border:7px solid black;}

div#wb .wbHead{background:#FFFFCC; border:2px dotted red;padding:5px;}

div#wbx fieldset {width:97%; display:block; border:2px solid white; padding:1%; margin-bottom:0.5em; line-height:1.5em;}
div#wbx legend {font-family:georgia, sans-serif; font-size:2.1em; font-weight:bold;border:3px solid white; margin-bottom:5px; padding:3px; }
div#wbx legend a {font-size:.5em;}
div#wb p{font-size:1em;padding:0; margin:0; color:red;}
div#wb .lbl{font-size:1em;padding:0; margin:0; color:green;font-weight:bold;}
div#wb .wbDt {float:left;}
div#wb .wbLoc {float:right;}

div#wb .wbFoot 
{
   background: url(site/001/img/system/icon_clock.gif) #F8F8F8 no-repeat center left;
	color: #666666;
	font-size: 1em;
	line-height: 20px;
	margin: 15px 0px 15px 0px;
	padding: 2px 3px 2px 18px;
}

div#wb h2{
	border-bottom: 1px solid #CCCCCC;
	color: #B6B6B6;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align: left;
}


div#wb h1{
	color: #222222;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -2px;
	line-height: normal;
	margin: 0px;
	padding: 10px 0px 5px 0px;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
}

div#wb p{
	color: #222222;
	margin: 0px;
	padding: 10px 0px 5px 0px;
	text-align: left;
}


zzzzdiv#frm1 span {color:black; }

/****************************************/

/***********index Blog ********************/
div.idxBlog {padding:0;}

div.idxBlog .idxBlogBox
{
   background:white; 
   border:1px solid black;
   padding:15px; 
   margin-top:5px; 
}

div.idxBlog .idxBlogFoot 
{
   background: url(site/001/img/system/icon_clock.gif) #F8F8F8 no-repeat center left;
	color: #666666;
	font-size: 1em;
	line-height: 20px;
	margin: 15px 0px 15px 0px;
	padding: 2px 3px 2px 18px;
}

div.idxBlog h2{
	border-bottom: 1px solid #CCCCCC;
	color: #B6B6B6;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align: left;
}


div#idxBlog h1{
	color: #222222;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -2px;
	line-height: normal;
	margin: 0px;
	padding: 10px 0px 5px 0px;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
}

div#idxBlog p{
	color: #222222;
	margin: 0px;
	padding: 10px 0px 5px 0px;
	text-align: left;
}



/****************************************/


/*********** faq Blog ********************/
div.faqBlog {padding:0;}

div.faqBlog .faqBlogBox
{
   background:white; 
   border:1px solid black;
   padding:15px; 
}

div.faqBlog .faqBlogFoot 
{
   background: url(site/001/img/system/icon_clock.gif) #F8F8F8 no-repeat center left;
	color: #666666;
	font-size: 1em;
	line-height: 20px;
	margin: 15px 0px 15px 0px;
	padding: 2px 3px 2px 18px;
}

div.faqBlog h2{
	border-bottom: 1px solid #CCCCCC;
	color: #B6B6B6;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align: left;
}


div#faqBlog h1{
	color: #222222;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -2px;
	line-height: normal;
	margin: 0px;
	padding: 10px 0px 5px 0px;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
}

div#faqBlog p{
	color: #222222;
	margin: 0px;
	padding: 10px 0px 5px 0px;
	text-align: left;
}


zzzzdiv#frm1 span {color:black; }

/****************************************/




div#preview {
   float:none; 
   background:white; 
   border: medium double red; font-size: 1em; text-align:left;
   padding:1em;
}