/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Web APAS :- HTS Name 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#hts_name {
     /* To display HTS names comment out the line below */ 

	/*display: none;*/
    	font-size: 1.25em;
	color: #003466;
    	text-align: center
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Default Item Setup 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
* {
  	padding: 0 1 0 0; /* Order: top, right, bottom, left */
 	margin: 0 0 0 0; /* Order: top, right, bottom, left */
}

html, body {
	height: 100%;
    	width: 100%
}

body {
	/*Browser default font size is 16pt. A workable font is 10pt which is 0.625% of this. 
          As IE only understands upto 2 decimal places we need to first reduce to 0.5% (8pt) 
          and then increase the size for the content to 1.25em (10pt). Everything can then be
	  sized sensibly based on this. e.g. 

          10pt = 1em
          12pt = 1.2em
	  16pt = 1.6em
          20pt = 2em
       */

    	font-family: Arial, verdana, Helvetica, sans-serif;
    	font-size:50%;
    	line-height: 240%;
}

#page {
    	width:100%;
	/* Set the font size to 10pt */
	background-color: #FFF;
    	font-size: 1.25em;
    	padding: 0em 0em 0em 0em;
    	margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
}

h1, h2, h3, h4, h5, h6 {
    	font-weight: 900;
}

h1 {
    	font-size: 1em;
}

h2, h3, h4 {
    	font-size: 1em;
    	color: #000000;
    	margin: 0.5em 0em 0.5em 0em; /* Order: top, right, bottom, left */
}

h4 {
    	margin-bottom: 0.1em;
}

h5 {
    	font-size: 1.2em;
}

h6 {
    	font-size: 1.1em;
    	line-height: 1.5em;
    	color: #090;
}

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

a:hover, a:active {
    	text-decoration: underline;
    	color: #003466;
}

ul, ol {
    	list-style: none;
}

hr {
   	height:0.2em;
  	color: #9CAAB6;
   	background: #9CAAB6;
   	border: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Mandatory Field Specification
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.apas_mandatory	{
  	font-weight: bold; /* font weight of text */
  	color: #FF0000; /* font colour */
  	font-size: 1.4em;
}

.apas_mandatory2	{
  	font-weight: bold; /* font weight of text */
  	color: #FF0000; /* font colour */
  	font-size: 2.0em;
}

.apas_mandatory3	{
  	font-weight: bold; /* font weight of text */
  	color: #FF0000; /* font colour */
  	font-size: 1.0em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Error Item Setup 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#errorInfo { 
    	margin: 0em auto 1em auto; /* Order: top, right, bottom, left */
    	width: 50%;
    	text-align: center;
    	color: #C00000;
    	border: #C00000 solid 0.08em; /* border size/colour */
}

.errornormaltxt {
    	font-size: 10pt;
    	color: #C00000;
}
.errorboldtxt {
    	font-weight: bold;
    	font-size: 10pt;
    	color: #C00000;
}

.ErrorClass {
    	color: #000000;
    	background-color: #FFC0C0;
}

.ErrorStyle {
    	color: #000000;
    	background-color: #FFC0C0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Specifiy Header with Logo
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#page_header {
	
}

#nav_headerR {
	position:absolute;
	right:0px;
	top:0px;
	padding-bottom: 0px;
}

#logo {
	position:absolute;
	left:-3px;
	top:0px;
	margin-bottom: 10px;
}

#nav_headerLB {
	position:absolute;
	left:0px;
	top:85px;
/* Safari Fix of Navigation width */	
	width:100%;
	
	}

#page_header H1 {
	font-size: 1.7em;
    	font-weight: Bold;
    	color: #333333;
	padding: 0px 0em 0px 0em; 
  	margin: 0px 0px 0px 310px;
    	text-align: left;
}

#apas_status {
	color: #FFFFFF;
	float:right;
        font-size: 1.2em;
  	padding: 0em 0em 0em 0em;
  	margin: -10px 0px 0px 0px;
}

#page_footerH {
	background-color: #663366;
	font-size: 1.1em;
    	color: #FFFFFF;
    	text-align: center;
	border-top: .08em solid #003366; 
	border-bottom: .08em solid #003366; 
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Specifiy Text Header
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
#page_header {
	font-size: 1.25em;
	padding: 0em 0em 0em 0em; 
  	margin: 0em 0em 0em 0em;
	border-bottom: .08em solid #003366; 
}

#page_header H1 {
    	font-size: 2.5em;
    	font-weight: Bold;
    	color: #003466;
    	text-align: left;
	padding: 0em 0em 0em 0em; 
  	margin: .4em 0em 0em .4em;
}

