@charset "utf-8";
/* CSS Document #0b2c55


dark blue: #182d7b;
*/

html, body{background: #fff;  font-size:13px;  border:0px; padding:0px; margin:0px;height:100%; font-family:Helvetica, Arial,  sans-serif; }

#maincontainer{   min-height:100%;
   position:relative;
}
#coveringcontainer{}
#topcontainer { font-size:0px; width:1015px; min-height:98px; height:98px; border:0px ;  margin:0 auto 0 auto; background:url(images/topheader.jpg) center repeat-y; clear:both;}
#menucontainer {  font-size:0px; width:1015px; min-height:36px; height:36px; border:0px ;  margin:0 auto 0 auto; background:url(images/topheader.jpg) center repeat-y; clear:both;}
#container { position:relative; padding-bottom:50px;  width:1015px; border:0px ;  margin:0 auto 0 auto; clear:both;background:url(images/topheader.jpg) center repeat-y }

/*#container {position:relative; padding: 0 38px 0 38px;  width:1015px; background:#fff;  border:1px #FFF solid;  margin:0px auto 0px auto;  text-align:left; clear:both;}*/

/*#bottomcontainer {position:absolute; width:100%; bottom:0;  text-align:center; font-size:0px;  height:37px; border:0px ;  margin:0 auto 0 auto;  clear:both; }*/
#bottomcontainer {position:relative;    bottom:0; width:1015px; border:0px ;  margin:0px auto 0px auto; clear:both; height:50px; text-align:center;	background:url(images/footer.jpg) center bottom ;}

/*#bottomcontainer {position:absolute; bottom:0; padding: 0 38px 0 38px;  width:1015px;  margin:0px auto 0px auto;  clear:both;}*/

#footer {margin:0 auto 0 auto;  clear:both;
	font-size:9px;
	color:#999;	

	/*background:url(images/bottombackground.jpg) center;*/
	width:100%;
	text-align:center;
}
#footer img { }
#footertext  {margin:0 0 0 575px; position:relative; top:26px;  }


p a {color:#182d7b;}
p a:hover {color:#000;}

#footer a {
	background:url(images/topheader.jpg) center repeat-y ;	color:#999;
	text-decoration:none;
	padding: 0px 10px 0 10px;
}



#leftside{  position:relative;float:left; width:190px; margin-right:20px; padding-top:18px; 
 vertical-align:top;}

#leftcolumn{position:relative; float:left; width:165px; margin-right:20px; padding-top:9px; }

#rightfullcolumn{ background:url(/images/sidebardivider.png) left top no-repeat; min-height:400px; position:relative;float:right; width:720px; padding-top:9px; height:100%; padding-left:40px;}

#rightcolumn{position:relative; float:right; width:580px; height:500px;padding-top:9px;}

#header {background:url(../../images/header.jpg) no-repeat; width:800px;  height:98px; }

#logo {position:relative;left:70px; top:-14px;}

#maincontent{ border:0px; margin:0px; padding-left:40px; color:#747474; height:100%;}

/*#leftside {width:142px; background:#ccc; height:100%; float:left;}*/
#content {width:300px; }

.divider {
	margin:5px 0 15px 0;
	width:100%;
	height:1px;
	border-bottom:1px solid #c4b10d;

/*	background: #c4b10d;*/
}

