body 
{
	background-color: #EEEFF3; 			 /*set background of page here*/
	font-family: Arial, Verdana, Helvetica,  sans-serif;
	text-align: center;	
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
	width: 90%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	padding-bottom: 10px;
 }

.content
 {
	text-align: center;
}

.admin
 {
	text-align: center;
}

#ssbutton   /* position of buttons on top nav bar for application*/
{
 		position: absolute;
		right: 100px;
		bottom: 10px;
}
#logo   /* position of logo on top nav bar for application*/
{
 		 position: absolute;
		 left: 100px;
		 top: 3px;
}

body.navbar /* for application */
{
		background-color: #EEEFF3; 	
		background-image: none;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        color: #FFFFFF;
        font-size: 0.75 em;
        /*line-height: 1.2 em;*/
				line-height: normal;
        text-align: center;
}
body.application 
{ 
		 background-color: #F7F7F7; 			 /*set background of page here*/
		 background-image: none;
		 font-family: Arial, Verdana, Helvetica,  sans-serif;
		 color: #000000;                                /*set color of font here*/
		 /*font-size: 0.75em;*/
		 font-size: 16px;
		 /*line-height: 1.2em;*/
		 line-height: normal;
		 text-align: center;
 }
body.application  hr /* Special horizontal rule for application */
 {
	color: navy;                                     /*set color of bar here*/
	background-color: navy;                /*need to set this one also for both browsers*/
	width: 90%;
	height: 3px;
	text-align: center;
}
.sepbar  /* for application */
 {
	color: #FFFFFF;                                     /*set color of bar here*/
	background-color: #FFFFFF;                /*need to set this one also for both browsers*/
	width: 50%;
	height: 3px;
	text-align: center;
}
table.standard /* for application */
 {
	background-color: #F7F7F7;                 /*background color of table*/
    width: 90%;                                           /*width of table*/
}
.rightcolumn /* for application */
{
  width: 50%;
	text-align: left;
}
.leftcolumn /* for application */
{
	width: 50%;
	text-align: right;
	padding-right: 20px;
}
.fullrow  /* for application */
{
  padding-left: 10%;
  padding-right: 10%;
  text-align: left;
}
.helpbody
 {
	background-color: #EEEFF3; 	
	background-image: none;	
	font-family: Arial, Verdana, Helvetica,  sans-serif;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
}

a:link, a:visited
 {
	text-decoration: none;
	color:#003CBF;
 }

a:hover 
{
	text-decoration: underline;
	color:#003CBF;
	text-align: left;
}

h1
 {
	font-size: 24px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #333;
 }

 /*
 hr{
    background-color: #ffffff;
    width: 100%;
    height: 1px;
    margin-top: 4px;
    margin-bottom: 4px;
}
*/

hr
 {
	background-color: #CBCEDA;  /*need to set this one also for both browsers*/
	width: 60%;
	height: 1px; /*need 'auto' horizontal margin to center in non-IE browsers*/
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.time
 {
	margin: 5px;
 	padding-top: 10px;
	text-align: left;	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
.adminhelp
 {
 	padding-top: 10px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;	
}
.signout
 {
 	padding-top: 10px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;	
}
.ac
{
	text-align: center;
	height: 25px;
	margin-bottom: 20px;
}
.al
{
	text-align: left;
}
.ar
{
	text-align: right;
}
.lightcolor
 {
	background-color: #FFFFFF
}
.notetext
{
	color: #C60000;
}
.mediumcolor
{
	background-color: #F7F7F7;
} 
.darkcolor
 {
	background-color: #EAEAEA;
}
table.main
 {
	background-color: #F7F7F7;                 /*background color of table*/
    width: 90%;                                           /*width of table*/
   	border-width: 4px;
   	border-style: ridge;       
   	border-color: #F7F7F7;                        /*color of border around table*/
 }
table.login  /* Used for application */
 {
	background-color: #F7F7F7;                 /*background color of table*/
    width: 90%;                                           /*width of table*/
   	border-width: 4px;
   	border-style: ridge;       
   	border-color: #F7F7F7;                        /*color of border around table*/
 } 

.table_lines {

	border: 1px solid #E0E2E9;

}

input.text{
	border: inset 1px; 
	background-color: White; 
	color: Black; 
	white-space: nowrap; 
}

input.checkbox{
	border:none;
	background-color: transparent; 
}

input.radio{
	border:none;
	background-color: transparent; 
}

select{
	border: inset 1px; 
	background-color: White; 
	color: Black; 
	white-space: nowrap; 
}
.form-style {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #333;
	border: 1px solid #666;
}

table
{
	margin: 0px auto; /*need 'auto' horizontal margin to center in non-IE browsers*/
	text-align: left;
}
.noshow
{
	display: none;
}
.show
{
    /*  empty class to display normally  */
    /*	display: auto;  */
}


/*
.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
*/
.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 2px;
	padding-left: 2px;
	text-align: inherit;
}


.header-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #333;
	line-height: 28px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#logo-area {
	clear: both;
	padding-top: 25px;	
	padding-bottom: 25px;
	width: auto;
	text-align: center;		
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	line-height:150%;
}


