/* 

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. -->



Customization for: Cheltenham Borough Council

Dark:	#6A3180 was 003366

Medium:	#B8B8B8 was 006699

Light:	#C7B9FA was 99CCFF

Aditional colours: #1E80D6;  #1E80D7; #FEFFC1;  #4096E6;  #D3D3D3;  #C0C0C0;  #D3D3D3



*/
/*  Additional items added for CBC */

.credit

{
	font-size: 10px;
	cursor: hand;
	color: #000000;
	background-color: #ffffff;
	text-decoration: none;
}

.credit A

{
	font-size: 10px;
	cursor: hand;
	color: #000000;
	background-color: #ffffff;
	text-decoration: underline;
}

.cbc_hr
 {
	color: #ffffff;
	border: 0px;
	height: 1px;
}  

/* Main text colour. */

.cBody{

	background-color: white;

	color:#000000;

	font-family: 'lucida grande', Verdana, Helvetica, Arial, sans-serif;

	font-size: 13px;

	margin:0px;

}



/* basic HTML tag styles  */

TEXTAREA {

	font-family: 'lucida grande', Verdana, Helvetica, Arial, sans-serif;

	font-style: normal;

	font-weight: normal;

	font-size: 13px;

}



INPUT {

	font-family: 'lucida grande', Verdana, Helvetica, Arial, sans-serif;

	font-size: 13px;

}



SELECT {

	font-family: 'lucida grande', Verdana, Helvetica, Arial, sans-serif;

	font-size: 13px;

}



/* Size and the colour of the hr tags used throughout (the coloured indented line). */

HR {

	height:3px;

	border-top: 2px inset #B8B8B8;

	border-left: 2px inset #B8B8B8;

	border-right: 2px inset #B8B8B8;

	border-bottom: 2px inset #B8B8B8;

}



/* Returned input box.  This is the text colour in the boxes. */

.cDetailInput{

	background-color: #ffffff;

	border: 1px solid #B8B8B8;

	margin:1px;

	color:#000000;

	font-size: 13px;

	font-family: 'lucida grande', Verdana, Helvetica, Arial, sans-serif;

}



/* the title background colour.  Same colour as that specified for the clouds in the image template.*/

.cHeader{
	background-color: #ffffff;
}



/*Colour of the dark line under the context bar. */

.cHeaderUnderLine{

	background-color:#ffffff;

}



/* Bar at top of screen indicating current screen context */

.cTdContextBar{

	font-family:'lucida grande', Verdana, Helvetica, Arial, sans-serif;

	font-size:12px; /* absolute size so resizing font doesn't bust image layout in header */

	padding-left:5px;

}



/*Colour of the navigation bar below the horizontal template.*/

tr.cTdContextBar{

background-color:#ffffff;

}



/* hyperlinks */

A:active  {text-decoration: underline}

A:visited {text-decoration: underline}

A:hover{color:black;}





.cGetFocus{

	background-color:#FEFFC1;

}



/* Text colour of the darkest text of the "Welcome to Public" on the home page. */

.cLargeDarkBlueText{

	font-family: 'lucida grande', Verdana, Helvetica, Arial, sans-serif;

	font-size:1.3em;

	color:#B8B8B8;

	font-weight:bold;

}



/*Text colour of the light text of the "Welcome to PublicAccess" on the home page.*/

.cLargeBlueText{

	font-family: 'lucida grande', Verdana, Helvetica, Arial, sans-serif;

	font-size:1.3em;

	color:#B8B8B8;

	font-weight:bold;

}



/* Text formatting classes  */

.cWarningText{

	color:red;

	font-size: 13px;

}



.cTblDebugInfo{

	font-family: courier;

	font-size: 13px;

	vertical-align:top;

	border: 1px dashed black;

	color: windowtext;

}



.cTblErrorInfo{

	font-size: 13px;

	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 #B8B8B8;

	border-left: 2px inset #B8B8B8;

	border-right: 2px inset #B8B8B8;

	border-bottom: 2px inset #B8B8B8;

	background-color:#FFFFFF;

}



/* cResultsForm - Data Grid Contents of Inset Pane */

.cResultsForm{

	border-collapse:collapse;

	background-color:white;

	margin:0;

	padding:0;

	font-family: 'lucida grande', Verdana, Helvetica, Arial, sans-serif;

	font-size:13px;

}



/*Background colour of the title columns in the search results tables. */

.cResultsForm TH{

	font-size:13px;

	background-color:#578E33;

	color:#ffffff;

	border: 1px solid #B8B8B8;

	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 #B8B8B8;

}



/*******************************************************/

/* TABS */

/*******************************************************/



/*Background colour of the non selected tabs headers. */

