.title-container {
	padding-left: 8px;
}

.title1 {
	text-align: left;
	padding: 2px;
	border-bottom: 1px solid #333;
	font-size: 14px;
	font-weight: bold;
}

.title2 {
	text-align: left;
	padding: 2px;
	border-bottom: 1px solid #333;
	font-size: 12px;
	color: #333;
	font-weight: bold;
}

.content-container {
	padding-top:  4px;
	padding-left: 15px;
}

.content-header        { text-align: left;   }
.content-header-left   { text-align: left;   }
.content-header-center { text-align: center; }
.content-header-right  { text-align: right;  }
.content-header,
.content-header-left,
.content-header-center,
.content-header-right {
	height: 24px;
	line-height: 24px;
	background: #465882;
	color: #333;
	padding-left: 4px;
	padding-right: 4px;
}

.content-subheader {
	height: 24px;
	line-height: 24px;
	text-align: left;
	background: #6f6f6f;
	color: #333;
	padding-left: 4px;
	padding-right: 4px;
}

.content {
	background-color: #eeeeee;
}

.panel-table {
	border-top:    3px solid #aabaca;
	border-left:   1px solid #aabaca; 
	border-right:  1px solid #aabaca; 
	border-bottom: 3px solid #aabaca; 
	background-color: #f9f9f9;
}

.panel-title1        { text-align:  left; }
.panel-title1-left   { text-align:  left; }
.panel-title1-center { text-align:  center; }
.panel-title1,
.panel-title1-left,
.panel-title1-center {
	padding:     4px;
	font-size:   18px;
	font-weight: bold; 
	color:       steelBlue;
}

.panel-title2 {
	padding:     4px;
	text-align:  left;
	font-size:   18px;
	font-weight: bold; 
	color:       #fa7900;
}

.separator1 {
	background-color: #333;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	font-size: 2px;
	height: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}
	

