/*
w2 javascript disables buttons and set class to button disabled
harrow have buttons of class button so set the disabled class to be the same
    */
.buttondisabled {
    background: #DDDCDC none repeat scroll 0%;
    border: 1px outset #46257B;
    color: #000000;
    font-size: 1.1em;
    font-weight: normal;
    overflow: visible;
    padding: 0pt 1px 1px;
}

#civicamain {
    float:left;
    padding:10px 0px 20px 15px;
    width:70%;
    font-family:Arial;
    margin-bottom:30px;
}

#column_nav {
	width:19%;
}


/*
.homepageLayout a:link, .homepageLayout a:visited, .homepageLayout a:hover, .homepageLayout a:active {
    color:x;
    text-decoration:none;
}
*/


/* PP: Gave #civicabody a float:left to correct IE layout problem */
#civicabody {
   float:left;
   width:100%;
}

#civicabody input[type=text], #civicabody select, #civicabody textarea {
    /*border: 1px solid #911D7B;*/
}

#civicabody input[type=button] {
    /*border: 1px solid black;*/
    background-color: #911D7B;
    color: white;
}

#civicabody .breadcrumb {
    color: blue;
    padding-bottom: 20px;
}



#civicasearchform .border{
    border:1px solid #7030A0;
}

#civicasearchform table tr td {
    padding: 5px;
    border: 0;
    vertical-align: top;
}

#civicasearchform table tr td div {
    border:0;
    min-width: 130px;
}

.heading{
    color:#420657;
    font-size:1.2em;
    font-weight:bold;
    text-align:center;
}

.heading1{
    color:#420657;
    font-size:1.2em;
    font-weight:bold;
    text-align:left;
}


.headinglarge {
    text-align: left;
    font-weight:400;
    color: #420657;
    font-size: 1.6em;
	padding-bottom:10px;
}

.information {
    font-size:0.9em;
}

#civicasearchform #quicksearchfields{
    width:770px;
}

#civicasearchform .quicksearchbox {
    border:1px solid #000000;
    float:left;
    height:198px;
    margin:5px 8px 5px 0pt;
    padding:10px 0px 0px 11px;
    width:224px;
}
#civicasearchform .quicksearchbox .heading{
    text-align:left;
    padding-bottom:10px;
}

#civicasearchform .quicksearchbox .information{
    font-size:0.9em;

/* PP: Altered CSS */
    _height:90px;
	height:110px;
}

#civicasearchform .quicksearchbox .input{
    float:left;
}

/* added to remove the colour from the calendar pickers*/
#civicasearchform .quicksearchbox input[type=button] {
    background-color: #D7D0CF;
    color:black;
}

#civicasearchform .quicksearchbox .searchlabel{
    clear:left;
}

#civicasearchform .searchbutton input{
    border:1px solid #000000;
    background-color:#725f90;
    color:white;
    font-weight:bold;
    padding-left:0px;
}

#civicasearchform #quicksearchweeks {
   clear:left;
   border:1px solid #725f90;
   width: 725px;
   height:94px;
}

#civicasearchform #quicksearchweeks .fields {
    padding-top:15px;
}



/* PP: Additional CSS */
#civicasearchform #quicksearchweeks .fields div {
   float:left;
}



#civicasearchform #quicksearchweeks .fields input{
   float:left;
}

#civicasearchform #quicksearchweeks .fields label{
    float:left;
    padding:0 10px 0 80px;
}

#civicasearchform #quicksearchweeks .searchbutton{
    padding:0 0px 0 90px;
    float: left;	    
    color:white;
    font-weight:bold;
}

#weeklysearchfields .heading{
    color:black;
    text-align:left;
}

#weeklysearchfields label {
    color:#420657;
}

#weeklysearchfieldset1 {
    clear:both;
    margin-top:10px;
}
#weeklysearchfieldset1 label {
    margin-right:10px;
    float:left;
    }

#weeklysearchfieldset1 div {
    margin-right:10px;
    float:left
}

#weeklysearchfieldset1 .searchbutton {
    clear: both;
    float: left;
    left: 350px;
    position: relative;
    margin-top:5px;
    border:1px solid #000000;
    background-color:#725f90;
    color:white;
    font-weight:bold;
}

#weeklysearchfieldset2 {
    clear:both;
    margin-left:87px;
}

.weeklylink {
    padding: 2px;
    margin-top:8px;
}

.weeklylink a{
    border:1px solid  #420657;
    padding: 5px 20px;
    font-weight:bold;
    color:black;
}

.borderblacksolid {
    border:1px solid black;
}

#civicasearchform #detailssearchfields{
    width:770px;

}
/* added to remove border around groups on the detailed search and to allow the form to grow to required height */
#civicasearchform  #detailssearchfields .quicksearchbox {
    border:none;
    height:auto;
    margin-bottom:15px;
}

/* input button is first in form but positioned to be at the bottom right of form
    NOTE : if the form changes then this style will need altering to position the
    search button correctly
*/
.detailssearchfieldssearchbutton input{
    border:1px solid #000000;
    background-color:#725f90;
    color:white;
    font-weight:bold;
    font-size:100%;
    position:relative;
    top:320px;
    left:520px;
    width:90px;
    height:25px;
    margin-bottom:10px;
}

/* removed as no longer need boxes round the search fields so no need to fix height
#civicasearchform #detailssearchfields .quicksearchbox{
    height:750px;
    
}
*/

#detailssearchfield .searchlabel{
    clear:left;
 
}

#detailssearchfieldssearchbutton input{
    border:1px solid #000000;
    background-color:#725f90;
    color:white;
    font-weight:bold;
    padding-left:0px;
}

/* Style for the document information (text) part of document viewer */
.w2documentViewInfo {
    padding-top: 2px;
    font-weight: bold;
    color: #6699FF;
    margin-right: 10px
}

.w2documentViewKeyObjectInfo {
    padding-bottom: 6px;
    color: #6699FF;
    margin-right: 10px;
}

/* Overall Style for the document pages viewer */
.w2documentPagesViewer {
    padding-top: 2px;
    display: block;
}

.w2documentEmailViewer textarea {
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid;
    height: 400px;
    padding-left: 1px;
}

.w2documentEmailViewer img {
    padding-right: 2px;
    vertical-align: middle;
    border: 0px;
}

.w2documentEmailViewer span {
    vertical-align: middle;
}

.w2documentEmailViewer a:hover {
    text-decoration: none;
}

/* Style for the document page tool bar */
.w2documentPageToolBar {
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    background-color: #E0E0E0;
    border: 1px solid #000000;
    width: 100%;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-top: 2px;
}

.w2documentPageToolBar img {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    vertical-align: middle;
}

.w2documentPageToolBar select {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 2px;

}

.w2documentPageToolBar input {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 2px;
}

.w2documentPageToolBar img:hover {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border: 1px dotted #000000;
    vertical-align: middle;
}

/* Style for the thumbnail viewer */
.w2documentThumbnailBar {
    border: 1px solid #000000;
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.w2documentThumbnailBar img {
    border: 1px solid #000000;
    padding-right: 1px;
    padding-left: 1px;
    margin-left: 1px;
    margin-right: 1px;
    display: block;

}

.w2documentThumbnailBar img:hover {
    border: 1px dotted #000000;
    padding-right: 1px;
    padding-left: 1px;
    margin-left: 1px;
    margin-right: 1px;

}

.w2documentImageViewer {
    border: 1px solid #000000;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 2px;

}

.w2documentPDFPreview iframe {
    border: 1px solid;
    height: 400px;
    width: 600px;
}

.w2documentPDFPreview a:hover {
    text-decoration: none;
}

.w2documentHTMLPreview iframe {
    border: 1px solid;
    height: 400px;
    width: 600px;
}

.w2documentHTMLPreview a:hover {
    text-decoration: none;
}

.adobeDiv {
    display: block;
}

.adobeDiv img {
    border: none;
}

.thumblist a img {
    border: solid 1px black;
    margin-right: 2px;
}

.w2documentPageToolBar label {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    margin-left: 2px;
    margin-right: 2px;
}

.w2PageNavFieldSet {
    display: inline;
    position: relative;
    height: 55px;
    vertical-align: top;
}

.w2PageNavFieldSetdiv {
    display: inline;
    position: relative;
    height: 55px;
    vertical-align: top;
}

.w2PageNavFieldSetdiv div select {
    padding: 0px;
    margin: 0px;
    font-size: 100%
}

.w2PageZoomFieldSet {
    display: inline;
    position: relative;
    height: 55px;
    width: 56px;
    vertical-align: top;
}

.w2PageZoomFieldSetdiv {
    display: inline;
    position: relative;
    height: 55px;
    width: 56px;
    vertical-align: top;
}

.w2PageMeasureFieldSet {
    display: inline;
    position: relative;
    height: 55px;
    max-height: 53px;
    width: 120px;
    vertical-align: top;

}

.w2PageMeasureFieldSetdiv {
    display: inline;
    position: relative;
    height: 55px;
    width: 120px;
    vertical-align: top;
}

.w2PageMeasureFieldSetdiv div input {
/*border: none;*/
    padding: 0px;
    margin: 0px;
    font-size: 100%
}

.w2PagePanFieldSet {
    display: inline;
    position: relative;
    height: 55px;
    width: 45px;
    vertical-align: top;
}

.w2PagePanFieldSetdiv {
    display: inline;
    position: relative;
    height: 55px;
    width: 45px;
    vertical-align: top;
}

.w2PagePrintFieldSet {
    display: inline;
    position: relative;
    height: 55px;
    width: 56px;
    vertical-align: top;
}

.w2PagePrintFieldSetdiv {
    display: inline;
    position: relative;
    height: 55px;
    width: 56px;
    vertical-align: top;
}

.standardbutton, .standardbuttondisabled, .standardbuttonover{
    border-bottom:1px solid #000000;
    border-right:1px solid #000000;
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    background-color: #725f90;
    color: white;
    font-weight: bold;
}

.viewcallscript {
    float: left;
}

.viewcallscript .label {
    border: none;
    float: left;
    margin: 0;
    padding: 0;
    width: 150px;
    text-align: left;
}

.viewcallscript .data {
    border: 1px solid #C0C0C0;
    float: left;
    margin: 0;
    padding: 0;
    background: #F0F0F0;
    width: 400px;
}

.viewcallscript .emptydata {
    border: 1px solid #C0C0C0;
    float: left;
    margin: 0;
    padding: 0;
    background: #F0F0F0;
    width: 400px;
    height: 1.25em;
}

.viewcallscript .spacer {
    clear: both; /* very important to seperate the effective rows using this command*/
    padding-top: 2px;
}

.viewcallscript h1 {
    font-size: 145%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: white;
    background: #3F4377;
    float:none;
    width:auto;
}

.viewcallscript h2 {
    color: #483D8B;
    font-size: 120%;
    float:none;
    width:auto;
}

.viewcallscript h3 {
    color: #483D8B;
    font-size: 100%;
    float:none;
    width:auto;
}

.w2hover {
    border: 1px solid #000000;
    padding: 5px;
    background-color: #E0E0E0;
    font-weight: bold;
}

.tableStyle1 {
/*    width:703px; */
     width: 100%;
}

.tableStyle1 table {
    font: 100% Arial, sans-serif;
    padding: 0;
    margin-top: 2px;
    color: #333;
    background: #F3F5F7;
    border-collapse:collapse;
    BORDER-RIGHT: # 2px solid;
    BORDER-TOP: #725f90 2px solid;
    BORDER-LEFT: #725f90 2px solid;
    BORDER-BOTTOM: #725f90 2px solid;
}

.tableStyle1 table a {
    text-decoration: none;
    color: #000000;
}

.tableStyle1 table caption {
    text-align: left;
    text-transform: uppercase;
    padding-bottom: 10px;
    font: 200% Arial, sans-serif;
}

.tableStyle1 table thead th {
    background: #725f90;
    padding: 5px;
    color: #ffffff;
    text-align: left;
    font-weight: bold;
    text-decoration: none;
    border:none;
    padding-left:5px;
    padding-right:5px;
}

.tableStyle1 table thead tr {
    border:2px solid #420657;
}

.tableStyle1 table tbody, .tableStyle1 table thead {
}

.tableStyle1 table tbody {
    border:2px solid #725f90;
}

.tableStyle1 table tbody td, .tableStyle1 table tbody th {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left:5px;
    padding-right:5px;
    text-align: left;
    border-top:2px solid #725f90;
    border-bottom:2px solid #725f90;
}

.tableStyle2 table tbody td, .tableStyle2 table tbody th {
    border-right:1px solid #420657;
    border-left:1px solid #420657;
}

.tableStyle1 table tbody tr {
    background: #D9D9D9;
    border:2px solid #420657;
}

.tableStyle1 table tfoot td, .tableStyle1 table tfoot th, .tableStyle1 table tfoot tr {
    text-align: left;
    font: 120% Arial, sans-serif;
    text-transform: uppercase;
    background: #fff;
    padding: 10px;
}

.tableStyle2 table{
    float:left;
    margin-right:5px;
    width:45%;
}

.scroller table {
    font: 100% Arial, sans-serif;
    padding: 0;
    margin: 2px;
    color: #333;
    /*background: #420657;*/
    border-collapse:collapse;
    /*border:5px solid #420657;*/
}

.scroller table tr{
	margin : 5px;

}

.scroller table td{
	padding:5px;
	/*background:#420657*/

}

.scroller {
    /*background:#420657;*/
    /*border: 2px solid #420657;*/
    margin: 3px;
    width : 701px;
}

.scroller table td a, .scroller table td a:visited{
	padding:5px;
	background:#725f90;
	color: white;
	font-weight:bold;
	text-decoration:none;
	border-bottom:2px solid black;
	border-right:2px solid black;
	border-top:2px solid #E364CB;
	border-left:2px solid #E364CB;
}

.standardlink {
	padding:0px 0px 2px 1px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
        border: 1px solid #000000;
		
}
/*
 Start of call script input
*/
.callscript div {
  clear:left;
  display:block;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

.callform div.plain {
    display:block;
    margin: 0 0 0 0;
    padding: 0 0;
    float:left;
}

.callform div img {
  border: 1px solid #000000;
  display:inline;
  width:16px;
  height:16px;
}

.callform div label {
  display: block;
  float: left;
  width: 130px;
  padding: 1px 5px;
  margin: 0 0 5px 0;
  text-align: left;
}

.callform div.optional label:before {
  content: '';
}

.callform div.required label:before {
  content: '';
}

.callform div input, .callform div select{
  width: 300px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

.callform div input.add {
    width:16px;
    height:16px;
    display:inline;
}

.callform div.inlinecallhelp {
    display:inline;
    width:250px;
    border:1px solid #CCC;
    font:normal 12px Arial;
    color:#666666
}

.callform div textarea {
  padding: 1px 3px;
  margin: 0 0 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size:10pt;
  width:300px;
}


.callform  div label.labelCheckbox, .callform div label.labelRadio, label.labelCheckbox, label.labelRadio
{
 display: block;
  width: 190px;
  padding: 4px 0px 0px 18px;
  text-indent: -18px;
  line-height: 120%;
}

.callform div label.labelCheckbox input.inputCheckbox, .callform div label.labelRadio input.inputRadio,
label.labelCheckbox input.inputCheckbox, label.labelRadio
input.inputRadio {
  margin: 0px 0px 0px 0px;
}

.callform div.optional label, .callform label.optional {
    clear:left;
    display: inline;
    font-weight: bold;
}

.callform div.required label, .callform  label.required {
  clear:left;
  display: inline;
  font-weight: bold;
}

.callform h1 {
    font-size: 145%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #ffffff;
    background: #3F4377;
    clear:left;
}

.callscript h1 {
    font-size: 145%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #ffffff;
    background: #3F4377;
    clear:left;
    width:590px;
}

.callform h2 {
    color:#2B3856;
    font-size: 100%;
    line-height:1.4;
}

/*
    Hide call script header
    */
#Div0N h1{
    display:none;
}

.callscript {
    clear:left;
}

.errorMessageGroup
{
    border: thin red;
    background-color: #dcdcdc;
    color: red;
    font-weight: bold;
    margin-bottom:10px;
}

#civicabody .callhelp{
	display:none;
}

#civicabody .callbuttons{
	clear:both;
}

.textborder{
	border: 1px solid #725f90;
}

.tableHeader th {
	background:#725f90;
	padding:5px;
	color:#ffffff;
	text-align:left;
	font-weight:bold;
	text-decoration:none;
	border:none;
	padding-left:5px;
	padding-right:5px;
}

#HarrowFooter {
	clear:both;
}