TD.cTab {

	vertical-align:top;

	background-color:#578E33;

	border-left: 2px outset #578E33;

	border-right: 2px outset #578E33;

	border-top: 2px outset #578E33;

	border-bottom: 2px inset #578E33;

	padding:0.2em;

	color:#ffffff;

	text-decoration: none;

	cursor:hand;

	font-family: georgia, 'times new roman' , times, serif;

}



/* Colour of the tab header when mapping not available (disabled tab). */

TD.cTabDisabled {

	vertical-align:top;

	background-color:#EDEBDE;

	border-left: 2px outset #EDEBDE;

	border-right: 2px outset #EDEBDE;

	border-top: 2px outset #EDEBDE;

	border-bottom: 2px inset #EDEBDE;

	padding:0.2em;

	color:Red;

	text-decoration: none;

	cursor:default;

	font-family: georgia, 'times new roman' , times, serif;

}



/*Background colour of the selected tabs header i.e. 'Application details'. */

TD.cTabSelected {

	vertical-align:top;

	background-color: #000000;

	border-top: 2px outset #000000;

	border-left: 2px outset #000000;

	border-right: 2px outset #000000;

	padding:0.2em;

	color: #ffffff;

	text-decoration: none;

	font-weight: bold;

	cursor:default;

	font-family: georgia, 'times new roman' , times, serif;

}



/*****************************************************************/

/* TAB CONTENT */

/*****************************************************************/

	

/*Background colour of the select and so visible tab. */

.cTabContentVis{

	background-color: #EDEBDE;

	vertical-align:top;

	padding:0;

	margin:0;

	border-left: 2px outset #B8B8B8;

	border-right: 2px outset #B8B8B8;

	border-bottom: 2px outset #B8B8B8;

	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: 'lucida grande', Verdana, Helvetica, Arial, sans-serif;

}



.cTabContent TD{

	font-size:0.7em;

	font-family: 'lucida grande', Verdana, Helvetica, Arial, sans-serif;

}



.cTabContent BUTTON {font-size: 0.7em}



/* 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.13px;

	padding-bottom:0.13px;

	padding-right:0.5em;

	color:black;

}



.cTdFieldValue{

	padding-right:0.9em;

	padding-top:0.13px;

	padding-bottom:0.13px;

	color:black;

	text-align:left;

}





/*Disabled Input Box*/

.cInputGreyed{

	background-color: #D3D3D3;

}





/*****************************************************************/

/* BUTTONS*/

/*****************************************************************/



/* This is the search buttons background colour. */  

.cButton{

	border-top: 2px outset #578E33;

	border-left: 2px outset #578E33;

	border-right: 2px outset #578E33;

	border-bottom: 2px outset #578E33;

	padding: 0.13px;

	background-color:#578E33;

	color:#ffffff;

	font-weight:bold;

	font-family: 'lucida grande', Verdana, Helvetica, Arial, sans-serif;

	font-size: 13px;

}



/* Background colour of the buttons with images in them. Lookup buttons e.g. calendar, clock */

.cButtonImage{

	background-color:#578E33;

	border-top: 2px outset #578E33;

	border-left: 2px outset #578E33;

	border-right: 2px outset #578E33;

	border-bottom: 2px outset #578E33;

	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: 13px;

}



/* 3D Form Outline Table. This is the background colour of the search forms.   */

.cForm {

	font-family: 'lucida grande', Verdana, Helvetica, Arial, sans-serif;

	vertical-align:top;

	border-top: 2px outset #B8B8B8;

	border-left: 2px outset #B8B8B8;

	border-right: 2px outset #B8B8B8;

	border-bottom: 2px outset #B8B8B8;

	background-color:#EDEBDE;

	margin:0;

	padding:0.5em;

}



.cForm TD{

	font-size: 13px;

}



.cForm TD INPUT{

	font-size:1.0em;

}



.cForm BUTTON {font-size: 13px;}



/* 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:#000000;

	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: #000000;

	padding:4px;

	font-family: 'lucida grande', Verdana, Helvetica, Arial, sans-serif;

}



/* Background colour of the Headers of the search forms i.e. "Application case number" */

.cFormHeaderLight{

	font-weight : bold;

	background-color : #578E33;

	color:#ffffff;

	border-left: 2px inset #578E33;

	border-right: 2px inset #578E33;

	border-top: 2px inset #578E33;

	border-bottom: 2px inset #578E33;

	font-size: 13px;

}



.cFrontPageBoxLeft

{

	border-width: 2px 0px 2px 2px;

	border-color: #B8B8B8;

	border-style: solid;

	padding: 25px;

	/* colour should be same as cLargeBlueText */

}



.cFrontPageBoxRight

