/* SSBFORMS Application specific CSS */
#formswrapper
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-TOP: 5px;
    PADDING-BOTTOM: 5px;
    FONT-SIZE: 1em;
    MARGIN-BOTTOM: 0px;
    MARGIN-TOP: 0px;
    COLOR:#000000;
    BACKGROUND-COLOR: #FFFFFF;
}

#arcsearch {
float: right;
margin: 40px 20px 0 0;
}

#skipToText { 
color: #4b4949; 
border: none; 
}

#breadleft {
	padding: 0px 0px 0px 5px;
	margin-top: 3px;
	margin-bottom: 3px;
                color:#000000;
                font-size:100%;
                font-weight: bold;
	background: #FFFFFF;
	font-size: 1em;
	}

#breadleft a {	
font-weight: bold;
color:#04600c;
}

.catleft {
	padding: 0px 0px 0px 6px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	background: #FFFFFF;
	font-size: .85em;
                BORDER-BOTTOM: #8e8d8d 1px solid;
	}

.spacer { height: 6px; }

/* Drop-down list links */
#droplinks {
padding: 0px 0px 0px 6px;
margin-top: 4px;
}
#droplinks a { 
font-weight: bold;
font-size:75%;
font-family: Verdana, Helvetica, Arial, sans-serif; 
color:#666666;
text-decoration: none;
}
#droplinks a:hover { 
  text-decoration: underline;
}

/* Drill-down page links */
.formslinks {
padding: 0px 0px 0px 6px;
margin-top: 4px;
font-size:100%;
font-family: Verdana, Helvetica, Arial, sans-serif; 
}
.formslinks a {	
font-weight: bold;
font-size:100%;
color:#04600c;
}
.formslinks li {	
list-style-type: circle;
}

#formswrapper a {
color:#04600c;
font-weight:bold;
}

.menu hr {
height: 6px;
color:#666666;
background-color:#666666;
}

#formswrapper td {
color:#000000;
font-size:1em;
}

#formswrapper th {
font-weight:bold;
font-size:1em;
text-align: left;
}
#formswrapper td a {
color:#04600c;
font-weight:bold;
}
#formswrapper outlisthd {
font-weight:bold;
font-size:80%
}
#formswrapper td outlisthd {
font-weight:bold;
font-size:80%
}
#formswrapper outhead {
font-weight:bold;
font-size:80%
}
#formswrapper td outhead {
font-weight:bold;
font-size:80%
}
#formswrapper outlist {
font-weight:normal;
font-size:80%
}
#formswrapper outlistalt {
font-weight:normal;
font-size:80%
}
#formswrapper outlistbold {
 font-weight:bold;
 font-size:80%
}
#formswrapper outlistaltbold {
 font-weight:bold;
 background-color:#ededca;
 font-size:80%
}
#formswrapper data {
 font-weight:normal;
font-size:80%
}
#formswrapper bolddata {
font-weight:bold;
font-size:80%
}

#formswrapper td.red {
 font-weight:bold;
color:#FF0000;
}
.new {
font-weight:normal;
color:red;
}

li.tips {
font-weight:bold;
color:#000000;
PADDING-BOTTOM: 1px;
font-size:90%
}
li.help {
font-weight:normal;
color:#000000;
list-style-image: none;
list-style-type: disc;
}

p.head_bld {
color:#000000;
font-weight:bold;
} 

 .error {
font-weight:bold;
color:red;
}

.search_alph
{
font-size: 100%;
color:#666666;
font-weight:bold;
}

.subbutton { 
  color: #FFFFFF; 
  height: 24px; 
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
  border-style: none;
  margin-top: 2px;
  background: url(/mbs/ssb/forms/ssbforms.nsf/StaticContentView/WWE_CSS/$File/gradient.jpg);
}

.subbutton:hover { 
  text-decoration: underline;
}

.canlink { 
  color: #FFFFFF; 
  height: 24px; 
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
  border-style: none;
  background: url(/mbs/ssb/forms/ssbforms.nsf/StaticContentView/WWE_CSS/$File/gradient.jpg);
}

.canlink:hover { 
  text-decoration: underline;
}

<style type="text/css">
/* form container */
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 90%;
  max-width: 90%;
  width: 100%; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}



form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.menubold {
	color: #00F; 
	font-weight: bold;
}

.wordbold {
	font-weight: bold;
}

.tipslist {
	list-style-type: disc; 
	display: block;
}

#quicklinks {	
	font-size: .75em;
	float: left;
	}

#quicklinks a {	
font-weight: bold;
color:#04600c;
}

#dark {
background: #66810c url('/mbs/ssb/forms/ssbforms.nsf/StaticContentView/WWE_CSS/$File/ont03_021241.gif') no-repeat;
}
#dark a {
color: #FFFFFF;
}

#greentitle {
background: #FFFFFF url('/mbs/ssb/forms/ssbforms.nsf/StaticContentView/WWE_CSS/$File/ont03_021245.jpg') no-repeat;
color: #000000;
}

#greennav {
background: #FFFFFF url('/mbs/ssb/forms/ssbforms.nsf/StaticContentView/WWE_CSS/$File/ont03_021239.gif') no-repeat;
}
#greennav a {
color: #000000;
}

#xsearchlabel{
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 

}

.catleft2 {
	display: table-caption;
	padding: 0px 0px 4px 0px;
	margin-top: 0px;
	margin-bottom: 3px;
                color:#000000;
                font-weight: normal;
	background: #FFFFFF;
     BORDER-BOTTOM: #8e8d8d 1px solid;
	text-align: left;	
	font-size: .8em;
	}

#quicksearch{
	padding: 0px 0px 0px 0px;
	margin-top: 3px;
	margin-bottom: 3px;	
	width: 550;
	float: left;
	}
	
#SearchBox{
	padding: 0px 0px 0px 5px;
	margin-top: 3px;
	margin-bottom: 3px;	
	width: 690;	
	height: 70;
	float: left;
	}
	
:focus {
   padding: 2px;
   border: 2px solid #f25d1b;
}

a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:50px; margin-left:-160px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; 
    border:2px solid #FFF;  color:#EEE;
    background:#333 url(/mbs/ssb/forms/ssbforms.nsf/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #666;
    /*opacity: 0.8;*/
}