/* --------------------------------------------------------------------------------------------------------- */
/*  GQ 2010 - Screen Section CSS  					    	 												 */
/*  Ver          : 1.2                                   													 */
/*  Created      : 27 May 2010                           													 */
/*  Last Updated : 1 Feb 2012                           													 */
/*  Note    :                                            													 */
/*  - Reset CSS based on Eric Meyer's Reset CSS v1.0 | 20080212 - http://meyerweb.com/eric/tools/css/reset/  */
/*  - IE6 : IE6 specific styles exist in screen-ie6.css  												     */
/*  - IE7 : IE7 specific styles exist in screen-ie7.css  													 */
/*  - IE8 : IE7 specific styles exist in screen-ie8.css  													 */
/* --------------------------------------------------------------------------------------------------------- */


/*------------------*/
/* Table of Content */
/*------------------*/

/*
0. Reset CSS

1. General
	1.1. Hyperlink
	1.2. Heading
	1.3. Text	

2. Lay-out

3. Header

4. Navigation
	4.1. Accessibility Navigation
	4.2. Main Navigation
	4.3. Search Form
	4.4. Drop Down Menu
		
5. Content
	5.1. Top Content
	5.2. Side Content
	5.3. Main Content
		5.3.1. Main Content - Home
		5.3.2. Main Content - Others
	5.4. Featured Expertise
	5.5. Buttons
	5.6. Page Content
	5.7. People Page
        5.7.1 Filters
    5.8. People Biography
    5.9. Publications
		
6. Footer

7. Table
	
*/

/*--------------*/
/* 0. Reset CSS */
/*--------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*------------*/
/* 1. General */
/*------------*/

body {
behavior: url("css/csshover3.htc");
margin: 0;
padding: 0;
font: 62.5% Arial, Helvetica, Verdana ,sans-serif;
color: #414141;
}

/* 1.1. Hyperlink */

a {
font-size: 1.2em;
color: #414141;
text-decoration: none;
cursor: pointer;
}

a:hover {text-decoration: underline;}

/* 1.2. Heading */

h1, h2, h3, h4 {
margin: 0 0 10px;
line-height: 130%;
font-weight: bold;
color: #54534B;
}

h1{ font-size: 2.4em;}
h2{ font-size: 2em;}
h3{ font-size: 1.8em;}
h4{ font-size: 50px;font-weight:normal;}

.page-content h2  {
font-size:50px;
font-weight:normal;
border-bottom:none !important;
}

.page-content h5 {
padding-top: 10px;
font-size: 20px;
font-weight:normal;
}

/* 1.3. Text */

p {
font-size: 1.2em;
padding: 0 0 10px 0;
}

