/* CSS Document */

ul {
	margin-top:2px;
	margin-bottom:2px;
}

.item-text {
	font-family:verdana;
	font-size:8pt;
	border:1px solid #bac9d0;
	color:black;
}

.item-list {
	font-family:verdana;
	font-size:8pt;
	border:1px solid #bac9d0;
	color:black;
}
.item-combo {
	font-family:verdana;
	font-size:8pt;
	border:1px solid #bac9d0;
	color:black;
}
.item-button {
	font-family:verdana;
	font-size:8pt;
	border:1px solid black;
	background-color:#436c8f;
	color:white;
	cursor:pointer;
}

.scrollable-area {
	overflow:auto;height:385px;

/*
scrollbar-arrow-color: #0066C8;
scrollbar-3dlight-color: #4F4F82;
scrollbar-darkshadow-color: #4F4F82;
scrollbar-face-color: #f4f4f0;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #d0d0d0;
scrollbar-track-color: #ffffff;
*/

}
#page-selector {
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
body{
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#c7c6c5;
	background-image:url(body_BG.gif);
	height:100%;
	color: #ffffff;
	text-decoration:none;
}

h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	font-size:16px;
	color:#203e53;
	font-weight:bold;
	padding-left:2px;
}

h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	font-size:14px;
	padding-top:5px;
	color:#38637e;
	font-weight:bold;
}

/* THESE ID'S IS TO PUT THE BORDERSHADOW ON THE CONTENT */

#shadow_table {
	margin-top:5px;
}

#t-shadow{
	width:978px;
	height:5px;
	background-image:url(t-shadow.gif);
	background-repeat:repeat-x;
}

#tr-shadow{
	width:5px;
	height:5px;
	background-image:url(tr-shadow.gif);
}

#tl-shadow{
	width:5px;
	height:5px;
	background-image:url(tl-shadow.gif);
}

#br-shadow{
	width:5px;
	height:5px;
	background-image:url(br-shadow.gif);
}

#bl-shadow{
	width:5px;
	height:5px;
	background-image:url(bl-shadow.gif);
}

#b-shadow{
	width:978px;
	height:5px;
	background-image:url(b-shadow.gif);
	background-repeat:repeat-x;
}

#r-shadow{
	width:5px;
	height:553px;
	background-image:url(r-shadow.gif);
	background-repeat:repeat-y;
}

#l-shadow{
	width:5px;
	height:553px;
	background-image:url(l-shadow.gif);
	background-repeat:repeat-y;
}

/* THE FOLLOWING ID'S IS TO BUILT UP THE CONTENT */

#content {
	position:relative;
	background-color:#ffffff;
	width: 978px;
	height:553px;
}

/* TOPBAR DIV'S */
#topbar {
	background-color:#155280;
	background-image:url(topbar_BG.gif);
	border: 1px solid #4b4b4b;
	width: 976px;
	height:52px;
}

#logo {
	position:absolute;
	width:159px;
	height:26px;
	left:15px;
	top:15px;
}

#icon-bar {
	position:absolute;
	top:23px;
	left:874px;
	width:88px;
	height:11px;

}

.icon-section {
	width:14px;
	padding-left:6px;
	border:none;
}

/* PAGEAREA DIV'S */
#page-area {
	border-left: 1px solid #4b4b4b;
	border-right: 1px solid #4b4b4b;
	width: 976px;
	height:458px;
	overflow:auto;
	overflow-x: hidden;
}

#header-menu {
	width:100%;
	height:30px;
	padding-top:2px;
	font-size:16px;
	color:#203e53;
	font-weight:bold;
}

.combobox {
	border:1px solid black;
	background-color:#b1c9d5;
}

.td-content {
	border:none;
	color:#545454;
}

.td-devider {
	border:none;
	background-image:url(content-devider.gif);
	height:380px;
	background-repeat:no-repeat;
}

.page_section {
	width:90%;
	padding-top:5px;
	padding-bottom:5px;
}

/* LOWBAR DIV'S */
#lowbar {
	background-color:#213f54;
	background-image:url(lowbar_BG.gif);
	border: 1px solid #4b4b4b;
	width: 976px;
	height:39px;

}