/* 
Description: Default style sheet for Public Access
<!-- -->
<!-- The copyright in the work that is DocumentManager is the exclusive -->
<!-- property of CAPS Solutions Ltd, and its respective copyright owners, and is -->
<!-- protected under United Kingdom copyright law and other international copyright -->
<!-- treaties and conventions. -->
<!-- © 2004. CAPS Solutions Ltd and its licensor(s). All rights reserved. -->

*/

/* Main text colour. */
.cBody{
	background-color: white;
	color:#336699;
	font-family: Verdana, Arial;
	font-size: 14px;
	margin:0px;
}

/* basic HTML tag styles  */
TEXTAREA {
	font-family:verdana,arial;
	font-style: normal;
	font-weight: normal;
	font-size:1em;
}

INPUT {
	font-family:verdana,arial;
	font-size:1em;
}

SELECT {
	font-family:verdana,Arial;
	font-size:1em;
}

/* Size and the colour of the hr tags used throughout (the coloured indented line). */
HR {
	height:3px;
	border-top: 2px inset #009966;
	border-left: 2px inset #009966;
	border-right: 2px inset #009966;
	border-bottom: 2px inset #009966;
}

/* Returned input box.  This is the text colour in the boxes. */
.cDetailInput{
	background-color: #ffffff;
	border: 1px solid #009966;
	margin:1px;
	color:#336699;
	font-size:1em;
	font-family:verdana,arial;
}

/* the title background colour.  Same colour as that specified for the clouds in the image template.*/
.cHeader{
background-color:#009966;
}

/*Colour of the dark line under the context bar. */
.cHeaderUnderLine{
	background-color:#336699;
}

/* Bar at top of screen indicating current screen context */
.cTdContextBar{
	font-family:verdana;
	font-size:12px; /* absolute size so resizing font doesn't bust image layout in header */
	padding-left:2px;
}

/*Colour of the navigation bar below the horizontal template.*/
tr.cTdContextBar{
background-color:#99ccff;
}

/* hyperlinks */
A:active  {text-decoration: underline}
A:visited {text-decoration: underline}
A:hover{color:red;}


.cGetFocus{
	background-color:#FEFFC1;
}

/* Text colour of the darkest text of the "Welcome to Public" on the home page. */
.cLargeDarkBlueText{
	font-Family:verdana,Arial;
	font-size:1.2em;
	color:#336699;
	font-weight:bold;
}

/*Text colour of the light text of the "Welcome to PublicAccess" on the home page.*/
.cLargeBlueText{
	font-Family:verdana,Arial;
	font-size:1.2em;
	color:#009966;
	font-weight:bold;
}

/* Text formatting classes  */
.cWarningText{
	color:red;
	font-size: 1em;
}

.cTblDebugInfo{
	font-family: courier;
	font-size: 0.8em;
	vertical-align:top;
	border: 1px dashed black;
	color: windowtext;
}

.cTblErrorInfo{
	font-size: 0.8em;
	border: 2px dashed red;
}

.cCustomerLogo
{
	border-width: 0px;
	border-color: black;
	padding-right: 5px;
}

.cCustomerLogo:visited
{
	color:black;
}

.cCustomerLogo:active
{
	color:black;
}

/***********************************************************************
/*SEARCH RESULTS*/
/***********************************************************************/

/* This is the class that makes the search results seem indented.  Background colour set to white. */
.cInsetPanel
{
	vertical-align:top;
	border-top: 2px inset #FFFFFF;
	border-left: 2px inset #FFFFFF;
	border-right: 2px inset #FFFFFF;
	border-bottom: 2px inset #FFFFFF;
	background-color:#FFFFFF;
}

/* cResultsForm - Data Grid Contents of Inset Pane */
.cResultsForm{
	border-collapse:collapse;
	background-color:white;
	margin:0;
	padding:0;
	font-family:verdana,arial;
	font-size:1.4em;
}

/*Background colour of the title columns in the search results tables. */
.cResultsForm TH{
	font-size:0.7em;
	background-color:#009966;
	color:#ffffff;
	border: 1px solid #336699;
	padding:0.2em;
	
}

/*Only change the colour part of this element. Used for the grid colour in the search results page.  */
.cResultsForm TD{
	font-size:0.7em;
	padding-left:0.4em;
	padding-right:0.4em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	border-collapse:collapse;
	border: 1px solid #336699;
}

/*******************************************************/
/* TABS */
/*******************************************************/

/*Background colour of the non selected tabs headers. */
TD.cTab {
	vertical-align:top;
	background-color:#ffffff;
	border-left: 2px outset #336699;
	border-right: 2px outset #336699;
	border-top: 2px outset #336699;
	border-bottom: 2px inset #336699;
	padding:0.2em;
	color:#009966;
	text-decoration: none;
	cursor:pointer; cursor:hand;
	font-family:verdana,arial;
}