.anchor-no-style  {	color: #000;    text-decoration: none; }
.anchor-white-ul  { color: #ddd;    text-decoration: underline; }
.anchor-letter-ul {	color: #ddd;    text-decoration: underline; }
.anchor-blue-none {	color: #27408b; text-decoration: none; }
.anchor-blue-ul   {	color: #27408b; text-decoration: underline; }
.anchor-red-ul    {	color: #dd0000; text-decoration: underline; }
.anchor-green-ul  {	color: #00dd00; text-decoration: underline; }
.anchor-black-ul  {	color: #000;    text-decoration: underline; }
.anchor-menu      {	color: #000;    text-decoration: underline; }
.anchor-white-ul:hover,
.anchor-letter-ul:hover,
.anchor-blue-ul:hover,
.anchor-blue-none:hover,
.anchor-red-ul:hover,
.anchor-green-ul:hover,
.anchor-black-ul:hover,
.anchor-menu:hover {
	text-decoration: underline;
	/* color: #ff9900; */
}

.anchor-block-080 { width:  80px; }
.anchor-block-100 { width: 100px; }
.anchor-block-120 { width: 120px; }
.anchor-block-130 { width: 130px; }
.anchor-block-140 { width: 140px; }
.anchor-block-150 { width: 150px; }
.anchor-block-160 { width: 160px; }
.anchor-block-170 { width: 170px; }
.anchor-block-180 { width: 180px; }
.anchor-block-200 { width: 200px; }
.anchor-block-275 { width: 275px; }

.anchor-block-080,
.anchor-block-100,
.anchor-block-120,
.anchor-block-130,
.anchor-block-140,
.anchor-block-150,
.anchor-block-160,
.anchor-block-170,
.anchor-block-180,
.anchor-block-200,
.anchor-block-275,
.cust-display-menu {
	display: block;
	height: 18px;
	line-height: 16px;
	padding-top: 2px;
	color: #000;
	font-size:          12px;
	text-decoration: none;
	text-indent: 5px;
	background: #eee;
	border: 1px solid #376CA6;
}

.anchor-block-080:hover,
.anchor-block-100:hover,
.anchor-block-120:hover,
.anchor-block-130:hover,
.anchor-block-140:hover,
.anchor-block-150:hover,
.anchor-block-160:hover,
.anchor-block-180:hover,
.anchor-block-200:hover,
.anchor-block-275:hover,
.cust-display-menu:hover {
	/* background: #fffabc; */
	background: #ffb341;
}

.column-head-left   { text-align: left;   }
.column-head-center { text-align: center; }
.column-head-right  { text-align: right;  }
.column-head-left,
.column-head-center,
.column-head-right {
	font-weight: bold;
	background: #ddd;
	padding: 4px;
	color: #000;
	border: 1px solid #aabaca;
}

.column-foot-left   { text-align: left;   }
.column-foot-center { text-align: center; }
.column-foot-right  { text-align: right;  }
.column-foot-left,
.column-foot-center,
.column-foot-right {
	background: #6f6f6f;
	padding: 4px;
	color: #000000;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

.column-on  { color: #00cc00; }
.column-off { color: #cc0000; }
.column-on,
.column-off {
	padding-right: 2px;
}

.row-0-left   { text-align: left;   }
.row-0-center { text-align: center; }
.row-0-right  { text-align: right;  }
.row-1-left   { text-align: left;   }
.row-1-center { text-align: center; }
.row-1-right  { text-align: right;  }
.row-2-left   { text-align: left;   }
.row-2-center { text-align: center; }
.row-2-right  { text-align: right;  }

.row-0-left,
.row-0-center,
.row-0-right,
.row-1-left,
.row-1-center,
.row-1-right,
.row-2-left,
.row-2-center,
.row-2-right {
	padding: 4px;
	color: #000;
}

.row-0-left,
.row-0-center,
.row-0-right {
	background-color:   green;
}

.row-1-left,
.row-1-center,
.row-1-right {
	background-color:   #eee;
}

.row-2-left,
.row-2-center,
.row-2-right {
	background-color:   #fff;
}

.row-hilite-left { background-color: #fffabc; }
.row-warn        { background-color: #f9e60d; }
.row-error       { background-color: #ffcccc; }
.row-hilite-left,
.row-warn,
.row-error {
	text-align: left;
	padding: 4px;
	padding-right: 5px;
	color: #000000;
}

.side-label-right   { text-align: right;  }
.side-label-center  { text-align: center; }
.side-label-left    { text-align: left;   }
.side-label-justify { text-align: justify;   }
.side-label-justify,
.side-label-right,
.side-label-center,
.side-label-left {
	padding: 4px;
	font-weight: bold;
	color: #333;
}

.field-data-left    { text-align: left;    }
.field-data-center  { text-align: center;  }
.field-data-right   { text-align: right;   }
.field-data-justify { text-align: justify; }
.field-data-left,
.field-data-right,
.field-data-center,
.field-data-justify {
	padding: 4px;
	color: #333;
}

.text-left    { text-align: left;   }
.text-center  { text-align: center; }
.text-right   { text-align: right;  }
.text-justify { text-align: justify;  }
.text-left,
.text-right,
.text-center,
.text-justify {
	font-weight: normal;
	color: #333;
}

.input-left  { text-align: left;  }
.input-right { text-align: right; }
.input-left,
.input-right {
	color: #000;
	padding-left: 2px;
	font-size: 12px;
	border-top:    1px solid #004d80;
	border-left:   1px solid #004d80;
	border-right:  1px solid #004d80;
	border-bottom: 1px solid #004d80;
}

.input-left:focus,
.input-right:focus {
	border-top:    1px solid #ff9900;
	border-left:   1px solid #ff9900;
	border-right:  1px solid #ff9900;
	border-bottom: 1px solid #ff9900;
}

.menu-separator  {
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
	color: #999;
}

.letter-box {
	width:				10px;
	height:				10px;
	font-size: 			10px;
	color:              #333;
	padding:			2px;
	padding-left:		4px;
	padding-right:		4px;
}

.error1 {
	text-align:         center;
	color:              #ff0000;
	font-size: 			14px;
	font-weight:        bold;
	text-decoration:    none;
}

.status1 {
	text-align:         center;
	color:              #00ff00;
	font-size: 			14px;
	font-weight:        bold;
	text-decoration:    none;
}

.select1 {
	text-align: left;
	color: #000;
	padding-left: 2px;
	font-size: 12px;
	border-top:    1px solid #004d80;
	border-left:   1px solid #004d80;
	border-right:  1px solid #004d80;
	border-bottom: 1px solid #004d80;
	cursor: pointer;
}

.select1:focus {
	border-top:    1px solid #ff9900;
	border-left:   1px solid #ff9900;
	border-right:  1px solid #ff9900;
	border-bottom: 1px solid #ff9900;
}

.button1 {
	color: #000;
	font-size: 12px;
	background-color: #eee;
	border-top:    1px solid #004d80;
	border-left:   1px solid #004d80;
	border-right:  2px solid #004d80;
	border-bottom: 2px solid #004d80;
	cursor: pointer;
}

.button1:hover,
.button1:focus {
	border-top:    1px solid #ff9900;
	border-left:   1px solid #ff9900;
	border-right:  2px solid #ff9900;
	border-bottom: 2px solid #ff9900;
}

.button2 {
	color: #000;
	background-color: #ccc;
	border-top:    1px solid steelBlue;
	border-left:   1px solid steelBlue;
	border-right:  1px solid steelBlue;
	border-bottom: 1px solid steelBlue;
	cursor: pointer;
}

.button2:hover,
.button2:focus {
	border-top:    1px solid darkBlue;
	border-left:   1px solid darkBlue;
	border-right:  2px solid darkBlue;
	border-bottom: 2px solid darkBlue;
}

.calendar-day {
	border: 1px solid black;
	width: 40px;
}

.layerPopup {
	position:			absolute;
	display:			none;
	visibility:			hidden;
	z-index:			1;
	left:				0px; 
	top:				0px;
	background-color:	#fff; 
	width:				auto;
	border:             3px double #3399cc;
	padding:            4px;
}

 /* tooltip */
 
.tooltip dl {
	width:				auto;
	height:				auto;
	padding:			2px;
	background:			#003366;
}

.tooltip dt {
	padding:			4px; 
	color:              #eee;
	font-weight:		bold;
	background: 		#003366;
}

.tooltip dd {
	padding:			6px; 
	background: 		#fff; 
}

.tooltip ul li dl {
	visibility:			hidden;
	position:			absolute;
}

/* non IE browsers and IE7 use the first line IE5.5 and IE6  the second */

.tooltip ul li:hover,
.tooltip ul li a:hover {
	position:			relative;
}

.tooltip ul li:hover dl,
.tooltip ul li a:hover dl {
	visibility:			visible;
	top:				25px;
	left:				15px;
}