/*************************************************************************
General
*************************************************************************/
html {
	padding: 0; margin: 0;
	}

body {
	padding: 0; margin: 0;

	font-family: "Calibri","MS Sans Serif",sans-serif;
	font-size: 14px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	}

/*************************************************************************
Container Layout
*************************************************************************/
#container-main {
	position: absolute; border:0px; margin: 0 0 0 0;
	width:100%; height:100%; min-width:400px; min-height:100%;
	}
	
#container-top {
	position: absolute; border:0px; margin:0 0 0 0;
	left: 0px; right: 0px; top: 0px; width: 100%; height: 48px;
	}
#container-mid {
	position: absolute; border:0px; margin:0 0 0 0;
	left: 0px; right: 0px; top: 48px; bottom: 28px; width: 100%;
	}
#container-bottom {
	position: absolute; border:0px; margin:0 0 0 0;
	left: 0px; right: 0px; bottom: 0px; width: 100%; height: 28px;
	}

/*************************************************************************
Header, Middle, and Footer Layout
*************************************************************************/
#header-left { 
	position: absolute; border:0px; margin: 0 auto;
	left: 0px; top: 0px; width:472px; height:48px;
	background: url("ui_img/ui_main_t1.jpg") no-repeat bottom right;
	}
#header-mid { 
	position: absolute; border:0px; margin: 0 auto;
	left: 472px; right: 110px; top: 0px; height:48px;
	background: url("ui_img/ui_main_t2.jpg") repeat-x bottom left;
	}
#header-right { 
	position: absolute; border:0px; margin: 0 auto;
	right: 0px; top: 0px; width:110px; height:48px;
	background: url("ui_img/ui_main_t3.jpg") no-repeat bottom left;
	}
#header-float { 
	position: absolute; border:0px; margin: 0 auto;
	right: 32px; top: 25px; height: 14px;
	font-family: "Verdana",serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-align: right;
	text-decoration: none;
	color: #ffffff;
	}

#header-search { 
	position: absolute; border:0px; margin: 0 auto;
	right: 22px; top: 6px; height: 18px;
	}
.search-textbox {
	background:#ffffff url("ui_img/search.png") no-repeat center right;
	padding: 0px 22px 0px 4px;
	border:1px solid #ccaa66;
	width:120px;
	height:18px;
	}

#middle-left-top { 
	position: absolute; border:0px; margin: 0 auto;
	left:0px; top:0px; width:28px; height:275px;
	background: url("ui_img/ui_main_l1.jpg") no-repeat top right;
	}
#middle-left-mid { 
	position: absolute; border:0px; margin: 0 auto;
	left:0px; top:275px; bottom:64px; width:28px;
	background: url("ui_img/ui_main_l2.jpg") repeat-y top right;
	}
#middle-left-bottom { 
	position: absolute; border:0px; margin: 0 auto;
	left:0px; bottom:0px; width:28px; height:64px;
	background: url("ui_img/ui_main_l3.jpg") no-repeat top right;
	}

#middle-middle { 
	position: absolute; border:0px; margin: 0 auto;
	left:28px; top:0px; right:28px; bottom:0px;
	padding:0px 0px;
	color: #000000;
	background-color: #000000;
	}

#middle-right-top { 
	position: absolute; border:0px; margin: 0 auto;
	right:0px; top:0px; width:28px; height:275px;
	background: url("ui_img/ui_main_r1.jpg") no-repeat top left;
	}
#middle-right-mid { 
	position: absolute; border:0px; margin: 0 auto;
	right:0px; top:275px; bottom:64px; width:28px;
	background: url("ui_img/ui_main_r2.jpg") repeat-y top left;
	}
#middle-right-bottom { 
	position: absolute; border:0px; margin: 0 auto;
	right:0px; bottom:0px; width:28px; height:64px;
	background: url("ui_img/ui_main_r3.jpg") no-repeat top left;
	}

#footer-left { 
	position: absolute; border:0px; margin: 0 auto;
	left: 0px; top: 0px; width:472px; height:28px;
	background: url("ui_img/ui_main_b1.jpg") no-repeat top right;
	}
#footer-mid { 
	position: absolute; border:0px; margin: 0 auto;
	left: 472px; right: 110px; top: 0px; height:28px;
	background: url("ui_img/ui_main_b2.jpg") repeat-x top left;
	}
#footer-right { 
	position: absolute; border:0px; margin: 0 auto;
	right: 0px; top: 0px; width:110px; height:28px;
	background: url("ui_img/ui_main_b3.jpg") no-repeat top left;
	}

/*************************************************************************
Menubar area Layout
*************************************************************************/
#menubar-area { 
	position: absolute; border:0px; margin: 0 auto;
	left:2px; right:2px; top:0px; height:32px;
	padding: 0px 0px;
	}
#menubar-area-left { 
	position: absolute; border:0px; margin: 0 auto;
	left:0px; width:20px; top:0px; height:32px;
	padding: 0px 0px;
	background: url("ui_img/ui_candy_l.gif") no-repeat top right;
	}
#menubar-area-mid{ 
	position: absolute; border:0px; margin: 0 auto;
	left:20px; right:20px; top:0px; height:32px;
	padding: 0px 0px;
	background: url("ui_img/ui_candy_m.gif") repeat-x top left;
	}
#menubar-area-right { 
	position: absolute; border:0px; margin: 0 auto;
	right:0px; width:20px; top:0px; height:32px;
	padding: 0px 0px;
	background: url("ui_img/ui_candy_r.gif") no-repeat top left;
	}

/*************************************************************************
Candy-style Menubar area Layout
*************************************************************************/
.candystyle{
	height: 32px;
	padding: 0px 0px;
}

.candystyle ul{
	border: 0px;
	width: 100%;
	padding: 7px 0;
	margin: 0;
	text-align: left;
}

.candystyle ul li{
	display: inline;
	padding: 0px 0px;
}

.candystyle ul li a{
	font-family: "Calibri","Verdana",serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	text-decoration: none;
	vertical-align:middle;
	color: #ffffff;
	padding: 7px 7px;
	margin: 0;
	text-decoration: none;
	border: 0px;
}

/* button hover setup */
.candystyle ul li a:hover, .candystyle ul li a.selected{
	color: #ffff00;
	background: url("ui_img/ui_candy_h.gif") repeat-x top left;
}

/* IE only hack */
* html .candystyle a{ 
	top: 0px;
	border: 0px;
}

/* drop-down general setup */
.candystyle_dropdiv{
	position:fixed;
	top: 0;
	border: 1px solid #ffcc66;
	border-bottom-width: 0;
	z-index:9000;
	
	font-family: "Calibri","Arial",serif;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	text-decoration: none;
	
	line-height:18px;
	background-color: #ffffcc;
	width: 200px;
	visibility: hidden;
}

/* drop-down hyper-link setup of submenus */
.candystyle_dropdiv a{
	width: 100%;
	display: block;
	border-bottom: 1px solid #ffcc66;
	padding: 2px 0;
	
	font-family: "Calibri","Arial",serif;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	text-decoration: none;
	text-indent: 4px;

	line-height:18px;
	color: #330000;
}

/* drop-down highlight for entry hover */
.candystyle_dropdiv a:hover{
	background-color: #ffee00;
}

/* drop-down IE only hack */
* html .candystyle_dropdiv a{ 
	width: 100%;
}

/*************************************************************************
Titlebar Layout
*************************************************************************/
#titlebar-area { 
	position: absolute; border:0px; margin: 0 auto;
	left:2px; right:2px; top:32px; height:28px;
	padding: 0px 0px;
	}
#titlebar-area-left { 
	position: absolute; border:0px; margin: 0 auto;
	left:0px; width:20px; top:0px; height:28px;
	padding: 0px 0px;
	background: url("ui_img/ui_neon_l.gif") no-repeat top right;
	}
#titlebar-area-mid{ 
	position: absolute; border:0px; margin: 0 auto;
	left:20px; right:20px; top:0px; height:28px;
	background: url("ui_img/ui_neon_m.gif") repeat-x top left;

	color: #ffffff;
	font-family: "Calibri","Arial",serif;
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	text-decoration: none;
	vertical-align:middle;

	padding: 3px 0px;
	line-height:22px;
	}
#titlebar-area-right { 
	position: absolute; border:0px; margin: 0 auto;
	right:0px; width:20px; top:0px; height:28px;
	padding: 0px 0px;
	background: url("ui_img/ui_neon_r.gif") no-repeat top left;
	}


/*************************************************************************
Boundaries Layout
*************************************************************************/
#bounds-top { 
	position: absolute; border:0px; margin: 0 auto;
	left:2px; right:2px; top:60px; height:8px;
	padding: 0px 0px;
	}
#bounds-top-left { 
	position: absolute; border:0px; margin: 0 auto;
	left:4px; width:8px; top:0px; height:8px;
	padding: 0px 0px;
	background: url("ui_img/ui_bound_0.gif") no-repeat top right;
	}
#bounds-top-mid{ 
	position: absolute; border:0px; margin: 0 auto;
	left:12px; right:12px; top:0px; height:8px;
	background-color:#ffffff;
	}
