@import url("http://www.hmcourts-service.gov.uk/css/styles.css");

/* CSS Document */
html { margin: 0px; padding: 0px;}
body { margin: 0px; padding: 0px; font-family: verdana, arial, helvetica, sans-serif; color: #000; height: 100%; }

#header {background: url(../images/new-header.jpg); background-position: top; background-position: right; background-repeat: no-repeat; }

#topnav { padding: 2px 10px 2px 10px; margin-top: 0px; font-size: 62%;  color: #636;  background: #CCC; text-align: right; font-weight: normal; }
#topnav a { color: #636; text-decoration: none; font-weight: normal; }
#topnav a:visited { color: #636; text-decoration: none; font-weight: normal; }
#topnav a:hover { color: #636; text-decoration: underline; font-weight: normal; }

.breadcrumb { padding: 0px 0px 0px 0px; margin: 0px; color: #636; float: left;}
.breadcrumb a, .breadcrumb a:visited { color: #636; text-decoration: none; }
.breadcrumb a:hover { color: #636; text-decoration: underline; }

#leftnav { clear: both; font-size: 65%; float: left;  width: 20%; margin-top: 15px; font-weight: normal; height: 100%; }

#leftnav a img {margin-top: 10px; font-weight: normal; } 

.mainNav { margin: 0px; padding: 0px; font-weight: normal; }
.mainNav a, .mainNav a:visited  { padding: 2px 2px 2px 6px; display: block; background: #969 ; margin: 0px 4px 1px; color: #FFF; text-decoration: none; font-weight: normal; }
.mainNav a:hover { background: #EEE ; color: #606; text-decoration: none; font-weight: normal; }

.activeNav { padding: 0px; margin: 0px; font-weight: normal; }
.activeNav a, .activeNav a:visited {padding: 2px 2px 2px 6px; display: block; background: #636 ; margin: 0px 4px 1px; color: #FFF; text-decoration: none; font-weight: normal;  }
.activeNav a:hover { color: #606; background: #EEE; text-decoration: none ; font-weight: normal; }

.subnav { margin: 0px; padding: 0px; font-weight: normal; }
.subnav a, .subnav a:visited  { padding: 2px 2px 2px 12px; display: block;  background: #EAD5EA ; margin: 0px 4px 1px; color: #000066;  text-decoration: none ; font-weight: normal; }
.subnav a:hover { color: #606; background: #EEE; text-decoration: none ; font-weight: normal; }
.subnav a#act { font-weight: bold; }

#content {padding: 0px 21% 0px 20%; font-size: 68%; }

#widecontent {padding: 0px 10px 0px 20%;  font-size: 68%; margin: 0; margin-left: 1px;}

#rightNav { font-size: 65%; float: right; padding: 0px; margin: 0px; width: 20%; margin-top: 8px; }

.rightNavPanel { border: #636 1px solid; padding: 0px; margin-top: 10px;  margin-right: 5px; }
.rightNavPanel h1 { padding: 2px; font-weight: normal; font-size: 1em; background: #969; margin: 0px; color: #FFF; }
.rightNavPanel a, .rightNavPanel a:visited  {  display: block; padding: 2px 2px 2px 2px; margin: 0px; color: #606; text-decoration: none; font-weight:normal; }
.rightNavPanel a:hover { color: #606; text-decoration: underline; font-weight:normal; }
.rightNavPanel form { margin: 0; padding: 2px 2px 2px 2px; }
.rightNavPanel img { margin: 0; }
.rightNavPanel p { padding: 2px 2px 2px 2px; margin: 0px;  }
.rightNavPanel .imageleft { margin-top: 5px; float: left; margin-bottom: 2px; margin-right: 5px }

h1, h2, h3, h4, h5 { padding: 3px 0 3px 0;  margin-bottom: 10px; color: #000; background: #EEE; }
h1 {font-size: 135%; text-align: left; }
h2 { font-size: 120%; }
h3 { font-size: 115%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }

.hidden { display: none}

ul { margin-top: 0px; padding-left: 2em; list-style-type: disc; margin-bottom: 1em; padding-bottom: 0px; text-indent: 0px; padding-top: 0px; list-style-type: disc }
ul ul { list-style-image: url(../images/indent.gif); list-style-type: disc }

ol { margin-top: 0px; margin-bottom: 1em; padding-bottom: 0px; padding-top: 0px }

li { padding: 0; margin: 0em 0em 0.5em; }

.indent50 { margin-left: 50px; }
.indent30 { margin-left: 30px; }
.indent15 { margin-left: 15px; }

a, a:visited  { color: #636; text-decoration: none; font-weight: bold; }
a:hover { color: #636; text-decoration: underline; font-weight: bold;}

p { padding: 0px; margin: 0px 0px 1em; }

table { font-size: 100% ; }

#title {padding: 0px; background: #EEE; }
#title h1 { font-size: 135%; margin: 20px 0px 0px 0px; padding: 0px; color: #000; background: #EEE }
#title h2 { font-size: 105%; margin: 2px 0px 10px 0px; padding: 0px; color: #000; background: #EEE }

table.border, table.border td, table.border th { border: 1px solid #CCC; }

th { color: black; margin: 0; padding: 2px; font-size: 100%; text-align: left; }

td { padding: 2px; font-size: 100%; margin: 0;}

caption { padding: 8px; font-weight: bold; }

.list a, .list a:visited{ display: block; color: #606; text-decoration: none; padding-top: 1px;}
.list a:hover { color: #606; text-decoration: underline; }

#tablesearch { border: #636 1px solid; padding: 0px; margin-bottom: 10px;  margin-left: 10px; }
#tablesearch form { top: 10px;}
#tablesearch h1 { padding: 2px; font-weight: normal; font-size: 1em; background: #969; margin: 0px; color: #FFF; }
#tablesearch a, #tablesearch a:visited  { display: block; padding: 4px; margin: 0px; color: #606; text-decoration: none }
#tablesearch a:hover { color: #606; text-decoration: underline }
#tablesearch form { margin: 0; padding: 5px 5px 5px 5px; }

.top { padding: 6px 0px; text-align: right; }
.top a, .top a:visited  { color: #606; text-decoration: none; font-weight: normal; }
.top a:hover { color: #606; text-decoration: underline; font-weight: normal; }

.bookmark { padding: 5px 0px; text-align:center; }

.author {font-size: 85%; padding: 10px; border-top: 1px solid #606; text-align: center;}
.author a, .author a:visited  { color: #606; text-decoration: none; font-weight: normal; }
.author a:hover { color: #606; text-decoration: underline; font-weight: normal;}

.pipe { display: none; }

input#button { border-right: #000 2px solid; border-bottom: #000 2px solid; padding: 1px;  color: #FFF; font-weight: bold; background: #606;}

.reddot { color: #FF0000; font-size: 95%;}

input#button { padding: 1px;  color: #000; font-weight: normal; background: #EEE; }
label { padding: 0px; text-align: right; margin: 10px 5px 0px 0px; color: #000; font-weight: normal; }

.searchform { padding: 0px; text-align: right; margin: 10px 5px 0px 0px; }
.searchform a, .searchform a:visited  { color: #606; text-decoration: none; font-weight: normal; }
.searchform a:hover { color: #606; text-decoration: underline; font-weight: normal; }

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



#cf_facilities dl { 
	margin: 0px 0px 0px 20px; 
	border: 1px solid #ededed;  
	padding: 0px;
}

#cf_facilities dt { 
	width: 160px; 
	text-align: center;
	padding: 0px 10px 10px 10px; 
	margin: 0px;
}

#cf_facilities dd { 
	padding: 0 10px 10px 10px
	width: 240px;   
	margin: 0 0 0 10px
	color: #000; 
	width:70%;
}


/* Styles used for the Route of Appeal pages*/

#dashed_box_list dl { text-align: center; margin: 0px 0px 0px 20px; width: 180px; border: 0.05em dotted black;  padding: 0px; }
#dashed_box_list dt { padding: 0px 10px 10px 10px; font-size: 90%; margin: 0px; 	}
#dashed_box_list dd { padding: 0px 10px 10px 10px; font-size: 90%;  margin: 0px 0px 0px 10px; color: #000; font-family: verdana, sans-serif ; text-align: center; width:70%;}



.diagram { position: relative; height: 58px; left: 7px; width: 17px; top: -27px;   }
.diagram .down { margin-top: 0.05em; left: 50%; top: 100%;  }
.diagram div { margin: 0px;	padding: 0px; position: absolute; left: 75px; top: -10px; width: 48px; 	height: 36px; text-align: center;}
.diagram li { margin: 0px; padding: 0px; position: absolute; }
.diagram li span {
	overflow: hidden;
	width: 0px;
	position: absolute;
	height: 0px;
	top: 1px;
	left: 25px;

}
.diagram ul { list-style-position: inside; margin: 0px;	padding: 0px; list-style-type: none; }

html .diagram .circ-top span { width: 8px; height: 4px; w: 0; he: 0; }
html .diagram .down span { width: 8px; height: 4px; }

html .diagram ul {
	width: 0px;
}
#final { color: #000; font-weight: bold; }
#gray, #gray dt { background-color: #e4e4e4; }
.height1 { height: 3.9em; }
.width1{ width: 3.9em }

/* 
.diagram .down span { border-right: #fff 0.3em solid; border-top: #000 0.5em solid; border-left: #fff 0.3em solid; bottom: 0px; left: -0.3em; }
html .diagram .down span { border-top-width: 4px; border-left-width: 4px; left: -4px; border-bottom-width: 0px; border-right-width: 4px;  b: 0.5em 0.3em 0; left: -0.3em ; 	}
*/


/* Added by Waseem 11-12-2006 */


.table-display td
{
	text-align:left;
	font-size: 90%;
	font-family: verdana, sans-serif;
	margin: 0 0 0 0;
	padding: .3em;
}
/*
#img-display
{
float:left;
padding: 10px 0;
}

#img-display dl
{
float:left;
margin: 10px 20px;
padding: 0;
}

#img-display dt
{
float: right;
margin: 0;
padding: 0;
}

#img-display dd
{
margin: 0;
padding: 0;
}

#img-display dd.img img
{
float: left;
}
*/

dl.img-display
{
width: 99%;
margin: 2em 0;
padding: 0;
border:0;
}

.img-display dt
{

float: left;
margin: 0 0 0 0;
padding: .5em;
width: 20%;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */


.img-display dt
{
float:left;
}
.img-display dd
{

margin: 0 0 0 150px;
padding: .5em;
font-size: 100%;
width: auto;
text-align:justify;
}

.img-display h3
{
padding: 3px 0 3px 0;  margin-bottom: 10px; color: #000; background: #EEE; font-weight: 115%;
vertical-align:top;
text-align:left;
width:99%;
clear:both;
}


#clear
{
clear:both;
}
/*End Waseem's Insertion*/

.txt-right {text-align:right}
.txt-centered {text-align:center}



/*---------------------------------------------------------------------------------------------- fix ----------------------------------------------------*/
/* CSS Document */

html { margin: 0px; padding: 0px;}
body { margin: 0px; padding: 0px; font-family: verdana, arial, helvetica, sans-serif; color: #000; }

#header {background: url(../images/new-header.jpg); background-position: top; background-position: right; background-repeat: no-repeat; }

#topnav { padding: 2px 10px 2px 10px; margin-top: 0px;color: #636;  background: #CCC; text-align: right; font-weight: normal; }
#topnav a { color: #636; text-decoration: none; font-weight: normal; }
#topnav a:visited { color: #636; text-decoration: none; font-weight: normal; }
#topnav a:hover { color: #636; text-decoration: underline; font-weight: normal; }

#leftnav { clear: both; float: left; width: 20%; margin-top: 16px; height: 100% ; font-weight: normal;  }
#leftnav a img {margin-left: 30px; margin-top: 10px; font-weight: normal; } 

.mainNav { margin: 0px; padding: 0px; font-weight: normal; }
.mainNav a, .mainNav a:visited  { padding: 2px 2px 2px 6px; display: block; background: #969 ; margin: 0px 4px 1px; color: #FFF; text-decoration: none; font-weight: normal; }
.mainNav a:hover { background: #EEE ; color: #606; text-decoration: none; font-weight: normal; }

.activeNav { padding: 0px; margin: 0px; font-weight: normal; }
.activeNav a, .activeNav a:visited {padding: 2px 2px 2px 6px; display: block; background: #636 ; margin: 0px 4px 1px; color: #FFF; text-decoration: none; font-weight: normal;  }
.activeNav a:hover { color: #606; background: #EEE; text-decoration: none ; font-weight: normal; }

.subnav { margin: 0px; padding: 0px; font-weight: normal; }
.subnav a, .subnav a:visited  { padding: 2px 2px 2px 12px; display: block;  background: #EAD5EA ; margin: 0px 4px 1px; color: #000066;  text-decoration: none ; font-weight: normal; }
.subnav a:hover { color: #606; background: #EEE; text-decoration: none ; font-weight: normal; }
.subnav a#act { font-weight: bold; }

#popup {padding: 0px 21% 0px 10%; font-size: 68%; }
#rightNav { float: right; padding: 0px; margin: 0px; width: 20%; margin-top: 8px; }

.rightNavPanel {  padding: 0px; margin-top: 10px;  margin-right: 5px; }
.rightNavPanel h1 { padding: 2px; font-weight: normal; font-size: 1em; background: #969; margin: 0px; color: #FFF; }
.rightNavPanel a, .rightNavPanel a:visited  { display: block; padding: 2px 2px 2px 2px; margin: 0px; color: #606; text-decoration: none; font-weight:normal; }
.rightNavPanel a:hover { color: #606; text-decoration: underline; font-weight:normal; }
.rightNavPanel form { margin: 0; padding: 2px 2px 2px 2px; }
.rightNavPanel img { margin: 0; }
.rightNavPanel p {  padding: 2px 2px 2px 2px; margin: 0px;  }
.rightNavPanel .border { border: #636 1px solid; }
.rightNavPanel .imageleft { margin-top: 5px; float: left; margin-bottom: 2px; margin-right: 5px }

h1, h2, h3, h4, h5 { padding: 3px 0 3px 0;  margin-bottom: 10px; color: #000; background: #EEE; }

.breadcrumb { padding: 0px 0px 0px 0px; margin: 0px; color: #636; float: left;}
.breadcrumb a, .breadcrumb a:visited { color: #636; text-decoration: none; }
.breadcrumb a:hover { color: #636; text-decoration: underline; }

.hidden { display: none}

ul { margin-top: 0px; padding-left: 2em; list-style-type: disc; margin-bottom: 1em; padding-bottom: 0px; text-indent: 0px; padding-top: 0px; list-style-type: disc }
ul ul { list-style-image: url(../images/indent.gif); list-style-type: disc }

ol { margin-top: 0px; margin-bottom: 1em; padding-bottom: 0px; padding-top: 0px }

li { padding: 0; margin: 0em 0em 0.5em; }

.indent50 { margin-left: 50px; }
.indent15 { margin-left: 15px; }

a, a:visited  { color: #636; text-decoration: none; font-weight: bold; }
a:hover { color: #636; text-decoration: underline; font-weight: bold;}

p { padding: 0px; margin: 0px 0px 1em; }



#title {padding: 0px; background: #EEE; }
#title h1 { margin: 20px 0px 0px 0px; padding: 0px; color: #000; background: #EEE }
#title h2 { margin: 2px 0px 10px 0px; padding: 0px; color: #000; background: #EEE }

table#border, table#border td, table#border th { border: 1px solid #CCC; }

th { color: black; margin: 0; padding: 2px; text-align: left; }

td { padding: 2px;margin: 0;}

caption { padding: 8px; font-weight: bold; }

.list a, .list a:visited{ display: block; color: #606; text-decoration: none; padding-top: 5px;}
.list a:hover { color: #606; text-decoration: underline; }

#tablesearch { border: #636 1px solid; padding: 0px; margin-bottom: 10px;  margin-left: 10px; }
#tablesearch form { top: 10px;}
#tablesearch h1 { padding: 2px; font-weight: normal; font-size: 1em; background: #969; margin: 0px; color: #FFF; }
#tablesearch a, #tablesearch a:visited  { display: block; padding: 4px; margin: 0px; color: #606; text-decoration: none }
#tablesearch a:hover { color: #606; text-decoration: underline }
#tablesearch form { margin: 0; padding: 5px 5px 5px 5px; }

.top { padding: 6px 0px; margin-right=16px; text-align: right; }
.top a, .top a:visited  { color: #606; text-decoration: none; font-weight: normal; }
.top a:hover { color: #606; text-decoration: underline; font-weight: normal; }

.bookmark { padding: 5px 0px; text-align:center; }

.author {padding: 10px; border-top: 1px solid #606; text-align: center;}
.author a, .author a:visited  { color: #606; text-decoration: none; font-weight: normal; }
.author a:hover { color: #606; text-decoration: underline; font-weight: normal; }

.pipe { display: none; }

input#button { border-right: #000 2px solid; border-bottom: #000 2px solid; padding: 1px;  color: #FFF; font-weight: bold; background: #606; }

.reddot { color: #FF0000;}

input#button { padding: 1px;  color: #000; font-weight: normal; background: #EEE; }

.searchform { padding: 0px; text-align: right; margin: 8px 5px 0px 0px; }
.searchform a, .searchform a:visited  { color: #606; text-decoration: none; font-weight: normal; }
.searchform a:hover { color: #606; text-decoration: underline; font-weight: normal; }

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

.courtInfo {width: 55%; float: left; margin-top:5px; margin-left:5px; border: 1px solid #666666;}

dt { width: 20%; padding:5px; line-height: 1em; margin:0px; float:left; color: #000; font-family: verdana, arial, helvetica, sans-serif;}
dd { width: 80%; padding:5px; line-height: 1em; margin:0px; font-family: verdana, arial, helvetica, sans-serif;border: solid #ccc;border-width: 1px;}

fieldset { border: 1px solid #660066; margin: 0px; padding: 4px; background-color: #fff; text-align: left; width: 100%;}
fieldset img {border: 1px solid #fff;}
fieldset .display_print {display:none}

#main_fieldset{ font-size: 1.2em; color: #000; margin: 0px 10px 0px 20px; padding: 0px;	border: 0px solid #fff;	width: 95%;}
* html #main_fieldset{ width: 100%;	margin: 15px 10px 0px 20px;}

.img_fieldset{ float: left;	background-color: #fff;	border: 1px solid #660066; margin: 0px 0px 10px 0px; padding : 10 0 0 0px; width: 120px;}

* html .img_fieldset{ margin: 0px 0px 10px 0px;}

.col1{float: left; width: 40%;	margin: 2px; padding: 6px; text-align: center; border: 1px solid #660066; background-color: #fff;}
.col2{ float: left; width: 10%;	margin: 2px; padding: 0px; text-align: center;}
.col3{ float: left; width: 80%;	margin: 2px; padding: 12px 0px 0px 10px; text-align: left;}
.col4{float: left; width: 40%; margin: 2px; padding: 4px; text-align: left;}
.col5{ float: left; width: 55%; margin: 2px; padding: 6px; text-align: center; border: 1px solid #660066; background-color: #fff; }

legend{	font-weight: bold; letter-spacing: 1px; padding: 0px 4px 0px 4px; color: #660066;}

.sub_fieldset{ float: left;	background-color: #fff;	border: 1px solid #660066; margin: 0px 0px 10px 20px; padding: 10px;}
.sub_fieldset ul{ margin: 0px;}
.sub_fieldset ul li{ margin: 0px; padding: 0px;}

.court_image_div{ float: right; margin: 2px; padding: 0px; border: 1px #660066 solid; padding:4px}
.court_address{ float: left; width: 40%; margin: 2px; padding: 4px; text-align: left;}
* html .sub_fieldset {width: 50%;}

.clear{clear: both; margin: 0px 0px 2px 0px; border: 1px solid #fff; border-bottom: 1px solid #F3EDF3;}

.border { border: 1px solid #636; padding: 4px; margin: 0px 0px 10px 0px;}
.border ul{	margin: 0px;}
.border h1{ padding: 4px; font-weight: normal; font-family: verdana, arial, helvetica, sans-serif; background: #969; margin: 0px 0px 6px 0px; color: #FFF; text-align: left;}

.bigleft{ float: left; padding: 4px; width: 85%;}
*html .bigleft{ margin: 0px 4px 0px 0px; width: 84%;}

.button{ clear: none; border: 1px solid #660066; margin: 0px 4px 4px 4px; padding: 0px; color: #660066;}

.courtbox{ float:left; margin: 2px; padding: 2px; border: 1px solid #660066; background-color: #EAD5EA; width: 46%; height: 32px; overflow: none; text-align: center;}
* html .courtbox{ height: 40px;}

#blank h1, h2, h3, h4, h5 { padding: 3px 0 3px 0;  margin-bottom: 10px; color: #000;background: #FFF; }

.postcode li{ display: inline; width: 30%; list-style: disc; float: left; border: 1px solid #969; margin: 5px; padding: 4px; text-align: center;} 
.parrish li { display: inline; width: 30%; list-style: disc; float: left; border: 1px solid #969; margin: 5px; padding: 4px; text-align: center;}

.accessInfo {width:100%;}
.accessInfo dt { width: 20%; padding:2px; line-height: 1em; margin:0px; float:left; color: #000; font-family: verdana, arial, helvetica, sans-serif;}
.accessInfo dd { width: 80%; padding:15px 5px 5px 5px; line-height: 1em; margin:0px; font-family: verdana, arial, helvetica, sans-serif; border:none}
#mainAccess {display:block; width:55%; float: left; margin-top:15px; margin-left:5px;}

#helpAdvice {display:none}
#introHelp {display:none}
#additionHelp {display:none}
#LeafletTitle {display:none}
.display_print {display:none}
#court_opening_times_empty {display:none}
.infoOpeningHours {display:none}
.logoPrint {display:none}
.logoGoogle {display:none}
#FurtherHelp {display:none}
#bar {display:none}
div.floatX {  float: left;  width:30%;}
div.spacerX {  clear: both;    }



/*Coded by Muheed Jeeran */

#route{display:block;width:90%;  }
#route dt{width: 30%; padding:5px; line-height: 1em; margin:0px; float:left; color: #000; font-family: verdana, arial, helvetica, sans-serif; }
#route dd {width: 60%; padding:5px; line-height: 1em; margin:0px; font-family: verdana, arial, helvetica, sans-serif;border: solid #ccc;border-width: 1px; }

/*Code ended */
/*Coded by Muheed Jeeran and this class is used to adjust the table in allowance/index.htm file*/
table#allowance { border: 1px solid black;  width: 85%; }
table#allowance td, table#allowance th { border: 1px solid black;    }

/*Code ended*/