table {
   padding:0;
/*
   width:100%;
   height:100%;
*/
font-family: Verdana;
	border: 1px solid #3A5F8D
}


body {margin:0;padding:0;background-color: #E4E4E4; 

SCROLLBAR-FACE-COLOR:#99CCFF;
SCROLLBAR-ARROW-COLOR: #003399; 
SCROLLBAR-BASE-COLOR: white; 
SCROLLBAR-TRACK-COLOR: white; 
scrollbar-3dlight-color: #003399; 
scrollbar-shadow-color : #ccccff;
scrollbar-dark-shadow-color: #ccccff;
scrollbar-highlight-color : #ccccff;
}

td {font:normal 12px Arial, Helvetica, sans-serif}
p {font:normal 12px Verdana, Arial, Helvetica, sans-serif
}










/*
top menu border
*/
td.top div {
   color:#EEE;
   text-align:right;
   
background: #EDF2F8;}


td.top{height:13px;vertical-align:middle}

td.top div a {
   color:#EEE;
   margin:0 4px;
   letter-spacing:1px;
   text-decoration:none}
td.top div a:hover {color:#A0B8D0}

/*
logo space/box
*/
td.logo {
   color:#FFFFFF;
   padding:4px;
   height:75px;
   vertical-align:middle;
   border-top:3px double #17518C;
   border-bottom:3px double #17518C;
   font: 30px Trebuchet MS, Arial, Helvetica, sans-serif}

/*
left menu area
*/
td.left {
   width:20%;
   background:#17518C;
   vertical-align:top}

td.left div {margin-top:10px}
td.left li {border-bottom:1px solid #EEE}
td.left ul {margin: 0;padding: 0;list-style-type: none}

td.left a {
   background: #17518C;
   border-left: 5px solid #17518C}
td.left a, li.title {
   width:100%;
   color: #EEE;
   padding: 2px;
   display: block;
   text-decoration: none}
td.left a:hover {
   background: #2E6397;
   border-left: 5px solid #FF9933}
li.title {
   background: #4171A0;
   border-left: 5px solid #EEE}

/*
right content area
*/
td.right {
   width:80%;
   padding:4px;
   background:#F9F9F9;
   vertical-align:top
}
td.right .title {
   padding:2px;
   color:#575757;
   background:#EEE;
   border:1px solid #17518C;
   font:normal 11px Verdana, Arial, Helvetica, sans-serif}
td.right p {color:#000;padding:2px}

/*
form elements
input {
   padding:0;
   margin:5px 10px;
   border:3px double #EEE;
   font:normal 10px Verdana, Arial, Helvetica, sans-serif
}
*/



textarea, input, select {
	background-color: #EDF2F8;
	font-size: 12px;
	
	font-family: Verdana;
	border: 1px solid #3A5F8D
}

.button
{
   font-size:16px;
   font-family:Arial,sans-serif;
   height:26px;
   border-style:solid;
   border-color:#3300FF;
   border-width:1px;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:50px;
}
.output-div-container {
	border:1px solid silver;
	background-color:#F8F8F8;
	padding:10px;
}
.input-div {
	text-align:center;
	background-color:#FEFFF0;
	border:1px solid #868A15;
	padding:5px;
}
.ajax-div {
	margin:50px;
	border:1px solid #3333CC;
	background-color: #6699FF;
	padding:3px;
}
#count_display
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  margin-top:5px;
}

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: #BEC8D1;
text-align: center;
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: center;
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; } 



