html {background-image:url(/images/bg-green-pattern.gif)}
body {font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; margin:0; background: url('images/bg-green-top2.png') top no-repeat; color:#6f5e3c}

a {text-decoration: underline; color:#e37532}
a:visited {text-decoration:underline; color:#e37532}
a:hover {text-decoration:underline; color:#8fb772}
a:active {text-decoration:underline; color:#d0032d}

.small {font-size:12px}
.small2 {font-size:11px}
.smaller {font-size:10px}
.smallest {font-size:9px}
.large {font-size:16px}
.larger {font-size:18px}
.largest {font-size:20px}

.section_header {font-size:20px; font-weight:bold}

.form_textbox_error {background-color: #FFA4A4;}

.error {color: #FF0000;}
.error_small {color: #FF0000; font-size:12px}

.tr_highlight {background-color:#E0E0E0}

.caution {color:#FF0000; text-decoration:blink}


.sysMsg {background-color:#FFFFCC; padding:10px; border:1px solid black; color:#000000; font-size:12px; text-align:center;}

.delete_alert {padding:20px; background-color:#FFFF99; font-size:14px; text-align:center; border: 1px solid #000000;}
.adstat {padding:5px; font-size:14px; text-align:center;}


#top-page-bg {position:relative; z-index:-1; top:0px; left:0px; background :url('images/bg-green-top.png') top center no-repeat; height:501px; width:100%}
#wrapper {width:1046px; margin:0 auto 5px auto; padding:0px; border:0; background: url('images/bg-main1.png');}
#header {margin:0}
#container {}
#col-left {float:left; width:211px; background:#f8f9f5; padding:10px 5px;}
#col-mid {float:left; width:545px; background:#f8f9f5 url('images/bg-mid.jpg') repeat-y; padding:10px 30px;}
#col-right {float:right; width:210px; background:#f8f9f5; padding:10px 5px;}
#col-wide {float:left; width:765px; background:#f8f9f5 url('images/bg-wide.jpg') repeat-y; padding:10px 30px;}
#col-full {float:left; width:986px; padding:10px 30px; background:#FFF}
#footer {clear:both; background:#74a74e;}
#footer a {text-decoration: underline; color:#fbfbf7}
#footer a:visited {text-decoration:underline; color:#fbfbf7}
#footer a:hover {text-decoration:underline; color:#f7eb8e}
#footer a:active {text-decoration:underline; color:#cee6e7}

h3 {font-size:16px; font-weight:bold; margin-bottom:5px; margin-top:0px;}
.portlist {float:left; width:180px; padding-bottom:3px;}


#ccm {text-align:left; color:#000000; background-color:transparent;	display:block; position:relative; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;	width:200px;}
#ccm a {text-decoration: none;}
#ccm a { color: #850001; }
#ccm a:visited { color: #850001; }
#ccm a:hover { color: #0000FF; }
#ccm a:active { color: #FF0000; }

#ccm_150 {text-align: left;	color: #000000;	background-color: transparent; display: block; position: relative; font-family: Arial, Verdana, Georgia, "Times New Roman", Times, serif; font-weight: normal; width: 150px;}
#ccm_150 a {text-decoration: none;}
#ccm_150 a { color: #850001; }
#ccm_150 a:visited { color: #850001; }
#ccm_150 a:hover { color: #0000FF; }
#ccm_150 a:active { color: #FF0000; }

#ccm_150 .150_np a {text-decoration: underline;}
#ccm_150 .150_np a { color: #119FB0; }
#ccm_150 .150_np a:visited { color: #119FB0; }
#ccm_150 .150_np a:hover { color: #0000FF; }
#ccm_150 .150_np a:active { color: #FF0000; }


.balloonstyle {position:absolute; top:-500px; left:0; padding:5px; visibility:hidden; border:1px solid black; font:normal 12px Verdana; line-height:18px; z-index:100; background-color:white; width:200px; 
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);}

.balloonstyle_show {padding: 5px; border:1px solid black; font:normal 12px Verdana;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);}

#arrowhead {z-index: 99; position:absolute; top:-500px; left:0; visibility: hidden;}
.form_textbox2 {font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; border:1px dashed #7B99E1; padding:1px; color:#6f5e3c; text-align:center; font-variant:small-caps;}


/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #b9e7a5;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #384b2c; }
ul.tabbernav li a:visited { color: #384b2c; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #8db671;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}