/*
CSS theme comes from
http://www.smartisans.com/articles/web_color.aspx
*/

body {
  background-color: #CC9999;
  color: brown;
  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;
   }


h1,h2,h3,h4 {
   color:#415358;
   font-weight:bold;
   margin:0;
   padding:0;
}
h1 {font-size:18px}
h2 {font-size:16px}
h3 {font-size:14px}
h4 {font-size:12px}

p {
   margin:7px 0;
   padding:0;
}

ul{
   margin:0 0 0 15px;
   padding:0;
}
li{
   padding:1px 0;
}
img{
   border:0;
   margin:0;
}


div#container2 {
   width:880px; 
   float:left; 
   margin-left:auto; 
   margin-right:auto;
   /*background-color: lime;*/
   /*border:4px dotted lime;*/
} 


div#container {
   margin-left:auto;
   margin-right:auto;
   background-color: #CC9999;
   padding:0px;
   width:750px;
} 

div#header {
   padding-top:5px;
   padding-bottom:5px;
   /*width:750px; */
   background-color:#996666;
}

#header h1{
   color:#000033;
}





div#fs {
   border:rgb(153, 102, 102) 5px solid;
   background:#FFE6CC; 
   padding:10px; 
   margin:0 auto;
   font-family:tahoma,arial,verdena;
   font-size:11px;
   font-weight:Normal;
   color:black;   
}


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


.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;}


div#frm1 {background:#FFE6CC; 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%; }


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:#FFE6CC; 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:60%;height:18em;}
form#frm1 textarea.fit {width:60%;height:18em;}
form#frm1 textarea.fitsmall {width:50%;height:2em;}
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 #reset,
form#frm1 #submit_del,
form#frm1 #submit_cancel,
form#frm1 #submit_add,
form#frm1 #submit_save,
form#frm1 #submit_preview,
form#frm1 #submit_upload,
form#frm1 #submit_continue
 {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 #reset:hover,
form#frm1 #submit_preview:hover {background-position:center left; color:red;}
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;}



.char_cnt{
   border:1px solid #FF976A;
   background-color:#FFE3D7;
   height:16px;
   padding:1px 0;
   margin-left:10px;
   text-align:center;
   width:40px;
   float:left;
   clear:right;
}


/*MENU*/
#menu2 {
  padding:0;
  margin:1em 1em;
  list-style-type:none; 
  }
#menu2 li {
  width:7em; 
  height:1.5em; 
  float:left;
  border:1px solid #000;
  margin-right:2px;
  }
#menu2 a em {
  font-style:normal; 
  font-size:1em; 
  line-height:1.5em;
  }
#menu2 a {
  text-decoration:none;
  color:#000;
  position:absolute; 
  width:7em; 
  height:1.5em; 
  display:block;
  text-align:center;
  }
#menu2 a.red {background:#996666; color:#FFE6CC; font-weight:bold;}
#menu2 a.orange {background:#fc0; color:#000;}
#menu2 a.yellow {background:#ee0; color:#000;}
#menu2 a.green {background:#080; color:#fff;}
#menu2 a.blue {background:#00c; color:#fff;}
#menu2 a:hover {
  width:120px; 
  height:28px;
  z-index:200;
  background:#aaa;
  }
#menu2 a:hover em {
  font-size:1.5em;
  line-height:1.1em;
  overflow:hidden;
  cursor:pointer;
  background:#fff; 
  border:1px solid #000;
  position:absolute; 
  width:120px; 
  height:25px;
  left:-12px; 
  top:-8px;
  }
#menu2 a:hover.red em {background:#c00;}
#menu2 a:hover.orange em {background:#fc0;}
#menu2 a:hover.yellow em {background:#ee0;}
#menu2 a:hover.green em {background:#080;}
#menu2 a:hover.blue em {background:#00c;}