#apas_status {
	position: relative;
  	margin: 0px 0px 0px 0px;
	padding: 0em 0em 0em 0em; 
  	margin: 1em 0em 0em 1em;
}
*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Specifiy Footer
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#page_footer {
	clear:both;
width: 100%;
padding-top: 2px;
padding-bottom: 5px;
height: 33px;
background-image:url(http://www.molevalley.gov.uk/images/new_mvdc/main_nav.jpg);
background-repeat:repeat-x;
background-position:left;
text-align:center; 
}

a.footerlink:link {
    text-decoration: none;
    color: #FFFFFF;
}

a.footerlink:visited {
    text-decoration: none;
    color: #FFFFFF;
}

a.footerlink:hover {
    text-decoration: underline;
    color: #FFFFFF;
}

a.footerlink:active {
    text-decoration: underline;
    color: #FFFFFF;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  BreadCrumb
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#apas_textlinks {
   	font-size: 1em; /* font weight of text */
   	font-weight: bold; /* font weight of text */
   	margin: 2em 0em 0em 0em; /* Order: top, right, bottom, left */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Page Content Setup 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#apas_content {
  	width: 98%;
  	font-size: 1.25em;
  	padding: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
  	margin: 0em 0em 0em 1.5em; /* Order: top, right, bottom, left */
}

#apas_form {
   	position: relative;
  	font-size: 1.25em;
   	margin: 0em 0em 1em 0em; /* Order: top, right, bottom, left */
}

#apas_formNotUsed p {
  	font-size: 0.75em;
  	text-align:justify;
  	padding: 0.5em 0em 0em 0em; /* Order: top, right, bottom, left */
  	margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Standard Page Intro Text
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Pre Form Text */
#apas_form_text {
  	position: relative;
  	padding: 0em 0em 0em 0em;
  	margin: 0em 0em 0em 0em;
}

#apas_form_text p {
  	font-size: 0.75em;
  	text-align:justify;
  	padding: 1em 2em 0.5em 0em; /* Order: top, right, bottom, left */
  	margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Floating Page Intro Text
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
#apas_form_text {
	position: absolute;
	z-index: 10;
	top: 3em;
	right: 1em;
	float:right;
	margin: 0em 5em 0em 0em; 
	padding: 1em 1em 1em 1em;
	text-align: left;
	border: .08em solid #9CAAB6;
	background-color:#E5E9ED;	
}

IE 5.0 Only
*html #apas_form_text {
	top: -37.2em;
	left: 37em;
}

*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Application Detail Tabs 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#tabs_container {
	width: 90%; /* width */
	border: .08em solid #9CAAB6;
	clear: both;
	background: #FFFFFF;
	padding: 0em 0.5em 0.5em 0.5em; /* Order: top, right, bottom, left */
  	margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
}

#tabContent {
	font-size: 0.85em;
	background: #FFFFFF;
	min-height: 5em;
}

#tabheader {
	position: relative;
	width: 100%;
	height: 3em;
}

#tabheader ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
}

#tabheader ul#primary li  {
	display: inline;
	list-style: none;
}

#tabheader ul#primary a,#tabheader ul#primary span,#tabheader ul#primary a.current {
	display: block;
	float: left;
	padding: 4px 3px;
	margin: 1px 2px 0 0;
	text-align: center;
	font-weight: bold;
	color: #003366; /* font colour */
	font-size: 0.85em;
	text-decoration: none;
}

#tabheader ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {
	border: .08em solid #9CAAB6;
	border-bottom: none;
	background: #FFFFFF;
	padding-bottom: 6px;
	margin-top: 0;
}

#tabheader ul#primary a {
	background: #E5E9ED;
	border: .08em solid #AAA;
	border-bottom: none;
}

#tabheader ul#primary a:hover {
	margin-top: 0;
	border-color: #9CAAB6;
	background: #FFFFFF;
	padding-bottom: 6px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Table Content Setup 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.apas_tbl {
	border:#9CAAB6 solid .08em; /* border size/colour */
	background-color:#ffffff;
	vertical-align:top;
	font-size: 0.75em;
	border-collapse: collapse;
	/*background-image: url(swiftimages/planning_grad.jpg);*/
	}

th.apas_tblHead {
	
	color: #000000;
	border-bottom:#9CAAB6 solid .08em;;
	padding:0.5em 0.5em 0.5em 0.5em; /* order: top, right, bottom, left */
	margin: 0em 0em 1em 0em; /* order: top, right, bottom, left */
	text-align:left;
	/*background-image: url(swiftimages/planning_grad.jpg);*/
}

