/*Lewes Forms Stylesheet*/

/*New design classes*/
body {
font-family : arial, helvetica, sans-serif;
background-color : #ffffff;
color : black;
height : 100%;
margin : 0 0 1px;
padding : 0;
}
html {
font-size : 100%;
height : 100%;
margin : 0 0 1px;
padding : 0;
}
.intro {
font-size : 1em;
font-weight: 700;
line-height : 1.5em;
color : #8D8D8D;
}
h1 {
margin : 0;
padding : 0;
color : #007bc2;
}
h2 {
font-size : 1em;
color : #007bc2;
}
h3 {
font-size : 1em;
color : #007bc2;
}
h4 {
font-size : 0.875em;
color : #007bc2;
}
a:link, a:visited, a:active {
color : #00a65e;
text-decoration : none;
}
a:hover {
color : #00a65e;
text-decoration : underline;
}
a.content:link, a.content:visited, a.content:active {
color : #00a65e;
text-decoration : none;
}
a.content:hover {
color : #00a65e;
text-decoration : underline;
}
a.skipLink {
position : absolute;
left : -1000em;
top : -30px;
}
* html #container {
height : 100%;
}
#container {
width : 1000px;
min-height : 100%;
background : #ffffff;
text-align : left;
margin-left : auto;
margin-right : auto;
margin-bottom : -19px;
position : relative;
border-left : 10px solid #ffffff;
border-right : 10px solid #ffffff;
}
.green {
font-size : 0.75em;
font-weight : 700;
color : #00a65e;
}
.strong {
font-weight : 900;
}
#breadcrumbforms {
font-size : 1.00em;
color : #666666;
margin : 0 0 10px 0;
}
#header {
margin-bottom : 10px;
padding-top : 5px;
border-top : 1px solid #8d8d8d;
height : 66px;
font-size : 1.00em;
}
.logo {
float : left;
padding : 0 0 0 0;
}
#navlist {
list-style : none;
padding : 0;
margin-top : 1%;
margin-left : 22%;
margin-right : 0;
}
#navlist li {
float : left;
margin : 0 0.4em;
}
.directgov {
float : right;
margin-top : 1%;
}
a.banner:link, a.banner:visited, a.banner:active {
color : #666666;
font-weight: 700;
text-decoration : none;
}
a.banner:hover {
color : #666666;
font-weight: 700;
text-decoration : underline;
}
#leftcol {
margin : 0;
width : 185px;
float : left;
background : #ffffff;
min-height: 100%;
}
#searchbox {
font-size : 0.75em;
}
#rightcol {
width : 190px;
float : right;
}
h2.subpage {
font-size : 1.25em;
color : #007bc2;
margin : 15px 0;
}
h2.box {
color : #ffffff;
background-color : #00a65e;
margin : 10px 0 0 0;
padding : 2px 3px;
font-size : 1.00em;
clear : both;
}
h2.box-nomargin {
color : #ffffff;
background-color : #00a65e;
margin : 0;
padding : 2px 3px;
font-size : 1.00em;
clear : both;
}
h3.doitonline {
font-size : 1.00em;
padding-left : 10px;
background-color : #f3f3f3;
margin : 0;
padding-top : 10px;
color : #007bc2;
}
.Sidebox {
background : #f3f3f3;
margin : 0 0 0 0;
padding : 10px;
list-style : none;
}
#mainMenu ul li {
border-bottom : 1px solid #ffffff;
background-color : #00a65e;
list-style-image : none;
list-style-position : outside;
list-style-type : none;
line-height : 1.5em;
margin : 0;
padding : 0;
text-indent : 0;
width : 185px;
}
#mainMenu ul li a {
background : #8d8d8d none no-repeat scroll left center;
border-left : 2px solid #ffffff;
color : #ffffff;
display : block;
font-weight : bold;
margin-left : 7px;
padding : 2px 0 2px 7px;
text-decoration : none;
width : 169px;
}
#mainMenu a:hover {
background-color : transparent;
}
#mainMenu ul {
padding : 0;
margin : 0 0 10px;
}
#mainMenu li {
color : #000000;
}
#maincontentforms {
margin-right : 200px;
margin-bottom : 10px;
width : 800px;
position: absolute;
left: 195px;
top: 90px;
background : #ffffff;
border-right : 15px solid #ffffff;
}
a.headings:link, a.headings:visited, a.headings:active {
color : #007bc2;
text-decoration : none;
}
a.headings:hover {
color : #007bc2;
text-decoration : underline;
}
#searchbox {
font-size : 1.00em;
}
#footer {
height : 19px;
margin-left : auto;
margin-right : auto;
position : absolute;
left: 0px;
top: 97%;
width : 1000px;
list-style : none;
padding : 0;
border-top: 1px dotted #00A65E;
}
#footer ul {
display : inline;
float : right;
list-style-type : none;
margin : 0;
padding : 5px 0 0 0;
}
.clearfooter {
height : 19px;
clear : both;
}
#footer li {
float : right;
margin : 0 0.4em;
}
a.footer:link, a.footer:visited, a.footer:active {
color : #666666;
font-weight : 700;
text-decoration : none;
}
a.footer:hover {
color : #666666;
font-weight : 700;
text-decoration : underline;
}

