/* Application.cfm */
body{background:#fff; color:#000; margin:0px; font: 72%  "Arial","Verdana","Tahoma", "Arial", "Lucida", "Trebuchet MS", sans-serif, "Nimbus Sans L";}
img{border:none;}
.cfdebug {margin-top: 100px}

h1 {font-size: 1.3em; font-weight: bold;}
h2 {font-size: 1.3em; font-weight: bold;}
h3 {font-size: 1.3em; font-weight: bold;}
h4 {font-size: 1.3em; font-weight: bold;}
h5 {font-size: 1.2em; font-weight: normal;}

#header_logo {}
    #header_logo img{border: 1px}
    #search {padding-left: 8px;}
    
/* module_detail.cfm */
/* screen_detail.cfm */
#container {clear: both; width: 98%;}
 

/* Forms */
form {
  font-family: Verdana, Tahoma, Arial, sans-serif, Nimbus Sans L;
  margin: 0px;
  padding: 0px;
  font-size: 1em;
  width: 62%;
}

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000;
  border-width: 1px 0px 0px 0px;
  border-style: solid none none none;
  padding: 20px;
  padding-top: 10px;
}

form fieldset legend {
  font-size: 1.2em;
  font-weight: normal;
  color: #000;
  padding: 0px 10px;
}

input, select, textarea {
  font-family: Verdana, Tahoma, Arial, sans-serif, Nimbus Sans L;
  font-size: 1em;
  color: #000000;
}

textarea {
  overflow: auto;
}

form div {
  clear: left;
  display: block;
  width: 414px; 
  height: expression('1%');
  margin: 5px 0px 0px 0px;
  padding: 1px 3px;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0px 0px 0px 142px;
  padding: 0px 5px 5px 5px;
  width: 197px;
}

form div label {
  display: block;
  float: left;
  width: 140px;
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
  text-align:left;
}

form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  height: expression('1%');
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0px 0px 5px 0px;
  width: 170px;
}

form div input, form div select, form div textarea {
  width: 250px;
  padding: 1px 3px;
  margin: 0px 0px 0px 0px;
}

form div select.selectOne, form div select.selectMultiple {
  width: 268px;
  padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

form div.submit {
  width: 100% !important;
  padding: 0px;
}

form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0px;
  margin: 0px;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0px 6px;
  margin: 0px;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0px 0px 0px 5px;
}

form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio {
  display: block;
  width: 190px;
  height: expression('1%');
  padding: 4px 0px 0px 18px;
  text-indent: -155px;
  line-height: 120%;
}

/* Application Menu */

#application_menu{
	padding-left:40px; 
	padding-bottom: 20px;
	}
	#application_menu a{
		text-decoration: none;
	}
	#application_menu a:hover{
		text-decoration: none;
		font-weight: bold;
	}

/* Auto Complete */
div.auto_complete {
	width: 255px;
	background: #fff;
}
div.auto_complete ul {
	border:1px solid #888;
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
}
div.auto_complete ul li {
	margin:0;
	padding:3px;
}
div.auto_complete ul li.selected { 
	background-color: #ffb; 
}
div.auto_complete ul strong.highlight { 
	color: #800; 
	margin:0;
	padding:0;
}

#masthead {
   position:absolute;
   top:0;
   width:100%;
   height:20px;   /* Height of the footer */
   /*background:#fff;*/
}
html>body #masthead {
	position:fixed;
	top:0;
	z-index:11; /* Prevent certain problems with form controls */
}

#nav {
 list-style:none;
 margin:0;
 padding:0;
 position: relative;
 float: right;
 background: #fff;
 margin-right: 20px;
} 

.tItems{  width: 80%;
  border:0;
  padding:0;
  border-spacing:1px;
}

.tItems td{
  border: 1px solid #A0A0A0;
  padding: 2px;
  text-align: center;
}

.tItems .ttl td{
  background: #000;
  color: #fff;
  font-weight:bold;
  text-align: center;
}

.tItems .total td{ border:0; padding-top:10px;}
.tItems .total td.aright{ text-align: right !important;}
.tItems .even{ background-color: #ccc;}

.tOrder{
  width: 400px;
  border:0;
  padding:0;
  border-spacing:1px;
}

.tOrder td{
  border: 1px solid #A0A0A0;
  padding: 2px;
}

.tOrder .ttl{
  background: #000;
  color: #fff;
  font-weight:bold;
  width: 130px;

}

.clopen{ color: #888;}



.ttip {
   border-color:#7f7f7f;
   background:#fff;
   display:none;
   position:absolute;
}


.tbl-records td {
    border-right: 1px #9b9b9b solid;
    text-align: center;
}
.tbl-records .tr-bottom {
    background: #f3ffeb url(../images/tbl_tr_bottom_bg.gif) bottom repeat-x;
}
.tbl-records .tr-bottom td {
    border-bottom: 1px #000 solid;
    padding-bottom: 17px;
}
.tbl-header {
    background: url(../images/tbl_header.gif) repeat-x;
    color: #aeaeae;
    text-decoration: none;
    vertical-align: top;
}
.tbl-header td {
    padding: 5px 5px 0px 5px;
}
.tbl-header div {
    height: 37px;
}
.tbl-header a {
    color: #fff;
    text-decoration: none;
}

.tbl-header .arrow-down {
    background: url(../images/arrow_down.gif) center bottom no-repeat;
    height: 5px;
}
.tbl-header .arrow-up {
    background: url(../images/arrow_up.gif) center bottom no-repeat;
    height: 5px;
}
.tbl-header .arrow-down-cur {
    background: url(../images/arrow_down_cur.gif) center bottom no-repeat;
    height: 5px;
}
.tbl-header .arrow-up-cur {
    background: url(../images/arrow_up_cur.gif) center bottom no-repeat;
    height: 5px;
}
#action-div{
	position:absolute;
	background-color:#fff;
	border:1px solid black;
	z-index:1000;
	padding:5px;
}
#action-div a{
	color:#111;
	padding:5px;
	text-decoration:none;
}
#action-div a:hover{
	color:#444;
	padding:5px;
}
.asc {
	display: block;
	color: #ffffff;
	padding-right: 10px;
	background: url(../images/arr_down_cur.gif) right no-repeat ;
}
.desc {
	display: block;
	color: #ffffff;
	padding-right: 10px;
	background: url(../images/arrow_up_cur.gif) right no-repeat;
}
.sortMe a{
	color: #ffffff !important;
	}
.required {
	color:#000000 !important;
	margin: 0px;
	width: 100% !important;
	}