#button-area {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	clear: both;
	width: 960px;
}
#sign-out-area {
	float: left;
	width: 960px;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 10px;
}
#close-window-area  {
	float: left;
	width: 960px;
	text-align: center;
	height: auto;
	padding-top: 25px;
	padding-bottom: 50px;
	clear: both;
	margin: 0px;
}
#signout
{
	display: none;
}
#top-page-hdr {
	width: auto;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: auto;
}
#hidden-area {
	clear: both;
	float: left;
	width: 960px;
}
#bottom-line-area {
	float: left;
	width: 960px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #A6A6A6;
	height: 20px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#bottom-btn-area {
	float: left;
	width: 960px;
	margin-top: 5px;
	margin-bottom: 100px;
	padding-bottom: 10px;
}

.elButton a, .elButton a:visited {
	background-color: #B4BDCC;
	color: #333;
	font-size:12px;
	font-family:arial, verdana, sans-serif;
	font-weight:bolder;
	text-decoration: none;
	/*display: block;  leave this line to display vertically*/
	/*width: 80px;  define width within specific button div*/
	height: 15px;
	padding: 3px 5px;
	margin: 1px;
	border: 1px solid #A0A6BC;
}

.elButton a:hover
 {
	background-color: #BDE2F2;
	color:#333;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A0A6BC;
	border-right-color: #A0A6BC;
	border-bottom-color: #A0A6BC;
	border-left-color: #A0A6BC;
}
/*.elButton a{
background-color: #A5B4C0;
border: 2px #A5B4C0 outset;
padding: 1px 4px;
color: #424242;
text-decoration: none;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bolder;
*/
/*font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;*/
/*
}

.elButton a:visited{
color: #424242;
}

.elbutton a:hover{
border-style: inset;
background-color: #95CFEA;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
/*
}

.elbutton:active{
color: black;
}
*/
/*.elButton a, .elButton a:visited {
	background-color: #000080;
	color: #ffffff;
	font-size:12px; 
	font-family:arial, verdana, sans-serif; 
	font-weight:bolder;
	text-decoration: none;
	border-top: 4px;
	border-right: 4px;
	border-bottom: 4px;
	border-left: 4px;
	border-style: outset;
	/*display: block;  leave this line to display vertically*/
	/*width: 80px;  define width within specific button div*/
	/* height: 15px;
	padding: 3px 5px;
	margin: 1px;
}

.elButton a:hover
 {
	background-color: #000080;
	color:#ffffff;
	border-top: 5px #ffffff;
	border-right: 3px #c0c0c0;
	border-bottom: 3px #c0c0c0;
	border-left: 5px #ffffff;
	border-style: inset;
	text-decoration: none;
} */

.elsmButton a, .elsmButton a:visited {
	background-color: #000080;
	color: #ffffff;
	font-size:10px; 
	font-family:arial, verdana, sans-serif; 
	font-weight:bolder;
	text-decoration: none;
	border-top: 2px;
	border-right: 2px;
	border-bottom: 2px;
	border-left: 2px;
	border-style: outset;
	/*display: block;  leave this line to display vertically*/
	/*width: 120px;  define width within specific button div*/
	height: 12px;
	padding: 1px 3px;
	margin: 1px;
}

.elsmButton a:hover
 {
	background-color: #000080;
	color:#ffffff;
	border-top: 3px #ffffff;
	border-right: 1px #c0c0c0;
	border-bottom: 1px #c0c0c0;
	border-left: 3px #ffffff;
	border-style: inset;
	text-decoration: none;
}

.round {
	cursor:pointer; 
	cursor:hand; 
	line-height:24px;
	height:24px;
	background:url(button.gif) no-repeat right top; 
	padding-right:10px; 
	display:inline-block;
	text-decoration: none;
	white-space: nowrap;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

.round ins { 
	background:url(button.gif) no-repeat left top; 
	height:24px;
	line-height:24px;
	display:inline-block;
	padding-left:10px;
	text-decoration: none;
	white-space: nowrap;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;		
}

.roundtable {
	cursor:pointer; 
	cursor:hand; 
	line-height:24px;
	height:24px;
	background:url(button_table.gif) no-repeat right top; 
	padding-right:10px; 
	display:inline-block;
	text-decoration: none;
	white-space: nowrap;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;		
}

.roundtable ins { 
	background:url(button_table.gif) no-repeat left top; 
	height:24px;
	line-height:24px;
	display:inline-block;
	padding-left:10px;
	text-decoration: none;
	white-space: nowrap;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
a.round:hover {
	background-position:right -190px;
	text-decoration: none;
	white-space: nowrap;
	color: #000000;
}

a.round:hover ins {
	background-position:left -190px;
	text-decoration: none;
	white-space: nowrap;
	color: #000000;
}
a.roundtable:hover {
	background-position:right -190px;
	text-decoration: none;
	white-space: nowrap;
	color: #000000;
}

a.roundtable:hover ins {
	background-position:left -190px;
	text-decoration: none;
	white-space: nowrap;
	color: #000000;
}