/* Colour of the tab header when mapping not available (disabled tab). */
TD.cTabDisabled {
	vertical-align: top;
	background-color: #E0E0E0;
	border-left: 2px outset #009966;
	border-right: 2px outset #009966;
	border-top: 2px outset #009966;
	border-bottom: 2px inset #009966;
	padding: 0.2em;
	color: Red;
	enabled: false;
	text-decoration: none;
	cursor: default;
	font-family: verdana,arial;
}

/*Background colour of the selected tabs header i.e. 'Application details'. */
TD.cTabSelected {
	vertical-align:top;
	background-color: #336699;
	border-top: 2px outset #009966;
	border-left: 2px outset #009966;
	border-right: 2px outset #009966;
	padding:0.2em;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	cursor:default;
	font-family:verdana,arial;
}

/*****************************************************************/
/* TAB CONTENT */
/*****************************************************************/
	
/*Background colour of the select and so visible tab. */
.cTabContentVis{
	background-color: #336699;
	vertical-align:top;
	padding:0;
	margin:0;
	border-left: 2px outset #009966;
	border-right: 2px outset #009966;
	border-bottom: 2px outset #009966;
	visibility:visible;
	max-height:200px;
}

/*Hides tabs which are not selected.*/
.cTabContentHidden{
	vertical-align:top;
	position:absolute;
	display:none;
	visibility:hidden;
}

.cTabContent{
	border:1px solid white;
	padding:1;
	spacing:1;
	font-family:verdana,arial;
}

.cTabContent TD{
	font-size:0.7em;
	font-family:verdana,arial;
}

.cTabContent BUTTON {font-size:1em;}

/* Colour of the describing text in the search form i.e. 'Application Type' white is the best colour here.*/
.cTdFieldName{
	padding-left:0.5em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	padding-right:0.5em;
	color:white;
}

.cTdFieldValue{
	padding-right:0.9em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	color:white;
	text-align:left;
}


/*Disabled Input Box*/
.cInputGreyed{
	background-color: #D3D3D3;
}


/*****************************************************************/
/* BUTTONS*/
/*****************************************************************/

/* This is the search buttons background colour. */  
.cButton{
	border-top: 2px outset #009966;
	border-left: 2px outset #009966;
	border-right: 2px outset #009966;
	border-bottom: 2px outset #009966;
	padding: 0.1em;
	background-color:#336699;
	color:#ffffff;
	font-weight:bold;
	font-family:verdana,arial;
	font-size:1em;
}

/* Background colour of the buttons with images in them. Lookup buttons e.g. calendar, clock */
.cButtonImage{
	background-color:#336699;
	border-top: 2px outset #009966;
	border-left: 2px outset #009966;
	border-right: 2px outset #009966;
	border-bottom: 2px outset #009966;
	padding:0;
	margin:0;
	text-align:center;
}


/******************************************************************/
/* TABLES */
/******************************************************************/

/* container for tabs buttons */
.cTblTabStrip{
	border-collapse:collapse;
	vertical-align:top;
	border:0;
	margin:0;
	padding:0;
}

.cTblTabStrip TD {
	font-size:0.7em;
}

/* general layout table */
.cTblLayout{
	border-collapse:default;
	vertical-align:top;
	padding:0;
	margin:0;
	border-spacing:0;
}

.cTblLayout TD {
	font-size: 0.8em;
}

/* 3D Form Outline Table. This is the background colour of the search forms.   */
.cForm {
	font-family:verdana,arial;
	vertical-align:top;
	border-top: 2px outset #009966;
	border-left: 2px outset #009966;
	border-right: 2px outset #009966;
	border-bottom: 2px outset #009966;
	background-color:#336699;
	margin:0;
	padding:0.5em;
}

.cForm TD{
	font-size:0.8em;
}

.cForm TD INPUT{
	font-size:1.0em;
}

.cForm BUTTON {font-size:1em;}

/* Text at the top of the search results screen when more records than the amount set is returned. White is used.  */
.cFormHeaderMain{
	font-weight : bold;
	color:#FFFFFF;
	padding:2px;
	padding-bottom:4px;
}

/* Text colour of the record count at the top of the form.  I.e. "100 records found". White is used.*/
.cFormContent{
	color: #FFFFFF;
	padding:4px;
	font-family:verdana,arial;
}

/* Background colour of the Headers of the search forms i.e. "Application case number" */
.cFormHeaderLight{
	font-weight : bold;
	background-color : #336699;
	color:#ffffff;
	border-left: 2px inset #009966;
	border-right: 2px inset #009966;
	border-top: 2px inset #009966;
	border-bottom: 2px inset #009966;
	font-size:0.8em;
}

.cFrontPageBoxLeft
{
	border-width: 2px 0px 2px 2px;
	border-color: #009966;
	border-style: solid;
	padding: 25px;
	/* colour should be same as cLargeBlueText */
}