.apas_tblHead_button {
  	font-weight: bold; /* font weight of text */
  	margin: 0em 0em 0em -0.7em; /* Order: top, right, bottom, left */
  	padding: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
  	color: #C00000; /* font colour */
  	background: #E5E9ED; /* background colour */
  	/*background-image: url(swiftimages/planning_grad.jpg);*/
  	border: 0em; /* border size/colour */
}

td.apas_tblContent {
	background-color:#ffffff;
	padding:0em 0.5em 0.3em 0.5em; /* order: top, right, bottom, left */
	margin: 0em 0em 0em 0em; /* order: top, right, bottom, left */
	vertical-align:top;
}

.tbl_submit-button {
  	font-weight: bold; /* font weight of text */
  	font-size: 0.85em; /* font weight of text */
  	margin: 0em auto 0em auto; /* Order: top, right, bottom, left */
  	padding: 0.1em 0.1em 0.1em 0.1em; /* Order: top, right, bottom, left */
  	color: #FFFFFF; /* font colour */
  	background: #003366; /* background colour */
  	border: #9CAAB6 solid 0.08em; /* border size/colour */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Specifiy Form Fieldset Content
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.input-box, .input-select, .input-area , .input-radio, .input-checkbox {
  	margin: 0.1em 0.1em 0em 0em; /* order: top, right, bottom, left */
	padding: 0em 0.1em 0em 0.1em; /* Order: top, right, bottom, left */
  	color: #000000; /* font colour */
  	background: #FFFFFF; /* background colour */
  	border: #9CAAB6 solid .08em; /* border size/colour */
}

.submit-button {
  	font-weight: bold; /* font weight of text */
  	font-size: 0.85em; /* font weight of text */
  	margin: 0.5em auto 0.5em auto; /* Order: top, right, bottom, left */
  	padding: 0.2em 0.5em 0.2em 0.5em; /* Order: top, right, bottom, left */
  	color: #FFFFFF; /* font colour */
  	background: #663366; /* background colour */
  	border: #9CAAB6 solid 0.08em; /* border size/colour */
}

fieldset.apas {
	position: relative;
	-moz-border-radius: 0px; /* Radius for Mozilla */
	background: #FFFFFF;

  	border: #9CAAB6 solid .08em; /* border size/colour */
  	margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
  	width: 90%; /* width */
  	font-size: 0.85em; /* font weight of text */
  	padding: 0.4em 0.5em 0.4em 0.5em; /* Order: top, right, bottom, left */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  IE 6/7 Bleed Fix, but actually makes it worse
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* IE 7. This is a fix to overcome bleeding of the background colour above the legend */
/**:first-child+html fieldset.apas {
	background-image: url(../images/FieldsetBG.jpg); background-repeat: no-repeat
}

/* IE 6. This is a fix to overcome bleeding of the background colour above the legend */
/**html fieldset.apas {
   	background-image: url(../images/FieldsetBG.jpg); background-repeat: no-repeat
}*/

/* Tab Boxes */

legend.apas {
	top:-10px;
	background: #ccc;
	-moz-border-radius: 0px; /* Radius for Mozilla */

  	color: #333; /* font colour */
  	margin: 0.5em 0em .5em 0em; /* Order: top, right, bottom, left */
  	border: #9CAAB6 solid .08em; /* border size/colour */
  	padding: .08em .5em .08em .5em; /* Internal Padding, Order: top, right, bottom, left */
 	font-weight: bold; /* font weight of text */
}



/* Form Fieldset Content Text */
#apas_form p.fieldset_content {
  	font-size: 0.9em;
  	padding: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
 	margin: 0em 0em 0em 18em; /* Order: top, right, bottom, left */
}

/* Form Fieldset Data Row Divider*/
#fieldset_data {
  	clear: both;
	padding: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
 	margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
}

/* Form Fieldset Label Definition*/
label.apas {
  	width: 15em; /* width */
  	color: #333; /* font colour */
  	float: left; /* object justification  */
  	text-align: right; /* justification of text */
  	font-weight: bold; /* font weight of text */
  	margin: 0em 1em 0em 0em; /* order: top, right, bottom, left */
}