#bounds-top-right { 
	position: absolute; border:0px; margin: 0 auto;
	right:4px; width:8px; top:0px; height:8px;
	padding: 0px 0px;
	background: url("ui_img/ui_bound_1.gif") no-repeat top left;
	}

#bounds-bottom { 
	position: absolute; border:0px; margin: 0 auto;
	left:2px; right:2px; bottom:0px; height:8px;
	padding: 0px 0px;
	}
#bounds-bottom-left { 
	position: absolute; border:0px; margin: 0 auto;
	left:4px; width:8px; top:0px; height:8px;
	padding: 0px 0px;
	background: url("ui_img/ui_bound_2.gif") no-repeat top right;
	}
#bounds-bottom-mid{ 
	position: absolute; border:0px; margin: 0 auto;
	left:12px; right:12px; top:0px; height:8px;
	background-color:#ffffff;
	}
#bounds-bottom-right { 
	position: absolute; border:0px; margin: 0 auto;
	right:4px; width:8px; top:0px; height:8px;
	padding: 0px 0px;
	background: url("ui_img/ui_bound_3.gif") no-repeat top left;
	}

/*************************************************************************
Content area Layout
*************************************************************************/
#content-area { 
	position: absolute; border:0px; margin: 0 auto;
	left:6px; right:6px; top:68px; bottom:8px;
	padding: 2px 2px;
	overflow: auto;

	font-family: "Calibri","Verdana",serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-size-adjust: none;
	text-align: left;
	text-decoration: none;
	line-height:auto;

	color: #000000;
	background-color: #ffffff;
	vertical-align:top;
	}

#chmview-area { 
	position: absolute; margin: 0 auto;
	left:0px; top:0px; right:0px; bottom:2px;
	overflow: none;
	padding: 0px 0px;
	}
#chmview-top { 
	position: absolute; border:0px; margin: 0 auto;
	left:0px; top:0px; width:200px; height:24px;
	padding: 0px 0px;
	background-color:#c0c0ff;
	text-align:center;
	}
#chmview-top a { 
	font-family: "Calibri","Verdana",serif;
	font-size:18px;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
	color: #666699;
	}
#chmview-left { 
	position: absolute; border:0px; margin: 0 auto;
	left:2px; top:24px; width:192px; bottom:0px;
	overflow: auto;
	white-space :nowrap;
	padding: 2px 2px;
	
	font-family: "Calibri","Verdana",serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	text-decoration: none;
	color: #000000;
	}
#chmview-content { 
	position: absolute; margin: 0 auto;
	left:200px; top:0px; right:2px; bottom:0px;
	overflow: auto;
	border:1px solid #c0c0ff;
	padding: 2px 2px;
	
	color: #000000;
	background-color: #ffffff;
	}

/*************************************************************************
Custom objects Styling
*************************************************************************/
div.server-message {
	position: static; margin: 0px 32px 16px 32px; display:block;
	left:0px; right:0px;
	border-width: 2px;
	border-style: solid;
	border-color: #ffcccc #990000 #990000 #ffcccc;
	background-color: #ff0000;
	padding: 2px 2px;
	}

a.push-button {
	position: static; margin: 1px 1px; display:inline;
	border:1px solid;
	border-color:#ffeecc #cc9900 #cc9900 #ffeecc;
	padding: 0px 8px;
	height: 20px;
	
	font-family: "Calibri", "Arial", sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	white-space:nowrap;

	color: #770000;
	background: url("ui_img/button_norm.jpg") repeat-x center left;
	}
a.push-button:hover {
	color: #000000;
	background: url("ui_img/button_hover.jpg") repeat-x center left;
	}
a.push-button:active {
	color: #ff0000;
	background: url("ui_img/button_click.jpg") repeat-x center left;
	}

a.big-button {
	position: static; margin: 1px 1px; display:inline;
	border:2px solid;
	border-color:#ffeecc #cc6600 #cc6600 #ffeecc;
	padding: 0px 10px;
	height: 32px;
	
	font-family: "Calibri", "Arial", sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 32px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	white-space:nowrap;

	color: #ffffff;
	background: #ff9900;
	}
a.big-button:hover {
	color: #ffff00;
	background: #ff0000;
	border-color:#ffcccc #990000 #990000 #ffcccc;
	}
a.big-button:active {
	color: #660000;
	background: #ff8000;
	border-color:#990000 #ffcccc #ffcccc #990000;
	}

a.file_link {
	font-family: "Calibri", "Arial", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #000000;
	}

ul.check-list {
	list-style-type:none;
	margin:0 0 0 1.5em;
	padding:5px 0 0 0;
	}