.cFrontPageBoxRight
{
	border-width: 2px 2px 2px 0px;
	border-color: #009966;
	border-style: solid;
	padding: 25px;
	font-size:14px;
	/* colour should be same as cLargeBlueText */
}
	

/****************************************************/
/* SEARCH CRITERIA BOX - summarises search details in results screens */
/****************************************************/

/*Background colour of the "you have searched for" box in the search results page. */
.cSearchCriteriaBox{
	background-color:#336699;
	border:2px solid #009966;
	color:#FFffff;
	font-family:verdana,arial;
	font-size:1.4em;
}

/****************************************************/
/* Property History Module Selector - on Property History Screen */
/****************************************************/

.cPropertyHistoryModuleBox{
	background-color:#336699;
	border:2px solid #009966;
	color:#FFffff;
	font-family:verdana,arial;
	font-size:1.4em;
}

/*******************************************************/
/* MENU CLASSES */
/*******************************************************/

/* Background colour of the buttons of the menubar when they are not used. */
.cMenuItem{
	background-color: #336699;
	color: #ffffff;
	font-size: 14px;
	border:1px solid #336699;
	cursor:pointer; cursor: hand;
}

/* This is the backgound colour of the menubar when you hoverover one of the buttons. */
.cMenuHighlighted{
	background-color: White;
	color:#336699;
	font-size: 14px;
	cursor:pointer; cursor: hand;
	border:1px inset #009966;
}

/* Background colour of the menubar (left hand side of screen). */
.cMenuBackground{
	background-color:#336699;
}
/* EOF  #4096E6 */

/*these sub styles were added to allow for WAI on menu item*/
.cMenuItem A
{
	border-right: #336699 0px solid;
	border-top: #336699 0px solid;
	font-size: 14px;
	border-left: #336699 0px solid;
	cursor: hand;
	color: #ffffff;
	border-bottom: #336699 0px solid;
	background-color: transparent;
	text-decoration: none;
}

.cMenuItem A:active
{
	border-right: #336699 0px solid;
	border-top: #336699 0px solid;
	font-size: 14px;
	border-left: #336699 0px solid;
	cursor: hand;
	color: #ffffff;
	border-bottom: #336699 0px solid;
	background-color: transparent;
	text-decoration: none;
}
.cMenuItem A:hover
{
	border-right: #336699 0px solid;
	border-top: #336699 0px solid;
	font-size: 14px;
	border-left: #336699 0px solid;
	cursor: hand;
	color: #ffffff;
	border-bottom: #336699 0px solid;
	background-color: transparent;
	text-decoration: none;
}
.cMenuItem A:visited
{
	border-right: #336699 0px solid;
	border-top: #336699 0px solid;
	font-size: 14px;
	border-left: #336699 0px solid;
	cursor: hand;
	color: #ffffff;
	border-bottom: #336699 0px solid;
	background-color: transparent;
	text-decoration: none;
}


.cMenuHighlighted A
{
	border-right: #009966 0px solid;
	border-top: #009966 0px solid;
	font-size: 14px;
	border-left: #009966 0px solid;
	cursor: hand;
	color: #336699;
	border-bottom: #009966 0px solid;
	background-color: transparent;
	text-decoration: none;
}
.cMenuHighlighted A:active
{
	border-right: #009966 0px solid;
	border-top: #009966 0px solid;
	font-size: 14px;
	border-left: #009966 0px solid;
	cursor: hand;
	color: #336699;
	border-bottom: #009966 0px solid;
	background-color: transparent;
	text-decoration: none;
}
.cMenuHighlighted A:hover
{
	border-right: #009966 0px solid;
	border-top: #009966 0px solid;
	font-size: 14px;
	border-left: #009966 0px solid;
	cursor: hand;
	color: #336699;
	border-bottom: #009966 0px solid;
	background-color: transparent;
	text-decoration: none;
}
.cMenuHighlighted A:visited
{
	border-right: #009966 0px solid;
	border-top: #009966 0px solid;
	font-size: 14px;
	border-left: #009966 0px solid;
	cursor: hand;
	color: #336699;
	border-bottom: #009966 0px solid;
	background-color: transparent;
	text-decoration: none;
}

.cButtonAnchor
{	
	text-decoration: none;	
	cursor: hand;
	color: #ffffff;
}
.cButtonAnchor A
{
	text-decoration: none;	
	cursor: hand;
	color: #ffffff;
}
.cButtonAnchor A:hover
{
	text-decoration: none;	
	cursor: hand;
	color: #ffffff;
}
.cButtonAnchor A:active
{
	text-decoration: none;	
	cursor: hand;
	color: #ffffff;
}
.cButtonAnchor A:visited
{
	text-decoration: none;	
	cursor: hand;
	color: #ffffff;
}