/* Form Fieldset Full Width Label */
label.apaswide {
  	width: 54em; /* width */
  	color: #003366; /* font colour */
  	float: left; /* object justification  */
  	text-align: left; /* justification of text */
  	font-weight: bold; /* font weight of text */
  	margin: 0em 1em 0em 0em; /* order: top, right, bottom, left */
}

/* Form Fieldset Data Content */
#apas_form p.fieldset_data {
	padding: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
 	margin: 0em 0em 0em 16em; /* Order: top, right, bottom, left */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  JavaScript Date Picker
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.dpDiv {
}

.dpTable {
	border: #003466 1px solid;
        font-size: 14px;
        color: #505050;
        font-family: arial, helvetica, sans-serif;
        background-color: #edebeb;
        text-align: center
}
.dpTR {	
}

.dpTitleTR {	
}

.dpDayTR {
}

.dpTodayButtonTR {
	
}

.dpTD {
	border-right: #c0c0c0 1px solid;
        border-top: #c0c0c0 1px solid;
        border-left: #c0c0c0 1px solid;
        border-bottom: #c0c0c0 1px solid
}

.dpDayHighlightTD {
	border-right: #aaaaaa 1px solid;
        border-top: #aaaaaa 1px solid;
        border-left: #aaaaaa 1px solid;
        border-bottom: #aaaaaa 1px solid;
        background-color: #cccccc
}

.dpTDHover {
	border-right: #888888 1px solid;
	border-top: #888888 1px solid; 
	border-left: #888888 1px solid; 
	cursor: pointer; 
	color: red; 
	border-bottom: #888888 1px solid;
	background-color: #aca998
}

.dpTitleTD {
}

.dpButtonTD {
}

.dpTodayButtonTD {
}

.dpDayTD {
	border-right: #aaaaaa 1px solid;
	border-top: #aaaaaa 1px solid;
	border-left: #aaaaaa 1px solid;
	color: white;
	border-bottom: #aaaaaa 1px solid;
	background-color: #c0c0c0
}

.dpTitleText {
	font-weight: bold;
	font-size: 12px;
	color: #003466
}

.dpDayHighlight {
	font-weight: bold;
	color: #4060ff
}

.dpButton {
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 12px; 
	background: #ffffff;
	padding-bottom: 0px;
	color: gray;
	padding-top: 0px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif
}

.dpTodayButton {
	font-weight: bold;
	font-size: 12px;
	background: #ffffff;
	color: gray;
	font-family: arial, helvetica, sans-serif
}

.mainnav {
background-color: #663366;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 19px;
margin-bottom: 10px;
width: 100%;
}

.pipe {
font-size: 12px;
margin-top: 10px;
margin-bottom: 10px;
color: #fff;
font-weight: bold;
}

a.atopnav:link {
font-size: 12px;
margin-top: 10px;
margin-bottom: 10px;
color: #fff;
font-weight: bold;
}
a.atopnav:visited {
font-size: 12px;
margin-top: 10px;
margin-bottom: 10px;
color: #fff;
font-weight: bold;
}
a.atopnav:hover{
font-size: 12px;
margin-top: 10px;
margin-bottom: 10px;
color: #fff;
font-weight: bold;
}
a.atopnav:active {
font-size: 12px;
margin-top: 10px;
margin-bottom: 10px;
color: #fff;
}

a.atopnavright:link {
font-size: 12px;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
color: #000000;
}

a.atopnavright:visited {
font-size: 12px;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
color: #000000;
}

a.atopnavright:hover {
font-size: 12px;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
color: #000000;
}

a.atopnavright:active {
font-size: 12px;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
color: #000000;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Main Page Links
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#pagelinks {
   	font-size: 1em; /* font weight of text */
   	font-weight: bold; /* font weight of text */
   	margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
}



#info_links {
	position:relative;
	padding:0px;
	/* border:1px dotted #999;*/
	background-color:#fff;
	margin-bottom:0px
}
#info_links a {
	display:inline;
	/*padding:2px 9px 2px 9px;*/
	text-decoration:none;
	color:#003466;
	background:white
}
#info_links a:hover {
	background:white;
	text-decoration:none
}
#info_links a span {
	display:none
}
#info_links a:hover span {
	display:inline;
	position:absolute;
	background-color: #ccc;
	top:0;
	left:390px;
	padding:0px 0px 0px 0
}

.popup {

color: black;
font-weight: normal;
background-color: #fff;
position:absolute;
padding-left: 5px;
left:450px;
}

.popupred {

color: red;
font-weight: bold;
background-color: #fff;
position:absolute;
padding-left: 5px;
left:450px;
}

.greyeffect {
color: #ccc;
}