{

	border-width: 2px 2px 2px 0px;

	border-color: #B8B8B8;

	border-style: solid;

	padding: 25px;

	/* 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:#EDEBDE;

	border:2px solid #B8B8B8;

	color:#000000;

	font-family: 'lucida grande', Verdana, Helvetica, Arial, sans-serif;

	font-size:1.4em;

}



/****************************************************/

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

/****************************************************/



.cPropertyHistoryModuleBox{

	background-color:#FFFFFF;

	border:2px solid #B8B8B8;

	color:#000000;

	font-family: 'lucida grande', Verdana, Helvetica, Arial, sans-serif;

	font-size:1.4em;

}



/*******************************************************/

/* MENU CLASSES */

/*******************************************************/



/* Background colour of the buttons of the menubar when they are not used. */

.cMenuItem{

	background-color: #ffffff;

	color: #000000;

	font-size: 13px;

	border:1px solid #ffffff;

	cursor:pointer; cursor: hand;

}



/* This is the backgound colour of the menubar when you hoverover one of the buttons. */

.cMenuHighlighted{

	background-color: #ffffff;

	color:black;

	font-size: 13px;

	cursor:pointer; cursor: hand;

	border:1px inset white;

}



/* Background colour of the menubar (left hand side of screen). */

.cMenuBackground{

	background-color:#ffffff;

}

/* EOF  #4096E6 */



/*these sub styles were added to allow for WAI on menu item*/

.cMenuItem A

{

	border-right: #B8B8B8 0px solid;

	border-top: #B8B8B8 0px solid;

	font-size: 13px;

	border-left: #B8B8B8 0px solid;

	cursor: hand;

	color: #000000;

	border-bottom: #B8B8B8 0px solid;

	background-color: transparent;

	text-decoration: none;

}



.cMenuItem A:active

{

	border-right: #B8B8B8 0px solid;

	border-top: #B8B8B8 0px solid;

	font-size: 13px;

	border-left: #B8B8B8 0px solid;

	cursor: hand;

	color: #000000;

	border-bottom: #B8B8B8 0px solid;

	background-color: transparent;

	text-decoration: none;

}

.cMenuItem A:hover

{

	border-right: #B8B8B8 0px solid;

	border-top: #B8B8B8 0px solid;

	font-size: 13px;

	border-left: #B8B8B8 0px solid;

	cursor: hand;

	color: #000000;

	border-bottom: #B8B8B8 0px solid;

	background-color: transparent;

	text-decoration: none;

}

.cMenuItem A:visited

{

	border-right: #B8B8B8 0px solid;

	border-top: #B8B8B8 0px solid;

	font-size: 13px;

	border-left: #B8B8B8 0px solid;

	cursor: hand;

	color: #000000;

	border-bottom: #B8B8B8 0px solid;

	background-color: transparent;

	text-decoration: none;

}





.cMenuHighlighted A

{

	border-right: #B8B8B8 0px solid;

	border-top: #B8B8B8 0px solid;

	font-size: 13px;

	border-left: #B8B8B8 0px solid;

	cursor: hand;

	color: #000000;

	border-bottom: #B8B8B8 0px solid;

	background-color: transparent;

	text-decoration: none;

}

.cMenuHighlighted A:active

{

	border-right: #B8B8B8 0px solid;

	border-top: #B8B8B8 0px solid;

	font-size: 13px;

	border-left: #B8B8B8 0px solid;

	cursor: hand;

	color: #000000;

	border-bottom: #B8B8B8 0px solid;

	background-color: transparent;

	text-decoration: none;

}

.cMenuHighlighted A:hover

{

	border-right: #B8B8B8 0px solid;

	border-top: #B8B8B8 0px solid;

	font-size: 13px;

	border-left: #B8B8B8 0px solid;

	cursor: hand;

	color: #000000;

	border-bottom: #B8B8B8 0px solid;

	background-color: transparent;

	text-decoration: none;

}

.cMenuHighlighted A:visited

{

	border-right: #B8B8B8 0px solid;

	border-top: #B8B8B8 0px solid;

	font-size: 13px;

	border-left: #B8B8B8 0px solid;

	cursor: hand;

	color: #000000;

	border-bottom: #B8B8B8 0px solid;

	background-color: transparent;

	text-decoration: none;

}



.cButtonAnchor

{	

	text-decoration: none;	

	cursor: hand;

	color: #000000;

}

.cButtonAnchor A

{

	text-decoration: none;	

	cursor: hand;

	color: #000000;

}

.cButtonAnchor A:hover

{

	text-decoration: none;	

	cursor: hand;

	color: #000000;

}

.cButtonAnchor A:active

{

	text-decoration: none;	

	cursor: hand;

	color: #000000;

}

.cButtonAnchor A:visited

{

	text-decoration: none;	

	cursor: hand;

	color: #000000;

}