/*Lewes Classes*/
form {
 margin: 0px
}
img {
 border: 0px
}
.Address {
 padding-left: 5px
}
#content {
 width: 100%;
 padding: 8px;
 font-size: small%
}
.NavTableHead {
 background-color: #00a65e; 
 padding: 1px; 
 border: 1px solid #FFFFFF; 
 color: #FFFFFF;
 text-align: center
}
.NavTableHead a:link, .NavTableHead a:hover, .NavTableHead a:active, .NavTableHead a:visited {
 color: #FFFFFF;
 text-decoration: none
}
.NavTable {
 background-color: #F3F3F3; 
 border: 1px solid #FFFFFF;
 vertical-align: top;
 padding: 0px;
 margin: 0px
}
.NavTable img {
 vertical-align: middle
 }
.valigntop {
 vertical-align: top
}
.valignbottom {
 vertical-align: bottom
}
.alignright {
 text-align: right
}
.aligncenter {
 text-align: center
}
.floatright {
 float: right
}
.floatleft {
 float: left
}
.nowrap {
 white-space: nowrap
}
label.hide {
 display: none
}
.nowrap {
 white-space: nowrap
}
.tablewidthfull {
 width: 100%;
 border: 0px; 
}
.tablewidthfull td {
 vertical-align: top;
}
.SubNav {
 line-height: 2
}
.TableHead {
 font-weight: bold; 
 color: #00a65e; 
 background-color: #ffffff
}
.searchforms {
 margin: auto; 
 color: #000000; 
 background-color: #8d8d8d
}
.searchformswide {
 width: 100%; 
 color: #000000; 
 background-color: #8d8d8d
}
ol.alphalist li {
 list-style-type: lower-alpha
}
.twocoltable {
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 background-color: #FFFFFF;
 width: 70%;
 margin-left: auto;
 margin-right: auto
}

/* Achieveforms Generic Classes */
.normaltext a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	text-decoration: none
}
.normaltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	font-weight: normal
}
.attributetext {
	color: #007bc2;
	font-weight: bold
}
.attributetextlrg {
	color: #007bc2;
	font-weight: bold;
	font-size: 1.2em
}
.attributetextmsv {
	color: #007bc2;
	font-weight: bold;
	font-size: 1.4em
}
hr {
	width: 100%;
	color: #CCCCCC;
	height: 1px;
	}

/* AchieveForms Content Table */
.centralcontenttable {
	border: 1px solid #007bc2;
	background: url(f3cssgifs/lowertabselborder.gif) repeat-x top #FFFFFF;
	width: 100%;
	padding: 2px
}
.centralcontenttablelang {
	border: 1px solid #007bc2;
	background: url(f3cssgifs/lowertabselborder.gif) repeat-x top  #FFFFFF;
	width: 100%
}

/* New Form Page */
.pageheadingtext {
	color: #007bc2;
	font-size: 1.2em;
	font-weight: bold
}

/* Browse Forms Panel */ 
.genericsubmit {
	background-color: #007bc2;
	background-image: url();
	background-repeat: repeat-x;
	background-position: top;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.9em;
	margin: 2px;
	border: 1px solid #00588C
	}
.generictextarea {
		border: 1px solid #CCCCCC
}
tr.fieldtr p {
 padding-left: 6px
}

tr.fieldtr td {
 padding-left: 6px
}

/* RenderForm Classes */
.deletesubformbutton {
	border: 1px solid #007bc2;
	background-color: #007bc2;
	color: #FFFFFF;
	font-weight: bold;
	height: 20px;
}
.subformrendertable {
	padding-bottom: 4px;
	width: 100%;
}
.sectionnamerender {
	color: #007bc2;
	font-size: 1em;
	font-weight: bold;
  display: none
}
.formname {
	color: #007bc2;
	font-size: 1.4em;
	font-weight: bold
}
.progress1 {
  font-family: Arial, Helvetica, sans-serif;
	background-color: #007bc2;
	border: 1px solid #007bc2;
	margin-left: 2px;
	font-weight: bold;
	color: #FFFFFF;
}
.progress0 {
  font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border: 1px solid #007bc2;
	margin-left: 2px;
	font-weight: bold;
	color: #007bc2
}
.renderbuttonstable {
	width: 95%;
	margin-left: 3%;
	border: 1px solid #007bc2;
	padding: 20px;
	background-color: #FFFFFF;
	background-image: url(f3cssgifs/renderform/af3logo.gif);
	background-repeat: no-repeat;
	background-position: bottom right
	}
.renderbuttonstable td {
  padding-left: 2px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px
}
.textinputs {
	border: 1px solid #CCCCCC
}
.generictextinput {
	border: 1px solid #CCCCCC;
	margin-right: 2px;
	margin-top: 0px
}
.genericsecrettextinput {
	border: 1px solid #CCCCCC;
	margin-right: 2px;
	width: 149px
}
textarea {
		font-family: Arial, Helvetica, sans-serif
	}