.bold {font-weight: bold;}
.green {color: #9DAB5F;}

/*------------*/
/* 2. Lay-out */
/*------------*/

.clearboth {clear:both;}

.clear 
{
clear: both;
line-height: 0px;
display: inline-block;
}

div.grand-wrapper /* Important to remove space on the top of page in Opera Browser */ {
margin: 0;
padding: 0;
width: 100%;
position: absolute;
top: 0;
}

div.wrapper {
width: 970px;
margin: 0 auto;
background-color: #FFF;
}

/*-----------*/
/* 3. Header */
/*-----------*/

div.header {
width: 970px;
height: 139px;
}

div.header h1 {
width: 351px;
height: 63px;
background: transparent url("../img/logo-gq.png") no-repeat 0 0;
text-indent: -9999px;
position: relative;
top: 25%;
}

div.header h1 a {
display: block;
width: 351px;
height: 63px;
}

/*---------------*/
/* 4. Navigation */
/*---------------*/

/* 4.1. Accessibility Navigation */

ul.nav-access {
position: absolute;
top: -9999px;
left: -9999px;
}

/* 4.2. Main Navigation */

div.main-navigation {
width: 970px;
height: 21px;
background-color: #9dab5f;
position: relative;
}

div.main-navigation ul li /* IE6 */ {
width: auto;
height: 21px;
display: inline-block;
float: left;
text-align: center;
border-right: 1px solid #FFF;
background-color: #9dab5f;
font-weight: bold;
color: #FFF;
}

div.main-navigation ul li a /* IE6 */ {
height: 21px;
display: inline-block;
color: #FFF;
line-height: 1.7;
padding: 0 20px;
}

div.main-navigation ul li a:hover, div.main-navigation ul li.selected a {
background-color: #42423a;
text-decoration: none;
}

/* 4.3. Search Form */

div.search-form
{
position: relative;
float: right;
}

div.search-form  input.search  /* IE6, IE7, IE8 */
{
width: 120px;
text-align: center;
border: 0;
padding: 0;
margin: 0;
height: 21px;
background-color: #9dab5f;
font-size: 1.1em;
display: inline-block;
float: left;
position: relative;
left: -10px;
}

div.search-form  input.submit /* IE6 */
{
width: 61px;
height: 23px;
border: 0;
background: transparent url("../img/button-go-search.png") no-repeat 0 0;
display: inline-block;
position: relative;
top: -1px;
cursor: pointer;
}

/* 4.4. Drop Down Menu */

div.about-dropdown  {
width: 100px;
padding: 10px 10px 0 10px;
}

div.about-dropdown ul li {
float: left;
width: 100px;
padding: 0 0 5px 0;
}

div.about-dropdown ul li a {
font-weight: bold;
color: #FFF;
}

div.people-dropdown  {
width: 100px;
padding: 10px 10px 0 10px;
}

div.people-dropdown ul li a{
float: left;
width: 100px;
padding: 0 0 5px 0;
}

div.people-dropdown ul li a {
font-weight: bold;
color: #FFF;
}

div.expertise-dropdown  {
width: 200px;
padding: 10px 10px 0 10px;
}

div.expertise-dropdown ul li {
float: left;
width: 200px;
padding: 0 0 5px 0;
}

div.expertise-dropdown ul li a {
font-weight: bold;
color: #FFF;
}

table.bubbletip {margin-top: -20px;}

.bubbletip td.bt-content {background: transparent url("../img/bubbletip-bg.png");}

/*------------*/
/* 5. Content */
/*------------*/

/* 5.1. Top Content */

div.top-content {margin-bottom: 30px;}

div.main-blurb {
width: 970px;
height: 62px;
position: relative;
}

div.main-blurb h2 {
width: 348px;
height: 30px;
background: transparent url("../img/text-slogan.png") no-repeat 0 0;
text-indent: -9999px;
position: relative;
top: 30%;
}

div.main-visual-container {
width: 970px;
height: 250px;
background-color: #9dab5f;
color: #FFF;
overflow: hidden;
}

div.main-visual-container h2 {color: #414141;}

div.main-visual-container a  {
color: #FFF;
font-size: 1.1em;
}

div.contact-section {
width: 205px;
height: 227px;
float: left;
padding: 13px 0 10px 15px;
}

.contact-section h2 {line-height: 100%;}

.contact-section address {
font-size: 1.2em;
font-weight: bold;
font-style: normal;
}

div.visual-section {
width: 750px;
height: 250px;
float: left;
}

div.visual-section img {position: absolute; /* to remove extra space below the main visual on IE6 */}


/* 5.2. Side Content */

div.side-content {
width: 190px;
float: left;
padding: 0 30px 0 0;
}

div.side-content ul li {
width: 190px;
border-top: 1px solid #c4c5c1;
}

div.side-content ul li.first {border-top: 1px solid #121807;}

div.side-content ul li a {
color: #858882;
font-size: 1.4em;
display: inline-block;
padding: 12px 0;
line-height: 1.2;
font-weight: bold;
padding-left: 10px;
width: 180px;
}

div.side-content ul li a:hover  {
background-color:#9DAB5F; 
color: #FFF; 
text-decoration: none;
}

div.side-content ul li.selected a {
background-color:#9DAB5F; 
color: #FFF;
}

/* 5.3. Main Content */

/* 5.3.1. Main Content - Home */

div.home-content {
width: 750px;
float: left;
background: transparent url("../img/gq-swish.jpg") no-repeat 0 0;
}
	
.home-content a {color: #9DAB5F;}

.home-content div.col-1 {
float: left;
width: 430px;
overflow: hidden;
}

.home-content div.col-2 {
width: 305px;
float: right;
padding: 0 0 5px 15px;
}

.profile img {margin: 0 0 10px 0;}

.profile h2 { 
font-size: 1.2em;
font-weight: normal;
color: #9DAB5F;
line-height: 150%;
border-bottom: 1px solid #121807;
}

.profile li {
font-size: 1.2em;
padding: 0 0 10px 25px;
display: inline-block;
position: relative; /* important for IE6 to display the icon properly */
float: left;
}

.profile li  a {font-size: 1em;}

.profile li.phone {
background: transparent url("../img/icon-phone.gif") no-repeat 0 0;
margin: 0 73px 0 0;
}

.profile li.email {background: transparent url("../img/icon-email.gif") no-repeat 0 3px;}

.profile li.vcard {background: transparent url("../img/icon-vcard.png") no-repeat 0 3px;}
li.vcard {background: transparent url("../img/icon-vcard.gif") no-repeat 1px 3px !important;}

div.cta {margin: 0px 0 15px 0;}

.cta a.right-button {
position: relative;
left: 10px;
}

/* 5.3.2. Main Content - Others */

div.main-content {
width: 750px;
float: left;
}

.main-content a {color: #9DAB5F;}

div.page-content {line-height: 1.4;}

div.page-content div.right-content {
width:270px;
padding: 0 0 0 10px;
float:right;
}

div.page-content div.left-content {
width: 470px;
float:left;
}

/* 5.4. Featured Expertise */

div.featured-expertise  {
clear: both;
border-top: 1px solid #121807;
padding: 15px 0 0 0;
display: inline-block; /* Important to avoid unnecessary spacing in IE6 & IE7 */
}

div.featured-expertise-list {
margin: 0 0 10px;
width: 750px;
overflow: hidden;
position: relative;
}

div.featured-expertise-list ul {position: relative;}

ul.featured-expertise li {
width: 223px;
height: 169px;
float: left;
padding: 10px 20px 0 10px;
position: relative;
}

ul.featured-expertise li.edge {
width: 233px;
padding-right: 0;
}

ul.featured-expertise li h2 {
line-height: 1;
margin: 0 0 5px;
}

div.carousel-control {
position:relative;
z-index:3;
}

ul.carousel-control {float: right;}

ul.carousel-control li {
float: left;
font-size: 1.2em;
color: #a3b068;
padding: 0 5px;
}

ul.carousel-control li.divider {border-right: 1px solid #a3b068;}
ul.carousel-control li.total-page{padding-left: 0;}
ul.carousel-control li.control {padding: 0;}

ul.carousel-control li a {
font-size: 1em;
color: #a3b068;
}

ul.carousel-control li a:hover {
color: #333333;
text-decoration: none;
}

ul.carousel-control li a:hover span  {
text-decoration: none;
background-color: #9DAB5F;
}

ul.carousel-control li a.button {
font-size: 1.4em;
height: 20px;
margin: 0;
padding: 0 10px;
}

ul.carousel-control li a.button span {
position: relative;
top: -1px;
}

ul.carousel-control li.selected a {color: #333333;}

ul.carousel-control li span.arrow /* IE6 */ {
position: relative;
top: -2px;
padding: 0 10px 1px 10px;
background-color: #42423a;
color: #FFF;
font-size: 1.2em;
cursor: pointer;
}

ul.carousel-control li span.arrow:hover {background-color: #9DAB5F;}

/* 5.5. Buttons */

div.content a.button {
margin: 10px 0 0 0;
padding: 2px 15px;
display: inline-block;
font-size: 1.2em;
font-weight: bold;
background-color: #42423a;
color: #FFF;
}

div.content a:hover.button {
text-decoration: none;
background-color: #9dab5f;
}

div.contact-section a:hover.button {
background-color: #42423a;
color: #FFF;
}

ul.featured-expertise li a.button {
position: absolute;
bottom: 25px;
right: 25px;
}

/* 5.6. Page Content */

div.page-content {
width: 750px;
float: left;
min-height:567px;
height:auto!important;
height:567px;
}

.page-content ol, .page-content ul,.page-content .left-content ol, .page-content .left-content ul  {margin: 0 0 10px 10px;}

.page-content .left-content ul li  {position:relative;}

.page-content li {
background: transparent url("../img/bullet-point.gif") no-repeat 0 7px;
font-size:12px;
padding: 0 0 0 15px;
}

.page-content li p {
font-size: 1em;
padding-bottom: 0; 
}

.page-content h2 {border-bottom: 1px solid #000;}
.page-content .blurb {font-weight:bold; padding-top: 5px; padding-bottom: 5px;}
.page-content .border-bottom {width:100%;border-bottom:1px solid #858882;}

/* 5.7. People Page */

div.heading {
font-size:18px;
clear:both;
border-top: 1px solid #d0d0d0;
padding-top:15px;
padding-bottom:10px;
display:block;
}

ul.people {
margin: 0;
width: 750px;
overflow: hidden;
}

.people li {
float: left;
margin: 0 25px 20px 0;
padding: 10px;
border: 1px solid #9f9f9f;
width: 328px;
height: 60px;
background: #bebdbd url(../img/bg-people-details.png) repeat-x 0 0;
overflow: hidden;
position: relative;
}

.people img {
float: left;
border: 1px solid #FFF;
width: 70px;
height: 57px;
overflow: hidden;
}

.people a.more-link {
font-size: 11px;
position: absolute;
bottom: 5px;
right: 10px;
}

.people .people-info {
float: right;
width: 246px;
height: 60px;
padding: 0 0 0 10px;
font-size: 12px;
overflow: hidden;
}

li.phone, span.phone {background: transparent url("../img/icon-phone.gif") no-repeat 0 0;}
li.email, span.email {background: transparent url("../img/icon-email.gif") no-repeat 1px 3px;}
li.mobile, span.mobile {background: transparent url("../img/icon-mobile.gif") no-repeat 4px 1px;}

.people-info a {font-size: 12px;}
.people-info span {display: block;}
.people-info span.phone, .people-info span.email {padding-left: 25px;}
.people-info .name a {font-size: 13px;}
.people-info .name strong {font-size: 15px;}

/* 5.7.1 Filters */

#Filter
{
width:100%;
padding-top:20px;
padding-bottom:50px;
}

span.Title {
display: block;
Font-size: 18px;
font-weight:bold;   
margin: 0 0 5px;
}

span.filter-title {

font-size: 12px;
font-weight:bold;
}

#Filter .title-filter-group 
{
float:left;
width:140px;
}

#Filter .expertise-filter-group 
{
float:left;
width: 275px;
}

#Filter .name-filter-group 
{
float:left;
width:140px;
}

#Filter .filter-group-spacer
{
float:left;
width:28px;
}

/* 5.8. People Biography */

#biography .left-container {
width:278px;
float:left;
}

#biography .left-container .image {width:209px;}

#biography .left-container .info-container {
float:left;
width:283px;
}

#biography .left-container .info-container .qualifications
{
font-size:14px;
margin-top: 10px;
padding-bottom:15px;
border-bottom:1px solid #d0d0d0;
margin-bottom: 15px;
}

#biography .left-container .info-container ul.contactlist
{
font-size: 1.2em;
padding: 0 0 15px 0;
position: relative; /* important for IE6 to display the icon properly */
text-indent: 30px;
}

/*ul.contactlist .phone {font-size:12px; background: transparent url("../img/icon-phone.gif") no-repeat 1% 20%;}
ul.contactlist .email {font-size:12px;color: #9DAB5F; background: transparent url("../img/icon-email.gif") no-repeat 2% 60%;}*/

ul.contactlist li  {
list-style-type:none !important;
margin: 0 0 5px;
}

ul.contactlist li a
{
color: #9DAB5F;
font-size: 13px !important;
}

#biography .left-container .info-container .expertise a
{
color: #9DAB5F;
font-size: 14px;
}

#biography .left-container .info-container .qualifications
{
font-size: 15px;
font-weight:normal;
}

#biography .left-container .info-container .qualifications span.name 
{
font-size: 15px;
font-weight:bold;
}

#biography .content-block 
{
padding-bottom: 15px;
float:right;
width:422px;
}

#biography .content-block h3 {font-weight:normal;}

#biography .content-block p
{
font-size: 13px;
font-weight:normal;
}

#biography div.expertise a
{
display: inline-block;
margin-bottom: 5px;
}

/* 5.9. Publications Page */

div.publication-container {padding: 30px 0 0 0;}

ul.publication-list {max-height: 400px;margin: 0 0 30px 0;}

ul.publication-list li 
{
padding: 0 0 20px 0;
background-image: none;
}

ul.publication-list li h4 {padding: 0;}

ul.publication-list li a
{
color: #9dab5f;
font-weight: bold;
}

div.publication-container ul.last {border-bottom: 0;}

.nobullet
{
    list-style-type:none !important; 
}

/*-----------*/
/* 6. Quotes */
/*-----------*/

#Quote .top 
{
width:269px;
height:33px;
background: url(../img/quote/top.png) no-repeat;
}

#Quote .middle
{
width:269px;
background: url(../img/quote/mid.png) repeat-y;
color:#fff;
}

#Quote .middle p
{
position:relative;
margin-top:-3px;
font-size:18px;
background:transparent;
left:40px;
width:200px;
}

#Quote .bottom
{
width:269px;
height:45px;
background: url(../img/quote/bottom.png) no-repeat;
}

/* 6.1 Contact Page */

div.location 
{
clear:both;
width:750px;
}


div.location div.map
{
width:300px;
float:left;
}

div.location div.map img {border: 1px solid #000;}

div.location div.map a.ViewLarger
{
display: block;
font-size: 12px;
padding: 5px 0 10px 0;
color: #858882;
}

div.location div.details
{
width:400px;
float:left;
padding: 30px 0 0 0;
}

div.location div.details span.Office {font-size: 2em;}

div.location div.details div.Address
{
font-size: 1.2em;
padding-top: 5px;
padding-bottom:10px;
}

div.location div.details div.Address p {font-size: 1em;}
div.location div.details ul.contact {margin-left: 0;}

div.location div.details ul.contact li
{
font-size:1.2em;
line-height:25px;
padding: 0 0 0 25px;
position: relative;
top: 3px;
}

div.location div.details ul.contact li.Phone  {background: transparent url("../img/icon/icon-phone.png") no-repeat 0 2px;}
div.location div.details ul.contact li.Fax  {background: transparent url("../img/icon/icon-fax.png") no-repeat 0 2px;}
div.location div.details ul.contact li.Email {background: transparent url("../img/icon/icon-email.png") no-repeat 0 2px;}
div.location div.details ul.contact li a  {font-size: 1.1em;}

ul.contact li 
{
    list-style-type:none !important;
}


/* 6.5 Overlays */

.LargeMap
{
/* must be initially hidden */
display:none;

/* place overlay on top of other elements */
z-index:10000;

height:500px;
width:500px;

/* styling */
background-color:#666;
padding:10px;

border:1px solid #555;

/* CSS3 styling for latest browsers */
-moz-box-shadow:0 0 90px 5px #555;
-webkit-box-shadow: 0 0 90px #555;	
}

/* close button positioned on upper right corner */
.LargeMap .close 
{
background-image:url("../img/icon/close.png");
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:25px;
width:25px;
}

/* 6.6 Search */

#searchResultsContainer  {font-size:12px;}
#searchResultsContainer table tr td {padding:5px;}
#searchResultsContainer .searchResultText {font-size:12px;}
#SearchResultsPaging span {font-size:12px !IMPORTANT; }

#SearchResultsPaging span a
{
font-size:12px;
color:blue;
text-decoration: underline;
}

#Search span {font-size:18px;}
#searchResultsContainer div table tbody tr td div a { color:#9DAB5F !important;}
#searchResultsContainer div table tbody tr td div div a {color:#414141 !important;}

/*-----------*/
/* 7. Footer */
/*-----------*/

div.footer /* IE6, IE7 */
{
clear: both;
width: 970px;
height: 64px;
background: transparent url("../img/logo-gq-footer.png") no-repeat 10px 30px;
position: relative;
top: -20px;
z-index:1;
}

div.copy /* IE7 */
{
font-size: 1.2em;
float: right;
width: 750px;
text-align: right;
border-top: 1px solid #121807;
padding: 7px 0 0 0;
margin: 53px 0 0 0;
}
	
	.copy a {font-size: 1em;}
		
		.copy a.fb img
		{
		vertical-align: middle;
		}
		
	.copy span.separator 
	{
	position: relative;
	top: -1px;
	}
	
/*----------*/
/*---NEWS---*/
/*----------*/
ul.news-list
{
width:100%;
list-style:none !important;
margin:0 0 0 0 !important;
}
ul.news-list li
{
margin:0;
padding:0 !important;
list-style:none !important;
list-style-image: none !important;
background:none;
}
ul.news-list li img
{
float:left;
margin:0 5px 0 0;
}

/*-----------*/
/* 10. MISC  */
/*-----------*/
.terms-and-conditions-link:hover
{
    text-decoration:none !Important;
}

.terms-and-conditions
{
    width: 176px;
    height: 19px;
    background: url('../img/our_terms_and_conditions.gif') no-repeat 0% 0%;
}
.terms-and-conditions:hover
{
    width: 176px;
    height: 19px;
    background: url('../img/our_terms_and_conditions.gif') no-repeat 0% 100%;
}


/* panels sprites */
#featured-expertise-sprite li { background: url(../img/panels/panels-sprite-med.jpg) no-repeat top left; }
li.sprite-panel_commercial{ background-position: 0 0 !important; width: 243px; height: 178px; } 
li.sprite-panel_construction{ background-position: 0 -179px !important; width: 243px; height: 178px; } 
li.sprite-panel_courts_disputes{ background-position: 0 -358px !important; width: 243px; height: 178px; } 
li.sprite-panel_elder_law{ background-position: 0 -537px !important; width: 243px; height: 178px; } 
li.sprite-panel_employment{ background-position: 0 -716px !important; width: 243px; height: 178px; } 
li.sprite-panel_environment{ background-position: 0 -895px !important; width: 243px; height: 178px; } 
li.sprite-panel_family{ background-position: 0 -1074px !important; width: 243px; height: 178px; } 
li.sprite-panel_imigration{ background-position: 0 -1253px !important; width: 243px; height: 178px; } 
li.sprite-panel_local_government{ background-position: 0 -1432px !important; width: 243px; height: 178px; } 
li.sprite-panel_property{ background-position: 0 -1611px !important; width: 243px; height: 178px; } 
li.sprite-panel_rural{ background-position: 0 -1790px !important; width: 243px; height: 178px; } 
li.sprite-panel_trust_asset_protection{ background-position: 0 -1969px !important; width: 243px; height: 178px; } 

.bubbletip
{
	position: absolute;
	z-index: 50;
	border-collapse: collapse;
}
.bubbletip td.bt-topleft
{
	background: transparent url(../img/bubbletip.png) no-repeat scroll 0px 0px;
	height: 33px;
	width: 33px;
}
.bubbletip td.bt-top
{
	background: transparent url(../img/bubbletip-T-B.png) repeat-x scroll 0px 0px;
	height: 33px;
}
.bubbletip td.bt-topright
{
	background: transparent url(../img/bubbletip.png) no-repeat scroll -73px 0px;
	height: 33px;
	width: 33px;
}
.bubbletip td.bt-left-tail div.bt-left, .bubbletip td.bt-left
{
	background: transparent url(../img/bubbletip-L-R.png) repeat-y scroll 0px 0px;
	width: 33px;
}
.bubbletip td.bt-left-tail div.bt-left-tail
{
	background: transparent url(../img/bubbletip.png) no-repeat scroll 0px -33px;
	width: 33px;
	height: 40px;
}
.bubbletip td.bt-right-tail div.bt-right, .bubbletip td.bt-right
{
	background: transparent url(../img/bubbletip-L-R.png) repeat-y scroll -33px 0px;
	width: 33px;
}
.bubbletip td.bt-right-tail div.bt-right-tail
{
	background: transparent url(../img/bubbletip.png) no-repeat scroll -73px -33px;
	width: 33px;
	height: 40px;
}
.bubbletip td.bt-bottomleft
{
	background: transparent url(../img/bubbletip.png) no-repeat scroll 0px -73px;
	height: 33px;
	width: 33px;
}
.bubbletip td.bt-bottom
{
	background: transparent url(../img/bubbletip-T-B.png) repeat-x scroll 0px -33px;
	height: 33px;
}
.bubbletip td.bt-bottomright
{
	background: transparent url(../img/bubbletip.png) no-repeat scroll -73px -73px;
	height: 33px;
	width: 33px;
}
.bubbletip table.bt-top, .bubbletip table.bt-bottom
{
	width: 100%;
}
.bubbletip table.bt-top th
{
	width: 50%;
	background: transparent url(../img/bubbletip-T-B.png) repeat-x scroll 0px 0px;
}
.bubbletip table.bt-bottom th
{
	width: 50%;
	background: transparent url(../img/bubbletip-T-B.png) repeat-x scroll 0px -33px;
}
.bubbletip table.bt-top td div
{
	background: transparent url(../img/bubbletip.png) no-repeat scroll -33px 0px;
	width: 40px;
	height: 33px;
}
.bubbletip table.bt-bottom td div
{
	background: transparent url(../img/bubbletip.png) no-repeat scroll -33px -73px;
	width: 40px;
	height: 33px;
}
.bubbletip td.bt-content
{
	vertical-align: middle;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../js/fancybox/../js/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('../js/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('../js/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../js/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../js/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../js/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../js/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../js/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../js/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../js/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../js/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../js/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../js/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../js/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('../js/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('../js/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('../js/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.thelawyers.co.nz/js/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.thelawyers.co.nz/js/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.thelawyers.co.nz/js/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.thelawyers.co.nz/js/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.thelawyers.co.nz/js/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.thelawyers.co.nz/js/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.thelawyers.co.nz/js/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.thelawyers.co.nz/js/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }