html {
   font-size: 62.5%;
}

/* body style controls main style of the site */
body {
background: url(../images/body_bg.gif) repeat-x; 
background-color: #bbb;
color: #3B3B3B;
font-family: times;
font-size: 1.15em;
line-height: 19px;
margin: 0px;
text-align: center;
}
p {
	padding-left: 30px;
	padding-right: 30px;
}
/* ********Header Styles ***************** */
h1 {
font-weight: normal;
font-size: 26px;
line-height: 32px;
margin: 0px;
color: #4C4C4C;
}

h2 {
font-weight: normal;
font-size: 26px;
line-height: 32px;
margin: 0px 0px 5px 0px;
letter-spacing: -1px;
}

/* heading 2 link style */
h2 a, h2 a:visited {
color: #FFFFFF;
}

h3 {
font-weight: normal;
font-size: 16px;
line-height: 22px;
margin: 0px;
color: #df8d2f;
margin-bottom:10px;
}

/* heading 3 link style */
h3 a, h3 a:visited {
color: #df8d2f;
text-decoration: underline;
}

h4 {
font-weight: normal;
font-size: 18px;
line-height: 22px;
margin: 0px;
color: #ffffff;
}

h5 {
font-weight: normal;
font-size: 18px;

margin: 0px 0px 5px 0px;
color: #df8d2f;
}

h6 {
font-weight: 500;
font-size: 15px;
line-height: 19px;
margin-left: 5px;
letter-spacing: .5px;
color: #FF8E2B;
}

/* heading 6 link style */
h6 a:link, h6 a:visited {
margin: 0px;
color: #df8d2f;
text-decoration: none;
}

/* **************link styles************ */
a:link {
color: #000;
font-size: 11pt;
}

a:visited{
color: #000;
font-size: 11pt;
}
/* for link mouseover state */
a:hover {
text-decoration: none;
}

/* for images that are links - no border */
a img {
border: 0px;
}

/* ***********Body Styles ***********/

/* *******controls width of content and creates blue border **********/
#wrapper {
background-color: #555;
margin: 0px auto;
margin-bottom: 10px;
margin-top: 20px;
padding: 8px 8px 8px 8px;
text-align: left;
width: 940px;
}
/* form wrapper for login page */
.formWrapper {
margin: 0px auto;
padding: 15px;
width: 80%;
margin-bottom: 100px;
}
/* sets the style for section where content is displayed */
.center {
background-color: #FDFDFD;
padding: 0px 27px 12px 12px;
text-align:left;
}

/* Hide anything in here  #cmdSave,*/
.hidden, .activeUsers, .newUsers, .hiddenUserInfo, #cmdLogout, #cmdAccount,  #cmdMaint, #cmdBack, #cmdNext,
 #cmdPrint, #cmdSubmit, #cmdHelp {
display: none;
}

.InputPanel {
border: 0px;
}

/* Spencer text logo top left */
.logoImg {
background: url(../images/logo.png) no-repeat;
display: block;
float: left;
height: 50px;
margin-top: 10px;
width: 78px;
}

/* Text box  Style */
.ValidYear2 {
width: 30px;
height: 17px;

}
.ValidYear {
width: 35px;
height: 19px;
margin-top: 4px;
}

.help{
padding-left: 3px;
width:15px;
height: 15px;
}

.ValidInt {
width: 110px;
height: 19px;
margin-bottom: 2px;
}

.moveUp {
margin-bottom: 15px;
}

.TextBox2 {
width: 500px;
height: 200px;
}

/* border for various items */
.featureSet {
border: 2px solid #333;
padding-left: 5px;
padding-top: 15px;
padding-bottom: 15px;
width: 98%;
}

/* this is the main style for forms  [must be in a featureset div] */
.featureSet fieldset {
  margin-bottom: 10px;
  border: 0;
}

.featureSet legend {
  padding: 0 2px;
  font-size: 12pt;
  color: #df8d2f;
}

.featureSet label {
  display: inline-block;
  line-height: 1.3;
  vertical-align: top;
  margin-bottom:-5px;
}

.featureSet fieldset ol {
  margin: 5px;
  padding: 0; 
}

.featureSet fieldset li {
  list-style: none;
  padding: 2px;
  margin: 0;
}

.featureSet fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}

.featureSet fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}

.featureSet fieldset fieldset label {
  display: block;
  width: auto;
}

.featureSet em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}

.featureSet label {
  width: 220px; /* Width of labels */
  font-size: 9pt;
}

.featureSet fieldset fieldset label {
  margin-left: 183px; /* Width plus 3 (html space) */
}

/* removes bullet with tick marks on featurelist page */
ul.featurelist {
margin-left: 10px;
padding-left: 0;
list-style: none;
}

/* Check marks on featurelist page */
ul li.tick { 
	padding-left: 20px;
	padding-bottom: 5px;
	background: url(../images/tick.png) no-repeat; 
}
	
/* sets the footer styles */
.footer {
position: relative;
bottom: 7px;
color:#808285;
margin-top: 25px;
}

.footer a {
color: #808285;
text-decoration: none;
margin-right: 15px;
}

.clear {
clear: both;
}

/* links for user login drop downs */
.go_activeUsers, .go_newUsers {
color: #df8d2f;
margin-left: 50px;
cursor: pointer;
text-decoration: underline;
font-size: 18px;
margin-top: 40px;
}

.userLinks {
margin-top: 50px;
text-align: center;
}

.small {
color: #df8d2f;
font-size: 11px;
}

/* errors for various aspx functions */
.aspError {
background-color: #ef9d3f;
color: #000;
margin-left: 2px;
font-size: 12pt;
}

/* Button style number one for fellows app */
.button {  
font-weight: bold; 
font-size: 8pt;
letter-spacing: 2px;
BEHAVIOR: url(../appScript/Button.htc);  
cursor: hand; 
color: #000;
margin-left: 300px;   
height: 21px; 
background-color: #df8d2f; 
}

/* Button Style number two for fellows app */
.button2{  
font-weight: normal; 
font-size: 9pt;
BEHAVIOR: url(../appScript/Button.htc);  
cursor: hand; 
color: #000;
margin-left: 15px; 
margin-top: 10px;  
height: 25px; 
background-color: #ddd; 
}

/* Magnifier icon on user mgmt page */
.lookup {
position: relative; 
top: 2px; 
left: 2px;
}

/*used on userGroupMaint to move certain objects right */
.moveRight {
padding-left: 80px;
}

/* List boxes are used on various pages */
.ListBox { 
border: #7b9ebd 1px solid;  
font-size: 8pt; 
width: 180px; 
font-family: Verdana, Arial; 
height: 200px 
}

/* blocks for listboxes */
.block {
float:left;
padding-right:15px;
padding-left:60px;
}

/* block wrapper for listboxes */
.blockWrapper {
height: 250px;
}

.ListBoxRight { 
border: #7b9ebd 1px solid;  
font-size: 8pt;
margin-left: 133px; 
width: 180px; 
font-family: Verdana, Arial; 
height: 200px 
}

/*flash message */
#bottomBorder {
border-bottom: 1px solid #ef8e2f;
width: 20%;
display:none;
}
#topBorder {
border-top: 1px solid #ef8e2f;
width: 20%;
display:none;
}
#flashMessage {
width:80%;
color:#000000;
background: url('../images/exclamation.png');
background-repeat: no-repeat;
background-position: 3px 10px;
font-size: 13pt;
margin-top: 0px;
margin-bottom: 0px;
padding: 10px;
padding-left: 30px;
font-weight: 500;
display:none;