/* CSS Document */

 .navybackground { background: #31428C; }

 .topnavbackground { background:#339966; font-size:10pt; height:25px;}

 a.whitenav:link { color: #FFFFFF; text-decoration: none; font-size: 10pt; } 
 a.whitenav:active { color: #FFFFFF; text-decoration: none; font-size: 10pt; } 
 a.whitenav:visited { color: #FFFFFF; text-decoration: none; font-size: 10pt; } 
 a.whitenav:hover { color: #FFFFFF; text-decoration: underline; background: none; }
 .whitenav { color: #FFFFFF; text-decoration: none; font-size: 10pt; } 
 a.lang:link { color: #000000; text-decoration: none; font-size: 10pt; } 
 a.lang:active { color: #000000; text-decoration: none; font-size: 10pt; } 
 a.lang:visited { color: #000000; text-decoration: none; font-size: 10pt; } 
 a.lang:hover { color: #000000; text-decoration: underline; background: none; }
 .lang { color: #000000; text-decoration: none; font-size: 10pt; } 


 body
{
margin:0em;
font-family: arial;
}

 H2
{
color: #005FA9;
}

 .footerlink
{
	color:black;
	text-decoration:none;
}

 table
{
font-family: arial;
font-size: small;
}

 .viewpointpagejumpcurrentpage
{
	font-weight:bold;
	color:red;
}
 .viewpointpagejumppage
{
	color:black;
}
 .viewpointpagejumpnextprevious
{
	font-size: small;
	font-weight:bold;
	color:blue;
}

 .viewpointsearchsearchtypetextbox
{
border:0; 
color:blue;
font-family:arial; 
font-size:x-small; 
font-weight: bold; 
width: 50%
}

 .viewpointsearchsectionsheader
{
color: blue;
font-weight:bold;
}

 .viewpointsearchresultssearchterms
{
color: blue;
}

 .viewpointsfdfieldlabels
{

}

 .viewpointsfdfieldvalues
{
font-weight:bold;
}

 .viewpointdisplayrecordcountbox
{
	background-color:#003399;
}

 .viewpointdisplayrecordcounttext
{
	color:#ffffff;
}

 .viewpointdisplayfieldlabelcell
{
	background-color: #98CEF4;
}

 .viewpointdisplayfieldlabels
{
color: black;
font-weight:bold;
}

 .viewpointdisplaytopfieldbox
{
}

 .viewpointdisplaybottomavailablebox
{
background-color:  #DDEEFF;
}

 .viewpointdisplaycopyavailabilityheader
{
color: #005FA9;
font-weight: bold;
font-size: medium;
}

 .titlebranchdisplayheaderdisp23
{
background-color:white;
}

 .titledisplayheader
{
font-weight:bold;
}

 .titledisplayref
{
color:red;
}

 .titledisplayitem
{
}

 .viewpointreservationemailaddress
{
color:red;
}

 .viewpointreservationsingletitle
{
color:blue;
}

 .commentsborrowerallborrowername
{
color: green;
font-weight:bold;
}

 .commentsview2timedate
{
color: green;
font-weight:bold;
}

 .commentsview2comment
{
color: green;
font-weight:bold;
}

 .borrowerallborrowername
{
color: green;
font-weight:bold;
}

 .borrowerdetailsoverdue
{
color : red;
font-size : medium; 
}

 .borrowerloansoverdue
{
color : red;
}

 .borroweremailemailcolor
{
color: red
}

 .borrowernotificationnotifycolour
{
color: red
}

 .borrowerloansheader
{
font-weight:bold;
text-align:right;
}

/* NAVIAGATION STYLE  */

 .mainnav
{
text-decoration: none;
font-size:10pt;
font-weight:normal;
color:blue;
}

 .mainnav:hover
{
color:#990033;
}

 .navbar
{
background-image:url('http://www.flintshire.gov.uk/webcont/home.nsf/menubar.gif');
width:150px; height:100%;  vertical-align: top;
}

 #navigation ul {
margin: 0px  0px 0px;
list-style-type:none;
}

 .list-left {
/*width: 100%;*/
margin: 0;
margin-left: 0;
padding-left: 0;
}

 #navigation ul li {
text-align:left;height:36px;padding-right:15px;
border-bottom: 1px dotted #639ACE;
}

 #navigation ul li a { 
display: block !important;
text-indent: 5 !important;
}

 #navigation ul.list-left li a {
margin: 0;
text-indent: 30 !important;
/*text-indent: -16px;*/
}

 .navigationbox
{
border-right: 1px dotted #639ACE;
width:15%;
margin: 0;
}

/*  BORDER PAGE STYLE */

 .TopBanner { 
	border : 0 none inherit; 
	padding : 0; 
	margin : 0; 
	BACKGROUND-COLOR: #A8C4DC
}

 .TopMenu {
    BORDER-BOTTOM: #666666 1px solid;
	BORDER-TOP: #666666 1px solid;
	MARGIN: 0px;
	padding : 0; 
	COLOR: black;
	HEIGHT: 20px;
	BACKGROUND-COLOR: #DDEEFF
}

 .mainArea {
	border : 1px solid #666666; 
	border-top : 0 none; 
	border-bottom : 0 none; 
	MARGIN:0px;
}

 .ContentArea {
	margin-top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	padding : 0;
}

 .Footer {
	font-size : xx-small; 
	border-top : 1px solid #666666; 
	border-bottom : 1px solid #666666; 
	text-align : center; 
	padding : 2px; 
	height : 22px; 
	BACKGROUND-COLOR: #DDEEFF
}