body {
font: 100% arial, verdana, sans-serif;
background-color: #fff;
}

.greytable {
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-top: 10px;
}

.headingtable {
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border-top: 0px solid;
	border-right: 0px solid;
	border-bottom: 1px solid #CCCCCC;
	border-left: 0px solid;
}

.tableclass {
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	margin: 10px;
}

.tdclass {
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
}

.tdclasshead {
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.inpt {
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;

}
.inpt_phone {
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
    border: 1px solid #888888;
    -webkit-border-radius: 6px;
}

a {  font-family: Arial, Verdana, Helvetica, sans-serif; color: #BF0503; font-size: 11px; text-decoration: underline}
a:hover {  font-family: Arial, Verdana, Helvetica, sans-serif; color: #BF0503; font-size: 11px; text-decoration: none}

.outer {width: 20em; background: #ddddee;}
 
.middle {background: #aaaabb;}
 
.inner {background: #777788;}
 
p {background: #CCCCCC;}
 
.middle, .inner, p {
  position: relative;
  left: -1px;
  top: -1px;
  } 

/* begin animated button css */

.animbtn {
  margin: 1em 0;
  width: 15em;
  font-family: arial,helvetica,arial,sans-serif;
  font-size: 70%;
  font-weight: bold;
}
.animbtn a {
  display: block;
  width: 100%;
}
.animbtn a:link,
.animbtn a:visited,
.animbtn a:hover {
  background-color: #E2E2E2;
  color: #000;
  text-decoration: none;
}
.animbtn a:link,
.animbtn a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.animbtn a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}

/* end animated button css */

/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px arial, verdana, sans-serif; /* set font as desired */
border-bottom: 1px solid #cccccc; /* set border COLOR as desired */
list-style-type: none;
padding: 5px 10px 5px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 10px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 5px 6px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #cccccc; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #E2E2E2; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

.button {
    font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #ffffff;
    border: 1px solid #888888;
    background-color:#7D7E7E;
    -webkit-border-radius: 6px;
    cursor:pointer;
}

/* end css tabs */