.smallblueheading{color:#182d7b; font-size:1.2em; }

img {border:0px;}
.editArea {text-align:center; width:800px; margin:auto;}
.editAreaChambers {text-align:left; width:700px; margin:auto;}

.listIndent {margin-left:20px;}

#topNav {position:relative; left:600px; top:10px; font-size:10px; color:#6f645b; }
.topnavdiv {padding:0 10px 0 10px;}

#topbar {fcolor:#FFF; float:right; display:inline; padding-right:20px; padding-top:8px; font-family:Arial, Helvetica, sans-serif; }
#search { color:#FFF; background:url(images/topbardiv.gif) left center no-repeat; padding-left: 10px; background-position: left center; padding-right:5px;}
#topbar a, #topbar a:visited{ color:#FFF; text-decoration:none; background:url(images/topbardiv.gif) left center no-repeat; padding-left: 10px; padding-right:5px; background-position: left center;}

ul {}
h1 {margin-top:0px;font-size:20px; color:#182d7b; margin-bottom:10px; padding-top:0px;}
h2,h3 {margin-top:0px; color:#182d7b; margin-bottom:10px;  }
h4 {margin-top:0px; color:#182d7b; margin:20px 0 2px 0; }


h2 a { }

.seperator { width:80%; background:url(images/dots.gif) repeat-x center; padding:30px 0 30px 0;}
p {margin-bottom:0px; text-align:justify;}

p.spacebelow{margin:0px 0 30px 0; }
address{ }


a {text-decoration:none; color:#6f645b; outline:none;}
a:hover{ color:#aaa49f;}

a.aButton{
	background: url(/view/css/images/pdf.jpg) top right no-repeat #fff;
	width:250px;
	height:60px;
	font-size:12px;
	padding-right:30px;
	font-family:"Courier New", Courier, monospace;

}

input.text200 {
   background: url(images/input200.png) top left no-repeat #f4f4f4;
   width:197px;
   font-size:12px;
   height:17px;
   padding: 1px 0px 0 3px;;
   margin-bottom:5px;
   margin-left:5px;
   border: 0px solid #8f8f8f;
   color:#333;
}

input.text150{
   background: url(images/input150.png) top left no-repeat #f4f4f4;
   width:147px;
   font-size:12px;
   height:17px;
   padding: 1px 0px 0 3px;;
   margin-bottom:5px;
   border: 0px solid #8f8f8f;
   color:#333;
      margin-left:5px;
}
input.text100{
   background: url(images/input100.png) top left no-repeat #f4f4f4;
   width:97px;
   font-size:12px;
   height:17px;
   padding: 1px 0px 0 3px;;
   margin-bottom:5px;
   border: 0px solid #8f8f8f;
   color:#333;
      margin-left:5px;
}



input.fileupload{
   background: url(images/input100.png) top left no-repeat #fff;
   width:170px;
}
textarea.text200x100{
   background: url(images/text200x100.png) top left no-repeat #f4f4f4;
   width:201px;
   height:100px;
   font-size:12px;
   padding: 1px 0px;
   margin-bottom:5px;
   border: 0px solid #8f8f8f;
   color:#333;
}

textarea, button, select {}


.inputwidth{	background:url(images/input150.png) no-repeat;
	width:141px;
	border:none;
	font-size:10px;
	height:17px;
	padding-left:9px;
}
.width{

	width:150px;
}
#maincontent td {}
ul {
	list-style:none;
}

ul.bullet {

	list-style:url(images/bullet2.png);
}

ul.sidemenu {
	margin:0px 10px 0px 0px;
	text-align:right;
	list-style:none;
	padding:0px;
}

label.error {
	color:#F00;
}
ul.sidemenu li {
	width: 130px;
	padding: 10px 0 10px 0;
	border-top:1px solid #c4b10d;

}

.sidemenu a{
	color: #0b2c55;
	text-decoration:none;
}

.sidemenu li a.MenuActive {
	font-weight:bold;
}

i.info {
	color:#999;	
}
input.large{width:300px;}
input.medium{ width:150px;}
input.small{ width:100px;}
input.reallysmall{ width:50px;}

.chambers input.large.grey {
 background:#CCC;	
 border:0px;
}

.logoutbutton{
float:right;
position:relative;
}

.MainMenu{
	border:0px;
	padding-left:150px;
	min-height:27px;
	height:27px;
	max-height:27px;
	background:transparent;
	clear:both;	
	z-index:0;
	margin-right:50px;
	background:url(images/menuheader.png) right  no-repeat;
}




.wine{ position:relative; border-bottom: 1px  solid #aaa49f; margin-top:10px; padding:0 0 20px 0; min-height:230px}
.wineleft{ width: 290px; }
.wineright{ position:absolute; width:141px; top:0px; left:300px;}

.wineheading{ color:#791541; font-style:italic; font-weight:bold;}
.wineorderbutton{bottom:10px; position:absolute;}
.winedescription{}

.awardbox{background:#f3f2ee; font-style:italic; font-weight:bold; padding:0 0 5px 5px;margin:0 0 10px 0; width:230px;}
.awardwine{font-size:1.3em;  text-decoration:underline; padding:5px 0 5px 0;}
.awardgold{ color:#d3a322;}
.awardsilver{ color:#969696;}
.awardbronze{color:#aa540d;}

td.display{background:#eee; padding:5px; }

td.display input.number,  th.display input.number {text-align:right;}

td.display.number {text-align:center;}
td.display.disabled input{background:#eee;} 
th.display  {text-align:center; background:#182d7b; color:#fff; padding:0 10px 0 10px;}
th.display.total {text-align:right;}
th.display.form {text-align:right; width:auto;  padding:5px;}
th.display.top {vertical-align:top;}
.display td {vertical-align:middle;}


.imagebutton {background:none; border:0px;}


#statue{
	display:block;
	position:absolute;
	left:595px;
	top:38px;
	z-index:999;
}


img#articleheader {
	/*position:relative;
	left:38px;
	top:-35px;
	z-index:0;*/
}

.articledivider{
	margin:0px;
	border-top: #fff 1px solid;
 height:8px;
  max-height:8px;
  max-height:8px;
  font-size:0px;
 width:800px;
 background:#aaa49f;
}

#articlecontent {
	padding:10px 40px 40px 20px;
	z-index:0;
	
}
.belowmenu {
	font-size:0px;
	min-height:6px;
	height:6px;
	max-height:6px;
	background:#fff url(images/belowmenugrad.gif) top left no-repeat;
	width:100%;
	clear:both;
	padding:0px;
	margin:0px;
}


div.chambers table{
	width:600px;
	border-spacing:0px;
	margin:0px;
	border:0px;
	padding:0px;
}

th {
	text-align:left;
}
td.Heading {
	text-align:left;
	vertical-align:top;
	width: 110px;
	font-weight:bold;
}
div.chambers td {padding:0 0 10px 0;}

ul.areaofpractice {list-style:none; padding:0px; margin:0px;}
ul.areaofpracticebarrister { list-style-image:url(images/golddot.gif); list-style-position:inside; padding:0px; margin:0px;}

div.event {
	background:#f1ecd8 url(images/contentgradevent.gif) top left no-repeat;
	clear:both;
	height:140px;
	max-height:140px;
	width:100%;
	border:0px;
}
span.eventheader{
	float:left;
	width:164px;
	height:135px;
	padding:0 0 0 7px;
}

span.eventimage
{  background:url(images/contentgradevent.gif) top right no-repeat;
	float:right;
	width:200px;
	text-align:right;
	height:140px;
}
span.eventimage img {
	padding: 0;
	height:140px;
	width:200px;
}

span.eventtext{

	float:left;
	width:550px;
	height:135px;
	margin-top:5px;
}

span.eventtext a {
	font-size:11px;	
}
p.blueheading {
	color:#002756;

	padding-top:5px;
}

p.eventdate {
	color:	#c4b10d;9
}

img.minus {
	padding:0 0 3px 3px;	
}

span.feedDate {
	font-size:10px;
	color:#182d7b;
}


/*@font-face {
	font-family: 'GigiRegular';
	src: url('fonts/gigi.eot');
	src: local('Gigi'), local('Gigi-Regular'), url('fonts/gigi.woff') format('woff'), url('fonts/gigi.ttf') format('truetype');
}*/

a.feedTitle {

	font-size:12px;
	
		width:165px;
}
p.feedDescription{
	font-size:10px;
	width:165px;
}
div.feedDiv {
	height:1px;
	width:165px;
	background: url(images/dots.gif) repeat-x;
	font-size:0%;
}
a.feedRead {
	color:#182d7b;
}

a.blogbox {width:184px; display:block;}
a.blogbox div {
   padding:5px;
   background:url(images/blogbox.gif) no-repeat;
   width:184px;
   height:41px;
   font-size:10px;
}

a.blogbox:hover div {
	  background:url(images/blogboxover.gif) no-repeat;
}

.blogBoxTitle {
   font-weight:bold;
   font-size:12px;
}
.benchmarkingBoxTitle {
	position:relative;
   font-weight:bold;
   font-size:12px;
	top:7px;
}

.smallheading{
	padding-bottom:5px;
}

.Revision {width:60%}

.Revision td {background:#EEE;}

.greylight {color:#747474; font-size:20px; }
.bluelight {color:#233d90; font-size:16px; }
.blue {color:#233d90; }


.select {
  position: absolute;
  width: 158px;
  height: 17px;
  padding: 1px 24px 0px 8px;


  background: url(images/select150.png) no-repeat;
  overflow: hidden;
}

/*BLOG LAYOUT*/
#blog{position:relative; height:100%}
#blogcontent{background:url(images/dots.gif) bottom left repeat-x; margin-left:10px; padding:15px 0 15px 0px;}
#blogleft{width:700px; float:left; position:relative; }

#blogright{width:190px; float:right; position:relative;padding:0 40px 0 20px;}
#blogsearch{border:none; background:url(images/blogsearch.png) top left no-repeat; width:190px;}
.blogtitle {}
.blogtitle a{ color:#1b3db1; font-size:18px;}
.bloginfobar {border-top:#CCC 1px solid;border-bottom:#CCC 1px solid; width:600px; padding:3px 0 3px 0; margin:10px 0 10px 0px; font-size:0.9em;}
.blogtext{padding:0px 0 5px 0px}
.bloginfodivider {margin:0 5px 0 5px;}
.blogcategory{width:450px; position:relative; float:right;}
.blogeditleft{width:300px; position:relative; float:left;}

.blogcommentitem{margin-top:20px; padding-top:20px; width:415px; background:top repeat-x url(images/dots.gif)}
.blogcomment {margin-bottom:15px; background:#eee; width:400px; border:1px solid #CCC; min-height:50px; padding:5px;}
#blogcommentarea {margin-top:20px; margin-left:10px;}

.blogcommentcontrolbox{position:relative; min-height:15px; width:500px;}
.blogcommentauthorise {float:left; position:relative; width:250px;}
.blogcommentauthorise a{color:#063;}
.blogcommentdelete {float:left; position:relative; width:250px;}
.blogcommentdelete a {color:#900;}

#blognav {width:755px; padding-left:10px; height:20px;}
.enablednext { position:relative;width:100px; float:right;}
.disablednext { position:relative;width:100px;float:right;font-style:italic;}
.enabledprevious {left:00px; position:relative; width:100px;float:left;}
.disabledprevious {left:00px; position:relative; width:100px;float:left; font-style:italic;}



/* tables */
table.sortable {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 675px;
	text-align: left;
}
table.sortable thead tr th, table.sortable tfoot tr th {
	background-color: #eeEEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
} 
table.sortable thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.sortable tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.sortable tbody tr.odd td {
	background-color:#F0F0F6;
}
table.sortable thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.sortable thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.sortable thead tr .headerSortDown, table.sortable thead tr .headerSortUp {
background-color: #2545C2;
color:#fff;
}

table.userlist { width:900px;}

blockquote p{	padding:0 40px 20px 20px;}
div.recruitmentapply {margin-top:20px;}
div.recruitmentapply span {width:200px; display:block;float:left; padding-left:10px; font-weight:bold;}
div.recruitmentapply span.radio-span {width:100px;}
fieldset {
	width:510px;
	border: 1px solid #CCC;
	background-color:#f8f8f8;
	padding:0 0 5px 0;
	margin:0px 0 15px 0;
	display:block;
}
fieldset h3 {
	width:500px;
	margin:0 0 4px 0;
	line-height:1.7em;
	padding:0 0 0 10px;
	background-color:#e0e0e0;
	font-size:1.1em;
	display:block;
}

.readonly{font-style:italic; color:#999;}