.generictextarea {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 2px
}
.genericselect {
	border: 1px solid #CCCCCC;
	margin-top: 0px;
  font-family: Arial, Helvetica, sans-serif;
	font-size: small
}
.genericrichtext {
	border: 1px solid #CCCCCC
}
.paragraghtext {
	color: #000000;
	font-weight: normal
}
.renderformbuttons {
	background-color: #007bc2;
	background-image: url();
	background-repeat: repeat-x;
	background-position: top;
	color: #FFFFFF;
	border: 1px solid #007bc2;
	font-weight: bold;
	font-size: 0.9em;
	margin: 2px
}
.aftable td {
  padding-left: 2px;
  padding-right: 5px;
  padding-bottom: 1px
}
.genericradio {
	padding-right: 8px
}
.genericcheckbox {
	padding-right: 3px
}
.uppertoolbartable {
	background: none;
	height: 26px;
	width: 100%
}
/* Date control classes */
.cal {
  background-color: #8d8d8d; 
	font-size: 1em;
	white-space: nowrap;		 
}
.cal a:link {
  color: #000000;			
}     
.calwday {
  background-color: #8d8d8d; 
	padding-bottom: 1px; 
	padding-left: 1px; 
	padding-right: 1px; 
	padding-top: 1px
}
.caldate {
	padding-bottom: 1px; 
	padding-left: 1px; 
	padding-right: 1px; 
	padding-top: 1px;
	text-align: center
}
.caldatesel {
  background-color: #FFFFFF
}
.caledge {
  background-color: #007bc2; 
	color: #FFFFFF;
	font-size: 1em !important
}
.caledge A:visited {
 background-color:#8d8d8d; 
 color: white
}
.caledge A:link {
 color: white
}
.caldateother {
 background-color: #C4C4CE
}
.calerror {
 background-color: #FB7D77
}
.dateerror {
 background-color: #FBCDC7
}
A.dateerror {
  border: 1px solid red;
}
.calpyear {
  width: 4em
}
/* Design Form Page */

.outerdesignformtable {
	border: 1px solid #00a65e;
	margin-bottom: 30px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-left: 3px;
	width: 100%
}
.sectionstable {
	background-color: #FFFFFF;
	width: 30px;
	text-align: center;
	border: 1px solid #007bc2;
	border-bottom: 1px solid #CCCCCC;
	background-image: none;
	background-position: top;
	background-repeat: repeat-x
}
.sectiontitle {
	color: #FFFFFF
}
.columnheader {
	font-weight: bold;
	color: #00a65e;
	background-color: #FFFFFF
}
.redtext {
	color: #FF0000
}
.eformstext {
  display: none;
}
.reviewtable {
	border: 1px solid #CCCCCC;
	background-color: white;
	width: 95%
}
.reviewtable td {
  padding-left: 2px;
  padding-right: 5px
	}
.printlayoutheader {
	color: #007bc2;
	font-weight: bold;
	text-align: center
}
.fieldtitle {
	color: #000000;
	font-weight: normal;
	width: 40%;
}
.fieldtitle img {
  padding-left: 3px
}

/* Validation */
.validationtable {
	border-bottom: 1px solid #CCCCCC;
	padding-top: 10px;
}
.validationtable input  {
  margin-left: 10px
}
.validationtable a:link {
	font-weight: bold;
}
.validationtable a:hover {
	font-weight: bold;
}
.validationtable a:visited {
	font-weight: bold;
}
.validationtable a:active {
	font-weight: bold;
}
.mandatory h4 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight: normal;
 margin-top: 10px;
 margin-bottom: 10px
}
.mandatory td {
  font-size: 0.8em
}
/* Index Page */
.resourcestable {
	border: 1px solid #007bc2;
	background-color: #FFFFFF;
	border-top: 3px solid #007bc2;
	width: 100%
}
.indexsubmits {
	background-color: #007bc2;
	font-size: 0.9em;
	border: 1px solid #007bc2;
	margin-left: 2px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center
}
.indexsubmitsel {
	background-color: #FFFFFF;
	font-size: 0.9em;
	border: 1px solid #007bc2;
	margin-left: 2px;
	font-weight: bold;
	color: #007bc2;
	text-align: center
}
.headerlabels {
	background-color: #FFFFFF;
	color: #007bc2;
	font-size: 12px;
	border-right: 1px solid #00a65e;
	border-bottom: 1px solid #00a65e;
	background-image: none;
	padding-left: 0.5em;
	font-weight: normal;
	line-height: 1.3em;
	padding-bottom: 2px;
	vertical-align: bottom
}
.resourcestable {
	border: 1px solid #007bc2;
	background-color: #FFFFFF;
	width: 100% 
}
.resourcestable td {
	vertical-align: top
}
.formnametext a {
	font-size: small;
	line-height: 1.5em;
	padding-left: 0px;
}
.formnametext a:hover {
	color: #007bc2
}
.wider {
  width: 70%
}
.subformtitle {
  color: #000000
}