ul.check-list li {
	background-image:url("ui_img/check.png");
	background-repeat:no-repeat;
	padding:0px 0 5px 20px;
	line-height:1.1em;
	}

/*************************************************************************
Floater Objects Styling
*************************************************************************/
#jp_tooltip_obj {
	position: absolute;
	border: 0px;
	padding: 0px;
	visibility: hidden;
	z-index: 100;
	}

#jp_floatbar_wrapper {
	position: absolute; margin: 0 auto;
	right:100px; bottom:0px;
	max-width:220px;
	border-width:1px;
	border-style:solid solid solid solid;
	border-color:#ffffaa #777722 #444400 #dddd99;
	background-color: #ffffdd;
	padding: 2px 2px;
	
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}

#jp_floatbar_object {
	max-width:250px;
	border: 0px;
	padding: 0px 0px;

	color: #330000;
	font-family: "Calibri","Arial",serif;
	font-size: 12px;
	font-style: normal;
	}

#jp_floatbar_button {
	max-width:250px;
	border: 0px;
	padding: 0px 0px;

	color: #330000;
	font-family: "Calibri","Arial",serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align:right;
	}

/*************************************************************************
Heading Styling
*************************************************************************/
h1{
	font-family: "Calibri","Arial",serif;
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	font-size-adjust: none;
	font-stretch: normal;
	font-variant: normal;
	line-height: normal;
	text-decoration: none;
	text-align:center;
	margin: 0 0;
	color: #666699;
	}
	
h2{
	font-family: "Calibri","Arial",serif;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	font-size-adjust: none;
	font-stretch: normal;
	font-variant: normal;
	line-height: normal;
	text-decoration: none;
	margin: 0 0;
	color: #333366;
	}
	
h3{
	font-family: "Calibri","Arial",serif;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	font-size-adjust: none;
	font-stretch: normal;
	font-variant: normal;
	line-height: normal;
	text-decoration: none;
	margin: 0 0;
	color: #666699;
	}
	
h4{
	font-family: "Calibri","Arial",serif;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	font-size-adjust: none;
	font-stretch: normal;
	font-variant: normal;
	line-height: normal;
	text-decoration: none;
	margin: 0 0;
	color: #666699;
	}

/*************************************************************************
General HTML Styling
*************************************************************************/

tr{
	min-height:20px;
	}

hr {
	height: 1px;
	size:1px;
	color: #c0c0ff;
	background-color: #c0c0ff;
	border: 0;
}

.error {
	color: red;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

.message {
	color: green;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

.combobox {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
}

.regular-text {
	color: #000000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-style: normal;
}

.border {
	border-style: solid;
	border-width: 1px;
	border-color: #C1C1C1;
}

.none {
	border-style: none;
	border-width: 0px;
}

/* Input styles */
.inputtext {
	color: #000000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-style: normal;
}
input[type=text] {
	color: #000000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-style: normal;
}

.inputpassword {
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-style:normal;
}
input[type=password] {
	color: #000000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-style: normal;
}

.inputbutton {
	color: #000000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-style: normal;
}
.inputsubmit {
	color: #000000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-style: normal;
}
input[type=button] {
	color: #000000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-style: normal;
}
input[type=submit] {
	color: #000000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-style: normal;
}

select {
	color: #000000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-style: normal;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9;
	height: 22px;
	margin: 0px;
	padding: 4px 1px 0px 2px;
}
input[type=select] {
	color: #000000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-style: normal;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9;
	height: 22px;
	margin: 0px;
	padding: 4px 1px 0px 2px;
}

/* Table styles */
table.helpT {
	text-align: center;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	width: 500px;
	background-color: #fafafa;
	border: 1px #6699CC solid;
	border-collapse: collapse;
	border-spacing: 0px;
}

td.helpHed
{
	border-bottom: 2px solid #6699CC;
	border-left: 1px solid #6699CC;
	background-color: #33CC33;
	text-align: left;
	text-indent: 5px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #404040;
}

td.helpBod {
	border-bottom: 1px solid #9CF;
	border-top: 0px;
	border-left: 1px solid #9CF;
	border-right: 0px;
	text-align: left;
	text-indent: 10px;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	background-color: #fafafa;
}

table.sofT {
	text-align: left;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	width: 580px;
	background-color: #fafafa;
	border: 1px #6699CC solid;
	border-collapse: collapse;
	border-spacing: 0px;
}

.tablebody {
	color: #000000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-style: normal;
}

.tableheader {
	background: #C1C1C1 none repeat scroll 0%;
	color: #000000;
	text-align: left;
}

.evenrow {
	background-color: #ECECEC;
}

.oddrow {
	background-color: #FFFFFF;
}

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